@subiz/widget-v4 4.0.63 → 4.0.64

package/babel.config.js

@@ -1,7 +1,5 @@
 module.exports = {
-	plugins: [
-		['@babel/plugin-transform-react-jsx', { pragma: 'h' }],
-	],
+	plugins: [['@babel/plugin-transform-react-jsx', {pragma: 'h'}], '@babel/plugin-proposal-class-properties'],
 	comments: false,
-	presets: [['@babel/preset-env', { useBuiltIns: 'usage', corejs: 3, targets: '> 5%, not dead' }]],
+	presets: [['@babel/preset-env', {useBuiltIns: 'usage', corejs: 3, targets: '> 5%, not dead'}]],
 }

package/compiled_src/bot.js

@@ -7,6 +7,12 @@ 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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _default(store) {
@@ -24,7 +30,7 @@ function _default(store) {
         error
       } = await store.startConvo({
         initial_by: bot.id,
-        locale: _index.default.detectLang(),
+        locale: common.getLocale(bot, _index.default.detectLang()),
         state: 'active',
         members: [{
           type: 'bot',

package/compiled_src/call/call.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/chatbox/DropdownSelect.js

@@ -15,62 +15,95 @@ var _spinner = _interopRequireDefault(require("./spinner.js"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-class DropdownSelect extends _common.Com {
-  state = {
-    show: false,
-    searchValue: ''
-  };
-  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 DropdownSelect 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: ''
     });
-  };
-  onKeydown = e => {
-    if (e.key === 'Escape') {
-      if (!this.state.show) return;
-      if (this.state.searchValue) this.setState({
+
+    _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();
+      }
+    });
+
+    _defineProperty(this, "hideDropdown", () => {
+      this.setState({
+        show: false,
         searchValue: ''
-      });else this.hideDropdown();
-      e.preventDefault();
-      e.stopPropagation();
-    }
-  };
-  hasSearch = () => {
-    if (this.props.has_search) return true;
-    return _index.default.size(this.props.items) >= 10;
-  };
-  getFilteredOptions = () => {
-    let items = this.props.items;
+      });
+    });
+
+    _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();
+      }
+    });
+
+    _defineProperty(this, "hasSearch", () => {
+      if (this.props.has_search) return true;
+      return _index.default.size(this.props.items) >= 10;
+    });
+
+    _defineProperty(this, "getFilteredOptions", () => {
+      let items = this.props.items;
+
+      if (this.state.searchValue && this.hasSearch()) {
+        items = _index.default.filter(items, item => {
+          let optionName = _index.default.unicodeToAscii(item.name).toLowerCase().replace(/ /g, '');
+
+          let optionDesc = _index.default.unicodeToAscii(item.desc).toLowerCase().replace(/ /g, '');
 
-    if (this.state.searchValue && this.hasSearch()) {
-      items = _index.default.filter(items, item => {
-        let optionName = _index.default.unicodeToAscii(item.name).toLowerCase().replace(/ /g, '');
+          let searchValue = _index.default.unicodeToAscii(this.state.searchValue).toLowerCase().replace(/ /g, '');
 
-        let optionDesc = _index.default.unicodeToAscii(item.desc).toLowerCase().replace(/ /g, '');
+          return optionName.indexOf(searchValue) != -1 || optionDesc.indexOf(searchValue) != -1;
+        });
+      }
 
-        let searchValue = _index.default.unicodeToAscii(this.state.searchValue).toLowerCase().replace(/ /g, '');
+      return items;
+    });
 
-        return optionName.indexOf(searchValue) != -1 || optionDesc.indexOf(searchValue) != -1;
+    _defineProperty(this, "onChangeSearchValue", e => {
+      this.setState({
+        searchValue: e.target.value
       });
-    }
+    });
+
+    _defineProperty(this, "toogleDropdown", async () => {
+      await this.setState({
+        show: true,
+        searchValue: ''
+      });
+      this.focusFilter();
+    });
+
+    _defineProperty(this, "onSelect", item => {
+      this.props.onSelect(item);
+      this.hideDropdown();
+    });
 
-    return items;
-  };
+    _defineProperty(this, "onBackgroundScroll", e => {
+      console.log('EEEEEEE', e);
+      alert('y');
+    });
+
+    document.addEventListener('touchmove', function (e) {});
+  }
 
   componentDidMount() {
     window.addEventListener('keydown', this.onKeydown);
@@ -80,12 +113,6 @@ class DropdownSelect extends _common.Com {
     window.removeEventListener('keydown', this.onKeydown);
   }
 
-  onChangeSearchValue = e => {
-    this.setState({
-      searchValue: e.target.value
-    });
-  };
-
   renderEmpty() {
     return (0, _preact.h)("div", {
       class: "dropdown_select_filter__empty"
@@ -110,14 +137,6 @@ class DropdownSelect extends _common.Com {
     }, "\u0110ang t\u1EA3i d\u1EEF li\u1EC7u"));
   }
 
-  toogleDropdown = async () => {
-    await this.setState({
-      show: true,
-      searchValue: ''
-    });
-    this.focusFilter();
-  };
-
   focusFilter() {
     if (!this.filterRef.current) return;
     this.filterRef.current.focus();
@@ -127,11 +146,6 @@ class DropdownSelect extends _common.Com {
     }, 100);
   }
 
