@subiz/widget-v4 4.0.63 → 4.0.67

package/compiled_src/order/order.js

@@ -27,31 +27,343 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 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 checkedimg = require('../../assets/img/done_green.svg');
 
 var ximg = require('../../assets/img/x.svg');
 
 class Order extends common.Com {
-  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);
+
+    _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: ''
+    });
+
+    _defineProperty(this, "renderMobileSuccess", order => {
+      return (0, _preact.h)("div", {
+        class: "order",
+        style: "height: 100% !important"
+      }, (0, _preact.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.h)("img", {
+        style: "width: 60px !important; height: 60px !important;",
+        width: "60",
+        height: "60",
+        src: checkedimg
+      }), (0, _preact.h)("div", {
+        style: "margin-top: 20px !important; margin-bottom: 10px !important"
+      }, (0, _preact.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.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.h)("div", {
+        style: "flex:1 !important"
+      }), (0, _preact.h)("div", {
+        style: "margin-top: 20px !important; padding: 0px 20px 0 20px !important; width: 100% !important"
+      }, (0, _preact.h)("div", {
+        class: "order_btn order__btn__light",
+        onClick: this.close
+      }, this.props.t('close')))));
+    });
+
+    _defineProperty(this, "onSelectProvince", async item => {
+      this.setState({
+        selectedProvince: item,
+        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: _index.default.get(out, 'body.addresses')
+      });
+    });
+
+    _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: _index.default.get(out, 'body.addresses')
+      });
+    });
+
+    _defineProperty(this, "onSelectWard", item => this.setState({
+      selectedWard: item,
+      err: {},
+      g_err: ''
+    }));
+
+    _defineProperty(this, "onChangeFullname", e => this.setState({
+      fullname: e.target.value,
+      err: {},
+      g_err: ''
+    }));
+
+    _defineProperty(this, "onChangeAddress", e => this.setState({
+      address: e,
+      err: {},
+      g_err: ''
+    }));
+
+    _defineProperty(this, "onSelectAddress", addr => {
+      if (!addr) return;
+      this.setState({
+        address: [_index.default.trim(addr.address), _index.default.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
+      });
+    });
+
+    _defineProperty(this, "onChangeEmail", e => this.setState({
+      email: e.target.value,
+      err: {},
+      g_err: ''
+    }));
+
+    _defineProperty(this, "onChangePhone", e => this.setState({
+      phone: e.target.value,
+      err: {},
+      g_err: ''
+    }));
+
+    _defineProperty(this, "onChangePaymentMethod", id => this.setState({
+      pm: id
+    }));
+
+    _defineProperty(this, "onChangeQuantity", (item, text) => {
+      let qty = parseInt(text) || 1;
+      item.quantity = qty;
+      this.forceUpdate();
+    });
+
+    _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 (!_index.default.isPhone(this.state.phone)) {
+          err.phone = true;
+        }
+
+        if (!_index.default.trim(this.state.fullname)) {
+          err.name = true;
+        }
+
+        if (!_index.default.trim(this.state.email)) {
+          err.email = true;
+        }
+      } else if (this.state.shipping_address == 'new') {
+        if (!_index.default.isPhone(this.state.phone)) {
+          err.phone = true;
+        }
+
+        if (!_index.default.trim(this.state.fullname)) {
+          err.name = true;
+        }
+
+        if (!_index.default.trim(this.state.address)) {
+          err.address = true;
+        }
+
+        if (_index.default.size(this.state.selectedWard) == 0) {
+          err.ward = true;
+        }
+
+        if (_index.default.size(this.state.selectedDistrict) == 0) {
+          err.district = true;
+        }
+
+        if (_index.default.size(this.state.selectedProvince) == 0) {
+          err.province = true;
+        }
+      }
+
+      if (_index.default.size(err) > 0) {
+        this.setState({
+          err,
+          g_err: this.props.t('input_shipping_info_err')
+        });
+        return;
+      }
+
+      let user = this.props.store.matchUser();
+
+      let ufullname = _index.default.getUserAttr(user, 'fullname', 'text');
+
+      let uemail = _index.default.getUserAttr(user, 'emails', 'text');
+
+      let uphone = _index.default.getUserAttr(user, 'phones', 'text');
+
+      let order = _index.default.cloneDeep(this.state.order);
+
+      if (this.state.shipping === 'shop') {
+        _index.default.set(order, 'shipping.pickup_at_shop', true);
+
+        _index.default.set(order, 'shipping.address.phone', this.state.phone);
+
+        _index.default.set(order, 'shipping.address.fullname', this.state.fullname);
+
+        _index.default.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')
+          });
+
+          _index.default.set(order, 'shipping.address', out.body);
+        } else {
+          let addresses = this.props.store.matchShippingAddresses();
+
+          let sa = _index.default.find(addresses, addr => addr.id === this.state.shipping_address);
+
+          if (!sa) {
+            return this.setState({
+              err,
+              g_err: this.props.t('input_shipping_info_err')
+            });
+          }
+
+          _index.default.set(order, 'shipping.address', sa);
+        }
+      }
+
+      let changeduser = false;
+
+      if (!ufullname && this.state.fullname) {
+        changeduser = true;
+
+        _index.default.setUserAttr(user, {
+          key: 'fullname',
+          text: this.state.fullname
+        });
+      }
+
+      if (!uemail && this.state.email) {
+        changeduser = true;
+
+        _index.default.setUserAttr(user, {
+          key: 'emails',
+          text: this.state.email
+        });
+      }
+
+      if (!uphone && this.state.phone) {
+        changeduser = true;
+
+        _index.default.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');
+    });
+
+    _defineProperty(this, "onCancel", () => {
+      if (this.props.onResponse) this.props.onResponse('rejected');
+      this.close();
+    });
+
+    _defineProperty(this, "close", () => {
+      if (this.props.cid && !this.state.order.user_confirmation) {
+        let order = _index.default.cloneDeep(this.state.order);
+
+        order.user_confirmation = 'rejected';
+        this.props.store.updateOrder(order);
+      }
+
+      if (this.props.onClose) this.props.onClose();
+    });
+
     this.load();
   }
 
