@subiz/widget-v4 4.1.61 → 4.1.63

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

@@ -1,6 +1,6 @@
-(self["webpackChunk_subiz_widget_v4"] = self["webpackChunk_subiz_widget_v4"] || []).push([[841],{
+(self["webpackChunk_subiz_widget_v4"] = self["webpackChunk_subiz_widget_v4"] || []).push([[497],{
 
-/***/ 8841:
+/***/ 1497:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -13,19 +13,19 @@ __webpack_require__.d(__webpack_exports__, {
 });
 
 // EXTERNAL MODULE: ./src/util/index.js + 3 modules
-var util = __webpack_require__(4494);
+var util = __webpack_require__(1405);
 // EXTERNAL MODULE: ./src/common.js
-var common = __webpack_require__(2493);
+var common = __webpack_require__(2840);
 // EXTERNAL MODULE: ./node_modules/preact/dist/preact.module.js
-var preact_module = __webpack_require__(6400);
+var preact_module = __webpack_require__(172);
 ;// CONCATENATED MODULE: ./src/chatbox/Emoji.js
 
 
 
-class Emoji extends common/* Com */.up {
+class Emoji extends common/* Com */.Mw {
   render() {
     var emojiCode = this.props.emojiCode;
-    if (util/* default */.Z.size(emojiCode) < 3) return null;
+    if (util/* default */.A.size(emojiCode) < 3) return null;
     var emojiText = emojiCode.replace(/:/g, '');
     return (0,preact_module.h)("i", {
       "data-tooltip": emojiCode,
@@ -36,11 +36,11 @@ class Emoji extends common/* Com */.up {
 ;// CONCATENATED MODULE: ./src/chatbox/ChatButton.js
 
 
-var defaultBubble = __webpack_require__(6755);
-let defaultAvatar = __webpack_require__(4761);
+var defaultBubble = __webpack_require__(1108);
+let defaultAvatar = __webpack_require__(2538);
 
 
-class ChatButton extends common/* Com */.up {
+class ChatButton extends common/* Com */.Mw {
   constructor(props) {
     super(props);
     this.setState({
@@ -51,11 +51,11 @@ class ChatButton extends common/* Com */.up {
     this.loadGreeting();
     this.props.store.onUpdate(this, _ => this.forceUpdate());
     this.props.store.onConvoEvent(this, ev => {
-      if (util/* default */.Z.get(ev, 'type') !== 'message_sent') return;
-      let bytype = util/* default */.Z.get(ev, 'by.type');
+      if (util/* default */.A.get(ev, 'type') !== 'message_sent') return;
+      let bytype = util/* default */.A.get(ev, 'by.type');
       if (bytype !== 'system' && bytype !== 'agent') return;
       let isquickreplies = false;
-      util/* default */.Z.map(util/* default */.Z.get(ev, 'data.message.attachments', []), att => {
+      util/* default */.A.map(util/* default */.A.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 */.Z.cloneDeep(chatbox);
-    if (util/* default */.Z.get(chatbox, 'desktop_button.background_image_url')) {
+    chatbox = util/* default */.A.cloneDeep(chatbox);
+    if (util/* default */.A.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 */.Z.get(chatbox, 'desktop_button.background_mask_url')) {
+    if (util/* default */.A.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 */.Z.get(chatbox, 'mobile_button.background_image_url')) {
+    if (util/* default */.A.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 */.Z.get(chatbox, 'mobile_button.background_mask_url')) {
+    if (util/* default */.A.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 */.Z.get(accountSetting, 'desktop_button.position') || 'right';
+    let position = util/* default */.A.get(accountSetting, 'desktop_button.position') || 'right';
     if (this.props.store.isMobile()) {
-      position = util/* default */.Z.get(accountSetting, 'mobile_button.position') || position;
-      let hiddenButtonMobile = util/* default */.Z.get(accountSetting, 'mobile_button.hidden');
+      position = util/* default */.A.get(accountSetting, 'mobile_button.position') || position;
+      let hiddenButtonMobile = util/* default */.A.get(accountSetting, 'mobile_button.hidden');
       if (hiddenButtonMobile) return null;
     }
-    let hiddenButtonDesktop = util/* default */.Z.get(accountSetting, 'desktop_button.hidden');
+    let hiddenButtonDesktop = util/* default */.A.get(accountSetting, 'desktop_button.hidden');
     if (hiddenButtonDesktop) return null;
     let cls = 'widget-layout widget-layout--' + position;
     let opacity = this.state.opacity;
@@ -112,14 +112,14 @@ class ChatButton extends common/* Com */.up {
   }
   ShowGreeting() {
     if (this.props.store.isMobile()) {
-      let accid = util/* default */.Z.get(this.props.plugin, 'chatbox.account_id', {});
+      let accid = util/* default */.A.get(this.props.plugin, 'chatbox.account_id', {});
       if (accid === 'acqjeefqeaoiagyfprap') return;
     }
-    let greeting = util/* default */.Z.get(this.props.plugin, 'chatbox.greeting', {});
+    let greeting = util/* default */.A.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 */.Z.get(greeting, 'greeting', {})) || greeting.message;
+    let text = this.props.t.i18n(util/* default */.A.get(greeting, 'greeting', {})) || greeting.message;
     this.setState({
       previewEvent: {
         by: {
@@ -143,9 +143,9 @@ class ChatButton extends common/* Com */.up {
   }
   loadGreeting() {
     let accountSetting = this.props.plugin.chatbox;
-    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 (new util/* default */.A.Date().getTime() - this.props.store.matchClosePreviewAt() < Ms30Mins) return;
+    let greeting = util/* default */.A.get(accountSetting, 'greeting', {});
+    let text = this.props.t.i18n(util/* default */.A.get(greeting, 'greeting', {})) || greeting.message;
     if (!text || !greeting.enabled) {
       this.setState({
         previewEvent: {}
@@ -156,8 +156,8 @@ class ChatButton extends common/* Com */.up {
   }
   onClick() {
     let lastview = this.props.store.matchLastview();
-    if (util/* default */.Z.get(lastview, 'view')) {
-      if (lastview.view !== 'list' || util/* default */.Z.size(this.props.store.matchConvo('*')) > 0) {
+    if (util/* default */.A.get(lastview, 'view')) {
+      if (lastview.view !== 'list' || util/* default */.A.size(this.props.store.matchConvo('*')) > 0) {
         return this.props.onClick && this.props.onClick(Object.assign({}, lastview.opts, {
           view: lastview.view
         }));
@@ -166,10 +166,10 @@ class ChatButton extends common/* Com */.up {
     return this.onPreviewClick();
   }
   onPreviewClick(e) {
-    let cid = util/* default */.Z.convoOfEv(this.state.previewEvent);
+    let cid = util/* default */.A.convoOfEv(this.state.previewEvent);
     if (!cid) {
-      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));
+      let convos = util/* default */.A.map(this.props.store.matchConvo('*'));
+      let convo = util/* default */.A.find(convos, convo => !util/* default */.A.isConvoSeen(convo, this.props.store.matchUser().id));
       if (!convo) convo = convos[0] || {};
       cid = convo.id;
     }
@@ -189,24 +189,24 @@ class ChatButton extends common/* Com */.up {
   renderPreview() {
     let account = this.props.store.matchAccount();
     let accountSetting = this.props.plugin.chatbox;
-    let byid = util/* default */.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');
+    let byid = util/* default */.A.get(this.state.previewEvent, 'by.display_id', util/* default */.A.get(this.state.previewEvent, 'by.id'));
+    let agent = util/* default */.A.cloneDeep(this.props.store.matchAgent(byid)) || {};
+    agent.fullname = agent.fullname || util/* default */.A.get(account, 'name') || this.props.t('agent');
     agent.avatar_url = agent.avatar_url || defaultAvatar;
-    let position = util/* default */.Z.get(accountSetting, 'desktop_button.position') || 'right';
+    let position = util/* default */.A.get(accountSetting, 'desktop_button.position') || 'right';
     if (this.props.store.isMobile()) {
-      position = util/* default */.Z.get(accountSetting, 'mobile_button.position') || position;
+      position = util/* default */.A.get(accountSetting, 'mobile_button.position') || position;
     }
     if (accountSetting && accountSetting.hide_agent_profile) {
       agent = Object.assign({}, account, {
-        avatar_url: account.logo_url || __webpack_require__(9895),
+        avatar_url: account.logo_url || __webpack_require__(3582),
         fullname: account.name || this.props.t('agent')
       });
     }
     let cls = 'widget-preview widget-preview--' + position;
     if (!this.state.displayPreview) cls += ' widget-preview--hidden';
     var tags = this.renderMessagePreview(this.state.previewEvent, this.props.t('sent_you_a_message'));
-    if (util/* default */.Z.size(tags) === 0) cls += ' widget-preview--hidden';
+    if (util/* default */.A.size(tags) === 0) cls += ' widget-preview--hidden';
     return (0,preact_module.h)("div", {
       class: cls
     }, (0,preact_module.h)("div", {
@@ -249,16 +249,20 @@ class ChatButton extends common/* Com */.up {
   renderButton() {
     let accountSetting = this.props.plugin.chatbox;
     accountSetting = this.fixMissingSetting(accountSetting);
-    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');
+    let imgsrc = util/* default */.A.get(accountSetting, 'desktop_button.background_image_url') || util/* default */.A.get(accountSetting, 'desktop_button.background_mask_url') || defaultBubble;
+    let background = util/* default */.A.get(accountSetting, 'background') || DEF_BG;
+    let position = util/* default */.A.get(accountSetting, 'desktop_button.position') || 'right';
+    let imgurl = util/* default */.A.get(accountSetting, 'desktop_button.background_image_url');
+    let maskurl = util/* default */.A.get(accountSetting, 'desktop_button.background_mask_url');
+    let imgwidth = util/* default */.A.get(accountSetting, 'desktop_button.width') || 70;
+    let imgheight = util/* default */.A.get(accountSetting, 'desktop_button.height') || 70;
     if (this.props.store.isMobile()) {
-      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');
+      imgsrc = util/* default */.A.get(accountSetting, 'mobile_button.background_image_url') || util/* default */.A.get(accountSetting, 'mobile_button.background_mask_url') || imgsrc;
+      position = util/* default */.A.get(accountSetting, 'mobile_button.position') || position;
+      let mobileimgurl = util/* default */.A.get(accountSetting, 'mobile_button.background_image_url');
+      let mobilemaskurl = util/* default */.A.get(accountSetting, 'mobile_button.background_mask_url');
+      imgwidth = util/* default */.A.get(accountSetting, 'mobile_button.width') || 70;
+      imgheight = util/* default */.A.get(accountSetting, 'mobile_button.height') || 70;
       if (mobileimgurl || mobilemaskurl) {
         imgurl = mobileimgurl;
         maskurl = mobilemaskurl;
@@ -277,8 +281,9 @@ class ChatButton extends common/* Com */.up {
 				-o-mask-image: url("${encodeURI(DEF_BG_URL)}") !important;
 				-moz-mask-image: url("${encodeURI(DEF_BG_URL)}") !important;
 				mask-image: url("${encodeURI(DEF_BG_URL)}") !important;
-				height: 70px !important;
-				width: 70px !important;
+				height: ${imgheight}px !important;
+				width: ${imgwidth}px !important;
+				background: ${background} !important;
 				background: ${background} !important;
         mask-size: cover !important;
         -webkit-mask-size: cover !important;
@@ -313,8 +318,8 @@ class ChatButton extends common/* Com */.up {
 				-o-mask-image: url("${encodeURI(maskurl)}") !important;
 				-moz-mask-image: url("${encodeURI(maskurl)}") !important;
 				mask-image: url("${encodeURI(maskurl)}") !important;
-				height: 70px !important;
-				width: 70px !important;
+				height: ${imgheight}px !important;
+				width: ${imgwidth}px !important;
 				background: ${background} !important;
         -webkit-mask-size: cover !important;
         -o-mask-size: cover !important;
@@ -323,11 +328,17 @@ class ChatButton extends common/* Com */.up {
 			`;
     }
     let cls = 'chat-button chat-button--' + position;
+    let whiteBgStyle = `
+			width: ${imgwidth - 4}px !important;
+			height: ${imgheight - 4}px !important;
+
+    `;
     return (0,preact_module.h)("div", {
       class: cls,
       onClick: e => this.onClick(e)
     }, (0,preact_module.h)("div", {
-      class: whitebgcls
+      class: whitebgcls,
+      style: whiteBgStyle
     }), (0,preact_module.h)("div", {
       class: "chat-button--img-container",
       style: imgcontainerstyle
@@ -354,14 +365,14 @@ class ChatButton extends common/* Com */.up {
   }
   renderMessagePreview(ev, defmsg) {
     defmsg = defmsg || 'Sent you a message';
-    let message = util/* default */.Z.get(ev, 'data.message.text');
-    var format = util/* default */.Z.get(ev, 'data.message.format');
+    let message = util/* default */.A.get(ev, 'data.message.text');
+    var format = util/* default */.A.get(ev, 'data.message.format');
     if (format === 'delta') return this.renderDeltaMessagePreview(ev, defmsg);
     if (format && format !== 'plaintext') message = defmsg;
-    if (!message && util/* default */.Z.size(util/* default */.Z.get(ev, 'data.message.attachments')) > 0) message = defmsg;
+    if (!message && util/* default */.A.size(util/* default */.A.get(ev, 'data.message.attachments')) > 0) message = defmsg;
     if (!message) return null;
-    let byType = util/* default */.Z.get(ev, 'by.type');
-    var tags = util/* default */.Z.extractText(message).map(tag => {
+    let byType = util/* default */.A.get(ev, 'by.type');
+    var tags = util/* default */.A.extractText(message).map(tag => {
       if (tag.type === 'emoji') return (0,preact_module.h)(Emoji, {
         emojiCode: tag.text,
         byType: byType
@@ -372,17 +383,17 @@ class ChatButton extends common/* Com */.up {
   }
   renderDeltaMessagePreview(ev, defmsg) {
     defmsg = defmsg || 'Sent you a message';
-    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;
+    let message = util/* default */.A.get(ev, 'data.message.quill_delta');
+    if (!message && util/* default */.A.size(util/* default */.A.get(ev, 'data.message.attachments')) > 0) message = defmsg;
     if (!message) return;
-    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 quilldeltas = util/* default */.A.parseJSON(message) || {};
+    if (!quilldeltas || util/* default */.A.size(quilldeltas.ops) === 0) return null;
+    let $deltas = util/* default */.A.map(quilldeltas.ops, delta => {
       let html = '';
       let insert = delta.insert;
       let attributes = delta.attributes;
       if (insert.dynamicField) {
-        return util/* default */.Z.get(insert, 'dynamicField.text', '');
+        return util/* default */.A.get(insert, 'dynamicField.text', '');
       }
       if (insert.emoji) return (0,preact_module.h)(Emoji, {
         emojiCode: `:${insert.emoji}:`
@@ -407,17 +418,17 @@ class ChatButton extends common/* Com */.up {
   }
 }
 function randomAgent(agentM) {
-  var agents = util/* default */.Z.filter(agentM, ag => ag.type === 'agent');
-  return agents[Math.floor(Math.random() * util/* default */.Z.size(agents))] || {};
+  var agents = util/* default */.A.filter(agentM, ag => ag.type === 'agent');
+  return agents[Math.floor(Math.random() * util/* default */.A.size(agents))] || {};
 }
 const Ms30Mins = 30 * 60 * 1000;
 const DEF_BG_URL = 'https://vcdn.subiz-cdn.com/file/bubble_11.svg?v=5';
 const DEF_BG = 'linear-gradient(280.16deg, #0053d3 22.03%, #0265ff 78.2%)';
 ;// CONCATENATED MODULE: ./src/chatbox/PoweredBy.js
-var logo = __webpack_require__(8430);
+var logo = __webpack_require__(9529);
 
 
-class PoweredBy extends common/* Com */.up {
+class PoweredBy extends common/* Com */.Mw {
   constructor(props) {
     super(props);
   }
@@ -445,7 +456,7 @@ class PoweredBy extends common/* Com */.up {
 
 
 
-class AgentsAvatar extends common/* Com */.up {
+class AgentsAvatar extends common/* Com */.Mw {
   constructor(props) {
     super(props);
   }
@@ -466,21 +477,21 @@ class AgentsAvatar extends common/* Com */.up {
         height: 35,
         alt: "agent avatar left",
         class: "avatar group-avatar--agent-left",
-        src: this.props.store.replaceFileUrl(acc.logo_url) || __webpack_require__(9895)
+        src: this.props.store.replaceFileUrl(acc.logo_url) || __webpack_require__(3582)
       })));
     }
     let agentM = this.props.store.matchAgent('*');
-    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]);
+    var agents = util/* default */.A.map(this.props.agent_ids, id => agentM[id]);
+    if (this.props.agent_ids === undefined || util/* default */.A.size(this.props.agent_ids) === 0) {
+      var agids = util/* default */.A.get(accountSetting, 'header.agent_ids', []);
+      agids = util/* default */.A.filter(agids, id => !!agentM[id]);
       if (agids.length !== 0) {
-        agents = util/* default */.Z.map(agids, id => agentM[id]);
+        agents = util/* default */.A.map(agids, id => agentM[id]);
       } else {
-        agents = util/* default */.Z.filter(agentM, agent => agent.type === 'agent');
+        agents = util/* default */.A.filter(agentM, agent => agent.type === 'agent');
       }
     }
-    agents = util/* default */.Z.filter(agents, ag => !!ag);
+    agents = util/* default */.A.filter(agents, ag => !!ag);
     if (agents.length === 0) {
       return (0,preact_module.h)("div", {
         class: `group-avatar group-avatar--${mode}`
@@ -493,7 +504,7 @@ class AgentsAvatar extends common/* Com */.up {
         height: 35,
         alt: "agent avatar left",
         class: "avatar group-avatar--agent-left",
-        src: this.props.store.replaceFileUrl(acc.logo_url) || __webpack_require__(9895)
+        src: this.props.store.replaceFileUrl(acc.logo_url) || __webpack_require__(3582)
       })));
     }
     if (agents.length === 1) {
@@ -510,7 +521,7 @@ class AgentsAvatar extends common/* Com */.up {
         height: 35,
         class: `avatar ${groupClass}`,
         alt: "agent avatar",
-        src: this.props.store.replaceFileUrl(agent.avatar_url) || __webpack_require__(4761)
+        src: this.props.store.replaceFileUrl(agent.avatar_url) || __webpack_require__(2538)
       })));
     }
     if (agents.length === 2) {
@@ -527,7 +538,7 @@ class AgentsAvatar extends common/* Com */.up {
         height: 35,
         alt: "agent avatar left",
         class: "avatar group-avatar--agent-left",
-        src: this.props.store.replaceFileUrl(leftAgent.avatar_url) || __webpack_require__(4761)
+        src: this.props.store.replaceFileUrl(leftAgent.avatar_url) || __webpack_require__(2538)
       })), (0,preact_module.h)("div", {
         class: "d-inline-block pos-relative",
         "data-tooltip": rightAgent.fullname || acc.name,
@@ -537,7 +548,7 @@ class AgentsAvatar extends common/* Com */.up {
         width: 35,
         height: 35,
         class: "avatar group-avatar--agent-right",
-        src: this.props.store.replaceFileUrl(rightAgent.avatar_url) || __webpack_require__(4761)
+        src: this.props.store.replaceFileUrl(rightAgent.avatar_url) || __webpack_require__(2538)
       })));
     }
     let leftAgent = agents[0];
@@ -554,7 +565,7 @@ class AgentsAvatar extends common/* Com */.up {
       height: 35,
       alt: "agent avatar left",
       class: "avatar group-avatar--agent-left",
-      src: this.props.store.replaceFileUrl(leftAgent.avatar_url) || __webpack_require__(4761)
+      src: this.props.store.replaceFileUrl(leftAgent.avatar_url) || __webpack_require__(2538)
     })), (0,preact_module.h)("div", {
       class: "d-inline-block pos-relative",
       "data-tooltip": middleAgent.fullname || acc.name,
@@ -564,7 +575,7 @@ class AgentsAvatar extends common/* Com */.up {
       width: 35,
       height: 35,
       class: "avatar group-avatar--agent-middle",
-      src: this.props.store.replaceFileUrl(middleAgent.avatar_url) || __webpack_require__(4761)
+      src: this.props.store.replaceFileUrl(middleAgent.avatar_url) || __webpack_require__(2538)
     })), (0,preact_module.h)("div", {
       class: "d-inline-block pos-relative",
       "data-tooltip": rightAgent.fullname || acc.name,
@@ -574,7 +585,7 @@ class AgentsAvatar extends common/* Com */.up {
       height: 35,
       alt: "agent avatar right",
       class: "avatar group-avatar--agent-right",
-      src: this.props.store.replaceFileUrl(rightAgent.avatar_url) || __webpack_require__(4761)
+      src: this.props.store.replaceFileUrl(rightAgent.avatar_url) || __webpack_require__(2538)
     })));
   }
 }
@@ -584,7 +595,7 @@ class AgentsAvatar extends common/* Com */.up {
 
 
 
-class Header extends common/* Com */.up {
+class Header extends common/* Com */.Mw {
   constructor(props) {
     super(props);
   }
@@ -594,7 +605,7 @@ class Header extends common/* Com */.up {
     let renderSocial = false;
     let renderTeam = false;
     let accSetting = this.props.plugin.chatbox || {};
-    let layout = util/* default */.Z.get(accSetting, 'header.layout');
+    let layout = util/* default */.A.get(accSetting, 'header.layout');
     let renderCollapsed = this.props.view !== 'list' && headerMode === 'collapsed';
     let renderClassic = !renderCollapsed && layout === 'classic';
     if (renderCollapsed || layout == 'classic') {
@@ -612,9 +623,9 @@ class Header extends common/* Com */.up {
     let accSetting = this.props.plugin.chatbox || {};
     let acc = this.props.store.matchAccount() || {};
     let state = acc.is_online ? this.props.t('agent_online') : this.props.t('agent_offline');
-    let tagline = util/* default */.Z.get(accSetting, `tagline`, {});
+    let tagline = util/* default */.A.get(accSetting, `tagline`, {});
     let desc = this.props.t.i18n(tagline) || accSetting.introduction || state;
-    let agentIdsJoined = util/* default */.Z.map(this.getAgentJoined(this.props.cid), agent => agent.id);
+    let agentIdsJoined = util/* default */.A.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;
@@ -640,8 +651,8 @@ class Header extends common/* Com */.up {
   renderSocial(show) {
     let accSetting = this.props.plugin.chatbox || {};
     let acc = this.props.store.matchAccount() || {};
-    let links = util/* default */.Z.get(accSetting, 'header.links') || [];
-    let $links = util/* default */.Z.map(links, link => {
+    let links = util/* default */.A.get(accSetting, 'header.links') || [];
+    let $links = util/* default */.A.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", {
@@ -661,9 +672,9 @@ class Header extends common/* Com */.up {
     });
     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 */.Z.get(accSetting, `tagline`, {});
+    let tagline = util/* default */.A.get(accSetting, `tagline`, {});
     var teamintro = this.props.t.i18n(tagline) || accSetting.introduction || this.props.t('team_intro') || DEFTEAMINTO;
-    var tags = util/* default */.Z.extractText(teamintro).map(tag => {
+    var tags = util/* default */.A.extractText(teamintro).map(tag => {
       if (tag.type === 'emoji') return (0,preact_module.h)(Emoji, {
         emojiCode: tag.text
       });
@@ -684,7 +695,7 @@ Vui lòng hỏi chúng tôi bất cứ điều gì hoặc chia sẻ phản hồi
     }, (0,preact_module.h)("img", {
       alt: "logo",
       class: "social__account_logo",
-      src: this.props.store.replaceFileUrl(util/* default */.Z.get(acc, 'logo_url'))
+      src: this.props.store.replaceFileUrl(util/* default */.A.get(acc, 'logo_url'))
     }), (0,preact_module.h)("div", null, (0,preact_module.h)("div", {
       class: "social__introduction"
     }, tags), (0,preact_module.h)("div", {
@@ -695,9 +706,9 @@ Vui lòng hỏi chúng tôi bất cứ điều gì hoặc chia sẻ phản hồi
     let accSetting = this.props.plugin.chatbox || {};
     const DEFTEAMINTO = `Chúng tôi sẵn sàng trợ giúp :wave:.
 Vui lòng hỏi chúng tôi bất cứ điều gì hoặc chia sẻ phản hồi của bạn`;
-    let tagline = util/* default */.Z.get(accSetting, `tagline`, {});
+    let tagline = util/* default */.A.get(accSetting, `tagline`, {});
     var teamintro = this.props.t.i18n(tagline) || accSetting.introduction || this.props.t('team_intro') || DEFTEAMINTO;
-    var tags = util/* default */.Z.extractText(teamintro).map(tag => {
+    var tags = util/* default */.A.extractText(teamintro).map(tag => {
       if (tag.type === 'emoji') return (0,preact_module.h)(Emoji, {
         emojiCode: tag.text
       });
@@ -731,19 +742,19 @@ Vui lòng hỏi chúng tôi bất cứ điều gì hoặc chia sẻ phản hồi
     let accSetting = this.props.plugin.chatbox || {};
     let acc = this.props.store.matchAccount() || {};
     let agentsJoined = this.getAgentJoined(this.props.cid);
-    let caption = util/* default */.Z.get(this.props.plugin, 'chatbox.caption', {});
+    let caption = util/* default */.A.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 */.Z.size(allconvos) === 0) return null;
+    if (util/* default */.A.size(allconvos) === 0) return null;
     var $unreadcount = null;
     let user = this.props.store.matchUser();
     let unreadcount = 0;
-    util/* default */.Z.map(allconvos, convo => {
+    util/* default */.A.map(allconvos, convo => {
       if (convo.id == this.props.cid) return;
-      if (!util/* default */.Z.isConvoSeen(convo, user.id)) unreadcount++;
+      if (!util/* default */.A.isConvoSeen(convo, user.id)) unreadcount++;
     });
     if (unreadcount !== 0) {
       $unreadcount = (0,preact_module.h)("span", {
@@ -782,14 +793,14 @@ Vui lòng hỏi chúng tôi bất cứ điều gì hoặc chia sẻ phản hồi
   }
   getAgentJoined(cid) {
     var convo = this.props.store.matchConvo(cid) || {};
-    let joined = util/* default */.Z.filter(convo.members, mem => mem.type === 'agent' && mem.membership === 'active');
+    let joined = util/* default */.A.filter(convo.members, mem => mem.type === 'agent' && mem.membership === 'active');
     return joined;
   }
 }
 let getJoinedNameMember = agents => {
-  agents = util/* default */.Z.filter(agents, agent => util/* default */.Z.trim(agent.fullname));
+  agents = util/* default */.A.filter(agents, agent => util/* default */.A.trim(agent.fullname));
   if (!agents.length) return null;
-  return util/* default */.Z.map(agents, agent => agent.fullname).join(', ');
+  return util/* default */.A.map(agents, agent => agent.fullname).join(', ');
 };
 ;// CONCATENATED MODULE: ./src/chatbox/MessageInput.js
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -799,25 +810,25 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
 
 
 
-class MessageInput extends common/* Com */.up {
+class MessageInput extends common/* Com */.Mw {
   constructor(props) {
     super(props);
-    _defineProperty(this, "onEnter", util/* default */.Z.throttle(function () {
+    _defineProperty(this, "onEnter", util/* default */.A.throttle(function () {
       this.submitMessage();
     }, 50));
-    this.refFileInput = (0,preact_module/* createRef */.Vf)();
-    this.refMessageInput = (0,preact_module/* createRef */.Vf)();
+    this.refFileInput = (0,preact_module/* createRef */._3)();
+    this.refMessageInput = (0,preact_module/* createRef */._3)();
     this.props.store.onUpdate(this, _ => this.forceUpdate());
     this.props.store.onConvoEvent(this, ev => {
-      var evcid = util/* default */.Z.convoOfEv(ev);
+      var evcid = util/* default */.A.convoOfEv(ev);
       if (evcid !== this.props.cid) return;
       this.forceUpdate();
     });
     this.focus();
-    this._forceUpdate = util/* default */.Z.throttle(() => {
+    this._forceUpdate = util/* default */.A.throttle(() => {
       this.forceUpdate();
     }, 500);
-    this.resizeInput = util/* default */.Z.throttle(function () {
+    this.resizeInput = util/* default */.A.throttle(function () {
       const input = this.refMessageInput.current;
       input.style.setProperty('height', '1em', 'important');
       const height = Math.min(200, input.scrollHeight);
@@ -837,7 +848,7 @@ class MessageInput extends common/* Com */.up {
       class: "message-input--button message-input--attachment-button",
       onClick: e => this.selectFile(e)
     }));
-    var msg = util/* default */.Z.trim(this.refMessageInput.current && this.refMessageInput.current.value);
+    var msg = util/* default */.A.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"
@@ -876,30 +887,30 @@ class MessageInput extends common/* Com */.up {
   }
   hasUnfinishRequiredFormOrLock() {
     let convo = this.props.store.matchConvo(this.props.cid);
-    if (util/* default */.Z.get(convo, 'state') === 'ended') return false;
+    if (util/* default */.A.get(convo, 'state') === 'ended') return false;
     let events = this.props.store.listEvents(this.props.cid);
-    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'));
+    events = util/* default */.A.orderBy(events, 'created', 'desc').filter(ev => ev.type === 'message_sent');
+    let attachments = util/* default */.A.get(events[0], 'data.message.attachments', []);
+    let lock = util/* default */.A.find(attachments, att => util/* default */.A.get(att, 'lock_input'));
     if (lock) return true;
     var last_agent_sent;
     for (let ev of events) {
-      if (util/* default */.Z.get(ev, 'by.type') === 'user') continue;
+      if (util/* default */.A.get(ev, 'by.type') === 'user') continue;
       last_agent_sent = ev;
       break;
     }
-    attachments = util/* default */.Z.get(last_agent_sent, 'data.message.attachments', []);
-    let pendingForms = util/* default */.Z.filter(attachments, att => {
+    attachments = util/* default */.A.get(last_agent_sent, 'data.message.attachments', []);
+    let pendingForms = util/* default */.A.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 */.Z.parseJSON(form.state) || {};
+      var state = util/* default */.A.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 */.Z.size(pendingForms) > 0;
+    return util/* default */.A.size(pendingForms) > 0;
   }
   renderEmojiPopup() {
     if (!this.state.openEmoji) return null;
@@ -1003,10 +1014,10 @@ class MessageInput extends common/* Com */.up {
   focus() {
     if (this.props.disabled) return;
     this.refMessageInput.current && this.refMessageInput.current.focus();
-    util/* default */.Z.setTimeout(() => {
+    util/* default */.A.setTimeout(() => {
       this.refMessageInput.current && this.refMessageInput.current.focus();
     });
-    util/* default */.Z.setTimeout(() => {
+    util/* default */.A.setTimeout(() => {
       this.refMessageInput.current && this.refMessageInput.current.focus();
     }, 100);
   }
@@ -1056,9 +1067,9 @@ class MessageInput extends common/* Com */.up {
     $input.value = '';
   }
   _sendFile(files) {
-    if (util/* default */.Z.size(files) === 0) return;
+    if (util/* default */.A.size(files) === 0) return;
     if (this.props.disabled) return;
-    let attachments = util/* default */.Z.map(files, file => {
+    let attachments = util/* default */.A.map(files, file => {
       return {
         type: 'file',
         mimetype: file.type,
@@ -1072,7 +1083,7 @@ class MessageInput extends common/* Com */.up {
     });
   }
   async submitMessage(msg) {
-    msg = msg || util/* default */.Z.trim(this.refMessageInput.current.value) || '';
+    msg = msg || util/* default */.A.trim(this.refMessageInput.current.value) || '';
     if (!msg) return;
     if (this.props.disabled) return;
     this.refMessageInput.current.value = '';
@@ -1091,7 +1102,7 @@ class MessageInput extends common/* Com */.up {
   }
   pasteImage(event) {
     if (!window.File || !window.FileReader || !window.FileList || !window.Blob) return;
-    let now = new util/* default */.Z.Date();
+    let now = new util/* default */.A.Date();
     let year = now.getFullYear();
     let month = now.getMonth() + 1;
     let date = now.getDate();
@@ -1113,8 +1124,8 @@ class MessageInput extends common/* Com */.up {
   }
 }
 function isSummited(form) {
-  let fields = util/* default */.Z.get(form, 'fields') || [];
-  return util/* default */.Z.find(fields, field => !!field.answered);
+  let fields = util/* default */.A.get(form, 'fields') || [];
+  return util/* default */.A.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; }
@@ -1123,10 +1134,10 @@ function ImageAttachments_toPrimitive(t, r) { if ("object" != typeof t || !t) re
 
 
 
-class ImageAttachment extends common/* Com */.up {
+class ImageAttachment extends common/* Com */.Mw {
   constructor(props) {
     super(props);
-    ImageAttachments_defineProperty(this, "containerRef", (0,preact_module/* createRef */.Vf)());
+    ImageAttachments_defineProperty(this, "containerRef", (0,preact_module/* createRef */._3)());
     this.setState({
       ready: false,
       errorIndecies: []
@@ -1181,7 +1192,7 @@ class ImageAttachment extends common/* Com */.up {
     if (!this.state.ready) {
       return;
     }
-    let byType = util/* default */.Z.get(this.props.ev, 'by.type');
+    let byType = util/* default */.A.get(this.props.ev, 'by.type');
     if (!image.width || !image.height) {
       return (0,preact_module.h)("div", {
         class: `image-attachment image-attachment--${byType}`
@@ -1202,7 +1213,7 @@ class ImageAttachment extends common/* Com */.up {
     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);
+      url = __webpack_require__(2876);
       trueUrl = url;
     }
     return (0,preact_module.h)("div", {
@@ -1225,12 +1236,12 @@ class ImageAttachment extends common/* Com */.up {
     })));
   }
   render() {
-    var attachments = util/* default */.Z.get(this.props.ev, 'data.message.attachments', []);
+    var attachments = util/* default */.A.get(this.props.ev, 'data.message.attachments', []);
     var images = [];
-    let byType = util/* default */.Z.get(this.props.ev, 'by.type');
-    util/* default */.Z.each(attachments, (att, i) => {
+    let byType = util/* default */.A.get(this.props.ev, 'by.type');
+    util/* default */.A.each(attachments, (att, i) => {
       if (!att) return;
-      if (!util/* default */.Z.includes(att.mimetype, 'image')) return;
+      if (!util/* default */.A.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:')) {
@@ -1239,7 +1250,7 @@ class ImageAttachment extends common/* Com */.up {
       images.push(att);
     });
     if (images.length === 0) return null;
-    let $images = util/* default */.Z.map(images, (image, index) => this.renderImage(image, index));
+    let $images = util/* default */.A.map(images, (image, index) => this.renderImage(image, index));
     if (byType === 'agent') {
       return (0,preact_module.h)("div", {
         class: "message-agent",
@@ -1257,20 +1268,20 @@ class ImageAttachment extends common/* Com */.up {
 
 
 
-class AudioAttachments extends common/* Com */.up {
+class AudioAttachments extends common/* Com */.Mw {
   constructor(props) {
     super(props);
   }
   render() {
-    let byType = util/* default */.Z.get(this.props.ev, 'by.type');
-    var attachments = util/* default */.Z.get(this.props.ev, 'data.message.attachments', []);
+    let byType = util/* default */.A.get(this.props.ev, 'by.type');
+    var attachments = util/* default */.A.get(this.props.ev, 'data.message.attachments', []);
     var audios = [];
-    util/* default */.Z.each(attachments, (att, i) => {
+    util/* default */.A.each(attachments, (att, i) => {
       if (!att) return;
-      if (util/* default */.Z.includes(att.mimetype, 'audio')) audios.push(att);
+      if (util/* default */.A.includes(att.mimetype, 'audio')) audios.push(att);
     });
     if (audios.length === 0) return null;
-    var $audios = util/* default */.Z.map(audios, (audio, index) => {
+    var $audios = util/* default */.A.map(audios, (audio, index) => {
       return (0,preact_module.h)("div", {
         key: index,
         class: `audio-attachment audio-attachment--${byType}`
@@ -1291,20 +1302,20 @@ class AudioAttachments extends common/* Com */.up {
 
 
 
-class FileAttachments extends common/* Com */.up {
+class FileAttachments extends common/* Com */.Mw {
   render() {
-    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 byType = util/* default */.A.get(this.props.ev, 'by.type', 'agent');
+    var attachments = util/* default */.A.get(this.props.ev, 'data.message.attachments', []);
     var files = [];
-    util/* default */.Z.each(attachments, att => {
+    util/* default */.A.each(attachments, att => {
       if (!att) return;
       if (!att.url && !att._file) return;
-      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') {
+      if (!util/* default */.A.includes(att.mimetype, 'video') && !util/* default */.A.includes(att.mimetype, 'audio') && !util/* default */.A.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 */.Z.map(files, (file, index) => {
+    var $files = util/* default */.A.map(files, (file, index) => {
       return (0,preact_module.h)("div", {
         key: index,
         class: `file-attachment file-attachment--${byType}`
@@ -1327,13 +1338,13 @@ class FileAttachments extends common/* Com */.up {
 
 
 
-class Buttons extends common/* Com */.up {
+class Buttons extends common/* Com */.Mw {
   constructor(props) {
     super(props);
   }
   render() {
-    if (util/* default */.Z.size(this.props.buttons) === 0) return null;
-    var $buttons = util/* default */.Z.map(this.props.buttons, (button, index) => {
+    if (util/* default */.A.size(this.props.buttons) === 0) return null;
+    var $buttons = util/* default */.A.map(this.props.buttons, (button, index) => {
       if (button.type === 'call_button') {
         return (0,preact_module.h)("a", {
           class: "url-button-attachment",
@@ -1372,18 +1383,18 @@ class Buttons extends common/* Com */.up {
 
 
 
-class ButtonAttachments extends common/* Com */.up {
+class ButtonAttachments extends common/* Com */.Mw {
   constructor(props) {
     super(props);
   }
   render() {
-    let byType = util/* default */.Z.get(this.props.ev, 'by.type');
+    let byType = util/* default */.A.get(this.props.ev, 'by.type');
     if (byType === 'user') return null;
     let buttons = [];
-    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));
+    let attachments = util/* default */.A.get(this.props.ev, 'data.message.attachments', []);
+    util/* default */.A.each(attachments, (att, i) => {
+      if (!att || util/* default */.A.get(att, 'type') !== 'button') return;
+      util/* default */.A.each(util/* default */.A.get(att, 'buttons') || [], btn => buttons.push(btn));
     });
     return (0,preact_module.h)(Buttons, {
       store: this.props.store,
@@ -1396,26 +1407,26 @@ class ButtonAttachments extends common/* Com */.up {
 
 
 
-class QuickReplies extends common/* Com */.up {
+class QuickReplies extends common/* Com */.Mw {
   constructor(props) {
     super(props);
   }
   render() {
-    if (util/* default */.Z.get(this.props.ev, 'by.type') === 'user') return null;
+    if (util/* default */.A.get(this.props.ev, 'by.type') === 'user') return null;
     let quickreplies = [];
-    util/* default */.Z.map(util/* default */.Z.get(this.props.ev, 'data.message.attachments', []), att => {
+    util/* default */.A.map(util/* default */.A.get(this.props.ev, 'data.message.attachments', []), att => {
       if (!att) return;
       if (att.type === 'quick_replies') {
-        quickreplies = util/* default */.Z.get(att, 'quick_replies', []);
+        quickreplies = util/* default */.A.get(att, 'quick_replies', []);
       }
     });
-    quickreplies = util/* default */.Z.filter(quickreplies, r => r.title);
+    quickreplies = util/* default */.A.filter(quickreplies, r => r.title);
     if (quickreplies.length === 0) return null;
-    let cid = util/* default */.Z.convoOfEv(this.props.ev);
+    let cid = util/* default */.A.convoOfEv(this.props.ev);
     let convo = this.props.store.matchConvo(cid);
-    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');
+    if (util/* default */.A.get(convo, 'state') === 'ended') return null;
+    let events = util/* default */.A.map(this.props.store.listEvents(cid));
+    events = util/* default */.A.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) {
@@ -1424,9 +1435,9 @@ class QuickReplies extends common/* Com */.up {
       }
     }
     for (var i = evindex + 1; i < events.length; i++) {
-      if (util/* default */.Z.get(events[i], 'by.type') === 'user') return null;
+      if (util/* default */.A.get(events[i], 'by.type') === 'user') return null;
     }
-    let $replies = util/* default */.Z.map(quickreplies, r => (0,preact_module.h)("div", {
+    let $replies = util/* default */.A.map(quickreplies, r => (0,preact_module.h)("div", {
       class: "message_quick_reply",
       onClick: e => this.props.onSelect(r)
     }, r.title));
@@ -1439,7 +1450,7 @@ class QuickReplies extends common/* Com */.up {
 
 
 
-class ListField extends common/* Com */.up {
+class ListField extends common/* Com */.Mw {
   constructor(props) {
     super(props);
     this.setState({
@@ -1448,18 +1459,18 @@ class ListField extends common/* Com */.up {
     });
   }
   render() {
-    let fields = util/* default */.Z.filter(this.props.items, item => {
+    let fields = util/* default */.A.filter(this.props.items, item => {
       let search = this.state.search.toLowerCase();
       let name = item || '';
       return name.toLowerCase().indexOf(search) > -1;
     });
-    let $fields = util/* default */.Z.map(fields, field => {
+    let $fields = util/* default */.A.map(fields, field => {
       return (0,preact_module.h)("li", {
         class: "custom-select--item-options",
         onClick: () => this.add(field)
       }, field);
     });
-    let $selected = util/* default */.Z.map(this.props.selected, (item, i) => {
+    let $selected = util/* default */.A.map(this.props.selected, (item, i) => {
       return (0,preact_module.h)("div", {
         class: "custom-select--selected-item",
         onClick: e => this.remove(e, i)
@@ -1492,7 +1503,7 @@ class ListField extends common/* Com */.up {
     }
     return (0,preact_module.h)("div", {
       class: "form-control custom-select"
-    }, (0,preact_module.h)(common/* Clickaway */.u$, {
+    }, (0,preact_module.h)(common/* Clickaway */.tW, {
       onClickaway: e => this.clickaway()
     }, (0,preact_module.h)("div", {
       class: "custom-select--wrap-selected",
@@ -1535,21 +1546,21 @@ class ListField extends common/* Com */.up {
 
 
 
-class FormAttachment extends common/* Com */.up {
+class FormAttachment extends common/* Com */.Mw {
   constructor(props) {
     super(props);
     this.props.store.onUpdate(this, _ => this.forceUpdate());
     let user = this.props.store.matchUser();
-    let fields = util/* default */.Z.get(this.props.form, 'fields') || [];
-    let formData = util/* default */.Z.map(fields, field => {
+    let fields = util/* default */.A.get(this.props.form, 'fields') || [];
+    let formData = util/* default */.A.map(fields, field => {
       let is_required = field.is_required || false;
-      var state = util/* default */.Z.parseJSON(field.state) || {};
+      var state = util/* default */.A.parseJSON(field.state) || {};
       if (!is_required) is_required = state.require || false;
-      var userattr = util/* default */.Z.getUserAttr(user, field.name, state.type || 'text');
+      var userattr = util/* default */.A.getUserAttr(user, field.name, state.type || 'text');
       return {
         name: field.name,
         items: field.items,
-        value: util/* default */.Z.parseJSON(field.answer) || util/* default */.Z.parseJSON(field.default_answer) || userattr,
+        value: util/* default */.A.parseJSON(field.answer) || util/* default */.A.parseJSON(field.default_answer) || userattr,
         is_required,
         label: field.title,
         type: field.input_type
@@ -1560,13 +1571,13 @@ class FormAttachment extends common/* Com */.up {
     });
   }
   isSummited() {
-    let found = util/* default */.Z.find(this.state.formData, field => !!field.answered);
+    let found = util/* default */.A.find(this.state.formData, field => !!field.answered);
     if (found) return true;
-    let convo = this.props.store.matchConvo(util/* default */.Z.convoOfEv(this.props.ev));
+    let convo = this.props.store.matchConvo(util/* default */.A.convoOfEv(this.props.ev));
     return convo.state === 'ended';
   }
   render() {
-    if (util/* default */.Z.size(this.state.formData) === 0) return null;
+    if (util/* default */.A.size(this.state.formData) === 0) return null;
     let $fields = this.renderFields();
     let $submitbutton = null;
     if (!this.isSummited()) {
@@ -1585,11 +1596,11 @@ class FormAttachment extends common/* Com */.up {
   }
   focus() {
     if (this.props.store.isPreview) return;
-    if (util/* default */.Z.size(this.state.formData) === 0) return;
+    if (util/* default */.A.size(this.state.formData) === 0) return;
     let $field;
     if (this.isFormFilled()) {
       var keys = Object.keys(this.state.formData);
-      var lastkey = keys[util/* default */.Z.size(keys) - 1];
+      var lastkey = keys[util/* default */.A.size(keys) - 1];
       var lastfield = this.state.formData[lastkey];
       $field = this['field.' + encode(lastfield.name)];
     } else {
@@ -1600,20 +1611,20 @@ class FormAttachment extends common/* Com */.up {
     if ($field) $field.focus();
   }
   firstUnfilledField() {
-    return util/* default */.Z.find(this.state.formData, field => field.value == null || field.value === '');
+    return util/* default */.A.find(this.state.formData, field => field.value == null || field.value === '');
   }
   isFormFilled() {
-    return !util/* default */.Z.find(this.state.formData, field => field.value == null || field.value === '');
+    return !util/* default */.A.find(this.state.formData, field => field.value == null || field.value === '');
   }
   onInputChange(index, val) {
-    let formData = util/* default */.Z.cloneDeep(this.state.formData);
+    let formData = util/* default */.A.cloneDeep(this.state.formData);
     formData[index].value = val;
     this.setState({
       formData
     });
   }
   onListAddItem(index, val) {
-    let formData = util/* default */.Z.cloneDeep(this.state.formData);
+    let formData = util/* default */.A.cloneDeep(this.state.formData);
     let field = formData[index];
     field.value = field.value || [];
     field.value.push(val);
@@ -1622,7 +1633,7 @@ class FormAttachment extends common/* Com */.up {
     });
   }
   onListRemoveItem(index, vindex) {
-    let formData = util/* default */.Z.cloneDeep(this.state.formData);
+    let formData = util/* default */.A.cloneDeep(this.state.formData);
     let field = formData[index];
     field.value = field.value || [];
     field.value.splice(vindex, 1);
@@ -1631,9 +1642,9 @@ class FormAttachment extends common/* Com */.up {
     });
   }
   renderFields() {
-    if (util/* default */.Z.size(this.state.formData) === 0) return null;
+    if (util/* default */.A.size(this.state.formData) === 0) return null;
     let $fields = null;
-    $fields = util/* default */.Z.map(this.state.formData, (field, index) => {
+    $fields = util/* default */.A.map(this.state.formData, (field, index) => {
       let $field = null;
       var errclass = field.error ? 'input--error' : '';
       if (field.type === 'text') {
@@ -1709,7 +1720,7 @@ class FormAttachment extends common/* Com */.up {
         }, (0,preact_module.h)("div", null)));
       } else if (field.type === 'list') {
         let selected = field.value || [];
-        let items = util/* default */.Z.filter(util/* default */.Z.get(field, 'items', []), item => !selected.includes(item));
+        let items = util/* default */.A.filter(util/* default */.A.get(field, 'items', []), item => !selected.includes(item));
         $field = (0,preact_module.h)(ListField, {
           selected: selected,
           items: items,
@@ -1747,15 +1758,15 @@ class FormAttachment extends common/* Com */.up {
   }
   async submit() {
     var hasError = false;
-    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))) {
+    util/* default */.A.map(this.state.formData, field => {
+      if (field.is_required && (field.value === undefined || field.value === '' || util/* default */.A.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 */.Z.isEmail(field.value)) {
+        if (!util/* default */.A.isEmail(field.value)) {
           field.error = this.props.t('error_email_invalid');
           hasError = true;
         }
@@ -1764,32 +1775,32 @@ class FormAttachment extends common/* Com */.up {
     this.forceUpdate();
     if (hasError) return;
     let user = {};
-    let formData = util/* default */.Z.cloneDeep(this.state.formData);
-    util/* default */.Z.map(formData, field => {
+    let formData = util/* default */.A.cloneDeep(this.state.formData);
+    util/* default */.A.map(formData, field => {
       var attr = {
         key: field.name
       };
-      field.answered = new util/* default */.Z.Date().getTime();
+      field.answered = new util/* default */.A.Date().getTime();
       if (field.type === 'number') {
         attr.number = parseInt(field.value);
-        field.answer = util/* default */.Z.stringify(attr.number);
+        field.answer = util/* default */.A.stringify(attr.number);
       }
       if (field.type === 'datetime') {
-        attr.datetime = new util/* default */.Z.Date(field.value).toISOString();
-        field.answer = util/* default */.Z.stringify(attr.datetime);
+        attr.datetime = new util/* default */.A.Date(field.value).toISOString();
+        field.answer = util/* default */.A.stringify(attr.datetime);
       }
       if (field.type === 'list') {
         attr.list = field.value;
-        field.answer = util/* default */.Z.stringify(attr.list);
+        field.answer = util/* default */.A.stringify(attr.list);
       }
       if (field.type === 'text' || field.type === 'boolean') {
         attr[field.type] = field.value;
-        field.answer = util/* default */.Z.stringify(field.value);
+        field.answer = util/* default */.A.stringify(field.value);
       }
-      util/* default */.Z.setUserAttr(user, attr);
+      util/* default */.A.setUserAttr(user, attr);
     });
-    util/* default */.Z.map(formData, field => {
-      let ffield = util/* default */.Z.find(this.props.form.fields, ffield => ffield.name === field.name);
+    util/* default */.A.map(formData, field => {
+      let ffield = util/* default */.A.find(this.props.form.fields, ffield => ffield.name === field.name);
       if (!ffield) return;
       ffield.answered = field.answered;
     });
@@ -1802,12 +1813,12 @@ class FormAttachment extends common/* Com */.up {
         type: 'form_submit',
         form_submit: {
           state: '{"user_id":"' + this.props.store.matchUser().id + '"}',
-          form_message_id: util/* default */.Z.get(this.props.ev, 'id'),
+          form_message_id: util/* default */.A.get(this.props.ev, 'id'),
           fields: formData
         }
       }]
     };
-    let cid = util/* default */.Z.convoOfEv(this.props.ev);
+    let cid = util/* default */.A.convoOfEv(this.props.ev);
     this.props.store.sendConvoEvent(cid, 'message_sent', {
       message
     });
@@ -1822,22 +1833,22 @@ function encode(key) {
 
 
 
-class FormAttachments extends common/* Com */.up {
+class FormAttachments extends common/* Com */.Mw {
   constructor(props) {
     super(props);
   }
   render() {
-    let byType = util/* default */.Z.get(this.props.ev, 'by.type');
+    let byType = util/* default */.A.get(this.props.ev, 'by.type');
     if (byType === 'user') return;
     let forms = [];
-    let attachments = util/* default */.Z.get(this.props.ev, 'data.message.attachments') || [];
-    util/* default */.Z.each(attachments, att => {
+    let attachments = util/* default */.A.get(this.props.ev, 'data.message.attachments') || [];
+    util/* default */.A.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 */.Z.map(forms, (form, formIndex) => {
+    let $forms = util/* default */.A.map(forms, (form, formIndex) => {
       return (0,preact_module.h)(FormAttachment, {
         store: this.props.store,
         onSubmit: this.props.onSubmit,
@@ -1864,21 +1875,21 @@ class FormAttachments extends common/* Com */.up {
 
 
 
-class FormSubmitAttachments extends common/* Com */.up {
+class FormSubmitAttachments extends common/* Com */.Mw {
   constructor(props) {
     super(props);
   }
   render() {
     return null;
     let submits = [];
-    let attachments = util/* default */.Z.get(this.props.ev, 'data.message.attachments') || [];
-    util/* default */.Z.each(attachments, att => {
+    let attachments = util/* default */.A.get(this.props.ev, 'data.message.attachments') || [];
+    util/* default */.A.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 */.Z.map(submits, (submit, index) => (0,preact_module.h)("div", {
+    let $submits = util/* default */.A.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);
@@ -1929,13 +1940,13 @@ function getFirstTouch(ev) {
 
 
 
-class GenericTemplateAttachments extends common/* Com */.up {
+class GenericTemplateAttachments extends common/* Com */.Mw {
   constructor(props) {
     super(props);
     this.state = {
       focusing: 0
     };
-    this.galleryRef = (0,preact_module/* createRef */.Vf)();
+    this.galleryRef = (0,preact_module/* createRef */._3)();
   }
   componentDidMount() {
     this.bindDrag();
@@ -1950,13 +1961,13 @@ class GenericTemplateAttachments extends common/* Com */.up {
     });
   }
   render() {
-    let byType = util/* default */.Z.get(this.props.ev, 'by.type');
+    let byType = util/* default */.A.get(this.props.ev, 'by.type');
     if (byType === 'user') return null;
-    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');
+    let attachments = util/* default */.A.get(this.props.ev, 'data.message.attachments', []);
+    let generics = util/* default */.A.filter(attachments, att => util/* default */.A.get(att, 'type') === 'generic');
     if (generics.length === 0) return null;
-    var $generics = util/* default */.Z.map(generics, (gen, index) => {
-      var $eles = util/* default */.Z.map(gen.elements, ele => {
+    var $generics = util/* default */.A.map(generics, (gen, index) => {
+      var $eles = util/* default */.A.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", {
@@ -1967,7 +1978,7 @@ class GenericTemplateAttachments extends common/* Com */.up {
         }, subtitle) : null;
         let imgsrc = this.props.store.replaceFileUrl(ele.image_url);
         if (!ele.image_url) {
-          imgsrc = __webpack_require__(9270);
+          imgsrc = __webpack_require__(2876);
         }
         return (0,preact_module.h)("div", {
           class: "generic-attachment--element swiper-slide"
@@ -1983,7 +1994,7 @@ class GenericTemplateAttachments extends common/* Com */.up {
           t: this.props.t
         }));
       });
-      let elements = util/* default */.Z.get(attachments, '0.elements', []);
+      let elements = util/* default */.A.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';
@@ -1993,7 +2004,7 @@ class GenericTemplateAttachments extends common/* Com */.up {
       }, (0,preact_module.h)("div", {
         class: "generic-attachment",
         ref: this.galleryRef
-      }, $eles), !this.props.store.isMobile() && (0,preact_module.h)(preact_module/* Fragment */.HY, null, (0,preact_module.h)("div", {
+      }, $eles), !this.props.store.isMobile() && (0,preact_module.h)(preact_module/* Fragment */.FK, null, (0,preact_module.h)("div", {
         class: leftNavigatorCls,
         onClick: _ => this.focus(this.state.focusing - 1)
       }, (0,preact_module.h)("span", {
@@ -2010,38 +2021,38 @@ class GenericTemplateAttachments extends common/* Com */.up {
   bindDrag() {
     if (!this.props.store.isMobile()) return;
     let eles = document.getElementsByClassName('generic-attachment');
-    util/* default */.Z.map(eles, ele => bind(ele, () => {}));
+    util/* default */.A.map(eles, ele => bind(ele, () => {}));
   }
 }
 ;// CONCATENATED MODULE: ./src/chatbox/ProductAttachments.js
 
 
 
-class ProductAttachments extends common/* Com */.up {
+class ProductAttachments extends common/* Com */.Mw {
   render() {
-    let byType = util/* default */.Z.get(this.props.ev, 'by.type');
+    let byType = util/* default */.A.get(this.props.ev, 'by.type');
     if (byType === 'user') return null;
-    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');
+    let attachments = util/* default */.A.get(this.props.ev, 'data.message.attachments', []);
+    let products = util/* default */.A.filter(attachments, att => util/* default */.A.get(att, 'type') === 'product' || util/* default */.A.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 */.Z.map(products, (att, index) => {
+    let $products = util/* default */.A.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 */.Z.size(product.buttons) == 0) $detailbtns.push((0,preact_module.h)("a", {
+      if (url && util/* default */.A.size(product.buttons) == 0) $detailbtns.push((0,preact_module.h)("a", {
         class: "product_attachment__btn",
         href: url,
         target: "_blank"
       }, this.props.t('detail'), (0,preact_module.h)("img", {
-        src: __webpack_require__(8453),
+        src: __webpack_require__(3266),
         class: "product_attachment__btn_external_link"
       })));
       console.log('P', product);
-      if (util/* default */.Z.size(product.buttons) > 0) {
-        $detailbtns = $detailbtns.concat(util/* default */.Z.map(product.buttons, (button, index) => {
+      if (util/* default */.A.size(product.buttons) > 0) {
+        $detailbtns = $detailbtns.concat(util/* default */.A.map(product.buttons, (button, index) => {
           if (button.type === 'call_button') {
             return (0,preact_module.h)("a", {
               class: "product_attachment__btn",
@@ -2058,7 +2069,7 @@ class ProductAttachments extends common/* Com */.up {
               key: index,
               title: button.title
             }, this.props.t.i18n(button.i18n_title) || button.title || this.props.t('detail'), ' ', (0,preact_module.h)("img", {
-              src: __webpack_require__(8453),
+              src: __webpack_require__(3266),
               class: "product_attachment__btn_external_link"
             }));
           }
@@ -2081,16 +2092,16 @@ class ProductAttachments extends common/* Com */.up {
       if (desc) $subtitle = (0,preact_module.h)("div", {
         class: "product_attachment__subtitle"
       }, desc);
-      let currency = product.currency || util/* default */.Z.get(acc, 'currency', 'VND');
+      let currency = product.currency || util/* default */.A.get(acc, 'currency', 'VND');
       let $price = null;
       if (product.price) {
         $price = (0,preact_module.h)("div", {
           class: "product_attachment__price"
-        }, util/* default */.Z.formatCurrency(product.price, currency));
+        }, util/* default */.A.formatCurrency(product.price, currency));
       }
       let imgsrc = this.props.store.replaceFileUrl(product.image);
       if (!product.image) {
-        imgsrc = __webpack_require__(9270);
+        imgsrc = __webpack_require__(2876);
       }
       return (0,preact_module.h)("div", {
         class: 'product_attachment product_attachment__' + byType
@@ -2111,16 +2122,16 @@ class ProductAttachments extends common/* Com */.up {
 
 
 
-class OrderAttachments_ProductAttachments extends common/* Com */.up {
+class OrderAttachments_ProductAttachments extends common/* Com */.Mw {
   render() {
-    let byType = util/* default */.Z.get(this.props.ev, 'by.type');
+    let byType = util/* default */.A.get(this.props.ev, 'by.type');
     if (byType === 'user') return null;
     let acc = this.props.store.matchAccount();
-    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);
+    var attachments = util/* default */.A.get(this.props.ev, 'data.message.attachments', []);
+    let orders = util/* default */.A.filter(attachments, att => att.type === 'order' && att.order).map(att => att.order);
     if (orders.length === 0) return null;
-    let $orders = util/* default */.Z.map(orders, (order, index) => {
-      util/* default */.Z.calcOrderTotal(order);
+    let $orders = util/* default */.A.map(orders, (order, index) => {
+      util/* default */.A.calcOrderTotal(order);
       let $note = null;
       if (order.note) {
         $note = (0,preact_module.h)("div", null, (0,preact_module.h)("div", {
@@ -2131,17 +2142,17 @@ class OrderAttachments_ProductAttachments extends common/* Com */.up {
         }, order.note));
       }
       let $products = null;
-      if (util/* default */.Z.size(order.items) > 0) {
+      if (util/* default */.A.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 */.Z.map(order.items, item => {
+        }, this.props.t('product')), util/* default */.A.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 */.Z.get(product, 'id'),
-            src: util/* default */.Z.get(product, 'image', __webpack_require__(9270))
+            alt: '' + util/* default */.A.get(product, 'id'),
+            src: util/* default */.A.get(product, 'image', __webpack_require__(2876))
           }), (0,preact_module.h)("div", {
             style: "overflow: hidden !important;"
           }, (0,preact_module.h)("div", {
@@ -2149,9 +2160,9 @@ class OrderAttachments_ProductAttachments extends common/* Com */.up {
             title: this.props.t.i18n(product.i18n_name) || product.name
           }, this.props.t.i18n(product.i18n_name) || product.name), (0,preact_module.h)("div", {
             class: "order_attachment__product_desc"
-          }, util/* default */.Z.getProductPropName(product, ' / ')), (0,preact_module.h)("div", {
+          }, util/* default */.A.getProductPropName(product, ' / ')), (0,preact_module.h)("div", {
             class: "order_attachment__product_desc"
-          }, this.props.t('qty'), " ", item.quantity, "\xA0\xB7\xA0", util/* default */.Z.formatCurrency(product.price))));
+          }, this.props.t('qty'), " ", item.quantity, "\xA0\xB7\xA0", util/* default */.A.formatCurrency(product.price))));
         }));
       }
       let $total = (0,preact_module.h)("div", {
@@ -2160,19 +2171,19 @@ class OrderAttachments_ProductAttachments extends common/* Com */.up {
         class: "d-flex align-items-center justify-content-between"
       }, (0,preact_module.h)("div", null, this.props.t('total')), ' ', (0,preact_module.h)("div", null, (0,preact_module.h)("b", {
         class: "order_attachment__total"
-      }, util/* default */.Z.formatCurrency(order.total)))));
-      let phoneattr = util/* default */.Z.find(util/* default */.Z.get(order, 'user.attributes', []), attr => attr.key === 'phones') || {
+      }, util/* default */.A.formatCurrency(order.total)))));
+      let phoneattr = util/* default */.A.find(util/* default */.A.get(order, 'user.attributes', []), attr => attr.key === 'phones') || {
         key: 'phones',
         text: ''
       };
-      let phone = util/* default */.Z.get(order, 'shipping.address.phone', '').trim();
-      phone = phone || util/* default */.Z.trim(phoneattr.text);
+      let phone = util/* default */.A.get(order, 'shipping.address.phone', '').trim();
+      phone = phone || util/* default */.A.trim(phoneattr.text);
       if (phone) phone = this.props.t('phn') + ': ' + phone;
       let $shipto = null;
-      if (util/* default */.Z.displayOrderShippingAddress(order) || phone) {
+      if (util/* default */.A.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 */.Z.displayOrderShippingAddress(order)), (0,preact_module.h)("div", {
+        }, this.props.t('ship_to')), (0,preact_module.h)("div", null, util/* default */.A.displayOrderShippingAddress(order)), (0,preact_module.h)("div", {
           class: "order_attachment__text_truncate"
         }, phone));
       }
@@ -2184,11 +2195,11 @@ class OrderAttachments_ProductAttachments extends common/* Com */.up {
           class: "d-flex align-items-center justify-content-between"
         }, (0,preact_module.h)("div", {
           class: "order_attachment__label no_margin"
-        }, this.props.t('subtotal_before_tax')), ' ', (0,preact_module.h)("div", null, util/* default */.Z.formatCurrency(order._order_value))), (0,preact_module.h)("div", {
+        }, this.props.t('subtotal_before_tax')), ' ', (0,preact_module.h)("div", null, util/* default */.A.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 */.Z.formatCurrency(order._discount_before_tax))));
+        }, this.props.t('discount_before_tax')), ' ', (0,preact_module.h)("div", null, "-", util/* default */.A.formatCurrency(order._discount_before_tax))));
       }
       let $subtotal = (0,preact_module.h)("div", {
         class: "d-flex align-items-center justify-content-between"
@@ -2196,12 +2207,12 @@ class OrderAttachments_ProductAttachments extends common/* Com */.up {
         class: "order_attachment__label no_margin"
       }, this.props.t('subtotal')), ' ', (0,preact_module.h)("div", {
         style: ""
-      }, util/* default */.Z.formatCurrency(order.subtotal)));
+      }, util/* default */.A.formatCurrency(order.subtotal)));
       let $tax = null;
       if (order.total_tax) {
         let taxname = '';
-        if (util/* default */.Z.size(order._taxM) === 1) {
-          let tax = util/* default */.Z.get(order._taxM, '0.tax', {});
+        if (util/* default */.A.size(order._taxM) === 1) {
+          let tax = util/* default */.A.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", {
@@ -2210,7 +2221,7 @@ class OrderAttachments_ProductAttachments extends common/* Com */.up {
           class: "order_attachment__label no_margin"
         }, this.props.t('tax'), " ", taxname), (0,preact_module.h)("div", {
           style: ""
-        }, util/* default */.Z.formatCurrency(order.total_tax)));
+        }, util/* default */.A.formatCurrency(order.total_tax)));
       }
       let $discount = null;
       if (order.discount_type === 'percentage' && order.discount_percentage) {
@@ -2220,7 +2231,7 @@ class OrderAttachments_ProductAttachments extends common/* Com */.up {
           class: "order_attachment__label no_margin"
         }, this.props.t('discount_after_tax'), " (", Math.round(order.discount_percentage / 100), "%)"), ' ', (0,preact_module.h)("div", {
           style: ""
-        }, "-", util/* default */.Z.formatCurrency(order._computed_discount)));
+        }, "-", util/* default */.A.formatCurrency(order._computed_discount)));
       }
       if (order.discount_type === 'amount' && order.discount_amount) {
         $discount = (0,preact_module.h)("div", {
@@ -2229,17 +2240,17 @@ class OrderAttachments_ProductAttachments extends common/* Com */.up {
           class: "order_attachment__label no_margin"
         }, this.props.t('discount_after_tax')), ' ', (0,preact_module.h)("div", {
           class: "no-shrink"
-        }, "-", util/* default */.Z.formatCurrency(order._computed_discount)));
+        }, "-", util/* default */.A.formatCurrency(order._computed_discount)));
       }
       let $shipping = null;
-      if (util/* default */.Z.get(order, 'shipping.nominal_fee')) {
+      if (util/* default */.A.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 */.Z.formatCurrency(util/* default */.Z.get(order, 'shipping.nominal_fee', 0))));
+        }, util/* default */.A.formatCurrency(util/* default */.A.get(order, 'shipping.nominal_fee', 0))));
       }
       let $adjustment = null;
       if (order.adjustment) {
@@ -2249,7 +2260,7 @@ class OrderAttachments_ProductAttachments extends common/* Com */.up {
           class: "order_attachment__label no_margin"
         }, order.adjustment_description), ' ', (0,preact_module.h)("div", {
           class: "no-shrink"
-        }, util/* default */.Z.formatCurrency(order.adjustment)));
+        }, util/* default */.A.formatCurrency(order.adjustment)));
       }
       $subtotal = (0,preact_module.h)("div", {
         class: "order_attachment__footer"
@@ -2263,7 +2274,7 @@ class OrderAttachments_ProductAttachments extends common/* Com */.up {
         class: "order_attachment__header"
       }, this.props.t('order'), (0,preact_module.h)("span", {
         class: "order_attachment__text_muted order_attachment__text_sm"
-      }, util/* default */.Z.getOrderDisplayName(order))), $products, $shipto, $note, $beforeTax, $subtotal, $total);
+      }, util/* default */.A.getOrderDisplayName(order))), $products, $shipto, $note, $beforeTax, $subtotal, $total);
     });
     return $orders;
   }
@@ -2272,20 +2283,20 @@ class OrderAttachments_ProductAttachments extends common/* Com */.up {
 
 
 
-class VideoAttachments extends common/* Com */.up {
+class VideoAttachments extends common/* Com */.Mw {
   constructor(props) {
     super(props);
   }
   render() {
-    let byType = util/* default */.Z.get(this.props.ev, 'by.type');
-    var attachments = util/* default */.Z.get(this.props.ev, 'data.message.attachments', []);
+    let byType = util/* default */.A.get(this.props.ev, 'by.type');
+    var attachments = util/* default */.A.get(this.props.ev, 'data.message.attachments', []);
     var videos = [];
-    util/* default */.Z.each(attachments, (att, i) => {
+    util/* default */.A.each(attachments, (att, i) => {
       if (!att) return;
-      if (util/* default */.Z.includes(att.mimetype, 'video')) videos.push(att);
+      if (util/* default */.A.includes(att.mimetype, 'video')) videos.push(att);
     });
     if (videos.length === 0) return null;
-    var $videos = util/* default */.Z.map(videos, (video, index) => {
+    var $videos = util/* default */.A.map(videos, (video, index) => {
       return (0,preact_module.h)("div", {
         class: `video-attachment video-attachment--${byType}`
       }, (0,preact_module.h)("video", {
@@ -2308,18 +2319,18 @@ class VideoAttachments extends common/* Com */.up {
 
 
 
-class TextMessage extends common/* Com */.up {
+class TextMessage extends common/* Com */.Mw {
   render() {
-    var format = util/* default */.Z.get(this.props.ev, 'data.message.format', 'plaintext');
+    var format = util/* default */.A.get(this.props.ev, 'data.message.format', 'plaintext');
     if (format === 'delta') return this.renderDelta();
     return this.renderPlainText();
   }
   renderPlainText() {
-    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 => {
+    var text = util/* default */.A.get(this.props.ev, 'data.message.text');
+    text = util/* default */.A.trim(text);
+    if (util/* default */.A.size(text) === 0) return null;
+    let byType = util/* default */.A.get(this.props.ev, 'by.type');
+    var tags = util/* default */.A.extractText(text).map(tag => {
       if (tag.type === 'emoji') return (0,preact_module.h)(Emoji, {
         emojiCode: tag.text,
         byType: byType
@@ -2343,7 +2354,7 @@ class TextMessage extends common/* Com */.up {
       }, tag.text);
       return tag.text;
     });
-    if (util/* default */.Z.size(tags) === 0) return null;
+    if (util/* default */.A.size(tags) === 0) return null;
     if (byType === 'agent') {
       return (0,preact_module.h)("div", {
         class: "message-agent message-text--agent"
@@ -2354,16 +2365,16 @@ class TextMessage extends common/* Com */.up {
     }, tags);
   }
   renderDelta() {
-    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) || {};
+    let deltas = util/* default */.A.get(this.props.ev, 'data.message.quill_delta') || util/* default */.A.get(this.props.ev, 'data.message.text');
+    let quilldeltas = util/* default */.A.parseJSON(deltas) || {};
     quilldeltas = trimQuillDelta(quilldeltas);
-    if (!quilldeltas || util/* default */.Z.size(quilldeltas.ops) === 0) return null;
-    let $deltas = util/* default */.Z.map(quilldeltas.ops, delta => {
+    if (!quilldeltas || util/* default */.A.size(quilldeltas.ops) === 0) return null;
+    let $deltas = util/* default */.A.map(quilldeltas.ops, delta => {
       let html = '';
       let insert = delta.insert;
       let attributes = delta.attributes;
       if (insert.dynamicField) {
-        return util/* default */.Z.get(insert, 'dynamicField.text', '');
+        return util/* default */.A.get(insert, 'dynamicField.text', '');
       }
       if (insert.mention) {
         if (insert.mention.id == '*' || insert.mention.id == 'all') {
@@ -2372,7 +2383,7 @@ class TextMessage extends common/* Com */.up {
           }, "@", this.$t('all'));
         }
         let ag = store.matchAgent(insert.mention.id);
-        let name = util/* default */.Z.getAgentDisplayName(ag, insert.mention.fullname);
+        let name = util/* default */.A.getAgentDisplayName(ag, insert.mention.fullname);
         return (0,preact_module.h)("span", {
           class: "mention",
           "data-agent-id": ag.id,
@@ -2383,7 +2394,7 @@ class TextMessage extends common/* Com */.up {
         emojiCode: `:${insert.emoji}:`
       });
       if (typeof insert === 'string') {
-        let $tags = util/* default */.Z.extractText(insert).map((tag, i) => {
+        let $tags = util/* default */.A.extractText(insert).map((tag, i) => {
           if (tag.type === 'link') {
             return (0,preact_module.h)("a", {
               href: absLink(tag.text),
@@ -2407,9 +2418,9 @@ class TextMessage extends common/* Com */.up {
       }
       return null;
     });
-    let byType = util/* default */.Z.get(this.ev, 'by.type');
+    let byType = util/* default */.A.get(this.ev, 'by.type');
     if (byType !== 'user') byType = 'agent';
-    if (util/* default */.Z.size($deltas) === 0) return null;
+    if (util/* default */.A.size($deltas) === 0) return null;
     if (byType === 'agent') {
       return (0,preact_module.h)("div", {
         class: "message-agent message-text--agent"
@@ -2467,11 +2478,11 @@ function absLink(url) {
 }
 ;// CONCATENATED MODULE: ./src/chatbox/time.js
 
-var g_pub = new util/* default */.Z.Pubsub();
-util/* default */.Z.setInterval(() => g_pub.publish('time'), 20 * 1000);
+var g_pub = new util/* default */.A.Pubsub();
+util/* default */.A.setInterval(() => g_pub.publish('time'), 20 * 1000);
 
 
-class Time extends common/* Com */.up {
+class Time extends common/* Com */.Mw {
   constructor(props) {
     super(props);
     this.setState({
@@ -2483,10 +2494,10 @@ class Time extends common/* Com */.up {
     var t = '';
     if (this.props.ago) {
       if (this.props.short) {
-        if (Math.abs(this.props.time - new util/* default */.Z.Date().getTime()) > 86400000 * 10) {
-          let tim = new util/* default */.Z.Date(this.props.time);
+        if (Math.abs(this.props.time - new util/* default */.A.Date().getTime()) > 86400000 * 10) {
+          let tim = new util/* default */.A.Date(this.props.time);
           let tzyear = tim.getFullYear();
-          let locale = util/* default */.Z.get(navigator, 'languages.0', 'en-US');
+          let locale = util/* default */.A.get(navigator, 'languages.0', 'en-US');
           let tzmonthname = tim.toLocaleDateString(locale, {
             month: 'short'
           });
@@ -2494,8 +2505,8 @@ class Time extends common/* Com */.up {
           t = tzdate + ' ' + tzmonthname + ' ' + tzyear;
         }
       }
-      if (!t && this.props.time > 0) t = ago(this.props.time, new util/* default */.Z.Date().getTime());
-    } else t = util/* default */.Z.shortTime(this.props.time, this.props.tzoffset);
+      if (!t && this.props.time > 0) t = ago(this.props.time, new util/* default */.A.Date().getTime());
+    } else t = util/* default */.A.shortTime(this.props.time, this.props.tzoffset);
     if (this.props.uppercase) t = t.toUpperCase();
     if (t === this.state.t) return;
     this.setState({
@@ -2594,7 +2605,7 @@ function getRateLang(rating) {
 
 
 
-class InfoMessage extends common/* Com */.up {
+class InfoMessage extends common/* Com */.Mw {
   render() {
     let ev = this.props.ev.ev;
     var $time = null;
@@ -2606,7 +2617,7 @@ class InfoMessage extends common/* Com */.up {
       }));
     }
     if (ev.type === 'conversation_rated') {
-      var rating = util/* default */.Z.get(ev, 'data.conversation.ratings.0', {
+      var rating = util/* default */.A.get(ev, 'data.conversation.ratings.0', {
         no_rating: true,
         rating: 0
       });
@@ -2617,7 +2628,7 @@ class InfoMessage extends common/* Com */.up {
         class: "info-message"
       }, this.props.t('rated_as') + ' ' + this.props.t(getRateLang(rating.rating)).toLowerCase()));
     }
-    if (ev.type === 'conversation_state_updated' && util/* default */.Z.get(ev, 'data.conversation.state') === 'ended') {
+    if (ev.type === 'conversation_state_updated' && util/* default */.A.get(ev, 'data.conversation.state') === 'ended') {
       return (0,preact_module.h)("div", {
         class: "convo-event"
       }, $time, (0,preact_module.h)("div", {
@@ -2645,13 +2656,13 @@ class InfoMessage extends common/* Com */.up {
 
 
 
-class Event extends common/* Com */.up {
+class Event extends common/* Com */.Mw {
   constructor(props) {
     super(props);
-    this.refForm = (0,preact_module/* createRef */.Vf)();
+    this.refForm = (0,preact_module/* createRef */._3)();
   }
   render() {
-    var ev = util/* default */.Z.get(this.props.event, 'ev', {});
+    var ev = util/* default */.A.get(this.props.event, 'ev', {});
     switch (ev.type) {
       case 'conversation_joined':
         break;
@@ -2660,7 +2671,7 @@ class Event extends common/* Com */.up {
       case 'conversation_state_updated':
       case 'conversation_rating_requested':
       case 'conversation_rated':
-        if (!util/* default */.Z.startsWith(ev.id, 'ev')) return null;
+        if (!util/* default */.A.startsWith(ev.id, 'ev')) return null;
         return (0,preact_module.h)(InfoMessage, {
           t: this.props.t,
           store: this.props.store,
@@ -2673,7 +2684,7 @@ class Event extends common/* Com */.up {
     this.refForm.current && this.refForm.current.focus();
   }
   chooseQuickReply(reply) {
-    let ev = util/* default */.Z.get(this.props.event, 'ev', {});
+    let ev = util/* default */.A.get(this.props.event, 'ev', {});
     let message = {
       text: reply.title,
       format: 'plaintext'
@@ -2690,7 +2701,7 @@ class Event extends common/* Com */.up {
     this.props.onSend(message);
   }
   choosePostbackBtn(button) {
-    let ev = util/* default */.Z.get(this.props.event, 'ev', {});
+    let ev = util/* default */.A.get(this.props.event, 'ev', {});
     let message = {
       text: button.title,
       format: 'plaintext'
@@ -2707,13 +2718,13 @@ class Event extends common/* Com */.up {
     this.props.onSend(message);
   }
   renderAgentAvatar(ev) {
-    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'));
+    let bytype = util/* default */.A.get(ev, 'by.type');
+    let byid = util/* default */.A.get(ev, 'by.display_id', util/* default */.A.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 */.Z.get(this.props, 'chatbox.hide_agent_profile')) {
+    var uri = acc.logo_url || __webpack_require__(3582);
+    if (util/* default */.A.get(this.props, 'chatbox.hide_agent_profile')) {
       return (0,preact_module.h)("div", {
         class: "message-sender"
       }, (0,preact_module.h)("img", {
@@ -2726,7 +2737,7 @@ class Event extends common/* Com */.up {
     }
     let agentM = this.props.store.matchAgent('*');
     if (byid !== 'system' && bytype !== 'dummy' && bytype !== 'workflow') {
-      uri = util/* default */.Z.get(agentM[byid], 'avatar_url') || acc.logo_url || __webpack_require__(4761);
+      uri = util/* default */.A.get(agentM[byid], 'avatar_url') || acc.logo_url || __webpack_require__(2538);
     }
     return (0,preact_module.h)("div", {
       class: "message-sender"
@@ -2748,8 +2759,8 @@ class Event extends common/* Com */.up {
         time: ev.created
       }));
     }
-    let t = new util/* default */.Z.Date(ev.created).toLocaleString();
-    if (util/* default */.Z.get(ev, 'by.type') !== 'user') {
+    let t = new util/* default */.A.Date(ev.created).toLocaleString();
+    if (util/* default */.A.get(ev, 'by.type') !== 'user') {
       let $sender = null;
       if (this.props.event.mode === 'lead') $sender = this.renderAgentAvatar(ev);
       return (0,preact_module.h)("div", {
@@ -2805,15 +2816,15 @@ class Event extends common/* Com */.up {
         onSelect: e => this.chooseQuickReply(e)
       }));
     }
-    if (util/* default */.Z.getMsgField(ev, 'idempotency') === ev.id && this.props.store.now() - ev.created < 900) {
-      util/* default */.Z.setTimeout(() => this.setState({
+    if (util/* default */.A.getMsgField(ev, 'idempotency') === ev.id && this.props.store.now() - ev.created < 900) {
+      util/* default */.A.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 */.Z.getMsgField(ev, 'idempotency') !== ev.id) {
+    if (this.props.store.now() - ev.created < 900 || util/* default */.A.getMsgField(ev, 'idempotency') !== ev.id) {
       $dot = (0,preact_module.h)("div", {
         class: "sending_dot sending_dot__hide"
       });
@@ -2877,7 +2888,7 @@ class Event extends common/* Com */.up {
     })), $error);
   }
   renderUpdateConvo(ev) {
-    var state = util/* default */.Z.get(ev, 'data.conversation.state');
+    var state = util/* default */.A.get(ev, 'data.conversation.state');
     if (state === 'active') return null;
     if (state === 'pending') return null;
     return (0,preact_module.h)("div", {
@@ -2887,27 +2898,27 @@ class Event extends common/* Com */.up {
     }));
   }
   resendMessage() {
-    let cid = util/* default */.Z.convoOfEv(this.props.event.ev);
-    const message = util/* default */.Z.get(this.props.event, 'ev.data.message');
+    let cid = util/* default */.A.convoOfEv(this.props.event.ev);
+    const message = util/* default */.A.get(this.props.event, 'ev.data.message');
     this.props.store.sendConvoEvent(cid, 'message_sent', {
       message
     });
   }
   getSenderName(ev) {
-    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 bytype = util/* default */.A.get(ev, 'by.type');
+    let byid = util/* default */.A.get(ev, 'by.display_id', util/* default */.A.get(ev, 'by.id'));
+    if (bytype === 'user') return util/* default */.A.getUserDisplayName(this.props.store.matchUser());
     let acc = this.props.store.matchAccount();
-    if (bytype === 'agent') return util/* default */.Z.getAgentDisplayName(acc, this.props.store.matchAgent(byid));
+    if (bytype === 'agent') return util/* default */.A.getAgentDisplayName(acc, this.props.store.matchAgent(byid));
     if (byid === 'system' || bytype === 'dummy' || bytype === 'workflow') return acc.name || 'system';
     return '';
   }
 }
 ;// CONCATENATED MODULE: ./src/chatbox/spinner.js
-const loadingimg = __webpack_require__(6484);
+const loadingimg = __webpack_require__(6973);
 
 
-class Spinner extends common/* Com */.up {
+class Spinner extends common/* Com */.Mw {
   render() {
     let mode = (this.props.mode + '').toLowerCase();
     let mainColor = mode === 'dark' ? '#000000dd' : mode === 'blue' ? 'rgba(52, 152, 220, .8)' : mode;
@@ -2933,19 +2944,19 @@ class Spinner extends common/* Com */.up {
 ;// CONCATENATED MODULE: ./src/chatbox/Events.js
 
 
-const convoemptyimg = __webpack_require__(6188);
+const convoemptyimg = __webpack_require__(1370);
 
 
 
 
-class Events extends common/* Com */.up {
+class Events extends common/* Com */.Mw {
   constructor(props) {
     super(props);
     this.props.store.onUpdate(this, _ => this.forceUpdate());
     this.props.store.onConvoEvent(this, ev => this.onEvent(ev));
     this.loadConvo();
     this.refBody = null;
-    this.checkAndSeen = util/* default */.Z.throttle(() => {
+    this.checkAndSeen = util/* default */.A.throttle(() => {
       if (this.props.isShow && this.isBottom() && this.props.store.browserVisibility === 'visible' && document.hasFocus()) {
         this.props.store.seenConvo(this.props.cid);
       }
@@ -2957,8 +2968,8 @@ class Events extends common/* Com */.up {
   }
   render() {
     if (this.state.error) return this.renderError();
-    let events = util/* default */.Z.map(this.props.store.listEvents(this.props.cid));
-    if (!this.state.loading && util/* default */.Z.size(events) === 0) {
+    let events = util/* default */.A.map(this.props.store.listEvents(this.props.cid));
+    if (!this.state.loading && util/* default */.A.size(events) === 0) {
       return (0,preact_module.h)("div", {
         ref: ref => this.refBody = ref,
         class: "widget-body--events-container"
@@ -2972,13 +2983,13 @@ class Events extends common/* Com */.up {
         store: this.props.store
       }));
     }
-    events = util/* default */.Z.orderBy(events, 'created', 'asc');
+    events = util/* default */.A.orderBy(events, 'created', 'asc');
     let convo = this.props.store.matchConvo(this.props.cid);
-    events = util/* default */.Z.map(events, ev => ({
+    events = util/* default */.A.map(events, ev => ({
       ev: ev
     }));
     processEvents(convo, events);
-    let $events = util/* default */.Z.map(events, ev => (0,preact_module.h)(Event, {
+    let $events = util/* default */.A.map(events, ev => (0,preact_module.h)(Event, {
       chatbox: this.props.chatbox,
       onLink: this.props.onLink,
       store: this.props.store,
@@ -2994,13 +3005,13 @@ class Events extends common/* Com */.up {
     if (this.state.loading || this.props.creating) {
       $loading = (0,preact_module.h)(Spinner, {
         static: true,
-        mode: util/* default */.Z.get(this.props.chatbox, 'primary_color', 'dark'),
+        mode: util/* default */.A.get(this.props.chatbox, 'primary_color', 'dark'),
         size: "120",
         center: true
       });
       style = 'opacity: 0 !important';
     }
-    return (0,preact_module.h)(preact_module/* Fragment */.HY, null, $loading, (0,preact_module.h)("div", {
+    return (0,preact_module.h)(preact_module/* Fragment */.FK, null, $loading, (0,preact_module.h)("div", {
       style: style,
       ref: ref => this.refBody = ref,
       class: "widget-body--events-container",
@@ -3033,23 +3044,23 @@ class Events extends common/* Com */.up {
   }
   focus() {
     let events = this.props.store.listEvents(this.props.cid);
-    events = util/* default */.Z.orderBy(util/* default */.Z.map(events), 'created', 'desc');
+    events = util/* default */.A.orderBy(util/* default */.A.map(events), 'created', 'desc');
     var last_agent_sent;
     for (let ev of events) {
-      if (util/* default */.Z.get(ev, 'type') !== 'message_sent') continue;
-      if (util/* default */.Z.get(ev, 'by.type') === 'user') continue;
+      if (util/* default */.A.get(ev, 'type') !== 'message_sent') continue;
+      if (util/* default */.A.get(ev, 'by.type') === 'user') continue;
       last_agent_sent = ev;
       break;
     }
-    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', []);
+    if (util/* default */.A.get(last_agent_sent, 'by.type') === 'user') last_agent_sent = null;
+    let attachments = util/* default */.A.get(last_agent_sent, 'data.message.attachments', []);
     let convo = this.props.store.matchConvo(this.props.cid);
-    let pendingForms = util/* default */.Z.filter(attachments, att => {
+    let pendingForms = util/* default */.A.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 */.Z.parseJSON(form.state) || {};
+      var state = util/* default */.A.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;
@@ -3057,10 +3068,10 @@ class Events extends common/* Com */.up {
     });
   }
   onEvent(newev) {
-    if (util/* default */.Z.convoOfEv(newev) !== this.props.cid) return;
+    if (util/* default */.A.convoOfEv(newev) !== this.props.cid) return;
     let isBottom = this.isBottom();
     var byme = false;
-    if (util/* default */.Z.get(newev, 'type') === 'message_sent' && newev.id === util/* default */.Z.getMsgField(newev, 'idempotency')) byme = true;
+    if (util/* default */.A.get(newev, 'type') === 'message_sent' && newev.id === util/* default */.A.getMsgField(newev, 'idempotency')) byme = true;
     if (byme || isBottom) this.scrollToBottom();
   }
   async loadConvo() {
@@ -3070,7 +3081,7 @@ class Events extends common/* Com */.up {
       loading: true
     });
     let events = this.props.store.listEvents(this.props.cid);
-    if (util/* default */.Z.size(events) === 0) {
+    if (util/* default */.A.size(events) === 0) {
       let cid = this.props.cid;
       let {
         error
@@ -3094,7 +3105,7 @@ class Events extends common/* Com */.up {
       error: false
     });
     this.scrollToBottom();
-    util/* default */.Z.setTimeout(() => this.setState({
+    util/* default */.A.setTimeout(() => this.setState({
       loading: false
     }), 50);
   }
@@ -3104,11 +3115,11 @@ class Events extends common/* Com */.up {
     return $container.scrollHeight < $container.scrollTop + $container.offsetHeight + 50;
   }
   scrollToBottom() {
-    util/* default */.Z.setTimeout(() => {
+    util/* default */.A.setTimeout(() => {
       const $div = this.refBody;
       if ($div) $div.scrollTop = $div.scrollHeight;
     });
-    util/* default */.Z.setTimeout(() => {
+    util/* default */.A.setTimeout(() => {
       const $div = this.refBody;
       if ($div) $div.scrollTop = $div.scrollHeight;
     }, 200);
@@ -3126,13 +3137,13 @@ function processEvents(convo, events) {
     let curEvent = events[i];
     let lastEvent = events[i - 1];
     if (visibleEvent(curEvent.ev)) {
-      let elapsedSec = util/* default */.Z.unixSec(curEvent.ev.created) - util/* default */.Z.unixSec(lastEvent.ev.created);
+      let elapsedSec = util/* default */.A.unixSec(curEvent.ev.created) - util/* default */.A.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 */.Z.get(curEvent, 'ev.type') === 'message_sent') {
+    if (util/* default */.A.get(curEvent, 'ev.type') === 'message_sent') {
       curEvent.show_time = true;
       break;
     }
@@ -3142,7 +3153,7 @@ function processEvents(convo, events) {
     let prevEvent = events[i - 1];
     if (curEvent.ev.type === 'message_sent') {
       curEvent.mode = 'lead';
-      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')) {
+      if (util/* default */.A.get(prevEvent, 'ev.type') === 'message_sent' && util/* default */.A.get(prevEvent, 'ev.by.id') === util/* default */.A.get(curEvent, 'ev.by.id')) {
         curEvent.mode = 'follow';
       }
       continue;
@@ -3150,18 +3161,18 @@ function processEvents(convo, events) {
   }
 }
 function visibleEvent(ev) {
-  let type = util/* default */.Z.get(ev, 'type');
+  let type = util/* default */.A.get(ev, 'type');
   return type === 'message_sent' || type === 'conversation_state_updated';
 }
 function Events_isSummited(form) {
-  let fields = util/* default */.Z.get(form, 'fields') || [];
-  return util/* default */.Z.find(fields, field => !!field.answered);
+  let fields = util/* default */.A.get(form, 'fields') || [];
+  return util/* default */.A.find(fields, field => !!field.answered);
 }
 ;// CONCATENATED MODULE: ./src/chatbox/Typing.js
 
 
 
-class Typing extends common/* Com */.up {
+class Typing extends common/* Com */.Mw {
   constructor(props) {
     super(props);
   }
@@ -3171,29 +3182,29 @@ class Typing extends common/* Com */.up {
       ev: {}
     });
     this.props.store.onConvoEvent(this, ev => {
-      if (util/* default */.Z.convoOfEv(ev) !== this.props.cid) return;
+      if (util/* default */.A.convoOfEv(ev) !== this.props.cid) return;
       let user = this.props.store.matchUser();
-      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);
+      if (util/* default */.A.get(ev, 'by.id') === user.id) return;
+      let oldby = util/* default */.A.get(this.state.ev, 'by.id');
+      if (oldby && util/* default */.A.get(ev, 'by.id') !== oldby) return;
+      if (util/* default */.A.get(ev, 'type') === 'message_sent') {
+        if (this.timer) util/* default */.A.clearTimeout(this.timer);
         this.timer = null;
         this.setState({
           isShow: false
         });
         return;
       }
-      if (util/* default */.Z.get(ev, 'type') !== 'conversation_typing') return;
-      let ag = this.props.store.matchAgent(util/* default */.Z.get(ev, 'by.id')) || {};
+      if (util/* default */.A.get(ev, 'type') !== 'conversation_typing') return;
+      let ag = this.props.store.matchAgent(util/* default */.A.get(ev, 'by.id')) || {};
       if (ag.type == 'agent') return;
       this.setState({
         ev: ev,
         isShow: true
       });
-      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;
+      if (this.timer) util/* default */.A.clearTimeout(this.timer);
+      this.timer = util/* default */.A.setTimeout(() => {
+        if (util/* default */.A.convoOfEv(ev) !== this.props.cid) return;
         this.timer = null;
         this.setState({
           isShow: false
@@ -3204,8 +3215,8 @@ class Typing extends common/* Com */.up {
   render() {
     let account = this.props.store.matchAccount();
     var cls = this.state.isShow ? '' : 'typing--hidden';
-    let byid = util/* default */.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));
+    let byid = util/* default */.A.get(this.state.ev, 'by.display_id', util/* default */.A.get(this.state.ev, 'by.id'));
+    let agentName = util/* default */.A.getAgentDisplayName(account, this.props.store.matchAgent(byid));
     return (0,preact_module.h)("div", {
       class: `typing ${cls}`
     }, agentName, " ", this.props.t('typing'));
@@ -3224,7 +3235,7 @@ class Typing extends common/* Com */.up {
     this.stop();
     var t0;
     var run = t => {
-      if (!t) t = new util/* default */.Z.Date().getTime();
+      if (!t) t = new util/* default */.A.Date().getTime();
       var deltaT = t - t0;
       var [newy, done] = this.calcY(v, y0, deltaT);
       cb(newy);
@@ -3232,7 +3243,7 @@ class Typing extends common/* Com */.up {
       this.animationframe = window.requestAnimationFrame(run);
     };
     this.animationframe = window.requestAnimationFrame(t => {
-      t0 = t || new util/* default */.Z.Date().getTime();
+      t0 = t || new util/* default */.A.Date().getTime();
       run(t0);
     });
   }
@@ -3276,7 +3287,7 @@ const POPUP_HARD_MAX_HEIGHT = 500;
 const POPUP_MIN_HEIGHT = 0;
 
 
-class Rating extends common/* Com */.up {
+class Rating extends common/* Com */.Mw {
   constructor(props) {
     super(props);
     Rating_defineProperty(this, "state", {
@@ -3285,16 +3296,16 @@ class Rating extends common/* Com */.up {
       overlayOpacity: 0.3,
       comment: ''
     });
-    this.refComment = (0,preact_module/* createRef */.Vf)();
-    this.refRating = (0,preact_module/* createRef */.Vf)();
-    this.refHandle = (0,preact_module/* createRef */.Vf)();
+    this.refComment = (0,preact_module/* createRef */._3)();
+    this.refRating = (0,preact_module/* createRef */._3)();
+    this.refHandle = (0,preact_module/* createRef */._3)();
   }
   componentDidMount() {
     this.props.store.onUpdate(this, () => {
       if (this.shoudDisplay()) this.open();
     });
     this.props.store.onConvoEvent(this, ev => {
-      var cid = util/* default */.Z.convoOfEv(ev);
+      var cid = util/* default */.A.convoOfEv(ev);
       if (cid !== this.props.cid) return;
       if (this.shoudDisplay()) this.open();
     });
@@ -3373,7 +3384,7 @@ class Rating extends common/* Com */.up {
       onClick: e => this.onRatingPoor(e)
     }, (0,preact_module.h)("img", {
       alt: "poor",
-      src: __webpack_require__(8367)
+      src: __webpack_require__(9801)
     }), (0,preact_module.h)("p", {
       class: "rating-face--text"
     }, this.props.t('poor'))), (0,preact_module.h)("div", {
@@ -3381,7 +3392,7 @@ class Rating extends common/* Com */.up {
       onClick: e => this.onRatingAverage(e)
     }, (0,preact_module.h)("img", {
       alt: "average",
-      src: __webpack_require__(6535)
+      src: __webpack_require__(7134)
     }), (0,preact_module.h)("p", {
       class: "rating-face--text"
     }, this.props.t('average'))), (0,preact_module.h)("div", {
@@ -3389,7 +3400,7 @@ class Rating extends common/* Com */.up {
       onClick: e => this.onRatingGreat(e)
     }, (0,preact_module.h)("img", {
       alt: "great",
-      src: __webpack_require__(3824)
+      src: __webpack_require__(940)
     }), (0,preact_module.h)("p", {
       class: "rating-face--text"
     }, this.props.t('great')))), (0,preact_module.h)("div", {
@@ -3403,12 +3414,12 @@ class Rating extends common/* Com */.up {
     var rated;
     var ended;
     let user = this.props.store.matchUser();
-    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') {
+    util/* default */.A.map(this.props.store.listEvents(this.props.cid), ev => {
+      if (util/* default */.A.get(ev, 'type') === 'conversation_state_updated' && util/* default */.A.get(ev, 'data.conversation.state') === 'ended') {
         ended = 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 (util/* default */.A.get(ev, 'type') === 'conversation_rating_requested') requested = ev;
+      if (util/* default */.A.get(ev, 'type') === 'conversation_rated' && util/* default */.A.get(ev, 'by.id') === user.id) rated = ev;
     });
     if (rated) return false;
     let accountSetting = this.props.plugin.chatbox;
@@ -3449,7 +3460,7 @@ class Rating extends common/* Com */.up {
       hide: false
     });
     if (!this.refRating.current) return;
-    util/* default */.Z.setTimeout(() => {
+    util/* default */.A.setTimeout(() => {
       if (this.refComment.current) this.refComment.current.focus();
     }, 400);
     this.refComment.current.value = '';
@@ -3538,15 +3549,15 @@ function DropdownSelect_toPrimitive(t, r) { if ("object" != typeof t || !t) retu
 
 
 
-class DropdownSelect extends common/* Com */.up {
+class DropdownSelect extends common/* Com */.Mw {
   constructor(props) {
     super(props);
     DropdownSelect_defineProperty(this, "state", {
       show: false,
       searchValue: ''
     });
-    DropdownSelect_defineProperty(this, "filterRef", (0,preact_module/* createRef */.Vf)());
-    DropdownSelect_defineProperty(this, "overlayRef", (0,preact_module/* createRef */.Vf)());
+    DropdownSelect_defineProperty(this, "filterRef", (0,preact_module/* createRef */._3)());
+    DropdownSelect_defineProperty(this, "overlayRef", (0,preact_module/* createRef */._3)());
     DropdownSelect_defineProperty(this, "onTouchMove", e => {
       if (e.target === this.overlayRef.current) {
         e.preventDefault();
@@ -3571,15 +3582,15 @@ class DropdownSelect extends common/* Com */.up {
     });
     DropdownSelect_defineProperty(this, "hasSearch", () => {
       if (this.props.has_search) return true;
-      return util/* default */.Z.size(this.props.items) >= 10;
+      return util/* default */.A.size(this.props.items) >= 10;
     });
     DropdownSelect_defineProperty(this, "getFilteredOptions", () => {
       let items = this.props.items;
       if (this.state.searchValue && this.hasSearch()) {
-        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, '');
+        items = util/* default */.A.filter(items, item => {
+          let optionName = util/* default */.A.unicodeToAscii(item.name).toLowerCase().replace(/ /g, '');
+          let optionDesc = util/* default */.A.unicodeToAscii(item.desc).toLowerCase().replace(/ /g, '');
+          let searchValue = util/* default */.A.unicodeToAscii(this.state.searchValue).toLowerCase().replace(/ /g, '');
           return optionName.indexOf(searchValue) != -1 || optionDesc.indexOf(searchValue) != -1;
         });
       }
@@ -3618,7 +3629,7 @@ class DropdownSelect extends common/* Com */.up {
       class: "dropdown_select_filter__empty"
     }, (0,preact_module.h)("img", {
       class: "dropdown_select_filter__empty_img",
-      src: __webpack_require__(6071)
+      src: __webpack_require__(3142)
     }), (0,preact_module.h)("div", {
       class: "muted",
       style: "text-align: center !important;"
@@ -3638,7 +3649,7 @@ class DropdownSelect extends common/* Com */.up {
   focusFilter() {
     if (!this.filterRef.current) return;
     this.filterRef.current.focus();
-    util/* default */.Z.setTimeout(() => {
+    util/* default */.A.setTimeout(() => {
       if (!this.filterRef.current) return;
       this.filterRef.current.focus();
     }, 100);
@@ -3646,7 +3657,7 @@ class DropdownSelect extends common/* Com */.up {
   renderDropdown() {
     if (!this.state.show) return null;
     let items = this.getFilteredOptions();
-    let $items = util/* default */.Z.map(items, item => {
+    let $items = util/* default */.A.map(items, item => {
       return (0,preact_module.h)("div", {
         class: "dropdown_select__item",
         onClick: _ => this.onSelect(item)
@@ -3656,12 +3667,12 @@ class DropdownSelect extends common/* Com */.up {
     if (this.hasSearch()) {
       let $img = (0,preact_module.h)("img", {
         class: "dropdown_select_filter__icon",
-        src: __webpack_require__(636)
+        src: __webpack_require__(5452)
       });
       if (this.props.loading) {
         $img = (0,preact_module.h)("img", {
           class: "dropdown_select_filter__icon",
-          src: __webpack_require__(5770)
+          src: __webpack_require__(185)
         });
       }
       $filter = (0,preact_module.h)("div", {
@@ -3707,17 +3718,17 @@ class DropdownSelect extends common/* Com */.up {
       class: "muted text-truncate",
       style: "flex: 1 !important;"
     }, "Ch\u1ECDn m\u1ED9t ph\u1EA7n t\u1EED");
-    if (util/* default */.Z.get(this.props, 'selected.name')) $name = (0,preact_module.h)("div", {
+    if (util/* default */.A.get(this.props, 'selected.name')) $name = (0,preact_module.h)("div", {
       class: "text-truncate",
       style: "flex: 1 !important;"
-    }, util/* default */.Z.get(this.props, 'selected.name'));
+    }, util/* default */.A.get(this.props, 'selected.name'));
     let style = 'position: relative !important;';
     if (this.props.full) {
       style = '';
     }
     return (0,preact_module.h)("div", {
       style: style
-    }, (0,preact_module.h)(common/* Clickaway */.u$, {
+    }, (0,preact_module.h)(common/* Clickaway */.tW, {
       onClickaway: this.hideDropdown
     }, (0,preact_module.h)("div", {
       type: "text",
@@ -3725,7 +3736,7 @@ class DropdownSelect extends common/* Com */.up {
       onClick: this.toogleDropdown
     }, $name, "\xA0", (0,preact_module.h)("img", {
       class: "dropdown_select__caret",
-      src: __webpack_require__(8712)
+      src: __webpack_require__(7741)
     })), this.renderDropdown()));
   }
 }
@@ -3737,7 +3748,7 @@ function address_picker_toPrimitive(t, r) { if ("object" != typeof t || !t) retu
 
 
 
-class AddressPicker extends common/* Com */.up {
+class AddressPicker extends common/* Com */.Mw {
   constructor(props) {
     super(props);
     address_picker_defineProperty(this, "state", {
@@ -3745,8 +3756,8 @@ class AddressPicker extends common/* Com */.up {
       searchValue: '',
       addresses: []
     });
-    address_picker_defineProperty(this, "filterRef", (0,preact_module/* createRef */.Vf)());
-    address_picker_defineProperty(this, "overlayRef", (0,preact_module/* createRef */.Vf)());
+    address_picker_defineProperty(this, "filterRef", (0,preact_module/* createRef */._3)());
+    address_picker_defineProperty(this, "overlayRef", (0,preact_module/* createRef */._3)());
     address_picker_defineProperty(this, "onTouchMove", e => {
       if (e.target === this.overlayRef.current) {
         e.preventDefault();
@@ -3770,13 +3781,13 @@ class AddressPicker extends common/* Com */.up {
       }
       if (e.key == 'Enter') {}
     });
-    address_picker_defineProperty(this, "doSearch", util/* default */.Z.throttle(async () => {
+    address_picker_defineProperty(this, "doSearch", util/* default */.A.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 */.Z.get(res, 'body.addresses', [])
+        addresses: util/* default */.A.get(res, 'body.addresses', [])
       });
     }, 100));
     address_picker_defineProperty(this, "onChangeSearchValue", e => {
@@ -3813,7 +3824,7 @@ class AddressPicker extends common/* Com */.up {
       class: "dropdown_select_filter__empty"
     }, (0,preact_module.h)("img", {
       class: "dropdown_select_filter__empty_img",
-      src: __webpack_require__(6071)
+      src: __webpack_require__(3142)
     }), (0,preact_module.h)("div", {
       class: "muted",
       style: "text-align: center !important;"
@@ -3833,14 +3844,14 @@ class AddressPicker extends common/* Com */.up {
   focusFilter() {
     if (!this.filterRef.current) return;
     this.filterRef.current.focus();
-    util/* default */.Z.setTimeout(() => {
+    util/* default */.A.setTimeout(() => {
       if (!this.filterRef.current) return;
       this.filterRef.current.focus();
     }, 100);
   }
   renderDropdown() {
     if (!this.state.show) return null;
-    let $items = util/* default */.Z.map(this.state.addresses, (addr, i) => {
+    let $items = util/* default */.A.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", {
@@ -3854,12 +3865,12 @@ class AddressPicker extends common/* Com */.up {
     let $filter = null;
     let $img = (0,preact_module.h)("img", {
       class: "dropdown_select_filter__icon",
-      src: __webpack_require__(636)
+      src: __webpack_require__(5452)
     });
     if (this.props.loading) {
       $img = (0,preact_module.h)("img", {
         class: "dropdown_select_filter__icon",
-        src: __webpack_require__(5770)
+        src: __webpack_require__(185)
       });
     }
     $filter = (0,preact_module.h)("div", {
@@ -3910,7 +3921,7 @@ class AddressPicker extends common/* Com */.up {
     }
     return (0,preact_module.h)("div", {
       style: style
-    }, (0,preact_module.h)(common/* Clickaway */.u$, {
+    }, (0,preact_module.h)(common/* Clickaway */.tW, {
       onClickaway: this.hideDropdown
     }, (0,preact_module.h)("div", {
       type: "text",
@@ -3937,37 +3948,37 @@ function normalize(s) {
 }
 ;// CONCATENATED MODULE: ./src/order/icon.js
 
-let promiseMainCSS = (() => __webpack_require__.e(/* import() */ 178).then(__webpack_require__.bind(__webpack_require__, 178)))();
+let promiseMainCSS = (() => __webpack_require__.e(/* import() */ 278).then(__webpack_require__.bind(__webpack_require__, 9278)))();
 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 */.Z.preloadWebfonts(['Roboto'], [400, 500]);
+util/* default */.A.preloadWebfonts(['Roboto'], [400, 500]);
 
-let icon_defaultAvatar = __webpack_require__(4761);
+let icon_defaultAvatar = __webpack_require__(2538);
 
 
 
-class Icon extends common/* Com */.up {
+class Icon extends common/* Com */.Mw {
   render() {
     if (this.props.name == 'package') {
       if (this.props.active) return (0,preact_module.h)("img", {
         style: "width: 18px !important;",
-        src: __webpack_require__(25)
+        src: __webpack_require__(8512)
       });
       return (0,preact_module.h)("img", {
         style: "width: 18px !important;",
-        src: __webpack_require__(1216)
+        src: __webpack_require__(6857)
       });
     }
     if (this.props.name === 'shop') {
       if (this.props.active) return (0,preact_module.h)("img", {
         style: "width: 18px !important;",
-        src: __webpack_require__(6180)
+        src: __webpack_require__(5244)
       });
       return (0,preact_module.h)("img", {
         style: "width: 18px !important;",
-        src: __webpack_require__(750)
+        src: __webpack_require__(2523)
       });
     }
   }
@@ -3984,9 +3995,9 @@ function order_toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var
 
 
 
-var checkedimg = __webpack_require__(763);
-var ximg = __webpack_require__(2514);
-class order_Order extends common/* Com */.up {
+var checkedimg = __webpack_require__(5860);
+var ximg = __webpack_require__(3080);
+class order_Order extends common/* Com */.Mw {
   constructor(props) {
     super(props);
     order_defineProperty(this, "state", {
@@ -4049,7 +4060,7 @@ class order_Order extends common/* Com */.up {
         loadDistrict: false
       });
       if (!out.error) this.setState({
-        districts: util/* default */.Z.get(out, 'body.addresses')
+        districts: util/* default */.A.get(out, 'body.addresses')
       });
     });
     order_defineProperty(this, "onSelectDistrict", async item => {
@@ -4068,7 +4079,7 @@ class order_Order extends common/* Com */.up {
         loadWard: false
       });
       if (!out.error) this.setState({
-        wards: util/* default */.Z.get(out, 'body.addresses')
+        wards: util/* default */.A.get(out, 'body.addresses')
       });
     });
     order_defineProperty(this, "onSelectWard", item => this.setState({
@@ -4089,7 +4100,7 @@ class order_Order extends common/* Com */.up {
     order_defineProperty(this, "onSelectAddress", addr => {
       if (!addr) return;
       this.setState({
-        address: [util/* default */.Z.trim(addr.address), util/* default */.Z.trim(addr.street)].join(' ').trim(),
+        address: [util/* default */.A.trim(addr.address), util/* default */.A.trim(addr.street)].join(' ').trim(),
         street: addr.street,
         err: {},
         g_err: ''
@@ -4136,36 +4147,36 @@ class order_Order extends common/* Com */.up {
         });
       }
       if (this.state.shipping === 'shop') {
-        if (!util/* default */.Z.isPhone(this.state.phone)) {
+        if (!util/* default */.A.isPhone(this.state.phone)) {
           err.phone = true;
         }
-        if (!util/* default */.Z.trim(this.state.fullname)) {
+        if (!util/* default */.A.trim(this.state.fullname)) {
           err.name = true;
         }
-        if (!util/* default */.Z.trim(this.state.email)) {
+        if (!util/* default */.A.trim(this.state.email)) {
           err.email = true;
         }
       } else if (this.state.shipping_address == 'new') {
-        if (!util/* default */.Z.isPhone(this.state.phone)) {
+        if (!util/* default */.A.isPhone(this.state.phone)) {
           err.phone = true;
         }
-        if (!util/* default */.Z.trim(this.state.fullname)) {
+        if (!util/* default */.A.trim(this.state.fullname)) {
           err.name = true;
         }
-        if (!util/* default */.Z.trim(this.state.address)) {
+        if (!util/* default */.A.trim(this.state.address)) {
           err.address = true;
         }
-        if (util/* default */.Z.size(this.state.selectedWard) == 0) {
+        if (util/* default */.A.size(this.state.selectedWard) == 0) {
           err.ward = true;
         }
-        if (util/* default */.Z.size(this.state.selectedDistrict) == 0) {
+        if (util/* default */.A.size(this.state.selectedDistrict) == 0) {
           err.district = true;
         }
-        if (util/* default */.Z.size(this.state.selectedProvince) == 0) {
+        if (util/* default */.A.size(this.state.selectedProvince) == 0) {
           err.province = true;
         }
       }
-      if (util/* default */.Z.size(err) > 0) {
+      if (util/* default */.A.size(err) > 0) {
         this.setState({
           err,
           g_err: this.props.t('input_shipping_info_err')
@@ -4173,15 +4184,15 @@ class order_Order extends common/* Com */.up {
         return;
       }
       let user = this.props.store.matchUser();
-      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);
+      let ufullname = util/* default */.A.getUserAttr(user, 'fullname', 'text');
+      let uemail = util/* default */.A.getUserAttr(user, 'emails', 'text');
+      let uphone = util/* default */.A.getUserAttr(user, 'phones', 'text');
+      let order = util/* default */.A.cloneDeep(this.state.order);
       if (this.state.shipping === 'shop') {
-        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);
+        util/* default */.A.set(order, 'shipping.pickup_at_shop', true);
+        util/* default */.A.set(order, 'shipping.address.phone', this.state.phone);
+        util/* default */.A.set(order, 'shipping.address.fullname', this.state.fullname);
+        util/* default */.A.set(order, 'shipping.address.email', this.state.email);
       } else {
         if (this.state.shipping_address == 'new') {
           let out = await this.props.store.createShippingAddress({
@@ -4201,37 +4212,37 @@ class order_Order extends common/* Com */.up {
           if (out.error) return this.setState({
             g_err: this.props.t('update_failed')
           });
-          util/* default */.Z.set(order, 'shipping.address', out.body);
+          util/* default */.A.set(order, 'shipping.address', out.body);
         } else {
           let addresses = this.props.store.matchShippingAddresses();
-          let sa = util/* default */.Z.find(addresses, addr => addr.id === this.state.shipping_address);
+          let sa = util/* default */.A.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 */.Z.set(order, 'shipping.address', sa);
+          util/* default */.A.set(order, 'shipping.address', sa);
         }
       }
       let changeduser = false;
       if (!ufullname && this.state.fullname) {
         changeduser = true;
-        util/* default */.Z.setUserAttr(user, {
+        util/* default */.A.setUserAttr(user, {
           key: 'fullname',
           text: this.state.fullname
         });
       }
       if (!uemail && this.state.email) {
         changeduser = true;
-        util/* default */.Z.setUserAttr(user, {
+        util/* default */.A.setUserAttr(user, {
           key: 'emails',
           text: this.state.email
         });
       }
       if (!uphone && this.state.phone) {
         changeduser = true;
-        util/* default */.Z.setUserAttr(user, {
+        util/* default */.A.setUserAttr(user, {
           key: 'phones',
           text: this.state.phone
         });
@@ -4258,7 +4269,7 @@ class order_Order extends common/* Com */.up {
     order_defineProperty(this, "onCancel", () => {
       if (this.props.onResponse) this.props.onResponse('rejected');
       if (this.props.cid && !this.state.order.user_confirmation) {
-        let order = util/* default */.Z.cloneDeep(this.state.order);
+        let order = util/* default */.A.cloneDeep(this.state.order);
         order.user_confirmation = 'rejected';
         this.props.store.updateOrder(order);
       }
@@ -4285,10 +4296,10 @@ class order_Order extends common/* Com */.up {
       });
     }
     let user = this.props.store.matchUser();
-    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');
+    let attributes = util/* default */.A.get(this.props.store.matchUser(), 'attributes', []);
+    let fullname = util/* default */.A.get(util/* default */.A.find(attributes, att => att.key === 'fullname'), 'text');
+    let email = util/* default */.A.get(util/* default */.A.find(attributes, att => att.key === 'emails'), 'text');
+    let phone = util/* default */.A.get(util/* default */.A.find(attributes, att => att.key === 'phones'), 'text');
     this.setState({
       fullname,
       email,
@@ -4300,7 +4311,7 @@ class order_Order extends common/* Com */.up {
       loadProvince: false
     });
     if (!out.error) this.setState({
-      provinces: util/* default */.Z.get(out, 'body.addresses')
+      provinces: util/* default */.A.get(out, 'body.addresses')
     });
   }
   isMobile() {
@@ -4330,7 +4341,7 @@ class order_Order extends common/* Com */.up {
     }
     if (editmode) {
       let pms = this.props.store.matchPaymentMethods();
-      let $pms = util/* default */.Z.map(pms, pm => {
+      let $pms = util/* default */.A.map(pms, pm => {
         let $name = pm.description;
         if (pm.method == 'bank_transfer') {
           $name = pm.description + ' ' + pm.bank_name + ' ' + pm.bank_branch;
@@ -4372,7 +4383,7 @@ class order_Order extends common/* Com */.up {
       });
       let seccls = 'card_section';
       if (this.isMobile()) seccls = 'order_section';
-      return (0,preact_module.h)(preact_module/* Fragment */.HY, null, (0,preact_module.h)("div", {
+      return (0,preact_module.h)(preact_module/* Fragment */.FK, null, (0,preact_module.h)("div", {
         class: "order_section__line"
       }), (0,preact_module.h)("div", {
         class: seccls
@@ -4399,7 +4410,7 @@ class order_Order extends common/* Com */.up {
       }, "S\u1ED1 t\xE0i kho\u1EA3n: ", pm.bank_number));
     }
     if (!$body) return null;
-    return (0,preact_module.h)(preact_module/* Fragment */.HY, null, (0,preact_module.h)("div", {
+    return (0,preact_module.h)(preact_module/* Fragment */.FK, null, (0,preact_module.h)("div", {
       class: "order_label"
     }, this.props.t('payment')), $body);
   }
@@ -4411,15 +4422,15 @@ class order_Order extends common/* Com */.up {
     let user = this.props.store.matchUser();
     if (editmode) {
       let addresses = this.props.store.matchShippingAddresses();
-      let provinces = util/* default */.Z.map(this.state.provinces, province => ({
+      let provinces = util/* default */.A.map(this.state.provinces, province => ({
         id: province.id,
         name: province.province
       }));
-      let districts = util/* default */.Z.map(this.state.districts, district => ({
+      let districts = util/* default */.A.map(this.state.districts, district => ({
         id: district.id,
         name: district.district
       }));
-      let wards = util/* default */.Z.map(this.state.wards, ward => ({
+      let wards = util/* default */.A.map(this.state.wards, ward => ({
         id: ward.id,
         name: ward.ward
       }));
@@ -4428,11 +4439,11 @@ class order_Order extends common/* Com */.up {
       let ship_icon_active = false;
       if (this.state.shipping === 'ship') {
         ship_icon_active = true;
-        let $preaddrs = util/* default */.Z.map(addresses, addr => {
+        let $preaddrs = util/* default */.A.map(addresses, addr => {
           let fulladdr = [addr.street, addr.ward, addr.district, addr.region, addr.country].filter(a => a).join(', ');
           let $phone = null;
           if (addr.phone) {
-            $phone = (0,preact_module.h)(preact_module/* Fragment */.HY, null, "\xA0\xB7\xA0", this.props.t('phn'), " ", addr.phone);
+            $phone = (0,preact_module.h)(preact_module/* Fragment */.FK, null, "\xA0\xB7\xA0", this.props.t('phn'), " ", addr.phone);
           }
           return (0,preact_module.h)("div", {
             style: "margin-bottom: 15px !important"
@@ -4560,7 +4571,7 @@ class order_Order extends common/* Com */.up {
           style: "flex: 1 !important; margin-left: 7px !important;"
         })));
         cls += ' ship_card__active';
-        if (util/* default */.Z.size(addresses) == 0) {
+        if (util/* default */.A.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);
@@ -4612,7 +4623,7 @@ class order_Order extends common/* Com */.up {
       }
       let seccls = 'card_section';
       if (this.isMobile()) seccls = 'order_section';
-      return (0,preact_module.h)(preact_module/* Fragment */.HY, null, (0,preact_module.h)("div", {
+      return (0,preact_module.h)(preact_module/* Fragment */.FK, null, (0,preact_module.h)("div", {
         class: "order_section__line"
       }), (0,preact_module.h)("div", {
         class: seccls
@@ -4638,13 +4649,13 @@ class order_Order extends common/* Com */.up {
         class: "ml-2"
       }, "Giao h\xE0ng cho t\xF4i"))), $body));
     }
-    let addr = util/* default */.Z.get(order, 'shipping.address') || {};
+    let addr = util/* default */.A.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 */.Z.get(order, 'shipping.pickup_at_shop')) {
+    if (util/* default */.A.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", {
@@ -4663,28 +4674,28 @@ class order_Order extends common/* Com */.up {
     if (order.deposit > 0) {
       $deposit = (0,preact_module.h)("span", {
         class: "muted"
-      }, "(c\u1ECDc ", util/* default */.Z.formatCurrency(order.deposit), ")");
+      }, "(c\u1ECDc ", util/* default */.A.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 */.Z.formatCurrency(order.total_discount)));
+      }, (0,preact_module.h)("div", null, "Gi\u1EA3m gi\xE1"), (0,preact_module.h)("div", null, util/* default */.A.formatCurrency(order.total_discount)));
     }
     let $pay = null;
     if ($deposit || order.payment_made) {
-      $pay = (0,preact_module.h)(preact_module/* Fragment */.HY, null, (0,preact_module.h)("div", {
+      $pay = (0,preact_module.h)(preact_module/* Fragment */.FK, 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 */.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 */.A.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 */.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 */.A.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 */.Z.formatCurrency(order.total_tax)));
+    }, (0,preact_module.h)("div", null, "Ti\u1EC1n thu\u1EBF"), (0,preact_module.h)("div", null, util/* default */.A.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 */.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 */.A.get(order, 'shipping.fee', 0), " d"));
     let editmode = false;
     if (!order.status || order.status == 'open') {
       editmode = !order.user_confirmation;
@@ -4697,12 +4708,12 @@ class order_Order extends common/* Com */.up {
         class: "muted"
       }, (0,preact_module.h)("img", {
         class: "order_ship_icon",
-        src: __webpack_require__(9256)
+        src: __webpack_require__(7324)
       }), "\xA0 Ch\u01B0a bao g\u1ED3m thu\u1EBF v\xE0 ph\xED v\u1EADn chuy\u1EC3n");
     }
     let seccls = '';
     if (this.isMobile()) seccls = 'order_section';
-    return (0,preact_module.h)(preact_module/* Fragment */.HY, null, (0,preact_module.h)("div", {
+    return (0,preact_module.h)(preact_module/* Fragment */.FK, null, (0,preact_module.h)("div", {
       class: "order_section__line"
     }), (0,preact_module.h)("div", {
       class: seccls
@@ -4710,12 +4721,12 @@ class order_Order extends common/* Com */.up {
       class: "order_label"
     }, "T\xF3m t\u1EAFt"), (0,preact_module.h)("div", {
       class: "order_summary_line"
-    }, (0,preact_module.h)("div", null, "T\u1ED5ng ti\u1EC1n h\xE0ng"), (0,preact_module.h)("div", null, util/* default */.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 */.A.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 */.Z.formatCurrency(order.total))), $pay));
+    }, util/* default */.A.formatCurrency(order.total))), $pay));
   }
   renderStatusBadge(order) {
     let status = order.status || 'open';
@@ -4726,9 +4737,9 @@ class order_Order extends common/* Com */.up {
   }
   renderShippingInfo(order) {
     if (order.status != 'open' || order.user_confirmation) {}
-    let shipping_provider = util/* default */.Z.get(order, 'shipping.shipping_provider');
+    let shipping_provider = util/* default */.A.get(order, 'shipping.shipping_provider');
     if (!shipping_provider) return null;
-    let shipping_code = util/* default */.Z.get(order, 'shipping.shipping_code');
+    let shipping_code = util/* default */.A.get(order, 'shipping.shipping_code');
     let $tracking_code = null;
     if (shipping_code) $tracking_code = (0,preact_module.h)("div", {
       class: "muted",
@@ -4739,7 +4750,7 @@ class order_Order extends common/* Com */.up {
       href: 'https://giaohangtietkiem.vn/tra-cuu-van-don/' + shipping_code
     }, shipping_code, "\xA0", (0,preact_module.h)("img", {
       class: "order_tracking_link_icon",
-      src: __webpack_require__(8453)
+      src: __webpack_require__(3266)
     })));
     if (shipping_provider == 'ghtk') {
       return (0,preact_module.h)("div", {
@@ -4756,9 +4767,9 @@ class order_Order extends common/* Com */.up {
     return null;
   }
   renderDesktopShippingInfo(order) {
-    let shipping_provider = util/* default */.Z.get(order, 'shipping.shipping_provider');
+    let shipping_provider = util/* default */.A.get(order, 'shipping.shipping_provider');
     if (!shipping_provider) return null;
-    let shipping_code = util/* default */.Z.get(order, 'shipping.shipping_code');
+    let shipping_code = util/* default */.A.get(order, 'shipping.shipping_code');
     let $tracking_code = null;
     if (shipping_code) $tracking_code = (0,preact_module.h)("div", {
       class: "muted",
@@ -4769,10 +4780,10 @@ class order_Order extends common/* Com */.up {
       href: 'https://giaohangtietkiem.vn/tra-cuu-van-don/' + shipping_code
     }, shipping_code, "\xA0", (0,preact_module.h)("img", {
       class: "order_tracking_link_icon",
-      src: __webpack_require__(8453)
+      src: __webpack_require__(3266)
     })));
     if (shipping_provider == 'ghtk') {
-      return (0,preact_module.h)(preact_module/* Fragment */.HY, null, (0,preact_module.h)("div", {
+      return (0,preact_module.h)(preact_module/* Fragment */.FK, null, (0,preact_module.h)("div", {
         class: "order_label"
       }, "\u0110\u01A1n v\u1ECB v\u1EADn chuy\u1EC3n"), (0,preact_module.h)("div", {
         class: "d-flex align-items-center"
@@ -4785,7 +4796,7 @@ class order_Order extends common/* Com */.up {
   }
   renderProducts(order) {
     let $products = null;
-    $products = util/* default */.Z.map(order.items, item => {
+    $products = util/* default */.A.map(order.items, item => {
       if (!item || !item.product) return null;
       let product = item.product;
       return (0,preact_module.h)("div", {
@@ -4793,7 +4804,7 @@ class order_Order extends common/* Com */.up {
       }, (0,preact_module.h)("img", {
         class: "order_attachment__product_img",
         alt: '' + product.id,
-        src: util/* default */.Z.get(product, 'images.0') || __webpack_require__(9270)
+        src: util/* default */.A.get(product, 'images.0') || __webpack_require__(2876)
       }), (0,preact_module.h)("div", {
         style: "overflow: hidden !important;"
       }, (0,preact_module.h)("div", {
@@ -4802,7 +4813,7 @@ class order_Order extends common/* Com */.up {
         class: "order_attachment__product_desc"
       }, product.description || product.long_description), (0,preact_module.h)("div", {
         class: "order_attachment__product_desc"
-      }, this.props.t('qty'), " ", item.quantity, "\xA0\xB7\xA0", util/* default */.Z.formatCurrency(product.price))));
+      }, this.props.t('qty'), " ", item.quantity, "\xA0\xB7\xA0", util/* default */.A.formatCurrency(product.price))));
     });
     if (!this.isMobile()) return (0,preact_module.h)("div", null, (0,preact_module.h)("div", {
       class: "order_label"
@@ -4820,7 +4831,7 @@ class order_Order extends common/* Com */.up {
       editmode = !order.user_confirmation;
     }
     if (editmode) {
-      $products = util/* default */.Z.map(order.items, item => {
+      $products = util/* default */.A.map(order.items, item => {
         if (!item || !item.product) return null;
         let product = item.product;
         return (0,preact_module.h)("div", {
@@ -4828,7 +4839,7 @@ class order_Order extends common/* Com */.up {
         }, (0,preact_module.h)("img", {
           class: "order_attachment__product_img",
           alt: '' + product.id,
-          src: util/* default */.Z.get(product, 'images.0') || __webpack_require__(9270)
+          src: util/* default */.A.get(product, 'images.0') || __webpack_require__(2876)
         }), (0,preact_module.h)("div", {
           style: "overflow: hidden !important; flex: 1 !important"
         }, (0,preact_module.h)("div", {
@@ -4837,7 +4848,7 @@ class order_Order extends common/* Com */.up {
           class: "order_attachment__product_desc"
         }, product.description || product.long_description), (0,preact_module.h)("div", {
           class: "order_attachment__product_desc"
-        }, util/* default */.Z.formatCurrency(product.price))), (0,preact_module.h)("input", {
+        }, util/* default */.A.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,
@@ -4845,10 +4856,10 @@ class order_Order extends common/* Com */.up {
           type: "text"
         }), (0,preact_module.h)("div", {
           style: "width: 80px !important; text-align: right !important; "
-        }, (0,preact_module.h)("b", null, util/* default */.Z.formatCurrency(item.quantity * product.price))));
+        }, (0,preact_module.h)("b", null, util/* default */.A.formatCurrency(item.quantity * product.price))));
       });
     } else {
-      $products = util/* default */.Z.map(order.items, item => {
+      $products = util/* default */.A.map(order.items, item => {
         if (!item || !item.product) return null;
         let product = item.product;
         return (0,preact_module.h)("div", {
@@ -4856,7 +4867,7 @@ class order_Order extends common/* Com */.up {
         }, (0,preact_module.h)("img", {
           class: "order_attachment__product_img",
           alt: '' + product.id,
-          src: util/* default */.Z.get(product, 'images.0') || __webpack_require__(9270)
+          src: util/* default */.A.get(product, 'images.0') || __webpack_require__(2876)
         }), (0,preact_module.h)("div", {
           style: "overflow: hidden !important; flex: 1 !important"
         }, (0,preact_module.h)("div", {
@@ -4865,11 +4876,11 @@ class order_Order extends common/* Com */.up {
           class: "order_attachment__product_desc"
         }, product.description || product.long_description), (0,preact_module.h)("div", {
           class: "order_attachment__product_desc"
-        }, util/* default */.Z.formatCurrency(product.price))), (0,preact_module.h)("div", {
+        }, util/* default */.A.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 */.Z.formatCurrency(item.total))));
+        }, (0,preact_module.h)("b", null, util/* default */.A.formatCurrency(item.total))));
       });
     }
     return (0,preact_module.h)("div", {
@@ -4977,7 +4988,7 @@ class order_Order extends common/* Com */.up {
   }
   renderDesktop(order) {
     let acc = this.props.store.matchAccount();
-    var uri = acc.logo_url || __webpack_require__(9895);
+    var uri = acc.logo_url || __webpack_require__(3582);
     return (0,preact_module.h)("div", {
       class: "desktop order"
     }, (0,preact_module.h)("div", {
@@ -5023,7 +5034,7 @@ class order_Order extends common/* Com */.up {
       class: "order_error"
     }, (0,preact_module.h)("img", {
       class: "mt-3",
-      src: __webpack_require__(6825)
+      src: __webpack_require__(6907)
     }), (0,preact_module.h)("div", {
       class: "mt-3"
     }, this.props.t('order_load_error')));
@@ -5035,11 +5046,11 @@ class order_Order extends common/* Com */.up {
 let ShippingProvider = {
   ghtk: {
     name: 'Giao hàng tiết kiệm',
-    logo: __webpack_require__(6890)
+    logo: __webpack_require__(7362)
   },
   ghn: {
     name: 'Giao hàng nhanh',
-    logo: __webpack_require__(1473)
+    logo: __webpack_require__(1113)
   }
 };
 ;// CONCATENATED MODULE: ./src/chatbox/Order.js
@@ -5052,11 +5063,11 @@ function Order_toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var
 const Order_POPUP_MAX_HEIGHT = 400;
 const Order_POPUP_HARD_MAX_HEIGHT = 500;
 const Order_POPUP_MIN_HEIGHT = 0;
-let Order_defaultAvatar = __webpack_require__(4761);
+let Order_defaultAvatar = __webpack_require__(2538);
 
 
 
-class Order extends common/* Com */.up {
+class Order extends common/* Com */.Mw {
   constructor(props) {
     super(props);
     Order_defineProperty(this, "state", {
@@ -5087,7 +5098,7 @@ class Order extends common/* Com */.up {
       });
     });
     Order_defineProperty(this, "close", async () => {
-      await util/* default */.Z.sleep(100);
+      await util/* default */.A.sleep(100);
       if (this.state.response === 'confirmed') {
         this.props.store.sendConvoEvent(this.props.cid, 'message_sent', {
           message: {
@@ -5143,8 +5154,8 @@ class Order extends common/* Com */.up {
       });
       this.props.onClose();
     });
-    this.refRating = (0,preact_module/* createRef */.Vf)();
-    this.refHandle = (0,preact_module/* createRef */.Vf)();
+    this.refRating = (0,preact_module/* createRef */._3)();
+    this.refHandle = (0,preact_module/* createRef */._3)();
   }
   componentDidMount() {
     this.mouseUp = e => this.onMouseUp(e);
@@ -5188,7 +5199,7 @@ class Order extends common/* Com */.up {
   render() {
     if (this._show != this.props.show) {
       this._show = this.props.show;
-      util/* default */.Z.setTimeout(() => {
+      util/* default */.A.setTimeout(() => {
         if (!this._show) this.close();else this.open();
       });
     }
@@ -5296,9 +5307,9 @@ function Widget_toPrimitive(t, r) { if ("object" != typeof t || !t) return t; va
 
 
 
-var send = __webpack_require__(9737);
-var Widget_checkedimg = __webpack_require__(8909);
-var empty = __webpack_require__(29);
+var send = __webpack_require__(8506);
+var Widget_checkedimg = __webpack_require__(9150);
+var empty = __webpack_require__(9419);
 
 
 
@@ -5310,12 +5321,12 @@ const Widget_defaultAvatar = 'https://file-subiz.com/fiqoahedjbgwclpouoml-avatar
 
 
 
-class Widget extends common/* Com */.up {
+class Widget extends common/* Com */.Mw {
   constructor(props) {
     super(props);
-    Widget_defineProperty(this, "msgInput", (0,preact_module/* createRef */.Vf)());
+    Widget_defineProperty(this, "msgInput", (0,preact_module/* createRef */._3)());
     Widget_defineProperty(this, "sendMessage", async message => {
-      let hasPostback = util/* default */.Z.find(message.attachments, att => att.type === 'postback');
+      let hasPostback = util/* default */.A.find(message.attachments, att => att.type === 'postback');
       if (this.isFormRequired() && hasPostback) {
         this.onStartConvoClick();
         this.fillQuickReplyToQuestion(message);
@@ -5394,7 +5405,7 @@ class Widget extends common/* Com */.up {
         clickedJoin: false,
         quickReplyMessage: {}
       });
-      util/* default */.Z.setTimeout(() => {
+      util/* default */.A.setTimeout(() => {
         this.events && this.events.focus();
         if (!this.props.store.isMobile()) this.focusInput();
       }, 100);
@@ -5405,10 +5416,10 @@ class Widget extends common/* Com */.up {
     let form;
     let accountSetting = this.props.plugin.chatbox || {};
     let acc = this.props.store.matchAccount() || {};
-    if (util/* default */.Z.get(accountSetting, 'prechat_form.enabled')) form = accountSetting.prechat_form;
-    let offlineEnabled = util/* default */.Z.get(accountSetting, 'offline_form.enabled');
+    if (util/* default */.A.get(accountSetting, 'prechat_form.enabled')) form = accountSetting.prechat_form;
+    let offlineEnabled = util/* default */.A.get(accountSetting, 'offline_form.enabled');
     if (this.isOffline(acc, accountSetting) && offlineEnabled) form = accountSetting.offline_form;
-    if (!this.hasSentMessage(this.props.cid) && form && (util/* default */.Z.size(form.groups) || form.group_required)) return true;
+    if (!this.hasSentMessage(this.props.cid) && form && (util/* default */.A.size(form.groups) || form.group_required)) return true;
     let formRequired = this.isFormRequired();
     return formRequired && !this.props.cid || formRequired && this.props.cid && this.state.clickedJoin;
   }
@@ -5418,8 +5429,8 @@ class Widget extends common/* Com */.up {
     let accountSetting = this.props.plugin.chatbox || {};
     let acc = this.props.store.matchAccount() || {};
     let submitLabel = this.props.t('prechat_form_btn');
-    if (util/* default */.Z.get(accountSetting, 'prechat_form.enabled')) form = accountSetting.prechat_form;
-    let offlineEnabled = util/* default */.Z.get(accountSetting, 'offline_form.enabled');
+    if (util/* default */.A.get(accountSetting, 'prechat_form.enabled')) form = accountSetting.prechat_form;
+    let offlineEnabled = util/* default */.A.get(accountSetting, 'offline_form.enabled');
     if (this.isOffline(acc, accountSetting) && offlineEnabled) {
       form = accountSetting.offline_form;
       submitLabel = this.props.t('offline_form_btn');
@@ -5436,10 +5447,10 @@ class Widget extends common/* Com */.up {
     }
     let $body = null;
     if (this.props.view === 'list') $body = this.renderConvoList();else if (showform) $body = this.renderForm(form, submitLabel);else $body = this.renderChat();
-    let position = util/* default */.Z.get(accountSetting, 'desktop_button.position') || 'right';
-    if (this.props.store.isMobile()) position = util/* default */.Z.get(accountSetting, 'mobile_button.position', position);
+    let position = util/* default */.A.get(accountSetting, 'desktop_button.position') || 'right';
+    if (this.props.store.isMobile()) position = util/* default */.A.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.store.isMobile() && util/* default */.A.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
@@ -5457,42 +5468,42 @@ class Widget extends common/* Com */.up {
   }
   async submitPrechatForm(form) {
     var hasError = false;
-    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))) {
+    util/* default */.A.map(this.state.formData, (field, key) => {
+      if (field.is_required && (field.value === undefined || field.value === '' || util/* default */.A.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 */.Z.isEmail(field.value) && field.is_required) {
+      if (key.substr(5) === 'emails' && !util/* default */.A.isEmail(field.value) && field.is_required) {
         field.error = this.props.t('error_email_invalid');
         hasError = true;
       }
-      if (key.substr(5) === 'phones' && !util/* default */.Z.isPhone(field.value) && field.is_required) {
+      if (key.substr(5) === 'phones' && !util/* default */.A.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 */.Z.cloneDeep(this.state.formData);
-    let user = util/* default */.Z.cloneDeep(this.props.store.matchUser());
+    let data = util/* default */.A.cloneDeep(this.state.formData);
+    let user = util/* default */.A.cloneDeep(this.props.store.matchUser());
     let is_lead = false;
-    util/* default */.Z.map(data, (field, key) => {
+    util/* default */.A.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 */.Z.Date(field.value).toISOString();
+      if (field.type === 'datetime') attr.datetime = new util/* default */.A.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 */.Z.setUserAttr(user, attr);
+      util/* default */.A.setUserAttr(user, attr);
     });
-    if (is_lead) util/* default */.Z.setUserAttr(user, {
+    if (is_lead) util/* default */.A.setUserAttr(user, {
       key: 'lead_source',
       text: 'widget'
     });
-    let firstmsg = util/* default */.Z.get(data, 'question.value');
-    let groupid = util/* default */.Z.get(data, 'group.value', '');
+    let firstmsg = util/* default */.A.get(data, 'question.value');
+    let groupid = util/* default */.A.get(data, 'group.value', '');
     if (this.props.cid) {
       this.props.store.setUser(user);
       this.setState({
@@ -5504,7 +5515,7 @@ class Widget extends common/* Com */.up {
           format: 'plaintext',
           fields: [{
             key: 'to_agent_group',
-            value: util/* default */.Z.stringify(groupid)
+            value: util/* default */.A.stringify(groupid)
           }],
           attachments: this.state.quickReplyMessage.attachments
         }
@@ -5564,7 +5575,7 @@ class Widget extends common/* Com */.up {
     formData['question'] = {
       key: 'question',
       is_required: true,
-      label: this.props.t.i18n(util/* default */.Z.get(form, `i18n_question_label`, {})) || form.question_label,
+      label: this.props.t.i18n(util/* default */.A.get(form, `i18n_question_label`, {})) || form.question_label,
       type: 'text',
       value: this.state.quickReplyMessage.text
     };
@@ -5575,8 +5586,8 @@ class Widget extends common/* Com */.up {
   }
   onBooleanChange(key, e) {
     this.wasFormInputed = true;
-    let formData = util/* default */.Z.cloneDeep(this.state.formData);
-    let field = util/* default */.Z.find(formData, (_, fkkey) => fkkey === key);
+    let formData = util/* default */.A.cloneDeep(this.state.formData);
+    let field = util/* default */.A.find(formData, (_, fkkey) => fkkey === key);
     if (!field) return;
     field.value = e.target.checked;
     this.setState({
@@ -5585,8 +5596,8 @@ class Widget extends common/* Com */.up {
   }
   onInputChange(key, val) {
     this.wasFormInputed = true;
-    let formData = util/* default */.Z.cloneDeep(this.state.formData);
-    let field = util/* default */.Z.find(formData, (_, fkkey) => fkkey === key);
+    let formData = util/* default */.A.cloneDeep(this.state.formData);
+    let field = util/* default */.A.find(formData, (_, fkkey) => fkkey === key);
     if (!field) return;
     field.value = val;
     this.setState({
@@ -5595,8 +5606,8 @@ class Widget extends common/* Com */.up {
   }
   onListAddItem(key, val) {
     this.wasFormInputed = true;
-    let formData = util/* default */.Z.cloneDeep(this.state.formData);
-    let field = util/* default */.Z.find(formData, (_, fkkey) => fkkey === key);
+    let formData = util/* default */.A.cloneDeep(this.state.formData);
+    let field = util/* default */.A.find(formData, (_, fkkey) => fkkey === key);
     if (!field) return;
     field.value = field.value || [];
     field.value.push(val);
@@ -5606,8 +5617,8 @@ class Widget extends common/* Com */.up {
   }
   onListRemoveItem(key, index) {
     this.wasFormInputed = true;
-    let formData = util/* default */.Z.cloneDeep(this.state.formData);
-    let field = util/* default */.Z.find(formData, (_, fkkey) => fkkey === key);
+    let formData = util/* default */.A.cloneDeep(this.state.formData);
+    let field = util/* default */.A.find(formData, (_, fkkey) => fkkey === key);
     if (!field) return;
     field.value = field.value || [];
     field.value.splice(index, 1);
@@ -5616,11 +5627,11 @@ class Widget extends common/* Com */.up {
     });
   }
   renderCheckboxField(field) {
-    let items = util/* default */.Z.get(field, 'def.items', []);
+    let items = util/* default */.A.get(field, 'def.items', []);
     let values = [];
     let value = field.value || '';
     if (value) values = value.split(',');
-    return (0,preact_module.h)("div", null, util/* default */.Z.map(items, item => {
+    return (0,preact_module.h)("div", null, util/* default */.A.map(items, item => {
       return (0,preact_module.h)("div", {
         class: "checkbox"
       }, (0,preact_module.h)("input", {
@@ -5638,14 +5649,14 @@ class Widget extends common/* Com */.up {
   }
   toggleCheckboxField(key, v) {
     this.wasFormInputed = true;
-    let formData = util/* default */.Z.cloneDeep(this.state.formData);
-    let field = util/* default */.Z.find(formData, (f, fkkey) => f.key === key);
+    let formData = util/* default */.A.cloneDeep(this.state.formData);
+    let field = util/* default */.A.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 */.Z.filter(values, value => value !== v);
+      values = util/* default */.A.filter(values, value => value !== v);
     } else {
       values.push(v);
     }
@@ -5655,9 +5666,9 @@ class Widget extends common/* Com */.up {
     });
   }
   renderRadioField(field) {
-    let items = util/* default */.Z.get(field, 'def.items', []);
+    let items = util/* default */.A.get(field, 'def.items', []);
     let value = field.value || '';
-    return (0,preact_module.h)("div", null, util/* default */.Z.map(items, item => {
+    return (0,preact_module.h)("div", null, util/* default */.A.map(items, item => {
       return (0,preact_module.h)("div", {
         class: "radio"
       }, (0,preact_module.h)("input", {
@@ -5676,8 +5687,8 @@ class Widget extends common/* Com */.up {
   }
   toggleRadioField(key, v) {
     this.wasFormInputed = true;
-    let formData = util/* default */.Z.cloneDeep(this.state.formData);
-    let field = util/* default */.Z.find(formData, (f, fkkey) => f.key === key);
+    let formData = util/* default */.A.cloneDeep(this.state.formData);
+    let field = util/* default */.A.find(formData, (f, fkkey) => f.key === key);
     if (!field) return;
     field.value = v;
     this.setState({
@@ -5686,8 +5697,8 @@ class Widget extends common/* Com */.up {
   }
   selectDropdownField(key, v) {
     this.wasFormInputed = true;
-    let formData = util/* default */.Z.cloneDeep(this.state.formData);
-    let field = util/* default */.Z.find(formData, (f, fkkey) => f.key === key);
+    let formData = util/* default */.A.cloneDeep(this.state.formData);
+    let field = util/* default */.A.find(formData, (f, fkkey) => f.key === key);
     if (!field) return;
     field.value = v;
     this.setState({
@@ -5695,20 +5706,20 @@ class Widget extends common/* Com */.up {
     });
   }
   renderDropdownField(field) {
-    let items = util/* default */.Z.get(field, 'def.items', []);
+    let items = util/* default */.A.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 */.Z.map(items, item => (0,preact_module.h)("option", {
+    }, "-- ", this.props.t('no_select'), " --"), util/* default */.A.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 */.Z.size(this.state.formData) === 0) return null;
-    let $fields = util/* default */.Z.map(this.state.formData, (field, key) => {
+    if (util/* default */.A.size(this.state.formData) === 0) return null;
+    let $fields = util/* default */.A.map(this.state.formData, (field, key) => {
       if (this.state.quickReplyMessage.text && key === 'question') return null;
       let $field = null;
       var errclass = field.error ? 'input--error' : '';
@@ -5724,13 +5735,13 @@ class Widget extends common/* Com */.up {
             row: "4",
             class: "form-control"
           });
-        } else if (util/* default */.Z.get(field, 'def.select') === 'checkbox') {
+        } else if (util/* default */.A.get(field, 'def.select') === 'checkbox') {
           $field = this.renderCheckboxField(field);
-        } else if (util/* default */.Z.get(field, 'def.select') === 'radio') {
+        } else if (util/* default */.A.get(field, 'def.select') === 'radio') {
           $field = this.renderRadioField(field);
-        } else if (util/* default */.Z.get(field, 'def.select') === 'dropdown') {
+        } else if (util/* default */.A.get(field, 'def.select') === 'dropdown') {
           $field = this.renderDropdownField(field);
-        } else if (util/* default */.Z.get(field, 'def.multiple_line')) {
+        } else if (util/* default */.A.get(field, 'def.multiple_line')) {
           $field = (0,preact_module.h)("textarea", {
             class: "form-control",
             ref: ref => {
@@ -5777,7 +5788,7 @@ class Widget extends common/* Com */.up {
           class: "checkbox--check"
         }, (0,preact_module.h)("div", null)));
       } else if (field.type === 'group') {
-        $field = util/* default */.Z.map(field.list, item => (0,preact_module.h)("div", {
+        $field = util/* default */.A.map(field.list, item => (0,preact_module.h)("div", {
           class: "radio"
         }, (0,preact_module.h)("input", {
           type: "radio",
@@ -5794,8 +5805,8 @@ class Widget extends common/* Com */.up {
         }))));
       } else if (field.type === 'list') {
         let selected = this.state.formData[key].value || [];
-        let items = util/* default */.Z.filter(util/* default */.Z.get(field, 'list', []), item => {
-          return !util/* default */.Z.includes(selected, item);
+        let items = util/* default */.A.filter(util/* default */.A.get(field, 'list', []), item => {
+          return !util/* default */.A.includes(selected, item);
         });
         $field = (0,preact_module.h)(ListField, {
           selected: selected,
@@ -5843,8 +5854,8 @@ class Widget extends common/* Com */.up {
       size: "16",
       mode: "white"
     }));
-    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'));
+    let title = this.props.t.i18n(util/* default */.A.get(form, `i18n_title`, {}));
+    if (!title) title = util/* default */.A.get(form, 'title', this.props.t('capture_lead_title'));
     title = title.replace('↵', '');
     return (0,preact_module.h)("div", {
       class: "widget-body"
@@ -5875,15 +5886,15 @@ class Widget extends common/* Com */.up {
   }
   renderConvoList() {
     let convoM = this.props.store.matchConvo('*');
-    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 => {
+    var convos = util/* default */.A.map(convoM, convo => this.props.store.matchConvo(convo.id));
+    convos = util/* default */.A.filter(convos, convo => !!convo);
+    convos = util/* default */.A.orderByF(convos, convo => util/* default */.A.get(convo, 'last_message_sent.created', convo.actived), 'desc');
+    var $convos = util/* default */.A.map(convos, convo => {
+      let ags = util/* default */.A.filter(convo.members, m => {
         return (m.type === 'agent' || m.type === 'bot') && m.membership === 'active';
       });
-      let agentids = util/* default */.Z.map(ags, m => m.id);
-      agentids = agentids || util/* default */.Z.agentsOfConvo(convo)[0];
+      let agentids = util/* default */.A.map(ags, m => m.id);
+      agentids = agentids || util/* default */.A.agentsOfConvo(convo)[0];
       return (0,preact_module.h)("div", {
         class: "convo-list--item",
         onClick: () => this.goToConvo(convo.id),
@@ -5900,7 +5911,7 @@ class Widget extends common/* Com */.up {
     let $body = (0,preact_module.h)("div", {
       class: "convo-list--list"
     }, $convos);
-    if (util/* default */.Z.size(convos) === 0) {
+    if (util/* default */.A.size(convos) === 0) {
       $body = (0,preact_module.h)("div", {
         class: "convo-list--list"
       }, (0,preact_module.h)("div", {
@@ -5936,19 +5947,19 @@ class Widget extends common/* Com */.up {
     if (this.props.store.isPreview) return;
     var $input = this.msgInput.current;
     if (!$input) return;
-    util/* default */.Z.setTimeout(() => $input && $input.blur());
-    util/* default */.Z.setTimeout(() => $input && $input.blur(), 300);
+    util/* default */.A.setTimeout(() => $input && $input.blur());
+    util/* default */.A.setTimeout(() => $input && $input.blur(), 300);
   }
   focusInput() {
     if (this.props.store.isPreview) return;
     if (this.shouldShowForm()) {
       let firstemptykey = '';
-      util/* default */.Z.map(this.state.formData, (field, key) => {
+      util/* default */.A.map(this.state.formData, (field, key) => {
         if (field.type !== 'text') return;
         if (firstemptykey) return;
         if (!field.value) firstemptykey = key;
       });
-      util/* default */.Z.setTimeout(() => {
+      util/* default */.A.setTimeout(() => {
         var $input = this['form_' + Widget_encode(firstemptykey)];
         if (!$input) return;
         $input.focus();
@@ -5957,8 +5968,8 @@ class Widget extends common/* Com */.up {
     }
     var $input = this.msgInput.current;
     if (!$input) return;
-    util/* default */.Z.setTimeout(() => $input.focus());
-    util/* default */.Z.setTimeout(() => $input.focus(), 300);
+    util/* default */.A.setTimeout(() => $input.focus());
+    util/* default */.A.setTimeout(() => $input.focus(), 300);
   }
   onRate(rating) {
     if (!this.props.cid) return;
@@ -5972,7 +5983,7 @@ class Widget extends common/* Com */.up {
   fillQuickReplyToQuestion(message) {
     let formData = this.state.formData;
     if (formData) {
-      util/* default */.Z.set(formData, 'question.value', message.text);
+      util/* default */.A.set(formData, 'question.value', message.text);
     }
     this.setState({
       formData,
@@ -6065,8 +6076,8 @@ class Widget extends common/* Com */.up {
     let form;
     let accountSetting = this.props.plugin.chatbox || {};
     let acc = this.props.store.matchAccount() || {};
-    if (util/* default */.Z.get(accountSetting, 'prechat_form.enabled')) form = accountSetting.prechat_form;
-    let offlineEnabled = util/* default */.Z.get(accountSetting, 'offline_form.enabled');
+    if (util/* default */.A.get(accountSetting, 'prechat_form.enabled')) form = accountSetting.prechat_form;
+    let offlineEnabled = util/* default */.A.get(accountSetting, 'offline_form.enabled');
     if (this.isOffline(acc, accountSetting) && offlineEnabled) form = accountSetting.offline_form;
     if (!form) return false;
     let formData = this.fillForm(form);
@@ -6074,34 +6085,34 @@ class Widget extends common/* Com */.up {
     if (convo.state === 'ended') return true;
     if (convo.state && convo.state !== 'pending') delete formData.group;
     let isAllFiledEmpty = true;
-    util/* default */.Z.each(formData, field => {
+    util/* default */.A.each(formData, field => {
       if (field.value) isAllFiledEmpty = false;
     });
     if (isAllFiledEmpty && !this.userHasSent(this.props.cid)) return true;
-    return !!util/* default */.Z.find(formData, field => field.is_required && (field.value == null || field.value === ''));
+    return !!util/* default */.A.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 */.Z.filter(convo.members, m => {
+    let ags = util/* default */.A.filter(convo.members, m => {
       return (m.type === 'agent' || m.type === 'bot') && m.membership === 'active';
     });
-    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] || {
+    let agentids = util/* default */.A.map(ags, m => m.id);
+    agentids = agentids || util/* default */.A.agentsOfConvo(convo)[0];
+    let agents = util/* default */.A.map(agentids, id => agentM[id] || {
       avatar_url: Widget_defaultAvatar,
       fullname: 'Offline Agent'
     });
-    var name = util/* default */.Z.each(agents, ag => ag.fullname).join(', ');
+    var name = util/* default */.A.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 */.Z.isConvoSeen(convo, this.props.store.matchUser().id);
+    let seen = util/* default */.A.isConvoSeen(convo, this.props.store.matchUser().id);
     var lastmsg = this.renderMessagePreview(convo.last_message_sent);
-    var time = util/* default */.Z.getMs(util/* default */.Z.get(convo, 'last_message_sent.created')) || util/* default */.Z.getMs(convo.created);
+    var time = util/* default */.A.getMs(util/* default */.A.get(convo, 'last_message_sent.created')) || util/* default */.A.getMs(convo.created);
     let $unread = seen ? null : (0,preact_module.h)("div", {
       class: "convo-list--item-unread"
     });
@@ -6134,23 +6145,23 @@ class Widget extends common/* Com */.up {
   }
   agentsOfConvo(convo) {
     let agentM = this.props.store.matchAgent('*');
-    var agentids = util/* default */.Z.agentsOfConvo(convo, true);
-    return util/* default */.Z.map(agentids, id => agentM[id] || {
+    var agentids = util/* default */.A.agentsOfConvo(convo, true);
+    return util/* default */.A.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 */.Z.get(ev, 'data.message.text');
-    var format = util/* default */.Z.get(ev, 'data.message.format');
+    let message = util/* default */.A.get(ev, 'data.message.text');
+    var format = util/* default */.A.get(ev, 'data.message.format');
     if (format !== 'plaintext') message = defmsg;
-    if (!message && util/* default */.Z.size(util/* default */.Z.get(ev, 'data.message.attachments')) > 0) message = defmsg;
+    if (!message && util/* default */.A.size(util/* default */.A.get(ev, 'data.message.attachments')) > 0) message = defmsg;
     if (!message) return null;
-    let byType = util/* default */.Z.get(ev, 'by.type');
+    let byType = util/* default */.A.get(ev, 'by.type');
     return (0,preact_module.h)("div", {
       class: "convo-list--convo-last-mes"
-    }, util/* default */.Z.map(util/* default */.Z.extractText(message), tag => {
+    }, util/* default */.A.map(util/* default */.A.extractText(message), tag => {
       if (tag.type === 'emoji') return (0,preact_module.h)(Emoji, {
         emojiCode: tag.text,
         byType: byType
@@ -6162,19 +6173,19 @@ class Widget extends common/* Com */.up {
     var convo = this.props.store.matchConvo(cid) || {};
     let user = this.props.store.matchUser();
     if (this.userSent[cid]) return true;
-    let joined = util/* default */.Z.find(convo.members, mem => mem.id === user.id && (mem.membership === 'active' || mem.last_sent > 0));
+    let joined = util/* default */.A.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 */.Z.find(convo.members, mem => {
+    let joined = util/* default */.A.find(convo.members, mem => {
       if (mem.type === 'bot') return true;
       return mem.last_sent;
     });
     return joined;
   }
   isOffline(acc, accSetting) {
-    let enableWhen = util/* default */.Z.get(accSetting, 'offline_form.enable_when');
+    let enableWhen = util/* default */.A.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;
@@ -6184,8 +6195,8 @@ class Widget extends common/* Com */.up {
     let form;
     let accountSetting = this.props.plugin.chatbox || {};
     let acc = this.props.store.matchAccount() || {};
-    if (util/* default */.Z.get(accountSetting, 'prechat_form.enabled')) form = accountSetting.prechat_form;
-    let offlineEnabled = util/* default */.Z.get(accountSetting, 'offline_form.enabled');
+    if (util/* default */.A.get(accountSetting, 'prechat_form.enabled')) form = accountSetting.prechat_form;
+    let offlineEnabled = util/* default */.A.get(accountSetting, 'offline_form.enabled');
     if (this.isOffline(acc, accountSetting) && offlineEnabled) {
       form = accountSetting.offline_form;
     }
@@ -6195,23 +6206,23 @@ class Widget extends common/* Com */.up {
     if (this.props.view === 'prechat_form') {
       form = accountSetting.prechat_form;
     }
-    if (util/* default */.Z.size(form) === 0) return [];
+    if (util/* default */.A.size(form) === 0) return [];
     var data = {};
-    util/* default */.Z.each(form.fields, f => {
+    util/* default */.A.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 */.Z.get(f, `i18n_label`, {})) || f.label;
+      newf.label = this.props.t.i18n(util/* default */.A.get(f, `i18n_label`, {})) || f.label;
       data['attr:' + f.key] = newf;
     });
-    if (form.group_required && util/* default */.Z.size(form.groups) > 0) {
+    if (form.group_required && util/* default */.A.size(form.groups) > 0) {
       data['group'] = {
         key: 'group',
         is_required: !!form.group_required,
-        label: this.props.t.i18n(util/* default */.Z.get(form, `i18n_group_label`, {})) || form.group_label,
+        label: this.props.t.i18n(util/* default */.A.get(form, `i18n_group_label`, {})) || form.group_label,
         type: 'group',
-        list: util/* default */.Z.map(form.groups, group => ({
+        list: util/* default */.A.map(form.groups, group => ({
           value: group.id,
           label: group.name
         }))
@@ -6220,7 +6231,7 @@ class Widget extends common/* Com */.up {
     data['question'] = {
       key: 'question',
       is_required: true,
-      label: this.props.t.i18n(util/* default */.Z.get(form, `i18n_question_label`, {})) || form.question_label,
+      label: this.props.t.i18n(util/* default */.A.get(form, `i18n_question_label`, {})) || form.question_label,
       type: 'text'
     };
     if (this.isFormChanged(this.state.formData, data)) {
@@ -6234,44 +6245,44 @@ class Widget extends common/* Com */.up {
     let newKeys = Object.keys(newForm);
     if (oldKeys.length !== newKeys.length) return true;
     for (let i = 0; i < oldKeys.length; i++) {
-      if (util/* default */.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`))) {
+      if (util/* default */.A.get(oldForm, `${oldKeys[i]}.label`) !== util/* default */.A.get(newForm, `${newKeys[i]}.label`)) return true;
+      if (util/* default */.A.get(oldForm, `${oldKeys[i]}.is_required`) !== util/* default */.A.get(newForm, `${newKeys[i]}.is_required`)) return true;
+      if (util/* default */.A.stringify(util/* default */.A.get(oldForm, `${oldKeys[i]}.list`)) !== util/* default */.A.stringify(util/* default */.A.get(newForm, `${newKeys[i]}.list`))) {
         return true;
       }
     }
     return false;
   }
   fillForm(form) {
-    if (util/* default */.Z.size(form) === 0) return [];
+    if (util/* default */.A.size(form) === 0) return [];
     var data = {};
     let user = this.props.store.matchUser();
-    util/* default */.Z.each(form.fields, f => {
+    util/* default */.A.each(form.fields, f => {
       var newf = Object.assign({}, f);
-      newf.value = util/* default */.Z.getUserAttr(user, f.key, f.type);
+      newf.value = util/* default */.A.getUserAttr(user, f.key, f.type);
       if (newf.key == 'emails' && !newf.value) {
-        newf.value = util/* default */.Z.getUserAttr(user, 'related_email', 'text');
+        newf.value = util/* default */.A.getUserAttr(user, 'related_email', 'text');
       }
       if (newf.key == 'phones' && !newf.value) {
-        newf.value = util/* default */.Z.getUserAttr(user, 'related_phone', 'text');
+        newf.value = util/* default */.A.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 */.Z.Date(data.value).toLocaleDateString('en-CA');
+        newf.value = new util/* default */.A.Date(data.value).toLocaleDateString('en-CA');
       }
       if (f.type === 'list') {
         newf.list = f.list;
       }
-      newf.label = this.props.t.i18n(util/* default */.Z.get(f, `i18n_label`, {})) || f.label;
+      newf.label = this.props.t.i18n(util/* default */.A.get(f, `i18n_label`, {})) || f.label;
       data['attr:' + f.key] = newf;
     });
-    if (form.group_required && util/* default */.Z.size(form.groups) > 0) {
+    if (form.group_required && util/* default */.A.size(form.groups) > 0) {
       data['group'] = {
         key: 'group',
         is_required: !!form.group_required,
-        label: this.props.t.i18n(util/* default */.Z.get(form, `i18n_group_label`, {})) || form.group_label,
+        label: this.props.t.i18n(util/* default */.A.get(form, `i18n_group_label`, {})) || form.group_label,
         type: 'group',
-        list: util/* default */.Z.map(form.groups, group => ({
+        list: util/* default */.A.map(form.groups, group => ({
           value: group.id,
           label: group.name
         }))
@@ -6280,7 +6291,7 @@ class Widget extends common/* Com */.up {
     return data;
   }
 }
-class FormMounter extends common/* Com */.up {
+class FormMounter extends common/* Com */.Mw {
   componentDidMount() {
     this.props.onMount(this.props.form);
   }
@@ -6294,23 +6305,23 @@ function Widget_encode(key) {
 
 
 
-let main_promiseMainCSS = (() => __webpack_require__.e(/* import() */ 178).then(__webpack_require__.bind(__webpack_require__, 178)))();
-class Main extends common/* Com */.up {
+let main_promiseMainCSS = (() => __webpack_require__.e(/* import() */ 278).then(__webpack_require__.bind(__webpack_require__, 9278)))();
+class Main extends common/* Com */.Mw {
   constructor(props) {
     super(props);
-    this.refButton = (0,preact_module/* createRef */.Vf)();
-    this.refWidget = (0,preact_module/* createRef */.Vf)();
+    this.refButton = (0,preact_module/* createRef */._3)();
+    this.refWidget = (0,preact_module/* createRef */._3)();
   }
   async refreshCSS() {
     let plugins = this.props.store.matchPlugin();
-    let found = util/* default */.Z.find(plugins, plugin => plugin.id === this.props.plugin.id);
+    let found = util/* default */.A.find(plugins, plugin => plugin.id === this.props.plugin.id);
     if (!found) return;
     let css = (await main_promiseMainCSS).default.default.toString();
-    var outcss = util/* default */.Z.replaceCssVariable(css, found.chatbox);
-    util/* default */.Z.setCss(this.props.plugin.id, this.$cssStyleDiv, outcss);
+    var outcss = util/* default */.A.replaceCssVariable(css, found.chatbox);
+    util/* default */.A.setCss(this.props.plugin.id, this.$cssStyleDiv, outcss);
   }
   componentWillUnmount() {
-    util/* default */.Z.setCss(this.props.plugin.id, this.$cssStyleDiv, '');
+    util/* default */.A.setCss(this.props.plugin.id, this.$cssStyleDiv, '');
   }
   async componentDidMount() {
     this.$cssStyleDiv = document.getElementById('subiz-style-for-' + this.props.plugin.id);
@@ -6346,7 +6357,7 @@ class Main extends common/* Com */.up {
   }
   render() {
     if (!this.state.cssready) return null;
-    if (util/* default */.Z.isUserBanned(this.props.store.matchUser())) return null;
+    if (util/* default */.A.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'
@@ -6380,10 +6391,10 @@ class Main extends common/* Com */.up {
     if ($widget.wasFormInputed) return;
     if (ev.type !== 'message_sent') return;
     if (!this.state.isShowWidget) return;
-    let byType = util/* default */.Z.get(ev, 'by.type');
-    let byid = util/* default */.Z.get(ev, 'by.id') || '';
+    let byType = util/* default */.A.get(ev, 'by.type');
+    let byid = util/* default */.A.get(ev, 'by.id') || '';
     if (!byid.startsWith('bb') || byType !== 'agent') return;
-    let cid = util/* default */.Z.get(ev, 'data.message.conversation_id');
+    let cid = util/* default */.A.get(ev, 'data.message.conversation_id');
     if (!cid) return;
     this.showWidget({
       cid,
@@ -6395,7 +6406,7 @@ class Main extends common/* Com */.up {
     if (this.props.plugin._no_auto_expand) return;
     if (this.props.store.matchHasManuallyClosed()) return;
     let convoM = this.props.store.matchConvo('*');
-    let redconvo = util/* default */.Z.find(convoM, convo => !util/* default */.Z.isConvoSeen(convo, this.props.store.matchUser().id));
+    let redconvo = util/* default */.A.find(convoM, convo => !util/* default */.A.isConvoSeen(convo, this.props.store.matchUser().id));
     if (!redconvo || !redconvo.id) return;
     if (!this.state.isShowWidget) this.showWidget({
       view: 'chat',
@@ -6413,14 +6424,14 @@ class Main extends common/* Com */.up {
     this.refButton.current && this.refButton.current.ClearPreview();
     if (!p.view) {
       let lastview = this.props.store.matchLastview() || {};
-      p.view = util/* default */.Z.get(lastview, 'view');
-      p.cid = util/* default */.Z.get(lastview, 'opts.cid');
+      p.view = util/* default */.A.get(lastview, 'view');
+      p.cid = util/* default */.A.get(lastview, 'opts.cid');
     }
     p = p || {};
     if (!p.view && !p.cid) {
       let convoM = this.props.store.matchConvo('*');
-      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'));
+      let redconvo = util/* default */.A.find(convoM, convo => !util/* default */.A.isConvoSeen(convo, this.props.store.matchUser().id));
+      p.cid = util/* default */.A.get(redconvo, 'id', util/* default */.A.get(convoM, '0.id'));
       p.view = 'chat';
     }
     if (this.props.store.isMobile()) modifyViewport();
@@ -6475,196 +6486,196 @@ function modifyViewport() {
 
 /***/ }),
 
-/***/ 6755:
+/***/ 1108:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 
 module.exports = __webpack_require__.p + "assets/img/bubble_default.7d5e4ab.svg";
 
 /***/ }),
 
-/***/ 8712:
+/***/ 7741:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 
 module.exports = __webpack_require__.p + "assets/img/caret.998eb8f.svg";
 
 /***/ }),
 
-/***/ 6188:
+/***/ 1370:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 
 module.exports = __webpack_require__.p + "assets/img/convos_empty.2353007.svg";
 
 /***/ }),
 
-/***/ 9270:
+/***/ 2876:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 
 module.exports = __webpack_require__.p + "assets/img/default.06e6ee0.jpg";
 
 /***/ }),
 
-/***/ 4761:
+/***/ 2538:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 
 module.exports = __webpack_require__.p + "assets/img/default_avatar.5b74dc1.png";
 
 /***/ }),
 
-/***/ 8909:
+/***/ 9150:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 
 module.exports = __webpack_require__.p + "assets/img/done_gray.d7e8203.svg";
 
 /***/ }),
 
-/***/ 763:
+/***/ 5860:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 
 module.exports = __webpack_require__.p + "assets/img/done_green.b817fd4.svg";
 
 /***/ }),
 
-/***/ 29:
+/***/ 9419:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 
 module.exports = __webpack_require__.p + "assets/img/empty.29bed2d.svg";
 
 /***/ }),
 
-/***/ 6825:
+/***/ 6907:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 
 module.exports = __webpack_require__.p + "assets/img/empty_1.0b98af0.svg";
 
 /***/ }),
 
-/***/ 8453:
+/***/ 3266:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 
 module.exports = __webpack_require__.p + "assets/img/external-link.90577cc.svg";
 
 /***/ }),
 
-/***/ 1473:
+/***/ 1113:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 
 module.exports = __webpack_require__.p + "assets/img/ghn.070f8e3.svg";
 
 /***/ }),
 
-/***/ 6890:
+/***/ 7362:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 
 module.exports = __webpack_require__.p + "assets/img/ghtk.326eac1.svg";
 
 /***/ }),
 
-/***/ 9895:
+/***/ 3582:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 
 module.exports = __webpack_require__.p + "assets/img/image_default.be0698b.png";
 
 /***/ }),
 
-/***/ 9256:
+/***/ 7324:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 
 module.exports = __webpack_require__.p + "assets/img/info.ebce7ea.svg";
 
 /***/ }),
 
-/***/ 5770:
+/***/ 185:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 
 module.exports = __webpack_require__.p + "assets/img/loader.37000a7.svg";
 
 /***/ }),
 
-/***/ 6484:
+/***/ 6973:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 
 module.exports = __webpack_require__.p + "assets/img/loading_static.a27f0ac.svg";
 
 /***/ }),
 
-/***/ 6071:
+/***/ 3142:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 
 module.exports = __webpack_require__.p + "assets/img/not_found_search.2ddb8d1.png";
 
 /***/ }),
 
-/***/ 25:
+/***/ 8512:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 
 module.exports = __webpack_require__.p + "assets/img/package.8d37d0f.svg";
 
 /***/ }),
 
-/***/ 1216:
+/***/ 6857:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 
 module.exports = __webpack_require__.p + "assets/img/package_fade.763c001.svg";
 
 /***/ }),
 
-/***/ 6535:
+/***/ 7134:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 
 module.exports = __webpack_require__.p + "assets/img/rating--average.1ea492c.svg";
 
 /***/ }),
 
-/***/ 3824:
+/***/ 940:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 
 module.exports = __webpack_require__.p + "assets/img/rating--great.e3d712e.svg";
 
 /***/ }),
 
-/***/ 8367:
+/***/ 9801:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 
 module.exports = __webpack_require__.p + "assets/img/rating--poor.2938a25.svg";
 
 /***/ }),
 
-/***/ 636:
+/***/ 5452:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 
 module.exports = __webpack_require__.p + "assets/img/search.f9705ff.svg";
 
 /***/ }),
 
-/***/ 9737:
+/***/ 8506:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 
 module.exports = __webpack_require__.p + "assets/img/send.6db52a9.svg";
 
 /***/ }),
 
-/***/ 6180:
+/***/ 5244:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 
 module.exports = __webpack_require__.p + "assets/img/shop.f7dc7d8.svg";
 
 /***/ }),
 
-/***/ 750:
+/***/ 2523:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 
 module.exports = __webpack_require__.p + "assets/img/shop_faded.df7845a.svg";
 
 /***/ }),
 
-/***/ 8430:
+/***/ 9529:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 
 module.exports = __webpack_require__.p + "assets/img/subiz-mono.877e9f5.svg";
 
 /***/ }),
 
-/***/ 2514:
+/***/ 3080:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 
 module.exports = __webpack_require__.p + "assets/img/x.26fdfa3.svg";