-  onSelect = item => {
-    this.props.onSelect(item);
-    this.hideDropdown();
-  };
-
   renderDropdown() {
     if (!this.state.show) return null;
     let items = this.getFilteredOptions();
@@ -200,11 +214,6 @@ class DropdownSelect extends _common.Com {
     }, $items));
   }
 
-  onBackgroundScroll = e => {
-    console.log('EEEEEEE', e);
-    alert('y');
-  };
-
   render() {
     let $name = (0, _preact.h)("div", {
       class: "muted text-truncate",

package/compiled_src/chatbox/MessageInput.js

@@ -15,9 +15,16 @@ var _Emoji = _interopRequireDefault(require("./Emoji.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; }
+
 class MessageInput extends _common.Com {
   constructor(props) {
     super(props);
+
+    _defineProperty(this, "onEnter", _index.default.throttle(function () {
+      this.submitMessage();
+    }, 50));
+
     this.refFileInput = (0, _preact.createRef)();
     this.refMessageInput = (0, _preact.createRef)();
     this.props.store.onUpdate(this, _ => this.forceUpdate());
@@ -262,10 +269,6 @@ class MessageInput extends _common.Com {
     input.focus();
   }
 
-  onEnter = _index.default.throttle(function () {
-    this.submitMessage();
-  }, 50);
-
   onKeydown(e) {
     if (e.keyCode === 13 && e.shiftKey === false) {
       this.onEnter();

package/compiled_src/chatbox/Order.js

@@ -19,6 +19,8 @@ var _order = _interopRequireDefault(require("../order/order.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; }
+
 const POPUP_MAX_HEIGHT = 400;
 const POPUP_HARD_MAX_HEIGHT = 500;
 const POPUP_MIN_HEIGHT = 0;
@@ -28,16 +30,102 @@ let defaultAvatar = require('../../assets/img/default_avatar.png');
 class Order extends _common.Com {
   constructor(props) {
     super(props);
+
+    _defineProperty(this, "state", {
+      hide: true,
+      ratingHeight: 0,
+      overlayOpacity: 0.3
+    });
+
+    _defineProperty(this, "onResponse", response => {
+      this.setState({
+        response
+      });
+    });
+
+    _defineProperty(this, "confirm", () => {
+      this.props.store.sendConvoEvent(this.props.cid, 'message_sent', {
+        message: {
+          format: 'plaintext',
+          text: 'confirm',
+          attachments: [{
+            type: 'postback',
+            postback: {
+              payload: JSON.stringify({
+                type: 'order_confirmation',
+                status: 'confirmed'
+              })
+            }
+          }]
+        }
+      });
+    });
+
+    _defineProperty(this, "close", async () => {
+      await _index.default.sleep(100);
+
+      if (this.state.response === 'confirmed') {
+        this.props.store.sendConvoEvent(this.props.cid, 'message_sent', {
+          message: {
+            format: 'plaintext',
+            text: this.props.t('confirm_order'),
+            attachments: [{
+              type: 'postback',
+              postback: {
+                payload: JSON.stringify({
+                  type: 'order_confirmation',
+                  status: 'confirmed'
+                })
+              }
+            }]
+          }
+        });
+      } else if (this.state.response === 'rejected') {
+        this.props.store.sendConvoEvent(this.props.cid, 'message_sent', {
+          message: {
+            format: 'plaintext',
+            text: this.props.t('cancel_order'),
+            attachments: [{
+              type: 'postback',
+              postback: {
+                payload: JSON.stringify({
+                  type: 'order_confirmation',
+                  status: 'cancelled'
+                })
+              }
+            }]
+          }
+        });
+      } else {}
+
+      this.setState({
+        response: ''
+      });
+      if (this.state.hide) return;
+      if (!this.refRating.current) return;
+      var popupStyle = this.refRating.current.currentStyle || window.getComputedStyle(this.refRating.current);
+      var h0 = parseFloat(popupStyle.height);
+      this.animation.play(20, h0, h => {
+        this.setState({
+          ratingHeight: h,
+          overlayOpacity: Math.min(1, (h - POPUP_MIN_HEIGHT) / (POPUP_HARD_MAX_HEIGHT - POPUP_MIN_HEIGHT))
+        });
+
+        if (h < POPUP_MIN_HEIGHT + 10) {
+          if (!this.state.hide) {
+            this.setState({
+              hide: true
+            });
+          }
+        }
+      });
+      this.props.onClose();
+    });
+
     this.refRating = (0, _preact.createRef)();
     this.refHandle = (0, _preact.createRef)();
   }
 
-  state = {
-    hide: true,
-    ratingHeight: 0,
-    overlayOpacity: 0.3
-  };
-
   componentDidMount() {
     this.mouseUp = e => this.onMouseUp(e);
 
@@ -121,12 +209,6 @@ class Order extends _common.Com {
     }))));
   }
 
-  onResponse = response => {
-    this.setState({
-      response
-    });
-  };
-
   open() {
     if (!this.state.hide) return;
     if (!this.props.order_id) return;
@@ -144,84 +226,6 @@ class Order extends _common.Com {
     });
   }
 
-  confirm = () => {
-    this.props.store.sendConvoEvent(this.props.cid, 'message_sent', {
-      message: {
-        format: 'plaintext',
-        text: 'confirm',
-        attachments: [{
-          type: 'postback',
-          postback: {
-            payload: JSON.stringify({
-              type: 'order_confirmation',
-              status: 'confirmed'
-            })
-          }
-        }]
-      }
-    });
-  };
-  close = async () => {
-    await _index.default.sleep(100);
-
-    if (this.state.response === 'confirmed') {
-      this.props.store.sendConvoEvent(this.props.cid, 'message_sent', {
-        message: {
-          format: 'plaintext',
-          text: this.props.t('confirm_order'),
-          attachments: [{
-            type: 'postback',
-            postback: {
-              payload: JSON.stringify({
-                type: 'order_confirmation',
-                status: 'confirmed'
-              })
-            }
-          }]
-        }
-      });
-    } else if (this.state.response === 'rejected') {
-      this.props.store.sendConvoEvent(this.props.cid, 'message_sent', {
-        message: {
-          format: 'plaintext',
-          text: this.props.t('cancel_order'),
-          attachments: [{
-            type: 'postback',
-            postback: {
-              payload: JSON.stringify({
-                type: 'order_confirmation',
-                status: 'cancelled'
-              })
-            }
-          }]
-        }
-      });
-    } else {}
-
-    this.setState({
-      response: ''
-    });
-    if (this.state.hide) return;
-    if (!this.refRating.current) return;
-    var popupStyle = this.refRating.current.currentStyle || window.getComputedStyle(this.refRating.current);
-    var h0 = parseFloat(popupStyle.height);
-    this.animation.play(20, h0, h => {
-      this.setState({
-        ratingHeight: h,
-        overlayOpacity: Math.min(1, (h - POPUP_MIN_HEIGHT) / (POPUP_HARD_MAX_HEIGHT - POPUP_MIN_HEIGHT))
-      });
-
-      if (h < POPUP_MIN_HEIGHT + 10) {
-        if (!this.state.hide) {
-          this.setState({
-            hide: true
-          });
-        }
-      }
-    });
-    this.props.onClose();
-  };
-
   onMouseDown(e) {
     this.mousePushed = true;
     this.animation.stop();

package/compiled_src/chatbox/Rating.js

@@ -15,6 +15,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; }
+
 const POPUP_MAX_HEIGHT = 400;
 const POPUP_HARD_MAX_HEIGHT = 500;
 const POPUP_MIN_HEIGHT = 0;
@@ -22,18 +24,19 @@ const POPUP_MIN_HEIGHT = 0;
 class Rating extends _common.Com {
   constructor(props) {
     super(props);
+
+    _defineProperty(this, "state", {
+      hide: true,
+      ratingHeight: 0,
+      overlayOpacity: 0.3,
+      comment: ''
+    });
+
     this.refComment = (0, _preact.createRef)();
     this.refRating = (0, _preact.createRef)();
     this.refHandle = (0, _preact.createRef)();
   }
 
-  state = {
-    hide: true,
-    ratingHeight: 0,
-    overlayOpacity: 0.3,
-    comment: ''
-  };
-
   componentDidMount() {
     this.props.store.onUpdate(this, () => {
       if (this.shoudDisplay()) this.open();

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/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);