@subiz/widget-v4 4.0.63 → 4.0.64

package/dist/132.js

@@ -805,6 +805,8 @@ Vui lòng hỏi chúng tôi bất cứ điều gì hoặc chia sẻ phản hồi
 
 let getJoinedNameMember = agents => util/* default.map */.Z.map(agents, agent => agent.name).join(', ');
 ;// CONCATENATED MODULE: ./src/chatbox/MessageInput.js
+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; }
+
 
 
 
@@ -812,6 +814,11 @@ let getJoinedNameMember = agents => util/* default.map */.Z.map(agents, agent =>
 class MessageInput extends common/* Com */.up {
   constructor(props) {
     super(props);
+
+    _defineProperty(this, "onEnter", util/* default.throttle */.Z.throttle(function () {
+      this.submitMessage();
+    }, 50));
+
     this.refFileInput = (0,preact_module/* createRef */.Vf)();
     this.refMessageInput = (0,preact_module/* createRef */.Vf)();
     this.props.store.onUpdate(this, _ => this.forceUpdate());
@@ -1049,10 +1056,6 @@ class MessageInput extends common/* Com */.up {
     input.focus();
   }
 
-  onEnter = util/* default.throttle */.Z.throttle(function () {
-    this.submitMessage();
-  }, 50);
-
   onKeydown(e) {
     if (e.keyCode === 13 && e.shiftKey === false) {
       this.onEnter();
@@ -3236,6 +3239,8 @@ function eqFloat(a, b) {
   return Math.abs(a - b) <= 0.001;
 }
 ;// CONCATENATED MODULE: ./src/chatbox/Rating.js
+function Rating_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;
@@ -3246,18 +3251,19 @@ const POPUP_MIN_HEIGHT = 0;
 class Rating extends common/* Com */.up {
   constructor(props) {
     super(props);
+
+    Rating_defineProperty(this, "state", {
+      hide: true,
+      ratingHeight: 0,
+      overlayOpacity: 0.3,
+      comment: ''
+    });
+
     this.refComment = (0,preact_module/* createRef */.Vf)();
     this.refRating = (0,preact_module/* createRef */.Vf)();
     this.refHandle = (0,preact_module/* createRef */.Vf)();
   }
 
-  state = {
-    hide: true,
-    ratingHeight: 0,
-    overlayOpacity: 0.3,
-    comment: ''
-  };
-
   componentDidMount() {
     this.props.store.onUpdate(this, () => {
       if (this.shoudDisplay()) this.open();
@@ -3522,63 +3528,96 @@ class Rating extends common/* Com */.up {
 
 }
 ;// CONCATENATED MODULE: ./src/chatbox/DropdownSelect.js
+function DropdownSelect_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 */.up {
-  state = {
-    show: false,
-    searchValue: ''
-  };
-  filterRef = (0,preact_module/* createRef */.Vf)();
-  overlayRef = (0,preact_module/* createRef */.Vf)();
 
+class DropdownSelect extends common/* Com */.up {
   constructor(props) {
     super(props);
-    document.addEventListener('touchmove', function (e) {});
-  }
 
-  onTouchMove = e => {
-    if (e.target === this.overlayRef.current) {
-      e.preventDefault();
-      e.stopPropagation();
-    }
-  };
-  hideDropdown = () => {
-    this.setState({
+    DropdownSelect_defineProperty(this, "state", {
       show: false,
       searchValue: ''
     });
-  };
-  onKeydown = e => {
-    if (e.key === 'Escape') {
-      if (!this.state.show) return;
-      if (this.state.searchValue) this.setState({
+
+    DropdownSelect_defineProperty(this, "filterRef", (0,preact_module/* createRef */.Vf)());
+
+    DropdownSelect_defineProperty(this, "overlayRef", (0,preact_module/* createRef */.Vf)());
+
+    DropdownSelect_defineProperty(this, "onTouchMove", e => {
+      if (e.target === this.overlayRef.current) {
+        e.preventDefault();
+        e.stopPropagation();
+      }
+    });
+
+    DropdownSelect_defineProperty(this, "hideDropdown", () => {
+      this.setState({
+        show: false,
         searchValue: ''
-      });else this.hideDropdown();
-      e.preventDefault();
-      e.stopPropagation();
-    }
-  };
-  hasSearch = () => {
-    if (this.props.has_search) return true;
-    return util/* default.size */.Z.size(this.props.items) >= 10;
-  };
-  getFilteredOptions = () => {
-    let items = this.props.items;
-
-    if (this.state.searchValue && this.hasSearch()) {
-      items = util/* default.filter */.Z.filter(items, item => {
-        let optionName = util/* default.unicodeToAscii */.Z.unicodeToAscii(item.name).toLowerCase().replace(/ /g, '');
-        let optionDesc = util/* default.unicodeToAscii */.Z.unicodeToAscii(item.desc).toLowerCase().replace(/ /g, '');
-        let searchValue = util/* default.unicodeToAscii */.Z.unicodeToAscii(this.state.searchValue).toLowerCase().replace(/ /g, '');
-        return optionName.indexOf(searchValue) != -1 || optionDesc.indexOf(searchValue) != -1;
       });
-    }
+    });
 
-    return items;
-  };
+    DropdownSelect_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();
+      }
+    });
+
+    DropdownSelect_defineProperty(this, "hasSearch", () => {
+      if (this.props.has_search) return true;
+      return util/* default.size */.Z.size(this.props.items) >= 10;
+    });
+
+    DropdownSelect_defineProperty(this, "getFilteredOptions", () => {
+      let items = this.props.items;
+
+      if (this.state.searchValue && this.hasSearch()) {
+        items = util/* default.filter */.Z.filter(items, item => {
+          let optionName = util/* default.unicodeToAscii */.Z.unicodeToAscii(item.name).toLowerCase().replace(/ /g, '');
+          let optionDesc = util/* default.unicodeToAscii */.Z.unicodeToAscii(item.desc).toLowerCase().replace(/ /g, '');
+          let searchValue = util/* default.unicodeToAscii */.Z.unicodeToAscii(this.state.searchValue).toLowerCase().replace(/ /g, '');
+          return optionName.indexOf(searchValue) != -1 || optionDesc.indexOf(searchValue) != -1;
+        });
+      }
+
+      return items;
+    });
+
+    DropdownSelect_defineProperty(this, "onChangeSearchValue", e => {
+      this.setState({
+        searchValue: e.target.value
+      });
+    });
+
+    DropdownSelect_defineProperty(this, "toogleDropdown", async () => {
+      await this.setState({
+        show: true,
+        searchValue: ''
+      });
+      this.focusFilter();
+    });
+
+    DropdownSelect_defineProperty(this, "onSelect", item => {
+      this.props.onSelect(item);
+      this.hideDropdown();
+    });
+
+    DropdownSelect_defineProperty(this, "onBackgroundScroll", e => {
+      console.log('EEEEEEE', e);
+      alert('y');
+    });
+
+    document.addEventListener('touchmove', function (e) {});
+  }
 
   componentDidMount() {
     window.addEventListener('keydown', this.onKeydown);
@@ -3588,12 +3627,6 @@ class DropdownSelect extends common/* Com */.up {
     window.removeEventListener('keydown', this.onKeydown);
   }
 
-  onChangeSearchValue = e => {
-    this.setState({
-      searchValue: e.target.value
-    });
-  };
-
   renderEmpty() {
     return (0,preact_module.h)("div", {
       class: "dropdown_select_filter__empty"
@@ -3618,14 +3651,6 @@ class DropdownSelect extends common/* Com */.up {
     }, "\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();
@@ -3635,11 +3660,6 @@ class DropdownSelect extends common/* Com */.up {
     }, 100);
   }
 
-  onSelect = item => {
-    this.props.onSelect(item);
-    this.hideDropdown();
-  };
-
   renderDropdown() {
     if (!this.state.show) return null;
     let items = this.getFilteredOptions();
@@ -3706,11 +3726,6 @@ class DropdownSelect extends common/* Com */.up {
     }, $items));
   }
 
-  onBackgroundScroll = e => {
-    console.log('EEEEEEE', e);
-    alert('y');
-  };
-
   render() {
     let $name = (0,preact_module.h)("div", {
       class: "muted text-truncate",
@@ -3742,57 +3757,90 @@ class DropdownSelect extends common/* Com */.up {
 
 }
 ;// CONCATENATED MODULE: ./src/order/address_picker.js
+function address_picker_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 */.up {
-  state = {
-    show: false,
-    searchValue: '',
-    addresses: []
-  };
-  filterRef = (0,preact_module/* createRef */.Vf)();
-  overlayRef = (0,preact_module/* createRef */.Vf)();
 
+class AddressPicker extends common/* Com */.up {
   constructor(props) {
     super(props);
-    document.addEventListener('touchmove', function (e) {});
-  }
 
-  onTouchMove = e => {
-    if (e.target === this.overlayRef.current) {
-      e.preventDefault();
-      e.stopPropagation();
-    }
-  };
-  hideDropdown = () => {
-    this.setState({
+    address_picker_defineProperty(this, "state", {
       show: false,
-      searchValue: ''
+      searchValue: '',
+      addresses: []
     });
-  };
-  onKeydown = e => {
-    if (e.key === 'Escape') {
-      if (!this.state.show) return;
-      if (this.state.searchValue) this.setState({
+
+    address_picker_defineProperty(this, "filterRef", (0,preact_module/* createRef */.Vf)());
+
+    address_picker_defineProperty(this, "overlayRef", (0,preact_module/* createRef */.Vf)());
+
+    address_picker_defineProperty(this, "onTouchMove", e => {
+      if (e.target === this.overlayRef.current) {
+        e.preventDefault();
+        e.stopPropagation();
+      }
+    });
+
+    address_picker_defineProperty(this, "hideDropdown", () => {
+      this.setState({
+        show: false,
         searchValue: ''
-      });else this.hideDropdown();
-      e.preventDefault();
-      e.stopPropagation();
-    }
+      });
+    });
 
-    if (e.key == 'Enter') {}
-  };
-  doSearch = util/* default.throttle */.Z.throttle(async () => {
-    let requestId = Date.now();
-    this.requestId = requestId;
-    let res = await this.props.store.suggest_addresses(this.state.searchValue);
-    if (this.requestId !== requestId) return;
-    this.setState({
-      addresses: util/* default.get */.Z.get(res, 'body.addresses', [])
+    address_picker_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') {}
+    });
+
+    address_picker_defineProperty(this, "doSearch", util/* default.throttle */.Z.throttle(async () => {
+      let requestId = Date.now();
+      this.requestId = requestId;
+      let res = await this.props.store.suggest_addresses(this.state.searchValue);
+      if (this.requestId !== requestId) return;
+      this.setState({
+        addresses: util/* default.get */.Z.get(res, 'body.addresses', [])
+      });
+    }, 100));
+
+    address_picker_defineProperty(this, "onChangeSearchValue", e => {
+      this.setState({
+        searchValue: e.target.value
+      });
+      this.props.onChangeAddress(e.target.value);
+      this.doSearch();
+    });
+
+    address_picker_defineProperty(this, "toogleDropdown", async () => {
+      await this.setState({
+        show: true,
+        searchValue: this.props.initAddress || ''
+      });
+      this.focusFilter();
+    });
+
+    address_picker_defineProperty(this, "onSelect", item => {
+      this.props.onSelect(item);
+      this.hideDropdown();
+    });
+
+    address_picker_defineProperty(this, "onBackgroundScroll", e => {
+      console.log('EEEEEEE', e);
     });
-  }, 100);
+
+    document.addEventListener('touchmove', function (e) {});
+  }
 
   componentDidMount() {
     window.addEventListener('keydown', this.onKeydown);
@@ -3802,14 +3850,6 @@ class AddressPicker extends common/* Com */.up {
     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_module.h)("div", {
       class: "dropdown_select_filter__empty"
@@ -3834,14 +3874,6 @@ class AddressPicker extends common/* Com */.up {
     }, "\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();
@@ -3851,11 +3883,6 @@ class AddressPicker extends common/* Com */.up {
     }, 100);
   }
 
-  onSelect = item => {
-    this.props.onSelect(item);
-    this.hideDropdown();
-  };
-
   renderDropdown() {
     if (!this.state.show) return null;
     let $items = util/* default.map */.Z.map(this.state.addresses, (addr, i) => {
@@ -3922,10 +3949,6 @@ class AddressPicker extends common/* Com */.up {
     }, $items));
   }
 
-  onBackgroundScroll = e => {
-    console.log('EEEEEEE', e);
-  };
-
   render() {
     let $name = (0,preact_module.h)("div", {
       class: "text-truncate",
@@ -4010,6 +4033,8 @@ class Icon extends common/* Com */.up {
 
 }
 ;// CONCATENATED MODULE: ./src/order/order.js
+function order_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; }
+
 
 
 
@@ -4024,202 +4049,384 @@ var checkedimg = __webpack_require__(763);
 var ximg = __webpack_require__(2514);
 
 class order_Order extends common/* Com */.up {
-  state = {
-    loadProvince: true,
-    g_err: '',
-    fullname: '',
-    email: '',
-    phone: '',
-    loading: true,
-    order: {},
-    err: {},
-    selectedProvince: null,
-    selectedDistrict: null,
-    selectedWard: null,
-    street: '',
-    address: '',
-    sending: false,
-    step: ''
-  };
-
   constructor(props) {
     super(props);
-    this.load();
-  }
 
-  async load() {
-    if (!this.props.order_id) return;
-    let orderout = await this.props.store.fetchOrder(this.props.order_id);
-    this.setState({
-      loading: false
+    order_defineProperty(this, "state", {
+      loadProvince: true,
+      g_err: '',
+      fullname: '',
+      email: '',
+      phone: '',
+      loading: true,
+      order: {},
+      err: {},
+      selectedProvince: null,
+      selectedDistrict: null,
+      selectedWard: null,
+      street: '',
+      address: '',
+      sending: false,
+      step: ''
     });
 
-    if (!orderout.error) {
+    order_defineProperty(this, "renderMobileSuccess", order => {
+      return (0,preact_module.h)("div", {
+        class: "order",
+        style: "height: 100% !important"
+      }, (0,preact_module.h)("div", {
+        style: "display: flex !important; align-items: center !important; padding-top: 40px !important; padding-bottom: 20px !important; flex-direction: column !important; height: 100% !important"
+      }, (0,preact_module.h)("img", {
+        style: "width: 60px !important; height: 60px !important;",
+        width: "60",
+        height: "60",
+        src: checkedimg
+      }), (0,preact_module.h)("div", {
+        style: "margin-top: 20px !important; margin-bottom: 10px !important"
+      }, (0,preact_module.h)("b", {
+        style: "font-size: 18px !important;"
+      }, "\u0110\u01A1n h\xE0ng c\u1EE7a b\u1EA1n \u0111\xE3 \u0111\u01B0\u1EE3c ghi nh\u1EADn")), (0,preact_module.h)("div", {
+        class: "muted"
+      }, "T\xF4i s\u1EBD li\xEAn h\u1EC7 l\u1EA1i v\u1EDBi b\u1EA1n khi \u0111\u01A1n h\xE0ng \u0111\u01B0\u1EE3c x\u1EED l\xFD"), (0,preact_module.h)("div", {
+        style: "flex:1 !important"
+      }), (0,preact_module.h)("div", {
+        style: "margin-top: 20px !important; padding: 0px 20px 0 20px !important; width: 100% !important"
+      }, (0,preact_module.h)("div", {
+        class: "order_btn order__btn__light",
+        onClick: this.close
+      }, this.props.t('close')))));
+    });
+
+    order_defineProperty(this, "onSelectProvince", async item => {
       this.setState({
-        order: orderout.body
+        selectedProvince: item,
+        err: {},
+        g_err: ''
       });
-    } else {
       this.setState({
-        error: orderout.error
+        loadDistrict: true
+      });
+      let out = await this.props.store.list_districts({
+        id: item.id
+      });
+      this.setState({
+        loadDistrict: false
+      });
+      if (!out.error) this.setState({
+        districts: util/* default.get */.Z.get(out, 'body.addresses')
       });
-    }
-
-    let user = this.props.store.matchUser();
-    let attributes = util/* default.get */.Z.get(this.props.store.matchUser(), 'attributes', []);
-    let fullname = util/* default.get */.Z.get(util/* default.find */.Z.find(attributes, att => att.key === 'fullname'), 'text');
-    let email = util/* default.get */.Z.get(util/* default.find */.Z.find(attributes, att => att.key === 'emails'), 'text');
-    let phone = util/* default.get */.Z.get(util/* default.find */.Z.find(attributes, att => att.key === 'phones'), 'text');
-    this.setState({
-      fullname,
-      email,
-      phone
-    });
-    await this.props.store.fetchShippingAddresses();
-    let out = await this.props.store.list_provinces();
-    this.setState({
-      loadProvince: false
-    });
-    if (!out.error) this.setState({
-      provinces: util/* default.get */.Z.get(out, 'body.addresses')
     });
-  }
 
-  isMobile() {
-    if (this.props.cid) return true;
-    if (this.props.isMobile) return true;
-    return this.props.store.isMobile();
-  }
+    order_defineProperty(this, "onSelectDistrict", async item => {
+      this.setState({
+        selectedDistrict: item,
+        err: {},
+        g_err: ''
+      });
+      this.setState({
+        loadWard: true
+      });
+      let out = await this.props.store.list_wards({
+        id: item.id
+      });
+      this.setState({
+        loadWard: false
+      });
+      if (!out.error) this.setState({
+        wards: util/* default.get */.Z.get(out, 'body.addresses')
+      });
+    });
 
-  onChangeShippingAddress(id) {
-    this.setState({
-      shipping_address: id,
+    order_defineProperty(this, "onSelectWard", item => this.setState({
+      selectedWard: item,
       err: {},
       g_err: ''
-    });
-  }
+    }));
 
-  renderMobileSuccess = order => {
-    return (0,preact_module.h)("div", {
-      class: "order",
-      style: "height: 100% !important"
-    }, (0,preact_module.h)("div", {
-      style: "display: flex !important; align-items: center !important; padding-top: 40px !important; padding-bottom: 20px !important; flex-direction: column !important; height: 100% !important"
-    }, (0,preact_module.h)("img", {
-      style: "width: 60px !important; height: 60px !important;",
-      width: "60",
-      height: "60",
-      src: checkedimg
-    }), (0,preact_module.h)("div", {
-      style: "margin-top: 20px !important; margin-bottom: 10px !important"
-    }, (0,preact_module.h)("b", {
-      style: "font-size: 18px !important;"
-    }, "\u0110\u01A1n h\xE0ng c\u1EE7a b\u1EA1n \u0111\xE3 \u0111\u01B0\u1EE3c ghi nh\u1EADn")), (0,preact_module.h)("div", {
-      class: "muted"
-    }, "T\xF4i s\u1EBD li\xEAn h\u1EC7 l\u1EA1i v\u1EDBi b\u1EA1n khi \u0111\u01A1n h\xE0ng \u0111\u01B0\u1EE3c x\u1EED l\xFD"), (0,preact_module.h)("div", {
-      style: "flex:1 !important"
-    }), (0,preact_module.h)("div", {
-      style: "margin-top: 20px !important; padding: 0px 20px 0 20px !important; width: 100% !important"
-    }, (0,preact_module.h)("div", {
-      class: "order_btn order__btn__light",
-      onClick: this.close
-    }, this.props.t('close')))));
-  };
+    order_defineProperty(this, "onChangeFullname", e => this.setState({
+      fullname: e.target.value,
+      err: {},
+      g_err: ''
+    }));
 
-  onChangeShipping(id) {
-    this.setState({
-      shipping: id,
+    order_defineProperty(this, "onChangeAddress", e => this.setState({
+      address: e,
       err: {},
       g_err: ''
+    }));
+
+    order_defineProperty(this, "onSelectAddress", addr => {
+      if (!addr) return;
+      this.setState({
+        address: [util/* default.trim */.Z.trim(addr.address), util/* default.trim */.Z.trim(addr.street)].join(' ').trim(),
+        street: addr.street,
+        err: {},
+        g_err: ''
+      });
+      this.onSelectWard({
+        id: addr.ward_id,
+        name: addr.ward
+      });
+      this.onSelectDistrict({
+        id: addr.district_id,
+        name: addr.district
+      });
+      this.onSelectProvince({
+        id: addr.province_id,
+        name: addr.province
+      });
     });
-  }
 
-  onSelectProvince = async item => {
-    this.setState({
-      selectedProvince: item,
+    order_defineProperty(this, "onChangeEmail", e => this.setState({
+      email: e.target.value,
       err: {},
       g_err: ''
-    });
-    this.setState({
-      loadDistrict: true
-    });
-    let out = await this.props.store.list_districts({
-      id: item.id
-    });
-    this.setState({
-      loadDistrict: false
-    });
-    if (!out.error) this.setState({
-      districts: util/* default.get */.Z.get(out, 'body.addresses')
-    });
-  };
-  onSelectDistrict = async item => {
-    this.setState({
-      selectedDistrict: item,
+    }));
+
+    order_defineProperty(this, "onChangePhone", e => this.setState({
+      phone: e.target.value,
       err: {},
       g_err: ''
+    }));
+
+    order_defineProperty(this, "onChangePaymentMethod", id => this.setState({
+      pm: id
+    }));
+
+    order_defineProperty(this, "onChangeQuantity", (item, text) => {
+      let qty = parseInt(text) || 1;
+      item.quantity = qty;
+      this.forceUpdate();
+    });
+
+    order_defineProperty(this, "confirm", async () => {
+      this.setState({
+        g_err: ''
+      });
+      let err = {};
+
+      if (!this.state.shipping) {
+        this.setState({
+          g_err: 'Mời bạn chọn địa chỉ giao hàng trước khi xác nhận'
+        });
+      }
+
+      if (this.state.shipping === 'shop') {
+        if (!util/* default.isPhone */.Z.isPhone(this.state.phone)) {
+          err.phone = true;
+        }
+
+        if (!util/* default.trim */.Z.trim(this.state.fullname)) {
+          err.name = true;
+        }
+
+        if (!util/* default.trim */.Z.trim(this.state.email)) {
+          err.email = true;
+        }
+      } else if (this.state.shipping_address == 'new') {
+        if (!util/* default.isPhone */.Z.isPhone(this.state.phone)) {
+          err.phone = true;
+        }
+
+        if (!util/* default.trim */.Z.trim(this.state.fullname)) {
+          err.name = true;
+        }
+
+        if (!util/* default.trim */.Z.trim(this.state.address)) {
+          err.address = true;
+        }
+
+        if (util/* default.size */.Z.size(this.state.selectedWard) == 0) {
+          err.ward = true;
+        }
+
+        if (util/* default.size */.Z.size(this.state.selectedDistrict) == 0) {
+          err.district = true;
+        }
+
+        if (util/* default.size */.Z.size(this.state.selectedProvince) == 0) {
+          err.province = true;
+        }
+      }
+
+      if (util/* default.size */.Z.size(err) > 0) {
+        this.setState({
+          err,
+          g_err: this.props.t('input_shipping_info_err')
+        });
+        return;
+      }
+
+      let user = this.props.store.matchUser();
+      let ufullname = util/* default.getUserAttr */.Z.getUserAttr(user, 'fullname', 'text');
+      let uemail = util/* default.getUserAttr */.Z.getUserAttr(user, 'emails', 'text');
+      let uphone = util/* default.getUserAttr */.Z.getUserAttr(user, 'phones', 'text');
+      let order = util/* default.cloneDeep */.Z.cloneDeep(this.state.order);
+
+      if (this.state.shipping === 'shop') {
+        util/* default.set */.Z.set(order, 'shipping.pickup_at_shop', true);
+        util/* default.set */.Z.set(order, 'shipping.address.phone', this.state.phone);
+        util/* default.set */.Z.set(order, 'shipping.address.fullname', this.state.fullname);
+        util/* default.set */.Z.set(order, 'shipping.address.email', this.state.email);
+      } else {
+        if (this.state.shipping_address == 'new') {
+          let out = await this.props.store.createShippingAddress({
+            address: this.state.address,
+            country: 'Việt Nam',
+            fullname: this.state.fullname,
+            email: this.state.email,
+            phone: this.state.phone,
+            district: this.state.selectedDistrict.name,
+            district_id: this.state.selectedDistrict.id,
+            province: this.state.selectedProvince.name,
+            province_id: this.state.selectedProvince.id,
+            ward: this.state.selectedWard.name,
+            street: this.state.street,
+            ward_id: this.state.selectedWard.id
+          });
+          if (out.error) return this.setState({
+            g_err: this.props.t('update_failed')
+          });
+          util/* default.set */.Z.set(order, 'shipping.address', out.body);
+        } else {
+          let addresses = this.props.store.matchShippingAddresses();
+          let sa = util/* default.find */.Z.find(addresses, addr => addr.id === this.state.shipping_address);
+
+          if (!sa) {
+            return this.setState({
+              err,
+              g_err: this.props.t('input_shipping_info_err')
+            });
+          }
+
+          util/* default.set */.Z.set(order, 'shipping.address', sa);
+        }
+      }
+
+      let changeduser = false;
+
+      if (!ufullname && this.state.fullname) {
+        changeduser = true;
+        util/* default.setUserAttr */.Z.setUserAttr(user, {
+          key: 'fullname',
+          text: this.state.fullname
+        });
+      }
+
+      if (!uemail && this.state.email) {
+        changeduser = true;
+        util/* default.setUserAttr */.Z.setUserAttr(user, {
+          key: 'emails',
+          text: this.state.email
+        });
+      }
+
+      if (!uphone && this.state.phone) {
+        changeduser = true;
+        util/* default.setUserAttr */.Z.setUserAttr(user, {
+          key: 'phones',
+          text: this.state.phone
+        });
+      }
+
+      if (changeduser) this.props.store.setUser(user);
+      this.setState({
+        sending: true
+      });
+      order.user_confirmation = 'confirmed';
+      let out = await this.props.store.updateOrder(order);
+      this.setState({
+        sending: false
+      });
+
+      if (out.error) {
+        return this.setState({
+          g_err: this.props.t('update_failed')
+        });
+      }
+
+      this.setState({
+        step: 'success'
+      });
+      if (this.props.onResponse) this.props.onResponse('confirmed');
+    });
+
+    order_defineProperty(this, "onCancel", () => {
+      if (this.props.onResponse) this.props.onResponse('rejected');
+      this.close();
+    });
+
+    order_defineProperty(this, "close", () => {
+      if (this.props.cid && !this.state.order.user_confirmation) {
+        let order = util/* default.cloneDeep */.Z.cloneDeep(this.state.order);
+        order.user_confirmation = 'rejected';
+        this.props.store.updateOrder(order);
+      }
+
+      if (this.props.onClose) this.props.onClose();
+    });
+
+    this.load();
+  }
+
+  async load() {
+    if (!this.props.order_id) return;
+    let orderout = await this.props.store.fetchOrder(this.props.order_id);
+    this.setState({
+      loading: false
+    });
+
+    if (!orderout.error) {
+      this.setState({
+        order: orderout.body
+      });
+    } else {
+      this.setState({
+        error: orderout.error
+      });
+    }
+
+    let user = this.props.store.matchUser();
+    let attributes = util/* default.get */.Z.get(this.props.store.matchUser(), 'attributes', []);
+    let fullname = util/* default.get */.Z.get(util/* default.find */.Z.find(attributes, att => att.key === 'fullname'), 'text');
+    let email = util/* default.get */.Z.get(util/* default.find */.Z.find(attributes, att => att.key === 'emails'), 'text');
+    let phone = util/* default.get */.Z.get(util/* default.find */.Z.find(attributes, att => att.key === 'phones'), 'text');
+    this.setState({
+      fullname,
+      email,
+      phone
+    });
+    await this.props.store.fetchShippingAddresses();
+    let out = await this.props.store.list_provinces();
+    this.setState({
+      loadProvince: false
     });
-    this.setState({
-      loadWard: true
-    });
-    let out = await this.props.store.list_wards({
-      id: item.id
-    });
-    this.setState({
-      loadWard: false
-    });
     if (!out.error) this.setState({
-      wards: util/* default.get */.Z.get(out, 'body.addresses')
+      provinces: util/* default.get */.Z.get(out, 'body.addresses')
     });
-  };
-  onSelectWard = item => this.setState({
-    selectedWard: item,
-    err: {},
-    g_err: ''
-  });
-  onChangeFullname = e => this.setState({
-    fullname: e.target.value,
-    err: {},
-    g_err: ''
-  });
-  onChangeAddress = e => this.setState({
-    address: e,
-    err: {},
-    g_err: ''
-  });
-  onSelectAddress = addr => {
-    if (!addr) return;
+  }
+
+  isMobile() {
+    if (this.props.cid) return true;
+    if (this.props.isMobile) return true;
+    return this.props.store.isMobile();
+  }
+
+  onChangeShippingAddress(id) {
     this.setState({
-      address: [util/* default.trim */.Z.trim(addr.address), util/* default.trim */.Z.trim(addr.street)].join(' ').trim(),
-      street: addr.street,
+      shipping_address: id,
       err: {},
       g_err: ''
     });
-    this.onSelectWard({
-      id: addr.ward_id,
-      name: addr.ward
-    });
-    this.onSelectDistrict({
-      id: addr.district_id,
-      name: addr.district
-    });
-    this.onSelectProvince({
-      id: addr.province_id,
-      name: addr.province
+  }
+
+  onChangeShipping(id) {
+    this.setState({
+      shipping: id,
+      err: {},
+      g_err: ''
     });
-  };
-  onChangeEmail = e => this.setState({
-    email: e.target.value,
-    err: {},
-    g_err: ''
-  });
-  onChangePhone = e => this.setState({
-    phone: e.target.value,
-    err: {},
-    g_err: ''
-  });
-  onChangePaymentMethod = id => this.setState({
-    pm: id
-  });
+  }
 
   renderDesktopPaymentMethod(order) {
     return null;
@@ -4757,12 +4964,6 @@ class order_Order extends common/* Com */.up {
     }, this.props.t('product')), $products);
   }
 
-  onChangeQuantity = (item, text) => {
-    let qty = parseInt(text) || 1;
-    item.quantity = qty;
-    this.forceUpdate();
-  };
-
   renderDesktopProducts(order) {
     let $products = null;
     let editmode = false;
@@ -5001,170 +5202,6 @@ class order_Order extends common/* Com */.up {
     return this.renderDesktop(order);
   }
 
-  confirm = async () => {
-    this.setState({
-      g_err: ''
-    });
-    let err = {};
-
-    if (!this.state.shipping) {
-      this.setState({
-        g_err: 'Mời bạn chọn địa chỉ giao hàng trước khi xác nhận'
-      });
-    }
-
-    if (this.state.shipping === 'shop') {
-      if (!util/* default.isPhone */.Z.isPhone(this.state.phone)) {
-        err.phone = true;
-      }
-
-      if (!util/* default.trim */.Z.trim(this.state.fullname)) {
-        err.name = true;
-      }
-
-      if (!util/* default.trim */.Z.trim(this.state.email)) {
-        err.email = true;
-      }
-    } else if (this.state.shipping_address == 'new') {
-      if (!util/* default.isPhone */.Z.isPhone(this.state.phone)) {
-        err.phone = true;
-      }
-
-      if (!util/* default.trim */.Z.trim(this.state.fullname)) {
-        err.name = true;
-      }
-
-      if (!util/* default.trim */.Z.trim(this.state.address)) {
-        err.address = true;
-      }
-
-      if (util/* default.size */.Z.size(this.state.selectedWard) == 0) {
-        err.ward = true;
-      }
-
-      if (util/* default.size */.Z.size(this.state.selectedDistrict) == 0) {
-        err.district = true;
-      }
-
-      if (util/* default.size */.Z.size(this.state.selectedProvince) == 0) {
-        err.province = true;
-      }
-    }
-
-    if (util/* default.size */.Z.size(err) > 0) {
-      this.setState({
-        err,
-        g_err: this.props.t('input_shipping_info_err')
-      });
-      return;
-    }
-
-    let user = this.props.store.matchUser();
-    let ufullname = util/* default.getUserAttr */.Z.getUserAttr(user, 'fullname', 'text');
-    let uemail = util/* default.getUserAttr */.Z.getUserAttr(user, 'emails', 'text');
-    let uphone = util/* default.getUserAttr */.Z.getUserAttr(user, 'phones', 'text');
-    let order = util/* default.cloneDeep */.Z.cloneDeep(this.state.order);
-
-    if (this.state.shipping === 'shop') {
-      util/* default.set */.Z.set(order, 'shipping.pickup_at_shop', true);
-      util/* default.set */.Z.set(order, 'shipping.address.phone', this.state.phone);
-      util/* default.set */.Z.set(order, 'shipping.address.fullname', this.state.fullname);
-      util/* default.set */.Z.set(order, 'shipping.address.email', this.state.email);
-    } else {
-      if (this.state.shipping_address == 'new') {
-        let out = await this.props.store.createShippingAddress({
-          address: this.state.address,
-          country: 'Việt Nam',
-          fullname: this.state.fullname,
-          email: this.state.email,
-          phone: this.state.phone,
-          district: this.state.selectedDistrict.name,
-          district_id: this.state.selectedDistrict.id,
-          province: this.state.selectedProvince.name,
-          province_id: this.state.selectedProvince.id,
-          ward: this.state.selectedWard.name,
-          street: this.state.street,
-          ward_id: this.state.selectedWard.id
-        });
-        if (out.error) return this.setState({
-          g_err: this.props.t('update_failed')
-        });
-        util/* default.set */.Z.set(order, 'shipping.address', out.body);
-      } else {
-        let addresses = this.props.store.matchShippingAddresses();
-        let sa = util/* default.find */.Z.find(addresses, addr => addr.id === this.state.shipping_address);
-
-        if (!sa) {
-          return this.setState({
-            err,
-            g_err: this.props.t('input_shipping_info_err')
-          });
-        }
-
-        util/* default.set */.Z.set(order, 'shipping.address', sa);
-      }
-    }
-
-    let changeduser = false;
-
-    if (!ufullname && this.state.fullname) {
-      changeduser = true;
-      util/* default.setUserAttr */.Z.setUserAttr(user, {
-        key: 'fullname',
-        text: this.state.fullname
-      });
-    }
-
-    if (!uemail && this.state.email) {
-      changeduser = true;
-      util/* default.setUserAttr */.Z.setUserAttr(user, {
-        key: 'emails',
-        text: this.state.email
-      });
-    }
-
-    if (!uphone && this.state.phone) {
-      changeduser = true;
-      util/* default.setUserAttr */.Z.setUserAttr(user, {
-        key: 'phones',
-        text: this.state.phone
-      });
-    }
-
-    if (changeduser) this.props.store.setUser(user);
-    this.setState({
-      sending: true
-    });
-    order.user_confirmation = 'confirmed';
-    let out = await this.props.store.updateOrder(order);
-    this.setState({
-      sending: false
-    });
-
-    if (out.error) {
-      return this.setState({
-        g_err: this.props.t('update_failed')
-      });
-    }
-
-    this.setState({
-      step: 'success'
-    });
-    if (this.props.onResponse) this.props.onResponse('confirmed');
-  };
-  onCancel = () => {
-    if (this.props.onResponse) this.props.onResponse('rejected');
-    this.close();
-  };
-  close = () => {
-    if (this.props.cid && !this.state.order.user_confirmation) {
-      let order = util/* default.cloneDeep */.Z.cloneDeep(this.state.order);
-      order.user_confirmation = 'rejected';
-      this.props.store.updateOrder(order);
-    }
-
-    if (this.props.onClose) this.props.onClose();
-  };
 }
 let ShippingProvider = {
   ghtk: {
@@ -5177,6 +5214,8 @@ let ShippingProvider = {
   }
 };
 ;// CONCATENATED MODULE: ./src/chatbox/Order.js
+function Order_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; }
+
 
 
 
@@ -5192,16 +5231,102 @@ let Order_defaultAvatar = __webpack_require__(4761);
 class Order extends common/* Com */.up {
   constructor(props) {
     super(props);
+
+    Order_defineProperty(this, "state", {
+      hide: true,
+      ratingHeight: 0,
+      overlayOpacity: 0.3
+    });
+
+    Order_defineProperty(this, "onResponse", response => {
+      this.setState({
+        response
+      });
+    });
+
+    Order_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'
+              })
+            }
+          }]
+        }
+      });
+    });
+
+    Order_defineProperty(this, "close", async () => {
+      await util/* default.sleep */.Z.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 - Order_POPUP_MIN_HEIGHT) / (Order_POPUP_HARD_MAX_HEIGHT - Order_POPUP_MIN_HEIGHT))
+        });
+
+        if (h < Order_POPUP_MIN_HEIGHT + 10) {
+          if (!this.state.hide) {
+            this.setState({
+              hide: true
+            });
+          }
+        }
+      });
+      this.props.onClose();
+    });
+
     this.refRating = (0,preact_module/* createRef */.Vf)();
     this.refHandle = (0,preact_module/* createRef */.Vf)();
   }
 
-  state = {
-    hide: true,
-    ratingHeight: 0,
-    overlayOpacity: 0.3
-  };
-
   componentDidMount() {
     this.mouseUp = e => this.onMouseUp(e);
 
@@ -5285,12 +5410,6 @@ class Order extends common/* Com */.up {
     }))));
   }
 
-  onResponse = response => {
-    this.setState({
-      response
-    });
-  };
-
   open() {
     if (!this.state.hide) return;
     if (!this.props.order_id) return;
@@ -5308,84 +5427,6 @@ class Order extends common/* Com */.up {
     });
   }
 
-  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 util/* default.sleep */.Z.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 - Order_POPUP_MIN_HEIGHT) / (Order_POPUP_HARD_MAX_HEIGHT - Order_POPUP_MIN_HEIGHT))
-      });
-
-      if (h < Order_POPUP_MIN_HEIGHT + 10) {
-        if (!this.state.hide) {
-          this.setState({
-            hide: true
-          });
-        }
-      }
-    });
-    this.props.onClose();
-  };
-
   onMouseDown(e) {
     this.mousePushed = true;
     this.animation.stop();
@@ -5442,6 +5483,8 @@ class Order extends common/* Com */.up {
 
 }
 ;// CONCATENATED MODULE: ./src/chatbox/Widget.js
+function Widget_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; }
+
 
 
 
@@ -5468,6 +5511,31 @@ const Widget_defaultAvatar = 'https://file-subiz.com/fiqoahedjbgwclpouoml-avatar
 class Widget extends common/* Com */.up {
   constructor(props) {
     super(props);
+
+    Widget_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;
+      }
+    });
+
+    Widget_defineProperty(this, "closeOrder", e => {
+      this.setState({
+        showOrder: false,
+        order_id: ''
+      });
+      this.focusInput();
+    });
+
     this.userSent = {};
     this.setState({
       creating: false,
@@ -6064,29 +6132,6 @@ class Widget extends common/* Com */.up {
     }), $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({