@subiz/widget-v4 4.0.63 → 4.0.67

package/compiled_src/chatbox/Widget.js

@@ -37,6 +37,8 @@ var _preact = require("preact");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 var send = require('../../assets/img/send.svg');
 
 var checkedimg = require('../../assets/img/done_gray.svg');
@@ -48,6 +50,31 @@ const defaultAvatar = 'https://file-subiz.com/fiqoahedjbgwclpouoml-avatar_defaul
 class Widget extends _common.Com {
   constructor(props) {
     super(props);
+
+    _defineProperty(this, "onLink", (e, url) => {
+      if (!url) return e.preventDefault();
+      let noschemeurl = url.replace(/(^\w+:|^)\/\//, '');
+
+      if (noschemeurl.startsWith('widget.subiz.com.vn/orders/')) {
+        let orderid = noschemeurl.substr('widget.subiz.com.vn/orders/'.length);
+        orderid = orderid.split('/')[0];
+        this.setState({
+          showOrder: true,
+          order_id: orderid
+        });
+        e.preventDefault();
+        return;
+      }
+    });
+
+    _defineProperty(this, "closeOrder", e => {
+      this.setState({
+        showOrder: false,
+        order_id: ''
+      });
+      this.focusInput();
+    });
+
     this.userSent = {};
     this.setState({
       creating: false,
@@ -673,29 +700,6 @@ class Widget extends _common.Com {
     }), $input);
   }
 
-  onLink = (e, url) => {
-    if (!url) return e.preventDefault();
-    let noschemeurl = url.replace(/(^\w+:|^)\/\//, '');
-
-    if (noschemeurl.startsWith('widget.subiz.com.vn/orders/')) {
-      let orderid = noschemeurl.substr('widget.subiz.com.vn/orders/'.length);
-      orderid = orderid.split('/')[0];
-      this.setState({
-        showOrder: true,
-        order_id: orderid
-      });
-      e.preventDefault();
-      return;
-    }
-  };
-  closeOrder = e => {
-    this.setState({
-      showOrder: false,
-      order_id: ''
-    });
-    this.focusInput();
-  };
-
   async onStartConvoClick() {
     var convo = this.props.store.matchConvo(this.props.cid) || {};
     if (convo.state === 'ended') return this.props.onGo({

package/compiled_src/chatbox/main.js

@@ -184,11 +184,13 @@ class Main extends _common.Com {
 exports.default = Main;
 
 function restoreViewport() {
+  if (document.body && document.body.classList) document.body.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');
   let metatag = document.createElement('meta');
   metatag.httpEquiv = 'X-UA-Compatible';
   metatag.name = 'viewport';

package/compiled_src/contact/contact.js

@@ -14,6 +14,8 @@ var _common = require("../common.js");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return 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; }
@@ -21,14 +23,15 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 let CSS = (() => Promise.resolve().then(() => _interopRequireWildcard(require('./css.js'))))();
 
 class Contact extends _common.Com {
-  state = {
-    map: false,
-    map_loading: false,
-    map_initialized: false
-  };
-
   constructor(props) {
     super(props);
+
+    _defineProperty(this, "state", {
+      map: false,
+      map_loading: false,
+      map_initialized: false
+    });
+
     this.showMap = this.showMap.bind(this);
     this.hideMap = this.hideMap.bind(this);
   }

package/compiled_src/lib.js

@@ -13,6 +13,8 @@ var _plugin = _interopRequireDefault(require("./plugin.js"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 var $link = document.createElement('link');
 $link.href = 'https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap';
 $link.rel = 'stylesheet';
@@ -22,6 +24,18 @@ _index.default.preloadWebfonts(['Roboto'], [400, 500]);
 
 class Widget {
   constructor(ApiURL, FileURL, RealtimeURL, inmem, fake, agenttoken) {
+    _defineProperty(this, "version", () => '4.4');
+
+    _defineProperty(this, "setSetting", setting => this.store.setSetting({
+      account_setting: setting
+    }));
+
+    _defineProperty(this, "getSetting", _ => ({
+      account_setting: _index.default.cloneDeep(this.store.matchAccountSetting())
+    }));
+
+    _defineProperty(this, "getUser", () => _index.default.parseJSON(_index.default.stringify(this.store.matchUser())));
+
     this.domGate = new _index.default.Gate();
     this.store = new _store.default(ApiURL, FileURL, RealtimeURL, inmem, fake, agenttoken);
     window.sbz_store = this.store;
@@ -126,15 +140,6 @@ class Widget {
     this.pluginMgr.hideCurrentChatbox();
   }
 
-  version = () => '4.4';
-  setSetting = setting => this.store.setSetting({
-    account_setting: setting
-  });
-  getSetting = _ => ({
-    account_setting: _index.default.cloneDeep(this.store.matchAccountSetting())
-  });
-  getUser = () => _index.default.parseJSON(_index.default.stringify(this.store.matchUser()));
-
   async setLocale(locale) {
     await this.domGate.entry();
     return this.pluginMgr.setCurrentChatboxLocale(locale);

package/compiled_src/notif/notif.js

@@ -13,6 +13,8 @@ var _common = require("../common.js");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return 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; }
@@ -20,20 +22,21 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 let notifCSS = (() => Promise.resolve().then(() => _interopRequireWildcard(require('./css.js'))))();
 
 class Notif extends _common.Com {
-  state = {
-    close: true,
-    cssready: false,
-    closeAnimation: true,
-    imageReady: false,
-    user: {},
-    timestamp: '',
-    message: '',
-    title: '',
-    last_show: 0
-  };
-
   constructor(props) {
     super(props);
+
+    _defineProperty(this, "state", {
+      close: true,
+      cssready: false,
+      closeAnimation: true,
+      imageReady: false,
+      user: {},
+      timestamp: '',
+      message: '',
+      title: '',
+      last_show: 0
+    });
+
     setTimeout(async () => {
       let {
         body: impression

package/compiled_src/order/address_picker.js

@@ -15,53 +15,86 @@ var _spinner = _interopRequireDefault(require("../chatbox/spinner.js"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-class AddressPicker extends _common.Com {
-  state = {
-    show: false,
-    searchValue: '',
-    addresses: []
-  };
-  filterRef = (0, _preact.createRef)();
-  overlayRef = (0, _preact.createRef)();
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
+class AddressPicker extends _common.Com {
   constructor(props) {
     super(props);
-    document.addEventListener('touchmove', function (e) {});
-  }
 
-  onTouchMove = e => {
-    if (e.target === this.overlayRef.current) {
-      e.preventDefault();
-      e.stopPropagation();
-    }
-  };
-  hideDropdown = () => {
-    this.setState({
+    _defineProperty(this, "state", {
       show: false,
-      searchValue: ''
+      searchValue: '',
+      addresses: []
+    });
+
+    _defineProperty(this, "filterRef", (0, _preact.createRef)());
+
+    _defineProperty(this, "overlayRef", (0, _preact.createRef)());
+
+    _defineProperty(this, "onTouchMove", e => {
+      if (e.target === this.overlayRef.current) {
+        e.preventDefault();
+        e.stopPropagation();
+      }
     });
-  };
-  onKeydown = e => {
-    if (e.key === 'Escape') {
-      if (!this.state.show) return;
-      if (this.state.searchValue) this.setState({
+
+    _defineProperty(this, "hideDropdown", () => {
+      this.setState({
+        show: false,
         searchValue: ''
-      });else this.hideDropdown();
-      e.preventDefault();
-      e.stopPropagation();
-    }
+      });
+    });
+
+    _defineProperty(this, "onKeydown", e => {
+      if (e.key === 'Escape') {
+        if (!this.state.show) return;
+        if (this.state.searchValue) this.setState({
+          searchValue: ''
+        });else this.hideDropdown();
+        e.preventDefault();
+        e.stopPropagation();
+      }
+
+      if (e.key == 'Enter') {}
+    });
+
+    _defineProperty(this, "doSearch", _index.default.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: _index.default.get(res, 'body.addresses', [])
+      });
+    }, 100));
 
-    if (e.key == 'Enter') {}
-  };
-  doSearch = _index.default.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: _index.default.get(res, 'body.addresses', [])
+    _defineProperty(this, "onChangeSearchValue", e => {
+      this.setState({
+        searchValue: e.target.value
+      });
+      this.props.onChangeAddress(e.target.value);
+      this.doSearch();
     });
-  }, 100);
+
+    _defineProperty(this, "toogleDropdown", async () => {
+      await this.setState({
+        show: true,
+        searchValue: this.props.initAddress || ''
+      });
+      this.focusFilter();
+    });
+
+    _defineProperty(this, "onSelect", item => {
+      this.props.onSelect(item);
+      this.hideDropdown();
+    });
+
+    _defineProperty(this, "onBackgroundScroll", e => {
+      console.log('EEEEEEE', e);
+    });
+
+    document.addEventListener('touchmove', function (e) {});
+  }
 
   componentDidMount() {
     window.addEventListener('keydown', this.onKeydown);
@@ -71,14 +104,6 @@ class AddressPicker extends _common.Com {
     window.removeEventListener('keydown', this.onKeydown);
   }
 
-  onChangeSearchValue = e => {
-    this.setState({
-      searchValue: e.target.value
-    });
-    this.props.onChangeAddress(e.target.value);
-    this.doSearch();
-  };
-
   renderEmpty() {
     return (0, _preact.h)("div", {
       class: "dropdown_select_filter__empty"
@@ -103,14 +128,6 @@ class AddressPicker extends _common.Com {
     }, "\u0110ang t\u1EA3i d\u1EEF li\u1EC7u"));
   }
 
-  toogleDropdown = async () => {
-    await this.setState({
-      show: true,
-      searchValue: this.props.initAddress || ''
-    });
-    this.focusFilter();
-  };
-
   focusFilter() {
     if (!this.filterRef.current) return;
     this.filterRef.current.focus();
@@ -120,11 +137,6 @@ class AddressPicker extends _common.Com {
     }, 100);
   }
 
-  onSelect = item => {
-    this.props.onSelect(item);
-    this.hideDropdown();
-  };
-
   renderDropdown() {
     if (!this.state.show) return null;
 
@@ -193,10 +205,6 @@ class AddressPicker extends _common.Com {
     }, $items));
   }
 
-  onBackgroundScroll = e => {
-    console.log('EEEEEEE', e);
-  };
-
   render() {
     let $name = (0, _preact.h)("div", {
       class: "text-truncate",