@subiz/widget-v4 4.1.207 → 4.1.209

package/assets/less/message.less

@@ -146,6 +146,17 @@
 	margin-top: 0;
 }
 
+.message-block-pre {
+	max-width: 100%;
+	margin: 0;
+	overflow-x: auto;
+	white-space: pre;
+}
+
+.message-block-code {
+	font-family: monospace;
+}
+
 .message-user__container {
 	display: flex;
 	flex-direction: row;

package/compiled_src/chatbox/block.js

@@ -13,7 +13,7 @@ class Block extends _common.Com {
   constructor(props) {
     super(props);
   }
-  renderBlock(block) {
+  renderBlock(block, inCode = false) {
     if (_index.default.size(block) == 0) return null;
     let ele = {};
     ele.style = '';
@@ -104,11 +104,15 @@ class Block extends _common.Com {
       ele.attrs['src'] = _index.default.get(block, 'image.url');
       ele.attrs['alt'] = block.alt_text;
     }
+    if (block.type == 'hard_break') {
+      ele.tag = 'br';
+    }
+    if (block.type == 'pre' || block.type == 'code') ele.tag = block.type;
     let $body = null;
     if (_index.default.size(block.content)) {
-      $body = _index.default.map(block.content, block => this.renderBlock(block));
+      $body = _index.default.map(block.content, child => this.renderBlock(child, inCode || block.type == 'code'));
     } else if (block.type === 'text') {
-      let $tags = _index.default.extractText(ele.text).map(tag => {
+      let $tags = inCode ? ele.text : _index.default.extractText(ele.text).map(tag => {
         if (tag.type === 'link') {
           let url = tag.text || '';
           if (!url.startsWith('//') && !url.startsWith('https://') && !url.startsWith('http://') && !url.startsWith('data:')) {
@@ -145,6 +149,14 @@ class Block extends _common.Com {
         }));
       case 'div':
         return (0, _preact.h)("div", null, $body);
+      case 'pre':
+        return (0, _preact.h)("pre", {
+          class: "message-block-pre"
+        }, $body);
+      case 'code':
+        return (0, _preact.h)("code", {
+          class: 'message-block-code' + (ele.class ? ' ' + ele.class : '')
+        }, $body);
       case 'h1':
         return (0, _preact.h)("h1", null, $body);
       case 'h2':
@@ -177,6 +189,8 @@ class Block extends _common.Com {
         return (0, _preact.h)("b", null, $body);
       case 'hr':
         return (0, _preact.h)("hr", null);
+      case 'br':
+        return (0, _preact.h)("br", null);
       case 'a':
         return (0, _preact.h)("a", {
           class: this.props.textMessage ? 'message-text-link' : '',

package/dist/132.js

@@ -2204,7 +2204,7 @@ class Popup extends common/* Com */.Mw {
     }, (0,preact_module.h)("img", {
       alt: "follow",
       class: "follow_fb_btn__img",
-      src: fb_inverse_circle_namespaceFn()
+      src: (fb_inverse_circle_namespaceFn())
     }), (0,preact_module.h)("span", {
       style: this.js2css(Object.assign({
         white_space: 'nowrap',
@@ -2224,7 +2224,7 @@ class Popup extends common/* Com */.Mw {
       }, (0,preact_module.h)("img", {
         alt: "facebook",
         class: "social_button__img",
-        src: Facebook_namespaceFn()
+        src: (Facebook_namespaceFn())
       }));
     }
     let zlurl = util/* default */.A.get(com, 'social_buttons.zalo');
@@ -2237,7 +2237,7 @@ class Popup extends common/* Com */.Mw {
       }, (0,preact_module.h)("img", {
         alt: "zalo",
         class: "social_button__img",
-        src: Zalo_namespaceFn()
+        src: (Zalo_namespaceFn())
       }));
     }
     let style = this.props.mobile && com.mobile_style || com.style;

package/dist/185.js

@@ -202,7 +202,7 @@ class DropdownSelect extends common/* Com */.Mw {
       class: "dropdown_select_filter__empty"
     }, (0,preact_module.h)("img", {
       class: "dropdown_select_filter__empty_img",
-      src: not_found_search_namespaceFn()
+      src: (not_found_search_namespaceFn())
     }), (0,preact_module.h)("div", {
       class: "muted",
       style: "text-align: center !important;"
@@ -240,12 +240,12 @@ class DropdownSelect extends common/* Com */.Mw {
     if (this.hasSearch()) {
       let $img = (0,preact_module.h)("img", {
         class: "dropdown_select_filter__icon",
-        src: search_namespaceFn()
+        src: (search_namespaceFn())
       });
       if (this.props.loading) {
         $img = (0,preact_module.h)("img", {
           class: "dropdown_select_filter__icon",
-          src: loader_namespaceFn()
+          src: (loader_namespaceFn())
         });
       }
       $filter = (0,preact_module.h)("div", {
@@ -309,7 +309,7 @@ class DropdownSelect extends common/* Com */.Mw {
       onClick: this.toogleDropdown
     }, $name, "\xA0", (0,preact_module.h)("img", {
       class: "dropdown_select__caret",
-      src: caret_namespaceFn()
+      src: (caret_namespaceFn())
     })), this.renderDropdown()));
   }
 }
@@ -397,7 +397,7 @@ class AddressPicker extends common/* Com */.Mw {
       class: "dropdown_select_filter__empty"
     }, (0,preact_module.h)("img", {
       class: "dropdown_select_filter__empty_img",
-      src: not_found_search_namespaceFn()
+      src: (not_found_search_namespaceFn())
     }), (0,preact_module.h)("div", {
       class: "muted",
       style: "text-align: center !important;"
@@ -438,12 +438,12 @@ class AddressPicker extends common/* Com */.Mw {
     let $filter = null;
     let $img = (0,preact_module.h)("img", {
       class: "dropdown_select_filter__icon",
-      src: search_namespaceFn()
+      src: (search_namespaceFn())
     });
     if (this.props.loading) {
       $img = (0,preact_module.h)("img", {
         class: "dropdown_select_filter__icon",
-        src: loader_namespaceFn()
+        src: (loader_namespaceFn())
       });
     }
     $filter = (0,preact_module.h)("div", {
@@ -528,7 +528,7 @@ $link.rel = 'stylesheet';
 document.head.append($link);
 util/* default */.A.preloadWebfonts(['Inter'], [400, 500]);
 
-let defaultAvatar = default_avatar_namespaceFn();
+let defaultAvatar = (default_avatar_namespaceFn());
 
 
 
@@ -537,21 +537,21 @@ class Icon extends common/* Com */.Mw {
     if (this.props.name == 'package') {
       if (this.props.active) return (0,preact_module.h)("img", {
         style: "width: 18px !important;",
-        src: package_namespaceFn()
+        src: (package_namespaceFn())
       });
       return (0,preact_module.h)("img", {
         style: "width: 18px !important;",
-        src: package_fade_namespaceFn()
+        src: (package_fade_namespaceFn())
       });
     }
     if (this.props.name === 'shop') {
       if (this.props.active) return (0,preact_module.h)("img", {
         style: "width: 18px !important;",
-        src: shop_namespaceFn()
+        src: (shop_namespaceFn())
       });
       return (0,preact_module.h)("img", {
         style: "width: 18px !important;",
-        src: shop_faded_namespaceFn()
+        src: (shop_faded_namespaceFn())
       });
     }
   }
@@ -568,8 +568,8 @@ function order_toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var
 
 
 
-var checkedimg = done_green_namespaceFn();
-var ximg = x_namespaceFn();
+var checkedimg = (done_green_namespaceFn());
+var ximg = (x_namespaceFn());
 class order_Order extends common/* Com */.Mw {
   constructor(props) {
     super(props);
@@ -1223,7 +1223,7 @@ class order_Order extends common/* Com */.Mw {
         class: "muted"
       }, (0,preact_module.h)("img", {
         class: "order_ship_icon",
-        src: info_namespaceFn()
+        src: (info_namespaceFn())
       }), "\xA0 Ch\u01B0a bao g\u1ED3m thu\u1EBF v\xE0 ph\xED v\u1EADn chuy\u1EC3n");
     }
     let seccls = '';
@@ -1265,7 +1265,7 @@ class order_Order extends common/* Com */.Mw {
       href: 'https://giaohangtietkiem.vn/tra-cuu-van-don/' + shipping_code
     }, shipping_code, "\xA0", (0,preact_module.h)("img", {
       class: "order_tracking_link_icon",
-      src: external_link_namespaceFn()
+      src: (external_link_namespaceFn())
     })));
     if (shipping_provider == 'ghtk') {
       return (0,preact_module.h)("div", {
@@ -1295,7 +1295,7 @@ class order_Order extends common/* Com */.Mw {
       href: 'https://giaohangtietkiem.vn/tra-cuu-van-don/' + shipping_code
     }, shipping_code, "\xA0", (0,preact_module.h)("img", {
       class: "order_tracking_link_icon",
-      src: external_link_namespaceFn()
+      src: (external_link_namespaceFn())
     })));
     if (shipping_provider == 'ghtk') {
       return (0,preact_module.h)(preact_module/* Fragment */.FK, null, (0,preact_module.h)("div", {
@@ -1319,7 +1319,7 @@ class order_Order extends common/* Com */.Mw {
       }, (0,preact_module.h)("img", {
         class: "order_attachment__product_img",
         alt: '' + product.id,
-        src: util/* default */.A.get(product, 'images.0') || default_namespaceFn()
+        src: util/* default */.A.get(product, 'images.0') || (default_namespaceFn())
       }), (0,preact_module.h)("div", {
         style: "overflow: hidden !important;"
       }, (0,preact_module.h)("div", {
@@ -1354,7 +1354,7 @@ class order_Order extends common/* Com */.Mw {
         }, (0,preact_module.h)("img", {
           class: "order_attachment__product_img",
           alt: '' + product.id,
-          src: util/* default */.A.get(product, 'images.0') || default_namespaceFn()
+          src: util/* default */.A.get(product, 'images.0') || (default_namespaceFn())
         }), (0,preact_module.h)("div", {
           style: "overflow: hidden !important; flex: 1 !important"
         }, (0,preact_module.h)("div", {
@@ -1382,7 +1382,7 @@ class order_Order extends common/* Com */.Mw {
         }, (0,preact_module.h)("img", {
           class: "order_attachment__product_img",
           alt: '' + product.id,
-          src: util/* default */.A.get(product, 'images.0') || default_namespaceFn()
+          src: util/* default */.A.get(product, 'images.0') || (default_namespaceFn())
         }), (0,preact_module.h)("div", {
           style: "overflow: hidden !important; flex: 1 !important"
         }, (0,preact_module.h)("div", {
@@ -1503,7 +1503,7 @@ class order_Order extends common/* Com */.Mw {
   }
   renderDesktop(order) {
     let acc = this.props.store.matchAccount();
-    var uri = acc.logo_url || image_default_namespaceFn();
+    var uri = acc.logo_url || (image_default_namespaceFn());
     return (0,preact_module.h)("div", {
       class: "desktop order"
     }, (0,preact_module.h)("div", {
@@ -1549,7 +1549,7 @@ class order_Order extends common/* Com */.Mw {
       class: "order_error"
     }, (0,preact_module.h)("img", {
       class: "mt-3",
-      src: empty_1_namespaceFn()
+      src: (empty_1_namespaceFn())
     }), (0,preact_module.h)("div", {
       class: "mt-3"
     }, this.props.t('order_load_error')));
@@ -1561,11 +1561,11 @@ class order_Order extends common/* Com */.Mw {
 let ShippingProvider = {
   ghtk: {
     name: 'Giao hàng tiết kiệm',
-    logo: ghtk_namespaceFn()
+    logo: (ghtk_namespaceFn())
   },
   ghn: {
     name: 'Giao hàng nhanh',
-    logo: ghn_namespaceFn()
+    logo: (ghn_namespaceFn())
   }
 };
 ;// ./src/chatbox/Order.js
@@ -1578,7 +1578,7 @@ function Order_toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var
 const POPUP_MAX_HEIGHT = 400;
 const POPUP_HARD_MAX_HEIGHT = 500;
 const POPUP_MIN_HEIGHT = 0;
-let Order_defaultAvatar = default_avatar_namespaceFn();
+let Order_defaultAvatar = (default_avatar_namespaceFn());