@@ -111,33 +423,6 @@ class Order extends common.Com {
     });
   }
 
-  renderMobileSuccess = order => {
-    return (0, _preact.h)("div", {
-      class: "order",
-      style: "height: 100% !important"
-    }, (0, _preact.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.h)("img", {
-      style: "width: 60px !important; height: 60px !important;",
-      width: "60",
-      height: "60",
-      src: checkedimg
-    }), (0, _preact.h)("div", {
-      style: "margin-top: 20px !important; margin-bottom: 10px !important"
-    }, (0, _preact.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.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.h)("div", {
-      style: "flex:1 !important"
-    }), (0, _preact.h)("div", {
-      style: "margin-top: 20px !important; padding: 0px 20px 0 20px !important; width: 100% !important"
-    }, (0, _preact.h)("div", {
-      class: "order_btn order__btn__light",
-      onClick: this.close
-    }, this.props.t('close')))));
-  };
-
   onChangeShipping(id) {
     this.setState({
       shipping: id,
@@ -146,94 +431,6 @@ class Order extends common.Com {
     });
   }
 
-  onSelectProvince = async item => {
-    this.setState({
-      selectedProvince: item,
-      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: _index.default.get(out, 'body.addresses')
-    });
-  };
-  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: _index.default.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;
-    this.setState({
-      address: [_index.default.trim(addr.address), _index.default.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
-    });
-  };
-  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;
     let editmode = false;
@@ -784,12 +981,6 @@ class Order extends common.Com {
     }, 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;
@@ -1028,183 +1219,6 @@ class Order extends common.Com {
     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 (!_index.default.isPhone(this.state.phone)) {
-        err.phone = true;
-      }
-
-      if (!_index.default.trim(this.state.fullname)) {
-        err.name = true;
-      }
-
-      if (!_index.default.trim(this.state.email)) {
-        err.email = true;
-      }
-    } else if (this.state.shipping_address == 'new') {
-      if (!_index.default.isPhone(this.state.phone)) {
-        err.phone = true;
-      }
-
-      if (!_index.default.trim(this.state.fullname)) {
-        err.name = true;
-      }
-
-      if (!_index.default.trim(this.state.address)) {
-        err.address = true;
-      }
-
-      if (_index.default.size(this.state.selectedWard) == 0) {
-        err.ward = true;
-      }
-
-      if (_index.default.size(this.state.selectedDistrict) == 0) {
-        err.district = true;
-      }
-
-      if (_index.default.size(this.state.selectedProvince) == 0) {
-        err.province = true;
-      }
-    }
-
-    if (_index.default.size(err) > 0) {
-      this.setState({
-        err,
-        g_err: this.props.t('input_shipping_info_err')
-      });
-      return;
-    }
-
-    let user = this.props.store.matchUser();
-
-    let ufullname = _index.default.getUserAttr(user, 'fullname', 'text');
-
-    let uemail = _index.default.getUserAttr(user, 'emails', 'text');
-
-    let uphone = _index.default.getUserAttr(user, 'phones', 'text');
-
-    let order = _index.default.cloneDeep(this.state.order);
-
-    if (this.state.shipping === 'shop') {
-      _index.default.set(order, 'shipping.pickup_at_shop', true);
-
-      _index.default.set(order, 'shipping.address.phone', this.state.phone);
-
-      _index.default.set(order, 'shipping.address.fullname', this.state.fullname);
-
-      _index.default.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')
-        });
-
-        _index.default.set(order, 'shipping.address', out.body);
-      } else {
-        let addresses = this.props.store.matchShippingAddresses();
-
-        let sa = _index.default.find(addresses, addr => addr.id === this.state.shipping_address);
-
-        if (!sa) {
-          return this.setState({
-            err,
-            g_err: this.props.t('input_shipping_info_err')
-          });
-        }
-
-        _index.default.set(order, 'shipping.address', sa);
-      }
-    }
-
-    let changeduser = false;
-
-    if (!ufullname && this.state.fullname) {
-      changeduser = true;
-
-      _index.default.setUserAttr(user, {
-        key: 'fullname',
-        text: this.state.fullname
-      });
-    }
-
-    if (!uemail && this.state.email) {
-      changeduser = true;
-
-      _index.default.setUserAttr(user, {
-        key: 'emails',
-        text: this.state.email
-      });
-    }
-
-    if (!uphone && this.state.phone) {
-      changeduser = true;
-
-      _index.default.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 = _index.default.cloneDeep(this.state.order);
-
-      order.user_confirmation = 'rejected';
-      this.props.store.updateOrder(order);
-    }
-
-    if (this.props.onClose) this.props.onClose();
-  };
 }
 
 exports.default = Order;

package/compiled_src/popup/countdown.js

@@ -17,15 +17,18 @@ 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; }
+
 _tickCoreCommonjs.default.plugin.add(_tickViewFlipCommonjs.default);
 
 class Countdown extends _common.Com {
-  state = {
-    flipKey: '43'
-  };
-
   constructor(props) {
     super(props);
+
+    _defineProperty(this, "state", {
+      flipKey: '43'
+    });
+
     this.timer = setInterval(() => {
       if (this.props._destroy) return this.componentWillUnmount();
       let cd = this.props.com.countdown || {};