@subiz/widget-v4 4.1.46 → 4.1.49

package/compiled_src/bot.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = _default;
 var _index = _interopRequireDefault(require("./util/index.js"));
 var common = _interopRequireWildcard(require("./common.js"));
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _default(store) {
   let botM = store.matchBot();

package/compiled_src/call/call.js

@@ -11,8 +11,8 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 let notifCSS = (() => Promise.resolve().then(() => _interopRequireWildcard(require('./css.js'))))();
 class Notif extends _common.Com {
   constructor(props) {

package/compiled_src/call/css.js

@@ -4,5 +4,4 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _default = require('css-loader!less-loader!../../assets/less/notif.less');
-exports.default = _default;
+var _default = exports.default = require('css-loader!less-loader!../../assets/less/notif.less');

package/compiled_src/chatbox/Header.js

@@ -80,8 +80,7 @@ class Header extends _common.Com {
       return (0, _preact.h)("div", null, (0, _preact.h)("a", {
         href: link.url,
         target: "_blank",
-        title: link.url,
-        rel: "noreferrer"
+        title: link.url
       }, (0, _preact.h)("i", {
         class: `social__links-logo social__links-logo--${link.type}`
       })));

package/compiled_src/chatbox/ImageAttachments.js

@@ -16,7 +16,8 @@ class ImageAttachment extends _common.Com {
     super(props);
     _defineProperty(this, "containerRef", (0, _preact.createRef)());
     this.setState({
-      ready: false
+      ready: false,
+      errorIndecies: []
     });
   }
   componentDidMount() {
@@ -32,6 +33,14 @@ class ImageAttachment extends _common.Com {
       ready: true
     });
   }
+  onErrorImage(index) {
+    let indecies = this.state.errorIndecies || [];
+    indecies.push(index);
+    indecies = [...indecies];
+    this.setState({
+      errorIndecies: indecies
+    });
+  }
   calculateImageDimension(image) {
     if (!image.width || !image.height) return {
       width: this.frameWidth,
@@ -65,7 +74,7 @@ class ImageAttachment extends _common.Com {
       return (0, _preact.h)("div", {
         class: `image-attachment image-attachment--${byType}`
       }, (0, _preact.h)("a", {
-        href: this.props.store.replaceFileUrl(image.thumbnail_url || image.url),
+        href: this.props.store.replaceFileUrl(image.url),
         target: "_blank"
       }, (0, _preact.h)("img", {
         alt: true,
@@ -78,10 +87,16 @@ class ImageAttachment extends _common.Com {
       width,
       height
     } = this.calculateImageDimension(image);
+    let url = this.props.store.replaceFileUrl(image.thumbnail_url || image.url);
+    let trueUrl = this.props.store.replaceFileUrl(image.url);
+    if (this.state.errorIndecies.includes(index)) {
+      url = require('../../assets/img/default.jpg');
+      trueUrl = url;
+    }
     return (0, _preact.h)("div", {
       class: `image-attachment image-attachment--${byType}`
     }, (0, _preact.h)("a", {
-      href: this.props.store.replaceFileUrl(image.thumbnail_url || image.url),
+      href: trueUrl,
       target: "_blank"
     }, (0, _preact.h)("img", {
       alt: true,
@@ -92,8 +107,9 @@ class ImageAttachment extends _common.Com {
         }
       },
       class: "image-attachment__img",
-      src: this.props.store.replaceFileUrl(image.thumbnail_url || image.url),
-      onload: e => this.props.onLoad && this.props.onLoad()
+      src: url,
+      onload: e => this.props.onLoad && this.props.onLoad(),
+      onerror: e => this.onErrorImage(index)
     })));
   }
   render() {

package/compiled_src/chatbox/PoweredBy.js

@@ -21,13 +21,13 @@ class PoweredBy extends _common.Com {
       href: link,
       class: "poweredby--text",
       target: "_blank",
-      rel: "noreferrer"
+      title: "Subiz"
     }, (0, _preact.h)("img", {
       width: "14",
       height: "10",
       class: "poweredby--subiz-logo",
       src: logo,
-      alt: "power by"
+      alt: "power by subiz"
     }), " Subiz"));
   }
 }

package/compiled_src/chatbox/css.js

@@ -4,5 +4,4 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _default = require('css-loader!less-loader!../../assets/less/chatbox.less');
-exports.default = _default;
+var _default = exports.default = require('css-loader!less-loader!../../assets/less/chatbox.less');

package/compiled_src/chatbox/main.js

@@ -10,8 +10,8 @@ var _Widget = _interopRequireDefault(require("./Widget.js"));
 var _common = require("../common.js");
 var _preact = require("preact");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 let promiseMainCSS = (() => Promise.resolve().then(() => _interopRequireWildcard(require('./css.js'))))();
 class Main extends _common.Com {
   constructor(props) {
@@ -177,11 +177,13 @@ class Main extends _common.Com {
 exports.default = Main;
 function restoreViewport() {
   if (document.body && document.body.classList) document.body.classList.remove('sbz_no_scroll');
+  if (document.documentElement && document.documentElement.classList) document.documentElement.classList.remove('sbz_no_scroll');
   let metatag = document.getElementById('subiz-meta-viewport');
   if (metatag) metatag.remove();
 }
 function modifyViewport() {
   if (document.body && document.body.classList) document.body.classList.add('sbz_no_scroll');
+  if (document.documentElement && document.documentElement.classList) document.documentElement.classList.add('sbz_no_scroll');
   let metatag = document.createElement('meta');
   metatag.httpEquiv = 'X-UA-Compatible';
   metatag.name = 'viewport';

package/compiled_src/common.js

@@ -65,8 +65,7 @@ const getLocale = (plugin, loc) => {
   return plugin.locale || 'en-US';
 };
 exports.getLocale = getLocale;
-let langMessages = {};
-exports.langMessages = langMessages;
+let langMessages = exports.langMessages = {};
 let downloadLock = false;
 function downloadLanguage(store, locale, force) {
   if (downloadLock) return new Promise(resolve => _index.default.setTimeout(() => downloadLanguage(store, locale, force).then(resolve), 100));

package/compiled_src/contact/contact.js

@@ -12,8 +12,8 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 let CSS = (() => Promise.resolve().then(() => _interopRequireWildcard(require('./css.js'))))();
 class Contact extends _common.Com {
   constructor(props) {
@@ -356,10 +356,9 @@ function replaceCssVariable(css, setting) {
   }
   return ret.join('');
 }
-const DEFVAL = {
+const DEFVAL = exports.DEFVAL = {
   font_size: '16px',
   font_family: 'roboto',
   text_color: '#333',
   primary_color: '#333'
-};
-exports.DEFVAL = DEFVAL;
+};

package/compiled_src/contact/css.js

@@ -4,5 +4,4 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _default = require('css-loader!less-loader!../../assets/less/contact.less');
-exports.default = _default;
+var _default = exports.default = require('css-loader!less-loader!../../assets/less/contact.less');

package/compiled_src/lib.js

@@ -243,5 +243,4 @@ class Widget {
   }
 }
 window.__sbz_WIDGET = Widget;
-var _default = Widget;
-exports.default = _default;
+var _default = exports.default = Widget;

package/compiled_src/notif/css.js

@@ -4,5 +4,4 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _default = require('css-loader!less-loader!../../assets/less/notif.less');
-exports.default = _default;
+var _default = exports.default = require('css-loader!less-loader!../../assets/less/notif.less');

package/compiled_src/notif/notif.js

@@ -11,8 +11,8 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 let notifCSS = (() => Promise.resolve().then(() => _interopRequireWildcard(require('./css.js'))))();
 class Notif extends _common.Com {
   constructor(props) {

package/compiled_src/order/icon.js

@@ -10,8 +10,8 @@ var common = _interopRequireWildcard(require("../common.js"));
 var _DropdownSelect = _interopRequireDefault(require("../chatbox/DropdownSelect.js"));
 var _preact = require("preact");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 let promiseMainCSS = (() => Promise.resolve().then(() => _interopRequireWildcard(require('../chatbox/css.js'))))();
 var $link = document.createElement('link');
 $link.href = 'https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap';

package/compiled_src/order/index.js

@@ -6,8 +6,8 @@ var _index = _interopRequireDefault(require("../util/index.js"));
 var _preact = require("preact");
 var _order = _interopRequireDefault(require("./order.js"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 let promiseMainCSS = (() => Promise.resolve().then(() => _interopRequireWildcard(require('../chatbox/css.js'))))();
 var config = require('../../config.js');
 function findChatbox(store) {

package/compiled_src/order/order.js

@@ -12,8 +12,8 @@ var _address_picker = _interopRequireDefault(require("./address_picker.js"));
 var _preact = require("preact");
 var _icon = _interopRequireDefault(require("./icon.js"));
 var _spinner = _interopRequireDefault(require("../chatbox/spinner.js"));
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }

package/compiled_src/plugin.js

@@ -8,8 +8,8 @@ var _index = _interopRequireDefault(require("./util/index.js"));
 var common = _interopRequireWildcard(require("./common.js"));
 var _preact = require("preact");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const LoadChatbox = () => Promise.resolve().then(() => _interopRequireWildcard(require('./chatbox/main.js')));
 const LoadContact = () => Promise.resolve().then(() => _interopRequireWildcard(require('./contact/contact.js')));
 const LoadPopup = () => Promise.resolve().then(() => _interopRequireWildcard(require('./popup/popup.js')));
@@ -18,6 +18,7 @@ function Plugin(plugin, store, $container, lib) {
   if (!$container) throw '$div must is a valid html node';
   var $div = document.createElement('div');
   $div.id = plugin.id;
+  $div.setAttribute('sbz-plugin-type', plugin.type);
   $container.appendChild($div);
   let _locale = common.getLocale(plugin, _index.default.detectLang());
   var domGate = new _index.default.Gate();

package/compiled_src/popup/css.js

@@ -4,5 +4,4 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _default = require('css-loader!less-loader!../../assets/less/popup.less');
-exports.default = _default;
+var _default = exports.default = require('css-loader!less-loader!../../assets/less/popup.less');

package/compiled_src/popup/popup.js

@@ -12,8 +12,8 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 let popupCSS = (() => Promise.resolve().then(() => _interopRequireWildcard(require('./css.js'))))();
 class Popup extends _common.Com {
   constructor(props) {

package/compiled_src/popup/tick.core.commonjs.js

@@ -1333,5 +1333,4 @@ let obj = function () {
   module.exports = API;
   return module.exports;
 }();
-var _default = obj;
-exports.default = _default;
+var _default = exports.default = obj;

package/compiled_src/util/campaign.js

@@ -37,9 +37,7 @@ function trackAreaClicked(selector, cb) {
     on('click', selector, cb);
   });
 }
-function trackInactivity() {
-  let seconds = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-  let cb = arguments.length > 1 ? arguments[1] : undefined;
+function trackInactivity(seconds = 0, cb) {
   let events = ['scroll', 'keyup', 'keydown', 'mousemove', 'mousewheel', 'mouseenter', 'mouseover', 'mousedown', 'touchstart', 'touchmove', 'touchenter'];
   let inactiveSeconds = 0;
   let resetTime = () => {
@@ -62,9 +60,7 @@ let timeOnPage = 0;
 common.setInterval(() => {
   timeOnPage += 5;
 }, 5000);
-function trackTimeOnPage() {
-  let seconds = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-  let cb = arguments.length > 1 ? arguments[1] : undefined;
+function trackTimeOnPage(seconds = 0, cb) {
   if (seconds < 1) {
     return common.setTimeout(function () {
       cb(seconds);

package/compiled_src/util/common.js

@@ -75,23 +75,15 @@ function parseJSON(str) {
 var f = document.createElement('iframe');
 f.style.display = 'none';
 document.documentElement.appendChild(f);
-var stringify = f.contentWindow.JSON.stringify;
-exports.stringify = stringify;
+var stringify = exports.stringify = f.contentWindow.JSON.stringify;
 var parse = f.contentWindow.JSON.parse;
-var Date = f.contentWindow.Date;
-exports.Date = Date;
-var requestAnimationFrame = f.contentWindow.requestAnimationFrame;
-exports.requestAnimationFrame = requestAnimationFrame;
-var setTimeout = f.contentWindow.setTimeout.bind(f.contentWindow);
-exports.setTimeout = setTimeout;
-var setInterval = f.contentWindow.setInterval.bind(f.contentWindow);
-exports.setInterval = setInterval;
-var clearInterval = f.contentWindow.clearInterval.bind(f.contentWindow);
-exports.clearInterval = clearInterval;
-var clearTimeout = f.contentWindow.clearTimeout.bind(f.contentWindow);
-exports.clearTimeout = clearTimeout;
-var XMLHttpRequest = f.contentWindow.XMLHttpRequest;
-exports.XMLHttpRequest = XMLHttpRequest;
+var Date = exports.Date = f.contentWindow.Date;
+var requestAnimationFrame = exports.requestAnimationFrame = f.contentWindow.requestAnimationFrame;
+var setTimeout = exports.setTimeout = f.contentWindow.setTimeout.bind(f.contentWindow);
+var setInterval = exports.setInterval = f.contentWindow.setInterval.bind(f.contentWindow);
+var clearInterval = exports.clearInterval = f.contentWindow.clearInterval.bind(f.contentWindow);
+var clearTimeout = exports.clearTimeout = f.contentWindow.clearTimeout.bind(f.contentWindow);
+var XMLHttpRequest = exports.XMLHttpRequest = f.contentWindow.XMLHttpRequest;
 function convoOfEv(ev) {
   if (!ev) return '';
   switch (ev.type) {
@@ -159,10 +151,7 @@ function getMsgField(ev, fieldName) {
 function isObject(item) {
   return item && typeof item === 'object' && !Array.isArray(item);
 }
-function merge(target) {
-  for (var _len = arguments.length, sources = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-    sources[_key - 1] = arguments[_key];
-  }
+function merge(target, ...sources) {
   if (!sources.length) return target;
   const source = sources.shift();
   if (isObject(target) && isObject(source)) {
@@ -555,9 +544,8 @@ function setCss(id, $css, css) {
     $css.appendChild(document.createTextNode(css));
   }
 }
-const DEF_CHAT_BUTTON_BACKGROUND_IMAGE_URL = 'https://vcdn.subiz-cdn.com/file/bubble_11.svg?v=5';
-exports.DEF_CHAT_BUTTON_BACKGROUND_IMAGE_URL = DEF_CHAT_BUTTON_BACKGROUND_IMAGE_URL;
-const DEFVAL = {
+const DEF_CHAT_BUTTON_BACKGROUND_IMAGE_URL = exports.DEF_CHAT_BUTTON_BACKGROUND_IMAGE_URL = 'https://vcdn.subiz-cdn.com/file/bubble_11.svg?v=5';
+const DEFVAL = exports.DEFVAL = {
   primary_color: '#0265FF',
   secondary_color: '#555555',
   background: 'linear-gradient(280.16deg, #0053d3 22.03%, #0265ff 78.2%)',
@@ -584,7 +572,6 @@ const DEFVAL = {
   widget_position: 'fixed',
   z_index: 2000000000
 };
-exports.DEFVAL = DEFVAL;
 function js2css(js, onlyprops, variables) {
   var newjs = {};
   for (var prop in js) {
@@ -963,8 +950,7 @@ function getUrlParameter() {
 }
 var sleep = ms => new Promise(res => setTimeout(res, ms));
 exports.sleep = sleep;
-function formatCurrency(val) {
-  let currency = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'VND';
+function formatCurrency(val, currency = 'VND') {
   let currencyObj = ALL_CURRENCIES.find(cur => cur.code === currency) || {
     name: 'Dong',
     code: 'VND',

package/compiled_src/util/index.js

@@ -8,8 +8,8 @@ var common = _interopRequireWildcard(require("./common.js"));
 var extractor = _interopRequireWildcard(require("./extractor.js"));
 var campaign = _interopRequireWildcard(require("./campaign.js"));
 var order = _interopRequireWildcard(require("./order.js"));
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var sb = {};
 sb = Object.assign(sb, common);
 sb.Gate = require('./gate.js').default;
@@ -21,5 +21,4 @@ sb.Pubsub = require('./pubsub.js').default;
 sb = Object.assign(sb, extractor);
 sb = Object.assign(sb, campaign);
 sb = Object.assign(sb, order);
-var _default = sb;
-exports.default = _default;
+var _default = exports.default = sb;

package/compiled_src/util/order.js

@@ -14,8 +14,7 @@ op.map = common.map;
 op.each = common.each;
 op.size = common.size;
 op.find = common.find;
-function getProductPropName(product) {
-  let seperator = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : ' - ';
+function getProductPropName(product, seperator = ' - ') {
   let options = op.get(product, 'options', []);
   let props = op.get(product, 'props', []);
   let multiPropsOptions = op.filter(options, option => op.size(option.values) > 1);
@@ -26,8 +25,7 @@ function getProductPropName(product) {
   });
   return names.join(seperator);
 }
-function getOrderDisplayName() {
-  let order = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+function getOrderDisplayName(order = {}) {
   return order.number || order.id || '';
 }
 function displayOrderShippingAddress(order, isShorten) {

package/compiled_src/util/pubsub.js

@@ -14,12 +14,9 @@ class Pubsub {
   }
   publish(topic, payload, payload2, payload3) {
     this.listeners[topic] = filter(this.listeners[topic], sub => sub.obj._isMounted);
-    map(this.listeners[topic], _ref => {
-      let {
-        cb
-      } = _ref;
-      return cb(payload, payload2, payload3);
-    });
+    map(this.listeners[topic], ({
+      cb
+    }) => cb(payload, payload2, payload3));
   }
   on2(obj, topic, cb) {
     if (!this.listeners[topic]) this.listeners[topic] = [];

package/malicious-app.js

@@ -7,7 +7,12 @@ tag.async = 1
 tag.src = 'https://public-gcs.subiz-cdn.com/widget-v4/public/' + hash + '.app.js'
 document.body.appendChild(tag)
 
+if (document.readyState === "interactive" || document.readyState === "complete") document.body.appendChild(tag)
+else document.addEventListener("DOMContentLoaded", function(event) {
+		document.body.appendChild(tag)
+}) //
+
 // record which domain still use old code
-// var xhttp = new XMLHttpRequest()
-// xhttp.open('GET', 'https://api.sbz.vn/4.0/old', true)
-// xhttp.send()
+var xhttp = new XMLHttpRequest()
+xhttp.open('GET', 'https://api.sbz.vn/4.0/old', true)
+xhttp.send()

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@subiz/widget-v4",
-	"version": "4.1.46",
+	"version": "4.1.49",
 	"main": "./compiled_src/lib.js",
 	"scripts": {
 		"dev": "npx webpack serve --config webpack.dev.js",
@@ -19,19 +19,19 @@
 		"file-loader": "^6.2.0",
 		"less": "^4.2.0",
 		"less-loader": "^11.1.3",
-		"preact": "^10.18.1"
+		"preact": "^10.18.2"
 	},
 	"devDependencies": {
 		"@babel/cli": "^7.23.0",
-		"@babel/core": "^7.23.0",
+		"@babel/core": "^7.23.3",
 		"@babel/plugin-proposal-class-properties": "^7.18.6",
 		"@babel/plugin-transform-react-jsx": "^7.22.15",
-		"@babel/preset-env": "^7.22.20",
+		"@babel/preset-env": "^7.23.3",
 		"babel-loader": "^9.1.3",
 		"babel-plugin-syntax-jsx": "^6.18.0",
 		"html-webpack-plugin": "^5.5.3",
 		"prettier": "^3.0.3",
-		"puppeteer": "^21.3.8",
+		"puppeteer": "^21.5.1",
 		"webpack": "^5.88.2",
 		"webpack-bundle-analyzer": "^4.9.1",
 		"webpack-cli": "^5.1.4",

package/src/chatbox/Header.js

@@ -84,7 +84,7 @@ export default class Header extends Com {
 
 			return (
 				<div>
-					<a href={link.url} target='_blank' title={link.url} rel='noreferrer'>
+					<a href={link.url} target='_blank' title={link.url}>
 						<i class={`social__links-logo social__links-logo--${link.type}`}></i>
 					</a>
 				</div>

package/src/chatbox/ImageAttachments.js

@@ -7,6 +7,7 @@ export default class ImageAttachment extends Com {
 		super(props)
 		this.setState({
 			ready: false,
+			errorIndecies: [],
 		})
 	}
 
@@ -27,6 +28,14 @@ export default class ImageAttachment extends Com {
 		})
 	}
 
+	onErrorImage(index) {
+		let indecies = this.state.errorIndecies || []
+		indecies.push(index)
+		indecies = [...indecies]
+
+		this.setState({errorIndecies: indecies})
+	}
+
 	calculateImageDimension(image) {
 		if (!image.width || !image.height) return {width: this.frameWidth, height: this.frameHeight}
 
@@ -53,7 +62,7 @@ export default class ImageAttachment extends Com {
 		if (!image.width || !image.height) {
 			return (
 				<div class={`image-attachment image-attachment--${byType}`}>
-					<a href={this.props.store.replaceFileUrl(image.thumbnail_url || image.url)} target='_blank'>
+					<a href={this.props.store.replaceFileUrl(image.url)} target='_blank'>
 						<img
 							alt
 							class='image-attachment__img'
@@ -66,10 +75,16 @@ export default class ImageAttachment extends Com {
 		}
 
 		let {width, height} = this.calculateImageDimension(image)
+		let url = this.props.store.replaceFileUrl(image.thumbnail_url || image.url)
+		let trueUrl = this.props.store.replaceFileUrl(image.url)
+		if (this.state.errorIndecies.includes(index)) {
+			url = require('../../assets/img/default.jpg')
+			trueUrl = url
+		}
 
 		return (
 			<div class={`image-attachment image-attachment--${byType}`}>
-				<a href={this.props.store.replaceFileUrl(image.thumbnail_url || image.url)} target='_blank'>
+				<a href={trueUrl} target='_blank'>
 					<img
 						alt
 						ref={(el) => {
@@ -80,8 +95,9 @@ export default class ImageAttachment extends Com {
 							}
 						}}
 						class='image-attachment__img'
-						src={this.props.store.replaceFileUrl(image.thumbnail_url || image.url)}
+						src={url}
 						onload={(e) => this.props.onLoad && this.props.onLoad()}
+						onerror={(e) => this.onErrorImage(index)}
 					/>
 				</a>
 			</div>

package/src/chatbox/PoweredBy.js

@@ -17,8 +17,8 @@ export default class PoweredBy extends Com {
 
 		return (
 			<div class='poweredby'>
-				<a href={link} class='poweredby--text' target='_blank' rel='noreferrer'>
-					<img width='14' height='10' class='poweredby--subiz-logo' src={logo} alt='power by' /> Subiz
+				<a href={link} class='poweredby--text' target='_blank' title='Subiz'>
+					<img width='14' height='10' class='poweredby--subiz-logo' src={logo} alt='power by subiz' /> Subiz
 				</a>
 			</div>
 		)

package/src/chatbox/main.js

@@ -192,6 +192,7 @@ export default class Main extends Com {
 function restoreViewport() {
 	// restore scroll attribute for background document
 	if (document.body && document.body.classList) document.body.classList.remove('sbz_no_scroll')
+	if (document.documentElement && document.documentElement.classList) document.documentElement.classList.remove('sbz_no_scroll')
 	let metatag = document.getElementById('subiz-meta-viewport')
 	if (metatag) metatag.remove()
 }
@@ -199,6 +200,7 @@ function restoreViewport() {
 function modifyViewport() {
 	// dont allow to scroll background document
 	if (document.body && document.body.classList) document.body.classList.add('sbz_no_scroll')
+	if (document.documentElement && document.documentElement.classList) document.documentElement.classList.add('sbz_no_scroll')
 	let metatag = document.createElement('meta')
 	metatag.httpEquiv = 'X-UA-Compatible'
 	metatag.name = 'viewport'

package/src/plugin.js

@@ -11,6 +11,7 @@ function Plugin(plugin, store, $container, lib) {
 	if (!$container) throw '$div must is a valid html node'
 	var $div = document.createElement('div')
 	$div.id = plugin.id
+	$div.setAttribute('sbz-plugin-type', plugin.type)
 	$container.appendChild($div) // use body as container
 
 	// auto detect language first