@subiz/widget-v4 4.1.205 → 4.1.207

package/dist/src_chatbox_OrderAttachments_js.js

@@ -0,0 +1,22 @@
+"use strict";
+/*
+ * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
+ * This devtool is neither made for production nor for readable output files.
+ * It uses "eval()" calls to create a separate source file in the browser devtools.
+ * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
+ * or disable the default devtool with "devtool: false".
+ * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
+ */
+(self["webpackChunk_subiz_widget_v4"] = self["webpackChunk_subiz_widget_v4"] || []).push([["src_chatbox_OrderAttachments_js"],{
+
+/***/ "./src/chatbox/OrderAttachments.js"
+/*!*****************************************!*\
+  !*** ./src/chatbox/OrderAttachments.js ***!
+  \*****************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (/* binding */ ProductAttachments)\n/* harmony export */ });\n/* harmony import */ var _util_index_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../util/index.js */ \"./src/util/index.js\");\n/* harmony import */ var _common_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../common.js */ \"./src/common.js\");\n/* harmony import */ var preact__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! preact */ \"./node_modules/preact/dist/preact.module.js\");\n\n\n\nclass ProductAttachments extends _common_js__WEBPACK_IMPORTED_MODULE_1__.Com {\n  render() {\n    let byType = _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get(this.props.ev, 'by.type');\n    if (byType === 'user') return null;\n    let acc = this.props.store.matchAccount();\n    var attachments = _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get(this.props.ev, 'data.message.attachments', []);\n    let orders = _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].filter(attachments, att => att.type === 'order' && att.order).map(att => att.order);\n    if (orders.length === 0) return null;\n    let $orders = _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].map(orders, (order, index) => {\n      calcOrderTotal(order);\n      let $note = null;\n      if (order.note) {\n        $note = (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(\"div\", null, (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(\"div\", {\n          class: \"order_attachment__label\"\n        }, this.props.t('note')), (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(\"div\", {\n          class: \"order_attachment__note\",\n          title: order.note\n        }, order.note));\n      }\n      let $products = null;\n      if (_util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].size(order.items) > 0) {\n        $products = (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(\"div\", null, (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(\"div\", {\n          class: \"order_attachment__label\"\n        }, this.props.t('product')), _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].map(order.items, item => {\n          let product = item.product || {};\n          return (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(\"div\", {\n            class: \"order_attachment__product\"\n          }, (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(\"img\", {\n            class: \"order_attachment__product_img\",\n            alt: '' + _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get(product, 'id'),\n            src: _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get(product, 'image', __webpack_require__(/*! ../../assets/img/default.jpg */ \"./assets/img/default.jpg\"))\n          }), (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(\"div\", {\n            style: \"overflow: hidden !important;\"\n          }, (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(\"div\", {\n            class: \"order_attachment__product_name\",\n            title: this.props.t.i18n(product.i18n_name) || product.name\n          }, this.props.t.i18n(product.i18n_name) || product.name), (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(\"div\", {\n            class: \"order_attachment__product_desc\"\n          }, getProductPropName(product, ' / ')), (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(\"div\", {\n            class: \"order_attachment__product_desc\"\n          }, this.props.t('qty'), \" \", item.quantity, \"\\xA0\\xB7\\xA0\", _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].formatCurrency(product.price))));\n        }));\n      }\n      let $total = (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(\"div\", {\n        class: \"order_attachment__footer\"\n      }, (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(\"div\", {\n        class: \"d-flex align-items-center justify-content-between\"\n      }, (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(\"div\", null, this.props.t('total')), ' ', (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(\"div\", null, (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(\"b\", {\n        class: \"order_attachment__total\"\n      }, _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].formatCurrency(order.total)))));\n      let phoneattr = _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].find(_util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get(order, 'user.attributes', []), attr => attr.key === 'phones') || {\n        key: 'phones',\n        text: ''\n      };\n      let phone = _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get(order, 'shipping.address.phone', '').trim();\n      phone = phone || _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].trim(phoneattr.text);\n      if (phone) phone = this.props.t('phn') + ': ' + phone;\n      let $shipto = null;\n      if (displayOrderShippingAddress(order) || phone) {\n        $shipto = (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(\"div\", null, (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(\"div\", {\n          class: \"order_attachment__label\"\n        }, this.props.t('ship_to')), (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(\"div\", null, displayOrderShippingAddress(order)), (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(\"div\", {\n          class: \"order_attachment__text_truncate\"\n        }, phone));\n      }\n      let $beforeTax = null;\n      if (order._discount_before_tax) {\n        $beforeTax = (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(\"div\", {\n          class: \"order_attachment__footer\"\n        }, (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(\"div\", {\n          class: \"d-flex align-items-center justify-content-between\"\n        }, (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(\"div\", {\n          class: \"order_attachment__label no_margin\"\n        }, this.props.t('subtotal_before_tax')), ' ', (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(\"div\", null, _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].formatCurrency(order._order_value))), (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(\"div\", {\n          class: \"d-flex align-items-center justify-content-between\"\n        }, (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(\"div\", {\n          class: \"order_attachment__label no_margin\"\n        }, this.props.t('discount_before_tax')), ' ', (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(\"div\", null, \"-\", _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].formatCurrency(order._discount_before_tax))));\n      }\n      let $subtotal = (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(\"div\", {\n        class: \"d-flex align-items-center justify-content-between\"\n      }, (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(\"div\", {\n        class: \"order_attachment__label no_margin\"\n      }, this.props.t('subtotal')), ' ', (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(\"div\", {\n        style: \"\"\n      }, _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].formatCurrency(order.subtotal)));\n      let $tax = null;\n      if (order.total_tax) {\n        let taxname = '';\n        if (_util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].size(order._taxM) === 1) {\n          let tax = _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get(order._taxM, '0.tax', {});\n          if (tax.name && tax.percentage) taxname = `(${tax.name} ${Math.round(tax.percentage || 0) / 100}%)`;\n        }\n        $tax = (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(\"div\", {\n          class: \"d-flex align-items-center justify-content-between\"\n        }, (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(\"div\", {\n          class: \"order_attachment__label no_margin\"\n        }, this.props.t('tax'), \" \", taxname), (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(\"div\", {\n          style: \"\"\n        }, _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].formatCurrency(order.total_tax)));\n      }\n      let $discount = null;\n      if (order.discount_type === 'percentage' && order.discount_percentage) {\n        $discount = (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(\"div\", {\n          class: \"d-flex align-items-center justify-content-between\"\n        }, (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(\"div\", {\n          class: \"order_attachment__label no_margin\"\n        }, this.props.t('discount_after_tax'), \" (\", Math.round(order.discount_percentage / 100), \"%)\"), ' ', (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(\"div\", {\n          style: \"\"\n        }, \"-\", _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].formatCurrency(order._computed_discount)));\n      }\n      if (order.discount_type === 'amount' && order.discount_amount) {\n        $discount = (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(\"div\", {\n          class: \"d-flex align-items-center justify-content-between\"\n        }, (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(\"div\", {\n          class: \"order_attachment__label no_margin\"\n        }, this.props.t('discount_after_tax')), ' ', (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(\"div\", {\n          class: \"no-shrink\"\n        }, \"-\", _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].formatCurrency(order._computed_discount)));\n      }\n      let $shipping = null;\n      if (_util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get(order, 'shipping.nominal_fee')) {\n        $shipping = (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(\"div\", {\n          class: \"d-flex align-items-center justify-content-between\"\n        }, (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(\"div\", {\n          class: \"order_attachment__label no_margin\"\n        }, this.props.t('shipping_fee')), ' ', (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(\"div\", {\n          style: \"\"\n        }, _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].formatCurrency(_util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get(order, 'shipping.nominal_fee', 0))));\n      }\n      let $adjustment = null;\n      if (order.adjustment) {\n        $adjustment = (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(\"div\", {\n          class: \"d-flex align-items-center justify-content-between\"\n        }, (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(\"div\", {\n          class: \"order_attachment__label no_margin\"\n        }, order.adjustment_description), ' ', (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(\"div\", {\n          class: \"no-shrink\"\n        }, _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].formatCurrency(order.adjustment)));\n      }\n      $subtotal = (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(\"div\", {\n        class: \"order_attachment__footer\"\n      }, $subtotal, $tax, $shipping, $discount, $adjustment);\n      if (!$shipping && !$adjustment && !$discount && !$tax) {\n        $subtotal = null;\n      }\n      return (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(\"div\", {\n        class: `order_attachment order_attachment__${byType}`\n      }, (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(\"div\", {\n        class: \"order_attachment__header\"\n      }, this.props.t('order'), (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(\"span\", {\n        class: \"order_attachment__text_muted order_attachment__text_sm\"\n      }, getOrderDisplayName(order))), $products, $shipto, $note, $beforeTax, $subtotal, $total);\n    });\n    return $orders;\n  }\n}\nfunction getProductPropName(product, seperator = ' - ') {\n  let options = op.get(product, 'options', []);\n  let props = op.get(product, 'props', []);\n  let multiPropsOptions = op.filter(options, option => op.size(option.values) > 1);\n  let names = [];\n  op.each(multiPropsOptions, option => {\n    let prop = op.find(props, prop => prop.key === option.key) || {};\n    if (prop.value) names.push(prop.value);\n  });\n  return names.join(seperator);\n}\nfunction getOrderDisplayName(order = {}) {\n  return order.number || order.id || '';\n}\nfunction displayOrderShippingAddress(order, isShorten) {\n  let addr = op.get(order, 'shipping.address', {});\n  let fulladdr = [addr.address, addr.ward, addr.district, addr.province].filter(a => a).join(', ').trim();\n  if (isShorten) fulladdr = shortenAddr(fulladdr);\n  return fulladdr;\n}\nfunction shortenAddr(str) {\n  str = str || '';\n  str = str.replace(/Hà Nội/gi, 'HN');\n  str = str.replace(/Hồ Chí Minh/gi, 'HCM');\n  str = str.replace(/Thành Phố/gi, 'TP');\n  return str;\n}\nfunction calcOrderTotal(order) {\n  let subtotal = 0;\n  let beforeTaxDiscount = 0;\n  let ordervalue = 0;\n  op.map(order.items, item => {\n    if (!item.product) return 0;\n    let price = op.get(item, 'product.price', 0) * (item.quantity || 0);\n    ordervalue += price;\n    if (item.discount_type == 'percentage') {\n      if (item.discount_percentage > 0) {\n        beforeTaxDiscount += price * item.discount_percentage / 10000;\n        price = price * (1 - (item.discount_percentage || 0) / 10000);\n      }\n    } else if (item.discount_type == 'amount') {\n      if (item.discount_amount > 0) {\n        beforeTaxDiscount += item.discount_amount;\n        price = price - (item.discount_amount || 0);\n        if (price <= 0) price = 0;\n      }\n    }\n    item.total = price;\n    subtotal += price;\n  });\n  let taxM = {};\n  op.map(order.items, (item, i) => {\n    if (!item.product) return;\n    let tax = item.product.tax;\n    if (!tax) return;\n    if (!tax.id) return;\n    let taxprice = item.total * tax.percentage / 10000;\n    item.total_tax = taxprice;\n    taxM[i] = {\n      tax: tax,\n      taxprice: taxprice\n    };\n  });\n  let totaltax = 0;\n  op.map(taxM, t => totaltax += t.taxprice);\n  let computed_discount = 0;\n  if (order.discount_type == 'percentage' && order.discount_percentage > 0) {\n    computed_discount = (subtotal + totaltax) * order.discount_percentage / 10000;\n  } else if (order.discount_type == 'amount') {\n    computed_discount = order.discount_amount || 0;\n  }\n  let shippingfee = op.get(order, 'shipping.nominal_fee', 0);\n  if (shippingfee > 0) {\n    if (op.get(order, 'shipping.tax.id')) {\n      let tax = order.shipping.tax;\n      let taxprice = shippingfee * (tax.percentage / 10000);\n      taxM['ship'] = {\n        tax: tax,\n        taxprice: taxprice\n      };\n      order.shipping.total_tax = taxprice;\n    }\n  }\n  totaltax = 0;\n  op.map(taxM, t => totaltax += t.taxprice);\n  let total = subtotal + totaltax - computed_discount + shippingfee;\n  total += order.adjustment || 0;\n  if (total < 0) total = 0;\n  order.subtotal = subtotal;\n  order._computed_discount = computed_discount;\n  order._taxM = taxM;\n  order.total = total;\n  order.total_tax = totaltax;\n  order._discount_before_tax = beforeTaxDiscount;\n  order._order_value = ordervalue;\n}\n\n//# sourceURL=webpack://@subiz/widget-v4/./src/chatbox/OrderAttachments.js?\n}");
+
+/***/ }
+
+}]);

package/dist/src_chatbox_Order_js.js

@@ -0,0 +1,206 @@
+/*
+ * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
+ * This devtool is neither made for production nor for readable output files.
+ * It uses "eval()" calls to create a separate source file in the browser devtools.
+ * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
+ * or disable the default devtool with "devtool: false".
+ * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
+ */
+(self["webpackChunk_subiz_widget_v4"] = self["webpackChunk_subiz_widget_v4"] || []).push([["src_chatbox_Order_js"],{
+
+/***/ "./src/chatbox/DropdownSelect.js"
+/*!***************************************!*\
+  !*** ./src/chatbox/DropdownSelect.js ***!
+  \***************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (/* binding */ DropdownSelect)\n/* harmony export */ });\n/* harmony import */ var _util_index_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../util/index.js */ \"./src/util/index.js\");\n/* harmony import */ var _common_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../common.js */ \"./src/common.js\");\n/* harmony import */ var preact__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! preact */ \"./node_modules/preact/dist/preact.module.js\");\n/* harmony import */ var _spinner_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./spinner.js */ \"./src/chatbox/spinner.js\");\nfunction _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }\nfunction _toPropertyKey(t) { var i = _toPrimitive(t, \"string\"); return \"symbol\" == typeof i ? i : i + \"\"; }\nfunction _toPrimitive(t, r) { if (\"object\" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || \"default\"); if (\"object\" != typeof i) return i; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (\"string\" === r ? String : Number)(t); }\n;\n\n\n\nclass DropdownSelect extends _common_js__WEBPACK_IMPORTED_MODULE_1__.Com {\n  constructor(props) {\n    super(props);\n    _defineProperty(this, \"state\", {\n      show: false,\n      searchValue: ''\n    });\n    _defineProperty(this, \"filterRef\", (0,preact__WEBPACK_IMPORTED_MODULE_2__.createRef)());\n    _defineProperty(this, \"overlayRef\", (0,preact__WEBPACK_IMPORTED_MODULE_2__.createRef)());\n    _defineProperty(this, \"onTouchMove\", e => {\n      if (e.target === this.overlayRef.current) {\n        e.preventDefault();\n        e.stopPropagation();\n      }\n    });\n    _defineProperty(this, \"hideDropdown\", () => {\n      this.setState({\n        show: false,\n        searchValue: ''\n      });\n    });\n    _defineProperty(this, \"onKeydown\", e => {\n      if (e.key === 'Escape') {\n        if (!this.state.show) return;\n        if (this.state.searchValue) this.setState({\n          searchValue: ''\n        });else this.hideDropdown();\n        e.preventDefault();\n        e.stopPropagation();\n      }\n    });\n    _defineProperty(this, \"hasSearch\", () => {\n      if (this.props.has_search) return true;\n      return _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].size(this.props.items) >= 10;\n    });\n    _defineProperty(this, \"getFilteredOptions\", () => {\n      let items = this.props.items;\n      if (this.state.searchValue && this.hasSearch()) {\n        items = _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].filter(items, item => {\n          let optionName = _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].unicodeToAscii(item.name).toLowerCase().replace(/ /g, '');\n          let optionDesc = _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].unicodeToAscii(item.desc).toLowerCase().replace(/ /g, '');\n          let searchValue = _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].unicodeToAscii(this.state.searchValue).toLowerCase().replace(/ /g, '');\n          return optionName.indexOf(searchValue) != -1 || optionDesc.indexOf(searchValue) != -1;\n        });\n      }\n      return items;\n    });\n    _defineProperty(this, \"onChangeSearchValue\", e => {\n      this.setState({\n        searchValue: e.target.value\n      });\n    });\n    _defineProperty(this, \"toogleDropdown\", async () => {\n      await this.setState({\n        show: true,\n        searchValue: ''\n      });\n      this.focusFilter();\n    });\n    _defineProperty(this, \"onSelect\", item => {\n      this.props.onSelect(item);\n      this.hideDropdown();\n    });\n    _defineProperty(this, \"onBackgroundScroll\", e => {\n      console.log('EEEEEEE', e);\n      alert('y');\n    });\n    document.addEventListener('touchmove', function (e) {});\n  }\n  componentDidMount() {\n    window.addEventListener('keydown', this.onKeydown);\n  }\n  componentWillUnmount() {\n    window.removeEventListener('keydown', this.onKeydown);\n  }\n  renderEmpty() {\n    return (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(\"div\", {\n      class: \"dropdown_select_filter__empty\"\n    }, (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(\"img\", {\n      class: \"dropdown_select_filter__empty_img\",\n      src: __webpack_require__(/*! ../../assets/img/not_found_search.png */ \"./assets/img/not_found_search.png\")\n    }), (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(\"div\", {\n      class: \"muted\",\n      style: \"text-align: center !important;\"\n    }, \"Kh\\xF4ng c\\xF3 k\\u1EBFt qu\\u1EA3\"));\n  }\n  renderLoading() {\n    return (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(\"div\", {\n      class: \"dropdown_select_filter__empty pt-3\"\n    }, (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(_spinner_js__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n      size: \"40\",\n      static: true\n    }), (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(\"div\", {\n      class: \"muted mt-2\",\n      style: \"text-align: center !important;\"\n    }, \"\\u0110ang t\\u1EA3i d\\u1EEF li\\u1EC7u\"));\n  }\n  focusFilter() {\n    if (!this.filterRef.current) return;\n    this.filterRef.current.focus();\n    _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].setTimeout(() => {\n      if (!this.filterRef.current) return;\n      this.filterRef.current.focus();\n    }, 100);\n  }\n  renderDropdown() {\n    if (!this.state.show) return null;\n    let items = this.getFilteredOptions();\n    let $items = _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].map(items, item => {\n      return (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(\"div\", {\n        class: \"dropdown_select__item\",\n        onClick: _ => this.onSelect(item)\n      }, item.name);\n    });\n    let $filter = null;\n    if (this.hasSearch()) {\n      let $img = (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(\"img\", {\n        class: \"dropdown_select_filter__icon\",\n        src: __webpack_require__(/*! ../../assets/img/search.svg */ \"./assets/img/search.svg\")\n      });\n      if (this.props.loading) {\n        $img = (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(\"img\", {\n          class: \"dropdown_select_filter__icon\",\n          src: __webpack_require__(/*! ../../assets/img/loader.svg */ \"./assets/img/loader.svg\")\n        });\n      }\n      $filter = (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(\"div\", {\n        class: \"dropdown_select_filter\"\n      }, $img, (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(\"input\", {\n        ref: this.filterRef,\n        value: this.state.searchValue,\n        onInput: this.onChangeSearchValue,\n        type: \"text\",\n        class: \"dropdown_select_filter_input \"\n      }));\n    }\n    if ($items.length == 0) $items = this.renderEmpty();\n    if (this.props.loading) $items = this.renderLoading();\n    let style = `width: ${this.props.width || '150px'} !important;`;\n    if (this.props.full) {\n      style = ` top: 20px !important; left: 20px !important; right: 20px !important; width: unset !important; `;\n      return (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(\"div\", {\n        class: \"dropdown_select__overlay\",\n        ref: this.overlayRef,\n        onClick: this.hideDropdown,\n        onTouchMove: this.onTouchMove\n      }, (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(\"div\", {\n        class: \"dropdown_select\",\n        style: style,\n        onClick: e => {\n          e.preventDefault();\n          e.stopPropagation();\n        }\n      }, $filter, (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(\"div\", {\n        class: \"dropdown_select__items\"\n      }, $items)));\n    }\n    return (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(\"div\", {\n      class: \"dropdown_select\",\n      style: style\n    }, $filter, (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(\"div\", {\n      class: \"dropdown_select__items\"\n    }, $items));\n  }\n  render() {\n    let $name = (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(\"div\", {\n      class: \"muted text-truncate\",\n      style: \"flex: 1 !important;\"\n    }, \"Ch\\u1ECDn m\\u1ED9t ph\\u1EA7n t\\u1EED\");\n    if (_util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get(this.props, 'selected.name')) $name = (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(\"div\", {\n      class: \"text-truncate\",\n      style: \"flex: 1 !important;\"\n    }, _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get(this.props, 'selected.name'));\n    let style = 'position: relative !important;';\n    if (this.props.full) {\n      style = '';\n    }\n    return (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(\"div\", {\n      style: style\n    }, (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(_common_js__WEBPACK_IMPORTED_MODULE_1__.Clickaway, {\n      onClickaway: this.hideDropdown\n    }, (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(\"div\", {\n      type: \"text\",\n      class: 'dropdown_select_input ' + this.props.extra_cls,\n      onClick: this.toogleDropdown\n    }, $name, \"\\xA0\", (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(\"img\", {\n      class: \"dropdown_select__caret\",\n      src: __webpack_require__(/*! ../../assets/img/caret.svg */ \"./assets/img/caret.svg\")\n    })), this.renderDropdown()));\n  }\n}\n\n//# sourceURL=webpack://@subiz/widget-v4/./src/chatbox/DropdownSelect.js?\n}");
+
+/***/ },
+
+/***/ "./src/chatbox/Order.js"
+/*!******************************!*\
+  !*** ./src/chatbox/Order.js ***!
+  \******************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (/* binding */ Order)\n/* harmony export */ });\n/* harmony import */ var _util_index_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../util/index.js */ \"./src/util/index.js\");\n/* harmony import */ var _releaseAnimation_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./releaseAnimation.js */ \"./src/chatbox/releaseAnimation.js\");\n/* harmony import */ var _time_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./time.js */ \"./src/chatbox/time.js\");\n/* harmony import */ var _common_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../common.js */ \"./src/common.js\");\n/* harmony import */ var preact__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! preact */ \"./node_modules/preact/dist/preact.module.js\");\n/* harmony import */ var _order_order_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../order/order.js */ \"./src/order/order.js\");\nfunction _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }\nfunction _toPropertyKey(t) { var i = _toPrimitive(t, \"string\"); return \"symbol\" == typeof i ? i : i + \"\"; }\nfunction _toPrimitive(t, r) { if (\"object\" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || \"default\"); if (\"object\" != typeof i) return i; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (\"string\" === r ? String : Number)(t); }\n;\n\n\nconst POPUP_MAX_HEIGHT = 400;\nconst POPUP_HARD_MAX_HEIGHT = 500;\nconst POPUP_MIN_HEIGHT = 0;\nlet defaultAvatar = __webpack_require__(/*! ../../assets/img/default_avatar.png */ \"./assets/img/default_avatar.png\");\n\n\n\nclass Order extends _common_js__WEBPACK_IMPORTED_MODULE_3__.Com {\n  constructor(props) {\n    super(props);\n    _defineProperty(this, \"state\", {\n      hide: true,\n      ratingHeight: 0,\n      overlayOpacity: 0.3\n    });\n    _defineProperty(this, \"onResponse\", response => {\n      this.setState({\n        response\n      });\n    });\n    _defineProperty(this, \"confirm\", () => {\n      this.props.store.sendConvoEvent(this.props.cid, 'message_sent', {\n        message: {\n          format: 'plaintext',\n          text: 'confirm',\n          attachments: [{\n            type: 'postback',\n            postback: {\n              payload: JSON.stringify({\n                type: 'order_confirmation',\n                status: 'confirmed'\n              })\n            }\n          }]\n        }\n      });\n    });\n    _defineProperty(this, \"close\", async () => {\n      await _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].sleep(100);\n      if (this.state.response === 'confirmed') {\n        this.props.store.sendConvoEvent(this.props.cid, 'message_sent', {\n          message: {\n            format: 'plaintext',\n            text: this.props.t('confirm_order'),\n            attachments: [{\n              type: 'postback',\n              postback: {\n                payload: JSON.stringify({\n                  type: 'order_confirmation',\n                  status: 'confirmed'\n                })\n              }\n            }]\n          }\n        });\n      } else if (this.state.response === 'rejected') {\n        this.props.store.sendConvoEvent(this.props.cid, 'message_sent', {\n          message: {\n            format: 'plaintext',\n            text: this.props.t('cancel_order'),\n            attachments: [{\n              type: 'postback',\n              postback: {\n                payload: JSON.stringify({\n                  type: 'order_confirmation',\n                  status: 'cancelled'\n                })\n              }\n            }]\n          }\n        });\n      } else {}\n      this.setState({\n        response: ''\n      });\n      if (this.state.hide) return;\n      if (!this.refRating.current) return;\n      var popupStyle = this.refRating.current.currentStyle || window.getComputedStyle(this.refRating.current);\n      var h0 = parseFloat(popupStyle.height);\n      this.animation.play(20, h0, h => {\n        this.setState({\n          ratingHeight: h,\n          overlayOpacity: Math.min(1, (h - POPUP_MIN_HEIGHT) / (POPUP_HARD_MAX_HEIGHT - POPUP_MIN_HEIGHT))\n        });\n        if (h < POPUP_MIN_HEIGHT + 10) {\n          if (!this.state.hide) {\n            this.setState({\n              hide: true\n            });\n          }\n        }\n      });\n      this.props.onClose();\n    });\n    this.refRating = (0,preact__WEBPACK_IMPORTED_MODULE_4__.createRef)();\n    this.refHandle = (0,preact__WEBPACK_IMPORTED_MODULE_4__.createRef)();\n  }\n  componentDidMount() {\n    this.mouseUp = e => this.onMouseUp(e);\n    this.mouseMove = e => this.onMouseMove(e);\n    this.mouseDown = e => this.onMouseDown(e);\n    var $ratingHandle = this.refHandle.current;\n    $ratingHandle.addEventListener('mousedown', this.mouseDown, {\n      passive: true\n    });\n    $ratingHandle.addEventListener('touchstart', this.mouseDown, {\n      passive: true\n    });\n    window.addEventListener('mouseup', this.mouseUp, {\n      passive: true\n    });\n    window.addEventListener('touchend', this.mouseUp, {\n      passive: true\n    });\n    window.addEventListener('mousemove', this.mouseMove, {\n      passive: true\n    });\n    window.addEventListener('touchmove', this.mouseMove, {\n      passive: true\n    });\n    this.animation = new _releaseAnimation_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"]({\n      maxY: POPUP_MAX_HEIGHT,\n      minY: POPUP_MIN_HEIGHT,\n      duration: 150\n    });\n    this.close();\n  }\n  componentWillUnmount() {\n    var $ratingHandle = this.refHandle.current;\n    $ratingHandle.removeEventListener('mousedown', this.mouseDown, 0);\n    $ratingHandle.removeEventListener('touchstart', this.mouseDown, 0);\n    window.removeEventListener('mouseup', this.mouseUp, 0);\n    window.removeEventListener('touchend', this.mouseUp, 0);\n    window.removeEventListener('mousemove', this.mouseMove, 0);\n    window.removeEventListener('touchmove', this.mouseMove, 0);\n  }\n  render() {\n    if (this._show != this.props.show) {\n      this._show = this.props.show;\n      _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].setTimeout(() => {\n        if (!this._show) this.close();else this.open();\n      });\n    }\n    let cls = this.state.hide ? 'd-none' : '';\n    return (0,preact__WEBPACK_IMPORTED_MODULE_4__.h)(\"div\", {\n      class: cls\n    }, (0,preact__WEBPACK_IMPORTED_MODULE_4__.h)(\"div\", {\n      class: \"extension--overlay\",\n      style: `opacity: ${this.state.overlayOpacity * 0.5} !important;`\n    }), (0,preact__WEBPACK_IMPORTED_MODULE_4__.h)(\"div\", {\n      class: \"extension\",\n      ref: this.refRating,\n      style: `height: ${this.state.ratingHeight}px !important;`\n    }, (0,preact__WEBPACK_IMPORTED_MODULE_4__.h)(\"div\", {\n      class: \"extension--close-btn\",\n      onClick: this.close\n    }, this.props.t('close')), (0,preact__WEBPACK_IMPORTED_MODULE_4__.h)(\"div\", {\n      class: \"extension--handle\",\n      ref: this.refHandle\n    }, (0,preact__WEBPACK_IMPORTED_MODULE_4__.h)(\"div\", {\n      class: \"extension--thumb\"\n    })), (0,preact__WEBPACK_IMPORTED_MODULE_4__.h)(\"div\", {\n      style: \"overflow-x: hidden !important; overflow-y: scroll !important; height: 100% !important;\"\n    }, (0,preact__WEBPACK_IMPORTED_MODULE_4__.h)(_order_order_js__WEBPACK_IMPORTED_MODULE_5__[\"default\"], {\n      key: this.props.order_id,\n      store: this.props.store,\n      onResponse: this.onResponse,\n      onClose: this.close,\n      t: this.props.t,\n      order_id: this.props.order_id,\n      cid: this.props.cid\n    }))));\n  }\n  open() {\n    if (!this.state.hide) return;\n    if (!this.props.order_id) return;\n    this.setState({\n      hide: false\n    });\n    if (!this.refRating.current) return;\n    var popupStyle = this.refRating.current.currentStyle || window.getComputedStyle(this.refRating.current);\n    var h0 = parseFloat(popupStyle.height);\n    this.animation.play(-20, h0, h => {\n      this.setState({\n        ratingHeight: h,\n        overlayOpacity: Math.min(1, (h - POPUP_MIN_HEIGHT) / (POPUP_HARD_MAX_HEIGHT - POPUP_MIN_HEIGHT))\n      });\n    });\n  }\n  onMouseDown(e) {\n    this.mousePushed = true;\n    this.animation.stop();\n    e.preventDefault();\n    if (e.touches && e.touches[0]) e = e.touches[0];\n    this.mousePushedDy = e.pageY - window.pageYOffset - this.refRating.current.getBoundingClientRect().y;\n  }\n  onMouseUp(e) {\n    if (!this.mousePushed) return;\n    if (e.touches && e.touches[0]) e = e.touches[0];\n    this.mousePushed = false;\n    var popupStyle = this.refRating.current.currentStyle || window.getComputedStyle(this.refRating.current);\n    var h0 = parseFloat(popupStyle.height);\n    this.animation.play(this.mouseVelocity, h0, h => {\n      this.setState({\n        ratingHeight: h,\n        overlayOpacity: Math.min(1, (h - POPUP_MIN_HEIGHT) / (POPUP_HARD_MAX_HEIGHT - POPUP_MIN_HEIGHT))\n      });\n      if (h < POPUP_MIN_HEIGHT + 10) {\n        if (!this.state.hide) {\n          this.setState({\n            hide: true\n          });\n          this.props.onRate && this.props.onRate({\n            no_rating: true\n          });\n        }\n      }\n    });\n  }\n  onMouseMove(e) {\n    if (!this.mousePushed) return;\n    if (e.touches && e.touches[0]) e = e.touches[0];\n    var my = e.pageY;\n    this.mouseVelocity = my - this.lastMouseY;\n    this.lastMouseY = my;\n    my = my - this.mousePushedDy;\n    var K = 10000;\n    var height = this.refRating.current.getBoundingClientRect().bottom - my;\n    if (height > POPUP_MAX_HEIGHT) {\n      var beta = K / (POPUP_HARD_MAX_HEIGHT - POPUP_MAX_HEIGHT) - POPUP_MAX_HEIGHT;\n      height = POPUP_HARD_MAX_HEIGHT - K / (height + beta);\n    }\n    this.setState({\n      ratingHeight: height,\n      overlayOpacity: Math.min(1, (height - POPUP_MIN_HEIGHT) / (POPUP_HARD_MAX_HEIGHT - POPUP_MIN_HEIGHT))\n    });\n  }\n}\n\n//# sourceURL=webpack://@subiz/widget-v4/./src/chatbox/Order.js?\n}");
+
+/***/ },
+
+/***/ "./src/order/address_picker.js"
+/*!*************************************!*\
+  !*** ./src/order/address_picker.js ***!
+  \*************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (/* binding */ AddressPicker)\n/* harmony export */ });\n/* harmony import */ var _util_index_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../util/index.js */ \"./src/util/index.js\");\n/* harmony import */ var _common_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../common.js */ \"./src/common.js\");\n/* harmony import */ var preact__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! preact */ \"./node_modules/preact/dist/preact.module.js\");\n/* harmony import */ var _chatbox_spinner_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../chatbox/spinner.js */ \"./src/chatbox/spinner.js\");\nfunction _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }\nfunction _toPropertyKey(t) { var i = _toPrimitive(t, \"string\"); return \"symbol\" == typeof i ? i : i + \"\"; }\nfunction _toPrimitive(t, r) { if (\"object\" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || \"default\"); if (\"object\" != typeof i) return i; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (\"string\" === r ? String : Number)(t); }\n;\n\n\n\nclass AddressPicker extends _common_js__WEBPACK_IMPORTED_MODULE_1__.Com {\n  constructor(props) {\n    super(props);\n    _defineProperty(this, \"state\", {\n      show: false,\n      searchValue: '',\n      addresses: []\n    });\n    _defineProperty(this, \"filterRef\", (0,preact__WEBPACK_IMPORTED_MODULE_2__.createRef)());\n    _defineProperty(this, \"overlayRef\", (0,preact__WEBPACK_IMPORTED_MODULE_2__.createRef)());\n    _defineProperty(this, \"onTouchMove\", e => {\n      if (e.target === this.overlayRef.current) {\n        e.preventDefault();\n        e.stopPropagation();\n      }\n    });\n    _defineProperty(this, \"hideDropdown\", () => {\n      this.setState({\n        show: false,\n        searchValue: ''\n      });\n    });\n    _defineProperty(this, \"onKeydown\", e => {\n      if (e.key === 'Escape') {\n        if (!this.state.show) return;\n        if (this.state.searchValue) this.setState({\n          searchValue: ''\n        });else this.hideDropdown();\n        e.preventDefault();\n        e.stopPropagation();\n      }\n      if (e.key == 'Enter') {}\n    });\n    _defineProperty(this, \"doSearch\", _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].throttle(async () => {\n      let requestId = Date.now();\n      this.requestId = requestId;\n      let res = await this.props.store.suggest_addresses(this.state.searchValue);\n      if (this.requestId !== requestId) return;\n      this.setState({\n        addresses: _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get(res, 'body.addresses', [])\n      });\n    }, 100));\n    _defineProperty(this, \"onChangeSearchValue\", e => {\n      this.setState({\n        searchValue: e.target.value\n      });\n      this.props.onChangeAddress(e.target.value);\n      this.doSearch();\n    });\n    _defineProperty(this, \"toogleDropdown\", async () => {\n      await this.setState({\n        show: true,\n        searchValue: this.props.initAddress || ''\n      });\n      this.focusFilter();\n    });\n    _defineProperty(this, \"onSelect\", item => {\n      this.props.onSelect(item);\n      this.hideDropdown();\n    });\n    _defineProperty(this, \"onBackgroundScroll\", e => {\n      console.log('EEEEEEE', e);\n    });\n    document.addEventListener('touchmove', function (e) {});\n  }\n  componentDidMount() {\n    window.addEventListener('keydown', this.onKeydown);\n  }\n  componentWillUnmount() {\n    window.removeEventListener('keydown', this.onKeydown);\n  }\n  renderEmpty() {\n    return (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(\"div\", {\n      class: \"dropdown_select_filter__empty\"\n    }, (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(\"img\", {\n      class: \"dropdown_select_filter__empty_img\",\n      src: __webpack_require__(/*! ../../assets/img/not_found_search.png */ \"./assets/img/not_found_search.png\")\n    }), (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(\"div\", {\n      class: \"muted\",\n      style: \"text-align: center !important;\"\n    }, \"Kh\\xF4ng c\\xF3 k\\u1EBFt qu\\u1EA3\"));\n  }\n  renderLoading() {\n    return (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(\"div\", {\n      class: \"dropdown_select_filter__empty pt-3\"\n    }, (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(_chatbox_spinner_js__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n      size: \"40\",\n      static: true\n    }), (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(\"div\", {\n      class: \"muted mt-2\",\n      style: \"text-align: center !important;\"\n    }, \"\\u0110ang t\\u1EA3i d\\u1EEF li\\u1EC7u\"));\n  }\n  focusFilter() {\n    if (!this.filterRef.current) return;\n    this.filterRef.current.focus();\n    _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].setTimeout(() => {\n      if (!this.filterRef.current) return;\n      this.filterRef.current.focus();\n    }, 100);\n  }\n  renderDropdown() {\n    if (!this.state.show) return null;\n    let $items = _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].map(this.state.addresses, (addr, i) => {\n      let label = [((addr.address || '') + ' ' + normalize(addr.street)).trim()].join(', ');\n      let desc = [normalize(addr.ward), normalize(addr.district), normalize(addr.province)].join(', ');\n      return (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(\"div\", {\n        class: \"dropdown_select__item\",\n        onClick: _ => this.onSelect(addr),\n        key: i\n      }, (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(\"div\", null, (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(\"b\", null, label)), (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(\"div\", {\n        style: \"opacity: 0.7 !important;\"\n      }, desc));\n    });\n    let $filter = null;\n    let $img = (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(\"img\", {\n      class: \"dropdown_select_filter__icon\",\n      src: __webpack_require__(/*! ../../assets/img/search.svg */ \"./assets/img/search.svg\")\n    });\n    if (this.props.loading) {\n      $img = (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(\"img\", {\n        class: \"dropdown_select_filter__icon\",\n        src: __webpack_require__(/*! ../../assets/img/loader.svg */ \"./assets/img/loader.svg\")\n      });\n    }\n    $filter = (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(\"div\", {\n      class: \"dropdown_select_filter\"\n    }, $img, (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(\"input\", {\n      ref: this.filterRef,\n      value: this.state.searchValue,\n      onInput: this.onChangeSearchValue,\n      type: \"text\",\n      class: \"dropdown_select_filter_input \"\n    }));\n    if ($items.length == 0) $items = this.renderEmpty();\n    if (this.props.loading) $items = this.renderLoading();\n    let style = `width: ${this.props.width || '150px'} !important;`;\n    if (this.props.full) {\n      style = ` top: 20px !important; left: 20px !important; right: 20px !important; width: unset !important; `;\n      return (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(\"div\", {\n        class: \"dropdown_select__overlay\",\n        ref: this.overlayRef,\n        onClick: this.hideDropdown,\n        onTouchMove: this.onTouchMove\n      }, (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(\"div\", {\n        class: \"dropdown_select\",\n        style: style,\n        onClick: e => {\n          e.preventDefault();\n          e.stopPropagation();\n        }\n      }, $filter, (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(\"div\", {\n        class: \"dropdown_select__items\"\n      }, $items)));\n    }\n    return (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(\"div\", {\n      class: \"dropdown_select\",\n      style: style\n    }, $filter, (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(\"div\", {\n      class: \"dropdown_select__items\"\n    }, $items));\n  }\n  render() {\n    let $name = (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(\"div\", {\n      class: \"text-truncate\",\n      style: \"flex: 1 !important;\"\n    }, this.props.initAddress);\n    let style = 'position: relative !important;';\n    if (this.props.full) {\n      style = '';\n    }\n    return (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(\"div\", {\n      style: style\n    }, (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(_common_js__WEBPACK_IMPORTED_MODULE_1__.Clickaway, {\n      onClickaway: this.hideDropdown\n    }, (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(\"div\", {\n      type: \"text\",\n      class: 'dropdown_select_input ' + this.props.extra_cls,\n      onClick: this.toogleDropdown\n    }, $name), this.renderDropdown()));\n  }\n}\nfunction normalize(s) {\n  let ls = (s + '').toLowerCase();\n  if (ls.startsWith('tp ')) return s.substr(3);\n  if (ls.startsWith('thanh pho ')) return s.substr('thanh pho '.length);\n  if (ls.startsWith('thành phố ')) return s.substr('thành phố '.length);\n  if (ls.startsWith('tỉnh ')) return s.substr('tỉnh '.length);\n  if (ls.startsWith('huyện ')) return s.substr('huyện '.length);\n  if (ls.startsWith('tỉnh ')) return s.substr('tỉnh '.length);\n  if (ls.startsWith('xã ')) return s.substr('xã '.length);\n  if (ls.startsWith('thị trấn ')) return s.substr('thị trấn '.length);\n  if (ls.startsWith('thị xã ')) return s.substr('thị xã '.length);\n  if (ls.startsWith('đường ') && (s[7] < '0' || s[7] > '9')) return s.substr('đường '.length);\n  if (ls.startsWith('phường ') && (s[7] < '0' || s[7] > '9')) return s.substr('phường '.length);\n  if (ls.startsWith('quận ') && (s[7] < '0' || s[7] > '9')) return s.substr('quận '.length);\n  return s;\n}\n\n//# sourceURL=webpack://@subiz/widget-v4/./src/order/address_picker.js?\n}");
+
+/***/ },
+
+/***/ "./src/order/icon.js"
+/*!***************************!*\
+  !*** ./src/order/icon.js ***!
+  \***************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (/* binding */ Icon)\n/* harmony export */ });\n/* harmony import */ var _util_index_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../util/index.js */ \"./src/util/index.js\");\n/* harmony import */ var _chatbox_time_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../chatbox/time.js */ \"./src/chatbox/time.js\");\n/* harmony import */ var _common_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../common.js */ \"./src/common.js\");\n/* harmony import */ var _chatbox_DropdownSelect_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../chatbox/DropdownSelect.js */ \"./src/chatbox/DropdownSelect.js\");\n/* harmony import */ var preact__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! preact */ \"./node_modules/preact/dist/preact.module.js\");\n\nlet promiseMainCSS = (() => __webpack_require__.e(/*! import() */ \"src_chatbox_css_js\").then(() => (__webpack_require__(/*! ../chatbox/css.js */ \"./src/chatbox/css.js\"))))();\nvar $link = document.createElement('link');\n$link.href = 'https://fonts.googleapis.com/css2?family=Inter:wght@400;500&display=swap';\n$link.rel = 'stylesheet';\ndocument.head.append($link);\n_util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].preloadWebfonts(['Inter'], [400, 500]);\n\nlet defaultAvatar = __webpack_require__(/*! ../../assets/img/default_avatar.png */ \"./assets/img/default_avatar.png\");\n\n\n\nclass Icon extends _common_js__WEBPACK_IMPORTED_MODULE_2__.Com {\n  render() {\n    if (this.props.name == 'package') {\n      if (this.props.active) return (0,preact__WEBPACK_IMPORTED_MODULE_4__.h)(\"img\", {\n        style: \"width: 18px !important;\",\n        src: __webpack_require__(/*! ../../assets/img/package.svg */ \"./assets/img/package.svg\")\n      });\n      return (0,preact__WEBPACK_IMPORTED_MODULE_4__.h)(\"img\", {\n        style: \"width: 18px !important;\",\n        src: __webpack_require__(/*! ../../assets/img/package_fade.svg */ \"./assets/img/package_fade.svg\")\n      });\n    }\n    if (this.props.name === 'shop') {\n      if (this.props.active) return (0,preact__WEBPACK_IMPORTED_MODULE_4__.h)(\"img\", {\n        style: \"width: 18px !important;\",\n        src: __webpack_require__(/*! ../../assets/img/shop.svg */ \"./assets/img/shop.svg\")\n      });\n      return (0,preact__WEBPACK_IMPORTED_MODULE_4__.h)(\"img\", {\n        style: \"width: 18px !important;\",\n        src: __webpack_require__(/*! ../../assets/img/shop_faded.svg */ \"./assets/img/shop_faded.svg\")\n      });\n    }\n  }\n}\n\n//# sourceURL=webpack://@subiz/widget-v4/./src/order/icon.js?\n}");
+
+/***/ },
+
+/***/ "./src/order/order.js"
+/*!****************************!*\
+  !*** ./src/order/order.js ***!
+  \****************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (/* binding */ Order)\n/* harmony export */ });\n/* harmony import */ var _util_index_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../util/index.js */ \"./src/util/index.js\");\n/* harmony import */ var _chatbox_time_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../chatbox/time.js */ \"./src/chatbox/time.js\");\n/* harmony import */ var _common_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../common.js */ \"./src/common.js\");\n/* harmony import */ var _chatbox_DropdownSelect_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../chatbox/DropdownSelect.js */ \"./src/chatbox/DropdownSelect.js\");\n/* harmony import */ var _address_picker_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./address_picker.js */ \"./src/order/address_picker.js\");\n/* harmony import */ var preact__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! preact */ \"./node_modules/preact/dist/preact.module.js\");\n/* harmony import */ var _icon_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./icon.js */ \"./src/order/icon.js\");\n/* harmony import */ var _chatbox_spinner_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../chatbox/spinner.js */ \"./src/chatbox/spinner.js\");\nfunction _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }\nfunction _toPropertyKey(t) { var i = _toPrimitive(t, \"string\"); return \"symbol\" == typeof i ? i : i + \"\"; }\nfunction _toPrimitive(t, r) { if (\"object\" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || \"default\"); if (\"object\" != typeof i) return i; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (\"string\" === r ? String : Number)(t); }\n;\n\n\n\n\n\n\n\nvar checkedimg = __webpack_require__(/*! ../../assets/img/done_green.svg */ \"./assets/img/done_green.svg\");\nvar ximg = __webpack_require__(/*! ../../assets/img/x.svg */ \"./assets/img/x.svg\");\nclass Order extends _common_js__WEBPACK_IMPORTED_MODULE_2__.Com {\n  constructor(props) {\n    super(props);\n    _defineProperty(this, \"state\", {\n      loadProvince: true,\n      g_err: '',\n      fullname: '',\n      email: '',\n      phone: '',\n      loading: true,\n      order: {},\n      err: {},\n      shipping_address: 'new',\n      selectedProvince: null,\n      selectedDistrict: null,\n      selectedWard: null,\n      street: '',\n      address: '',\n      sending: false,\n      step: ''\n    });\n    _defineProperty(this, \"renderMobileSuccess\", order => {\n      return (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n        class: \"order\",\n        style: \"height: 100% !important\"\n      }, (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n        style: \"display: flex !important; align-items: center !important; padding-top: 40px !important; padding-bottom: 20px !important; flex-direction: column !important; height: 100% !important\"\n      }, (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"img\", {\n        style: \"width: 60px !important; height: 60px !important;\",\n        width: \"60\",\n        height: \"60\",\n        src: checkedimg\n      }), (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n        style: \"margin-top: 20px !important; margin-bottom: 10px !important\"\n      }, (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"b\", {\n        style: \"font-size: 18px !important;\"\n      }, \"\\u0110\\u01A1n h\\xE0ng c\\u1EE7a b\\u1EA1n \\u0111\\xE3 \\u0111\\u01B0\\u1EE3c ghi nh\\u1EADn\")), (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n        class: \"muted\"\n      }, \"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__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n        style: \"flex:1 !important\"\n      }), (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n        style: \"margin-top: 20px !important; padding: 0px 20px 0 20px !important; width: 100% !important\"\n      }, (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n        class: \"order_btn order__btn__light\",\n        onClick: this.close\n      }, this.props.t('close')))));\n    });\n    _defineProperty(this, \"onSelectProvince\", async item => {\n      this.setState({\n        selectedProvince: item,\n        err: {},\n        g_err: ''\n      });\n      this.setState({\n        loadDistrict: true\n      });\n      let out = await this.props.store.list_districts({\n        id: item.id\n      });\n      this.setState({\n        loadDistrict: false\n      });\n      if (!out.error) this.setState({\n        districts: _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get(out, 'body.addresses')\n      });\n    });\n    _defineProperty(this, \"onSelectDistrict\", async item => {\n      this.setState({\n        selectedDistrict: item,\n        err: {},\n        g_err: ''\n      });\n      this.setState({\n        loadWard: true\n      });\n      let out = await this.props.store.list_wards({\n        id: item.id\n      });\n      this.setState({\n        loadWard: false\n      });\n      if (!out.error) this.setState({\n        wards: _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get(out, 'body.addresses')\n      });\n    });\n    _defineProperty(this, \"onSelectWard\", item => this.setState({\n      selectedWard: item,\n      err: {},\n      g_err: ''\n    }));\n    _defineProperty(this, \"onChangeFullname\", e => this.setState({\n      fullname: e.target.value,\n      err: {},\n      g_err: ''\n    }));\n    _defineProperty(this, \"onChangeAddress\", e => this.setState({\n      address: e,\n      err: {},\n      g_err: ''\n    }));\n    _defineProperty(this, \"onSelectAddress\", addr => {\n      if (!addr) return;\n      this.setState({\n        address: [_util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].trim(addr.address), _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].trim(addr.street)].join(' ').trim(),\n        street: addr.street,\n        err: {},\n        g_err: ''\n      });\n      this.onSelectWard({\n        id: addr.ward_id,\n        name: addr.ward\n      });\n      this.onSelectDistrict({\n        id: addr.district_id,\n        name: addr.district\n      });\n      this.onSelectProvince({\n        id: addr.province_id,\n        name: addr.province\n      });\n    });\n    _defineProperty(this, \"onChangeEmail\", e => this.setState({\n      email: e.target.value,\n      err: {},\n      g_err: ''\n    }));\n    _defineProperty(this, \"onChangePhone\", e => this.setState({\n      phone: e.target.value,\n      err: {},\n      g_err: ''\n    }));\n    _defineProperty(this, \"onChangePaymentMethod\", id => this.setState({\n      pm: id\n    }));\n    _defineProperty(this, \"onChangeQuantity\", (item, text) => {\n      let qty = parseInt(text) || 1;\n      item.quantity = qty;\n      this.forceUpdate();\n    });\n    _defineProperty(this, \"confirm\", async () => {\n      this.setState({\n        g_err: ''\n      });\n      let err = {};\n      if (!this.state.shipping) {\n        this.setState({\n          g_err: 'Mời bạn chọn địa chỉ giao hàng trước khi xác nhận'\n        });\n      }\n      if (this.state.shipping === 'shop') {\n        if (!_util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].isPhone(this.state.phone)) {\n          err.phone = true;\n        }\n        if (!_util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].trim(this.state.fullname)) {\n          err.name = true;\n        }\n        if (!_util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].trim(this.state.email)) {\n          err.email = true;\n        }\n      } else if (this.state.shipping_address == 'new') {\n        if (!_util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].isPhone(this.state.phone)) {\n          err.phone = true;\n        }\n        if (!_util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].trim(this.state.fullname)) {\n          err.name = true;\n        }\n        if (!_util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].trim(this.state.address)) {\n          err.address = true;\n        }\n        if (_util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].size(this.state.selectedWard) == 0) {\n          err.ward = true;\n        }\n        if (_util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].size(this.state.selectedDistrict) == 0) {\n          err.district = true;\n        }\n        if (_util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].size(this.state.selectedProvince) == 0) {\n          err.province = true;\n        }\n      }\n      if (_util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].size(err) > 0) {\n        this.setState({\n          err,\n          g_err: this.props.t('input_shipping_info_err')\n        });\n        return;\n      }\n      let user = this.props.store.matchUser();\n      let ufullname = _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].getUserAttr(user, 'fullname', 'text');\n      let uemail = _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].getUserAttr(user, 'emails', 'text');\n      let uphone = _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].getUserAttr(user, 'phones', 'text');\n      let order = _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].cloneDeep(this.state.order);\n      if (this.state.shipping === 'shop') {\n        _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].set(order, 'shipping.pickup_at_shop', true);\n        _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].set(order, 'shipping.address.phone', this.state.phone);\n        _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].set(order, 'shipping.address.fullname', this.state.fullname);\n        _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].set(order, 'shipping.address.email', this.state.email);\n      } else {\n        if (this.state.shipping_address == 'new') {\n          let out = await this.props.store.createShippingAddress({\n            address: this.state.address,\n            country: 'Việt Nam',\n            fullname: this.state.fullname,\n            email: this.state.email,\n            phone: this.state.phone,\n            district: this.state.selectedDistrict.name,\n            district_id: this.state.selectedDistrict.id,\n            province: this.state.selectedProvince.name,\n            province_id: this.state.selectedProvince.id,\n            ward: this.state.selectedWard.name,\n            street: this.state.street,\n            ward_id: this.state.selectedWard.id\n          });\n          if (out.error) return this.setState({\n            g_err: this.props.t('update_failed')\n          });\n          _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].set(order, 'shipping.address', out.body);\n        } else {\n          let addresses = this.props.store.matchShippingAddresses();\n          let sa = _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].find(addresses, addr => addr.id === this.state.shipping_address);\n          if (!sa) {\n            return this.setState({\n              err,\n              g_err: this.props.t('input_shipping_info_err')\n            });\n          }\n          _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].set(order, 'shipping.address', sa);\n        }\n      }\n      let changeduser = false;\n      if (!ufullname && this.state.fullname) {\n        changeduser = true;\n        _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].setUserAttr(user, {\n          key: 'fullname',\n          text: this.state.fullname\n        });\n      }\n      if (!uemail && this.state.email) {\n        changeduser = true;\n        _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].setUserAttr(user, {\n          key: 'emails',\n          text: this.state.email\n        });\n      }\n      if (!uphone && this.state.phone) {\n        changeduser = true;\n        _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].setUserAttr(user, {\n          key: 'phones',\n          text: this.state.phone\n        });\n      }\n      if (changeduser) this.props.store.setUser(user);\n      this.setState({\n        sending: true\n      });\n      order.user_confirmation = 'confirmed';\n      let out = await this.props.store.updateOrder(order);\n      this.setState({\n        sending: false\n      });\n      if (out.error) {\n        return this.setState({\n          g_err: this.props.t('update_failed')\n        });\n      }\n      this.setState({\n        step: 'success'\n      });\n      if (this.props.onResponse) this.props.onResponse('confirmed');\n    });\n    _defineProperty(this, \"onCancel\", () => {\n      if (this.props.onResponse) this.props.onResponse('rejected');\n      if (this.props.cid && !this.state.order.user_confirmation) {\n        let order = _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].cloneDeep(this.state.order);\n        order.user_confirmation = 'rejected';\n        this.props.store.updateOrder(order);\n      }\n      this.close();\n    });\n    _defineProperty(this, \"close\", () => {\n      if (this.props.onClose) this.props.onClose();\n    });\n    this.load();\n  }\n  async load() {\n    if (!this.props.order_id) return;\n    let orderout = await this.props.store.fetchOrder(this.props.order_id);\n    this.setState({\n      loading: false\n    });\n    if (!orderout.error) {\n      this.setState({\n        order: orderout.body\n      });\n    } else {\n      this.setState({\n        error: orderout.error\n      });\n    }\n    let user = this.props.store.matchUser();\n    let attributes = _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get(this.props.store.matchUser(), 'attributes', []);\n    let fullname = _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get(_util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].find(attributes, att => att.key === 'fullname'), 'text');\n    let email = _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get(_util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].find(attributes, att => att.key === 'emails'), 'text');\n    let phone = _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get(_util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].find(attributes, att => att.key === 'phones'), 'text');\n    this.setState({\n      fullname,\n      email,\n      phone\n    });\n    await this.props.store.fetchShippingAddresses();\n    let out = await this.props.store.list_provinces();\n    this.setState({\n      loadProvince: false\n    });\n    if (!out.error) this.setState({\n      provinces: _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get(out, 'body.addresses')\n    });\n  }\n  isMobile() {\n    if (this.props.cid) return true;\n    if (this.props.isMobile) return true;\n    return this.props.store.isMobile();\n  }\n  onChangeShippingAddress(id) {\n    this.setState({\n      shipping_address: id,\n      err: {},\n      g_err: ''\n    });\n  }\n  onChangeShipping(id) {\n    this.setState({\n      shipping: id,\n      err: {},\n      g_err: ''\n    });\n  }\n  renderDesktopPaymentMethod(order) {\n    return null;\n    // removed by dead control flow\n\n    // removed by dead control flow\n\n    // removed by dead control flow\n\n    // removed by dead control flow\n\n    // removed by dead control flow\n\n    // removed by dead control flow\n\n    // removed by dead control flow\n\n    // removed by dead control flow\n\n    // removed by dead control flow\n\n    // removed by dead control flow\n\n  }\n  renderDesktopShipping(order) {\n    let editmode = false;\n    if (!order.status || order.status == 'open') {\n      editmode = !order.user_confirmation;\n    }\n    let user = this.props.store.matchUser();\n    if (editmode) {\n      let addresses = this.props.store.matchShippingAddresses();\n      let provinces = _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].map(this.state.provinces, province => ({\n        id: province.id,\n        name: province.province\n      }));\n      let districts = _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].map(this.state.districts, district => ({\n        id: district.id,\n        name: district.district\n      }));\n      let wards = _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].map(this.state.wards, ward => ({\n        id: ward.id,\n        name: ward.ward\n      }));\n      let cls = 'ship_card';\n      let $body = null;\n      let ship_icon_active = false;\n      if (this.state.shipping === 'ship') {\n        ship_icon_active = true;\n        let $preaddrs = _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].map(addresses, addr => {\n          let fulladdr = [addr.street, addr.ward, addr.district, addr.region, addr.country].filter(a => a).join(', ');\n          let $phone = null;\n          if (addr.phone) {\n            $phone = (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(preact__WEBPACK_IMPORTED_MODULE_5__.Fragment, null, \"\\xA0\\xB7\\xA0\", this.props.t('phn'), \" \", addr.phone);\n          }\n          return (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n            style: \"margin-bottom: 15px !important\"\n          }, (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n            class: \"radio d-flex \"\n          }, (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"input\", {\n            type: \"radio\",\n            id: 'shipping_addr.' + addr.id,\n            onInput: e => this.onChangeShippingAddress(addr.id),\n            name: \"shipping_address\",\n            checked: this.state.shipping_address === addr.id\n          }), (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"label\", {\n            class: \"radio--label\",\n            for: 'shipping_addr.' + addr.id,\n            style: `font-weight: ${this.state.shipping_address === addr.id ? 500 : 400} !important`\n          }, addr.fullname, $phone, (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n            class: \"mt-1 muted\"\n          }, \"DC \", fulladdr)), (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n            class: \"radio--check\"\n          }, (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n            class: \"inside\"\n          }))));\n        });\n        $preaddrs.push((0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n          style: \"\"\n        }, (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n          class: \"radio d-flex \"\n        }, (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"input\", {\n          type: \"radio\",\n          id: 'shipping_addr.new',\n          onInput: e => this.onChangeShippingAddress('new'),\n          name: \"shipping_address\",\n          checked: this.state.shipping_address === 'new'\n        }), (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"label\", {\n          class: \"radio--label\",\n          for: 'shipping_addr.new'\n        }, this.state.shipping_address === 'new' ? (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"b\", null, \"T\\u1EDBi \\u0111\\u1ECBa ch\\u1EC9 kh\\xE1c\") : 'Tới địa chỉ khác'), (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n          class: \"radio--check\"\n        }, (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n          class: \"inside\"\n        })))));\n        let $new = (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n          style: \"padding-left: 22px !important;\"\n        }, (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n          class: \"d-flex\"\n        }, (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n          class: \"mr-2\",\n          style: \"flex: 1 !important;\"\n        }, (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n          class: \"order_form_label\"\n        }, this.props.t('fullname')), (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"input\", {\n          type: \"text\",\n          class: 'form-control ' + (this.state.err.name && 'err'),\n          onInput: this.onChangeFullname,\n          value: this.state.fullname\n        })), (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n          class: \"ml-2\",\n          style: \"flex: 1 !important;\"\n        }, (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n          class: \"order_form_label\"\n        }, this.props.t('phones')), (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"input\", {\n          type: \"text\",\n          class: 'form-control ' + (this.state.err.phone && 'err'),\n          onInput: this.onChangePhone,\n          value: this.state.phone\n        }))), (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n          class: \"\",\n          style: \"width: 100% !important\"\n        }, (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n          class: \"order_form_label\"\n        }, this.props.t('address')), (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(_address_picker_js__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n          initAddress: this.state.address,\n          store: this.props.store,\n          width: \"100%\",\n          onChangeAddress: this.onChangeAddress,\n          full: this.isMobile(),\n          onSelect: this.onSelectAddress,\n          extra_cls: this.state.err.address && 'err'\n        })), (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n          class: \"d-flex\",\n          style: \"justify-content: space-between !important;\"\n        }, (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n          style: \"flex: 1 !important; overflow:hidden !important; margin-right: 7px !important;\"\n        }, (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n          class: \"order_form_label\"\n        }, this.props.t('province')), (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(_chatbox_DropdownSelect_js__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n          width: \"194\",\n          full: this.isMobile(),\n          has_search: true,\n          loading: this.state.loadProvince,\n          items: provinces,\n          selected: this.state.selectedProvince,\n          onSelect: this.onSelectProvince,\n          extra_cls: this.state.err.province && 'err'\n        })), (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n          style: \"flex: 1 !important; overflow:hidden !important; margin-left: 7px !important;\"\n        }, (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n          class: \"order_form_label\"\n        }, this.props.t('district')), (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(_chatbox_DropdownSelect_js__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n          width: \"194\",\n          full: this.isMobile(),\n          selected: this.state.selectedDistrict,\n          has_search: true,\n          onSelect: this.onSelectDistrict,\n          loading: this.state.loadDistrict,\n          extra_cls: this.state.err.district && 'err',\n          items: districts\n        }))), (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n          class: \"d-flex\",\n          style: \"justify-content: space-between !important;\"\n        }, (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n          style: \"flex: 1 !important; overflow:hidden !important; margin-right: 7px !important;\"\n        }, (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n          class: \"order_form_label\"\n        }, this.props.t('ward')), (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(_chatbox_DropdownSelect_js__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n          width: \"194\",\n          selected: this.state.selectedWard,\n          full: this.isMobile(),\n          has_search: true,\n          onSelect: this.onSelectWard,\n          extra_cls: this.state.err.ward && 'err',\n          loading: this.state.loadWard,\n          items: wards\n        })), (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n          style: \"flex: 1 !important; margin-left: 7px !important;\"\n        })));\n        cls += ' ship_card__active';\n        if (_util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].size(addresses) == 0) {\n          $body = (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", null, (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n            class: 'mt-3 mb-2 '\n          }, this.props.t('input_shipping_info')), $new);\n        } else {\n          if (this.state.shipping_address !== 'new') $new = null;\n          $body = (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", null, (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n            class: \"mt-3 mb-2\",\n            style: \"margin-bottom: 10px !important;\"\n          }, \"Vui l\\xF2ng ch\\u1ECDn \\u0111\\u1ECBa ch\\u1EC9 giao h\\xE0ng\"), (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n            class: \"form\"\n          }, $preaddrs), $new);\n        }\n      }\n      let shopcls = 'ship_card';\n      let shop_icon_active = false;\n      if (this.state.shipping === 'shop') {\n        shop_icon_active = true;\n        shopcls += ' ship_card__active';\n        $body = (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", null, (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n          class: \"d-flex\"\n        }, (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n          class: \"mr-2\",\n          style: \"flex: 3 !important;\"\n        }, (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n          class: \"order_form_label\"\n        }, this.props.t('fullname')), (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"input\", {\n          type: \"text\",\n          class: 'form-control ' + (this.state.err.name && 'err'),\n          onInput: this.onChangeFullname,\n          value: this.state.fullname\n        })), (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n          class: \"ml-2\",\n          style: \"flex: 2 !important;\"\n        }, (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n          class: \"order_form_label\"\n        }, this.props.t('phones')), (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"input\", {\n          type: \"text\",\n          class: 'form-control ' + (this.state.err.phone && 'err'),\n          onInput: this.onChangePhone,\n          value: this.state.phone\n        }))), (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", null, (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n          class: \"order_form_label\"\n        }, this.props.t('email')), (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"input\", {\n          type: \"text\",\n          class: 'form-control ' + (this.state.err.email && 'err'),\n          onInput: this.onChangeEmail,\n          value: this.state.email\n        })));\n      }\n      let seccls = 'card_section';\n      if (this.isMobile()) seccls = 'order_section';\n      return (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(preact__WEBPACK_IMPORTED_MODULE_5__.Fragment, null, (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n        class: \"order_section__line\"\n      }), (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n        class: seccls\n      }, (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n        class: \"order_label\"\n      }, this.props.t('ship_to')), (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n        class: \"d-flex\"\n      }, (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n        class: shopcls + ' mr-3',\n        onClick: e => this.onChangeShipping('shop')\n      }, (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(_icon_js__WEBPACK_IMPORTED_MODULE_6__[\"default\"], {\n        name: \"shop\",\n        active: shop_icon_active\n      }), \" \", (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"b\", {\n        class: \"ml-2\"\n      }, \"Nh\\u1EADn h\\xE0ng t\\u1EA1i shop\")), (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n        class: cls,\n        onClick: e => this.onChangeShipping('ship')\n      }, (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(_icon_js__WEBPACK_IMPORTED_MODULE_6__[\"default\"], {\n        name: \"package\",\n        active: ship_icon_active\n      }), \" \", (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"b\", {\n        class: \"ml-2\"\n      }, \"Giao h\\xE0ng cho t\\xF4i\"))), $body));\n    }\n    let addr = _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get(order, 'shipping.address') || {};\n    let fulladdr = [addr.address, addr.ward, addr.district, addr.region, addr.country].filter(a => a).join(', ');\n    let $phone = null;\n    if (addr.phone) $phone = (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n      class: \"mt-1 muted\"\n    }, this.props.t('phn'), \":\\xA0\", addr.phone);\n    if (_util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get(order, 'shipping.pickup_at_shop')) {\n      fulladdr = 'Nhận hàng tại cửa hàng';\n    }\n    let $addr = fulladdr ? (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", null, fulladdr) : (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"i\", {\n      class: \"i muted\"\n    }, \"Ch\\u01B0a c\\xF3 \\u0111\\u1ECBa ch\\u1EC9 giao h\\xE0ng\");\n    let seccls = 'card_section';\n    if (this.isMobile()) seccls = 'order_section';\n    return (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n      class: seccls\n    }, (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n      class: \"order_label \"\n    }, this.props.t('ship_to')), $addr, $phone);\n  }\n  renderDesktopSummary(order) {\n    let $deposit = null;\n    if (order.deposit > 0) {\n      $deposit = (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"span\", {\n        class: \"muted\"\n      }, \"(c\\u1ECDc \", _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].formatCurrency(order.deposit), \")\");\n    }\n    let $discount = null;\n    if (order.total_discount > 0) {\n      $discount = (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n        class: \"order_summary_line\"\n      }, (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", null, \"Gi\\u1EA3m gi\\xE1\"), (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", null, _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].formatCurrency(order.total_discount)));\n    }\n    let $pay = null;\n    if ($deposit || order.payment_made) {\n      $pay = (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(preact__WEBPACK_IMPORTED_MODULE_5__.Fragment, null, (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n        class: \"order_summary_line\"\n      }, (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", null, \"B\\u1EA1n \\u0111\\xE3 tr\\u1EA3\"), (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", null, $deposit, \" \", _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].formatCurrency(order.payment_made))), (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n        class: \"order_summary_line\"\n      }, (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", null, \"B\\u1EA1n ch\\u01B0a tr\\u1EA3\"), (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", null, _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].formatCurrency((order.total || 0) - (order.payment_made || 0)))));\n    }\n    let $tax = (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n      class: \"order_summary_line\"\n    }, (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", null, \"Ti\\u1EC1n thu\\u1EBF\"), (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", null, _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].formatCurrency(order.total_tax)));\n    let $ship = (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n      class: \"order_summary_line\"\n    }, (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", null, \"Ph\\xED v\\u1EADn chuy\\u1EC3n\"), (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", null, _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get(order, 'shipping.fee', 0), \" d\"));\n    let editmode = false;\n    if (!order.status || order.status == 'open') {\n      editmode = !order.user_confirmation;\n    }\n    let $note = null;\n    if (editmode) {\n      $ship = null;\n      $tax = null;\n      $note = (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n        class: \"muted\"\n      }, (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"img\", {\n        class: \"order_ship_icon\",\n        src: __webpack_require__(/*! ../../assets/img/info.svg */ \"./assets/img/info.svg\")\n      }), \"\\xA0 Ch\\u01B0a bao g\\u1ED3m thu\\u1EBF v\\xE0 ph\\xED v\\u1EADn chuy\\u1EC3n\");\n    }\n    let seccls = '';\n    if (this.isMobile()) seccls = 'order_section';\n    return (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(preact__WEBPACK_IMPORTED_MODULE_5__.Fragment, null, (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n      class: \"order_section__line\"\n    }), (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n      class: seccls\n    }, (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n      class: \"order_label\"\n    }, \"T\\xF3m t\\u1EAFt\"), (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n      class: \"order_summary_line\"\n    }, (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", null, \"T\\u1ED5ng ti\\u1EC1n h\\xE0ng\"), (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", null, _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].formatCurrency(order.subtotal))), $tax, $discount, $ship, $note, (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n      class: \"order_summary_line\",\n      style: \"margin-top: 10px !important; padding-top: 15px !important; border-top: 1px solid #eee !important\"\n    }, (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", null, \"B\\u1EA1n ph\\u1EA3i tr\\u1EA3\"), (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n      class: \"order__total\"\n    }, _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].formatCurrency(order.total))), $pay));\n  }\n  renderStatusBadge(order) {\n    let status = order.status || 'open';\n    return (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n      style: \"float: right !important;\",\n      class: 'order_status order_status__' + status\n    }, status);\n  }\n  renderShippingInfo(order) {\n    if (order.status != 'open' || order.user_confirmation) {}\n    let shipping_provider = _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get(order, 'shipping.shipping_provider');\n    if (!shipping_provider) return null;\n    let shipping_code = _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get(order, 'shipping.shipping_code');\n    let $tracking_code = null;\n    if (shipping_code) $tracking_code = (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n      class: \"muted\",\n      style: \"margin-top: 3px !important\"\n    }, \"V\\u1EADn \\u0111\\u01A1n\\xA0\", (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"a\", {\n      class: \"order_tracking_link\",\n      target: \"_blank\",\n      href: 'https://giaohangtietkiem.vn/tra-cuu-van-don/' + shipping_code\n    }, shipping_code, \"\\xA0\", (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"img\", {\n      class: \"order_tracking_link_icon\",\n      src: __webpack_require__(/*! ../../assets/img/external-link.svg */ \"./assets/img/external-link.svg\")\n    })));\n    if (shipping_provider == 'ghtk') {\n      return (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n        class: \"order_section\"\n      }, (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n        class: \"order_section_label\"\n      }, \"\\u0110\\u01A1n v\\u1ECB v\\u1EADn chuy\\u1EC3n\"), (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n        class: \"d-flex align-items-center\"\n      }, (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"img\", {\n        class: \"order_shipping_provider_logo\",\n        src: ShippingProvider.ghtk.logo\n      }), (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", null, ShippingProvider.ghtk.name, $tracking_code)));\n    }\n    return null;\n  }\n  renderDesktopShippingInfo(order) {\n    let shipping_provider = _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get(order, 'shipping.shipping_provider');\n    if (!shipping_provider) return null;\n    let shipping_code = _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get(order, 'shipping.shipping_code');\n    let $tracking_code = null;\n    if (shipping_code) $tracking_code = (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n      class: \"muted\",\n      style: \"margin-top: 3px !important\"\n    }, \"V\\u1EADn \\u0111\\u01A1n\\xA0\", (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"a\", {\n      class: \"order_tracking_link\",\n      target: \"_blank\",\n      href: 'https://giaohangtietkiem.vn/tra-cuu-van-don/' + shipping_code\n    }, shipping_code, \"\\xA0\", (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"img\", {\n      class: \"order_tracking_link_icon\",\n      src: __webpack_require__(/*! ../../assets/img/external-link.svg */ \"./assets/img/external-link.svg\")\n    })));\n    if (shipping_provider == 'ghtk') {\n      return (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(preact__WEBPACK_IMPORTED_MODULE_5__.Fragment, null, (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n        class: \"order_label\"\n      }, \"\\u0110\\u01A1n v\\u1ECB v\\u1EADn chuy\\u1EC3n\"), (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n        class: \"d-flex align-items-center\"\n      }, (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"img\", {\n        class: \"order_shipping_provider_logo\",\n        src: ShippingProvider.ghtk.logo\n      }), (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", null, ShippingProvider.ghtk.name, $tracking_code)));\n    }\n    return null;\n  }\n  renderProducts(order) {\n    let $products = null;\n    $products = _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].map(order.items, item => {\n      if (!item || !item.product) return null;\n      let product = item.product;\n      return (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n        class: \"order_attachment__product\"\n      }, (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"img\", {\n        class: \"order_attachment__product_img\",\n        alt: '' + product.id,\n        src: _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get(product, 'images.0') || __webpack_require__(/*! ../../assets/img/default.jpg */ \"./assets/img/default.jpg\")\n      }), (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n        style: \"overflow: hidden !important;\"\n      }, (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n        class: \"order_attachment__product_name\"\n      }, product.name), (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n        class: \"order_attachment__product_desc\"\n      }, product.description || product.long_description), (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n        class: \"order_attachment__product_desc\"\n      }, this.props.t('qty'), \" \", item.quantity, \"\\xA0\\xB7\\xA0\", _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].formatCurrency(product.price))));\n    });\n    if (!this.isMobile()) return (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", null, (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n      class: \"order_label\"\n    }, this.props.t('product')), $products);\n    return (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n      class: \"order_section\"\n    }, (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n      class: \"order_section_label\"\n    }, this.props.t('product')), $products);\n  }\n  renderDesktopProducts(order) {\n    let $products = null;\n    let editmode = false;\n    if (!order.status || order.status == 'open') {\n      editmode = !order.user_confirmation;\n    }\n    if (editmode) {\n      $products = _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].map(order.items, item => {\n        if (!item || !item.product) return null;\n        let product = item.product;\n        return (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n          class: \"order_attachment__product\"\n        }, (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"img\", {\n          class: \"order_attachment__product_img\",\n          alt: '' + product.id,\n          src: _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get(product, 'images.0') || __webpack_require__(/*! ../../assets/img/default.jpg */ \"./assets/img/default.jpg\")\n        }), (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n          style: \"overflow: hidden !important; flex: 1 !important\"\n        }, (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n          class: \"order_attachment__product_name\"\n        }, product.name), (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n          class: \"order_attachment__product_desc\"\n        }, product.description || product.long_description), (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n          class: \"order_attachment__product_desc\"\n        }, _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].formatCurrency(product.price))), (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"input\", {\n          class: \"form-control\",\n          style: \"text-align: center !important; font-weight: 400 !important; width: 50px !important\",\n          value: item.quantity,\n          onInput: e => this.onChangeQuantity(item, e.target.value),\n          type: \"text\"\n        }), (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n          style: \"width: 80px !important; text-align: right !important; \"\n        }, (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"b\", null, _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].formatCurrency(item.quantity * product.price))));\n      });\n    } else {\n      $products = _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].map(order.items, item => {\n        if (!item || !item.product) return null;\n        let product = item.product;\n        return (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n          class: \"order_attachment__product\"\n        }, (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"img\", {\n          class: \"order_attachment__product_img\",\n          alt: '' + product.id,\n          src: _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].get(product, 'images.0') || __webpack_require__(/*! ../../assets/img/default.jpg */ \"./assets/img/default.jpg\")\n        }), (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n          style: \"overflow: hidden !important; flex: 1 !important\"\n        }, (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n          class: \"order_attachment__product_name\"\n        }, product.name), (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n          class: \"order_attachment__product_desc\"\n        }, product.description || product.long_description), (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n          class: \"order_attachment__product_desc\"\n        }, _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].formatCurrency(product.price))), (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n          style: \"text-align: center !important; font-weight: 400 !important; width: 50px !important\"\n        }, item.quantity), (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n          style: \"width: 80px !important; text-align: right !important; \"\n        }, (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"b\", null, _util_index_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"].formatCurrency(item.total))));\n      });\n    }\n    return (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n      class: \"card_section\"\n    }, (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n      class: \"desktop_order__heading\"\n    }, this.renderStatusBadge(order), (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"b\", {\n      style: \"font-size: 18px !important;\"\n    }, this.props.t('order'), \" #\", order.order_number || order.id), (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n      class: \"muted\"\n    }, (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(_chatbox_time_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n      style: \"font-size: 13px !important;\",\n      time: order.issue_date || order.created\n    }))), (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n      class: \"order_label d-flex\",\n      style: \"margin-top: 20px !important;justify-content: space-between !important; align-items: flex-end !important;\"\n    }, (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n      style: \"flex: 1 !important;\"\n    }, this.props.t('product')), (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n      style: \"font-weight: 400 !important; text-align:center !important; width: 50px !important\"\n    }, this.props.t('qty')), (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n      style: \"font-weight: 400 !important; text-align: right !important; width: 80px !important;\"\n    }, this.props.t('total'))), $products);\n  }\n  renderMobile(order) {\n    if (this.state.step === 'success') return this.renderMobileSuccess(order);\n    let $error = null;\n    if (this.state.g_err) {\n      $error = (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n        class: \"mb-2 text__danger\"\n      }, (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"img\", {\n        style: \"margin-top: -4px !important; height: 15px !important;\",\n        src: ximg\n      }), \"\\xA0\", (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"b\", null, this.state.g_err));\n    }\n    let $status = (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", null, $error, (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n      class: \"btn-confirm-order\",\n      style: \"margin-top: 0 !important;\",\n      onClick: this.confirm\n    }, this.props.t('confirm_order')));\n    let $close = (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n      class: \"order_btn order__btn__light mt-3\",\n      onClick: this.onCancel\n    }, this.props.t('cancel_order'));\n    if (order.user_confirmation || order.status != 'open') {\n      $status = null;\n      if (this.props.cid) $close = (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n        class: \"order_btn order__btn__light mt-3\",\n        onClick: this.close\n      }, this.props.t('close'));\n    }\n    return (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n      class: \"order\",\n      style: \"height: 100% !important\"\n    }, (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n      class: \"order--content\"\n    }, (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n      class: \"order--heading\"\n    }, this.renderStatusBadge(order), (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"b\", {\n      style: \"font-size: 16px !important;\"\n    }, this.props.t('order'), \" #\", order.order_number || order.id), (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n      class: \"muted\"\n    }, (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(_chatbox_time_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n      style: \"font-size: 13px !important;\",\n      time: order.issue_date || order.created\n    }))), this.renderProducts(order), this.renderDesktopShipping(order), this.renderShippingInfo(order), this.renderDesktopPaymentMethod(order), this.renderDesktopSummary(order), (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n      class: \"order_section pb-3\",\n      style: \"padding-top: 0 !important;\"\n    }, $status, $close)));\n  }\n  renderActions(order) {\n    let $actions = null;\n    let editmode = false;\n    if (!order.status || order.status == 'open') {\n      editmode = !order.user_confirmation;\n    }\n    if (this.state.step === 'success') return (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n      class: \"d-flex\",\n      style: \"align-items: center !important; justify-content: flex-end !important\"\n    }, (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", null, \"Ghi nh\\u1EADn th\\xE0nh c\\xF4ng\"), \"\\xA0\", (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"img\", {\n      style: \"width: 16px !important; height: 16px !important;\",\n      width: \"16\",\n      height: \"16\",\n      src: checkedimg\n    }));\n    if (editmode) {\n      let $error = null;\n      if (this.state.g_err) {\n        $error = (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n          class: \"mb-2 text__danger\"\n        }, (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"img\", {\n          style: \"margin-top: -4px !important; height: 15px !important;\",\n          src: ximg\n        }), \"\\xA0\", (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"b\", null, this.state.g_err));\n      }\n      $actions = (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", null, $error, (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n        class: \"btn-confirm-order\",\n        onClick: this.confirm\n      }, this.props.t('confirm_order')), (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n        class: \"btn-cancel-order\",\n        onClick: this.onCancel\n      }, this.props.t('cancel_order')));\n    }\n    return $actions;\n  }\n  renderDesktop(order) {\n    let acc = this.props.store.matchAccount();\n    var uri = acc.logo_url || __webpack_require__(/*! ../../assets/img/image_default.png */ \"./assets/img/image_default.png\");\n    return (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n      class: \"desktop order\"\n    }, (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n      class: \"order_acc_header\"\n    }, (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"img\", {\n      class: \"order_acc_logo\",\n      src: uri\n    }), (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n      class: \"order_acc_name\"\n    }, acc.name)), (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n      class: \"desktop_order__content\"\n    }, (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n      style: \"flex: 1 !important; padding-right: 20px !important;\"\n    }, this.renderDesktopProducts(order), this.renderDesktopShipping(order), this.renderDesktopShippingInfo(order), this.renderDesktopPaymentMethod(order), (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n      class: \"order__footer\"\n    }, (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"a\", {\n      target: \"_blank\",\n      href: \"https://subiz.com.vn\",\n      class: \"order__footer_link\"\n    }, \"Cung c\\u1EA5p b\\u1EDFi \", (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"b\", null, \"Subiz\")), (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n      class: \"order__footer_delimiter\"\n    }), (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"a\", {\n      target: \"_blank\",\n      href: \"https://subiz.com.vn/vi/terms-of-service.html\",\n      class: \"order__footer_link\"\n    }, \"\\u0110i\\u1EC1u kho\\u1EA3n\"), (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"a\", {\n      target: \"_blank\",\n      href: \"https://subiz.com.vn/vi/privacy-policy.html\",\n      class: \"order__footer_link\"\n    }, \"Quy\\u1EC1n ri\\xEAng t\\u01B0\"))), (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", null, (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n      class: \"order_recap\"\n    }, this.renderDesktopSummary(order), this.renderActions(order)))));\n  }\n  render() {\n    if (this.state.loading) return (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n      class: \"order_error\"\n    }, (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(_chatbox_spinner_js__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n      class: \"mt-4\",\n      size: \"60\",\n      static: true\n    }));\n    if (this.state.error) return (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n      class: \"order_error\"\n    }, (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"img\", {\n      class: \"mt-3\",\n      src: __webpack_require__(/*! ../../assets/img/empty_1.svg */ \"./assets/img/empty_1.svg\")\n    }), (0,preact__WEBPACK_IMPORTED_MODULE_5__.h)(\"div\", {\n      class: \"mt-3\"\n    }, this.props.t('order_load_error')));\n    let order = this.state.order;\n    if (this.isMobile()) return this.renderMobile(order);\n    return this.renderDesktop(order);\n  }\n}\nlet ShippingProvider = {\n  ghtk: {\n    name: 'Giao hàng tiết kiệm',\n    logo: __webpack_require__(/*! ../../assets/img/ghtk.svg */ \"./assets/img/ghtk.svg\")\n  },\n  ghn: {\n    name: 'Giao hàng nhanh',\n    logo: __webpack_require__(/*! ../../assets/img/ghn.svg */ \"./assets/img/ghn.svg\")\n  }\n};\n\n//# sourceURL=webpack://@subiz/widget-v4/./src/order/order.js?\n}");
+
+/***/ },
+
+/***/ "./assets/img/caret.svg"
+/*!******************************!*\
+  !*** ./assets/img/caret.svg ***!
+  \******************************/
+(module, __unused_webpack_exports, __webpack_require__) {
+
+eval("{module.exports = __webpack_require__.p + \"assets/img/caret.998eb8f.svg\";\n\n//# sourceURL=webpack://@subiz/widget-v4/./assets/img/caret.svg?\n}");
+
+/***/ },
+
+/***/ "./assets/img/done_green.svg"
+/*!***********************************!*\
+  !*** ./assets/img/done_green.svg ***!
+  \***********************************/
+(module, __unused_webpack_exports, __webpack_require__) {
+
+eval("{module.exports = __webpack_require__.p + \"assets/img/done_green.b817fd4.svg\";\n\n//# sourceURL=webpack://@subiz/widget-v4/./assets/img/done_green.svg?\n}");
+
+/***/ },
+
+/***/ "./assets/img/empty_1.svg"
+/*!********************************!*\
+  !*** ./assets/img/empty_1.svg ***!
+  \********************************/
+(module, __unused_webpack_exports, __webpack_require__) {
+
+eval("{module.exports = __webpack_require__.p + \"assets/img/empty_1.0b98af0.svg\";\n\n//# sourceURL=webpack://@subiz/widget-v4/./assets/img/empty_1.svg?\n}");
+
+/***/ },
+
+/***/ "./assets/img/ghn.svg"
+/*!****************************!*\
+  !*** ./assets/img/ghn.svg ***!
+  \****************************/
+(module, __unused_webpack_exports, __webpack_require__) {
+
+eval("{module.exports = __webpack_require__.p + \"assets/img/ghn.070f8e3.svg\";\n\n//# sourceURL=webpack://@subiz/widget-v4/./assets/img/ghn.svg?\n}");
+
+/***/ },
+
+/***/ "./assets/img/ghtk.svg"
+/*!*****************************!*\
+  !*** ./assets/img/ghtk.svg ***!
+  \*****************************/
+(module, __unused_webpack_exports, __webpack_require__) {
+
+eval("{module.exports = __webpack_require__.p + \"assets/img/ghtk.326eac1.svg\";\n\n//# sourceURL=webpack://@subiz/widget-v4/./assets/img/ghtk.svg?\n}");
+
+/***/ },
+
+/***/ "./assets/img/info.svg"
+/*!*****************************!*\
+  !*** ./assets/img/info.svg ***!
+  \*****************************/
+(module, __unused_webpack_exports, __webpack_require__) {
+
+eval("{module.exports = __webpack_require__.p + \"assets/img/info.ebce7ea.svg\";\n\n//# sourceURL=webpack://@subiz/widget-v4/./assets/img/info.svg?\n}");
+
+/***/ },
+
+/***/ "./assets/img/loader.svg"
+/*!*******************************!*\
+  !*** ./assets/img/loader.svg ***!
+  \*******************************/
+(module, __unused_webpack_exports, __webpack_require__) {
+
+eval("{module.exports = __webpack_require__.p + \"assets/img/loader.37000a7.svg\";\n\n//# sourceURL=webpack://@subiz/widget-v4/./assets/img/loader.svg?\n}");
+
+/***/ },
+
+/***/ "./assets/img/not_found_search.png"
+/*!*****************************************!*\
+  !*** ./assets/img/not_found_search.png ***!
+  \*****************************************/
+(module, __unused_webpack_exports, __webpack_require__) {
+
+eval("{module.exports = __webpack_require__.p + \"assets/img/not_found_search.2ddb8d1.png\";\n\n//# sourceURL=webpack://@subiz/widget-v4/./assets/img/not_found_search.png?\n}");
+
+/***/ },
+
+/***/ "./assets/img/package.svg"
+/*!********************************!*\
+  !*** ./assets/img/package.svg ***!
+  \********************************/
+(module, __unused_webpack_exports, __webpack_require__) {
+
+eval("{module.exports = __webpack_require__.p + \"assets/img/package.8d37d0f.svg\";\n\n//# sourceURL=webpack://@subiz/widget-v4/./assets/img/package.svg?\n}");
+
+/***/ },
+
+/***/ "./assets/img/package_fade.svg"
+/*!*************************************!*\
+  !*** ./assets/img/package_fade.svg ***!
+  \*************************************/
+(module, __unused_webpack_exports, __webpack_require__) {
+
+eval("{module.exports = __webpack_require__.p + \"assets/img/package_fade.763c001.svg\";\n\n//# sourceURL=webpack://@subiz/widget-v4/./assets/img/package_fade.svg?\n}");
+
+/***/ },
+
+/***/ "./assets/img/search.svg"
+/*!*******************************!*\
+  !*** ./assets/img/search.svg ***!
+  \*******************************/
+(module, __unused_webpack_exports, __webpack_require__) {
+
+eval("{module.exports = __webpack_require__.p + \"assets/img/search.f9705ff.svg\";\n\n//# sourceURL=webpack://@subiz/widget-v4/./assets/img/search.svg?\n}");
+
+/***/ },
+
+/***/ "./assets/img/shop.svg"
+/*!*****************************!*\
+  !*** ./assets/img/shop.svg ***!
+  \*****************************/
+(module, __unused_webpack_exports, __webpack_require__) {
+
+eval("{module.exports = __webpack_require__.p + \"assets/img/shop.f7dc7d8.svg\";\n\n//# sourceURL=webpack://@subiz/widget-v4/./assets/img/shop.svg?\n}");
+
+/***/ },
+
+/***/ "./assets/img/shop_faded.svg"
+/*!***********************************!*\
+  !*** ./assets/img/shop_faded.svg ***!
+  \***********************************/
+(module, __unused_webpack_exports, __webpack_require__) {
+
+eval("{module.exports = __webpack_require__.p + \"assets/img/shop_faded.df7845a.svg\";\n\n//# sourceURL=webpack://@subiz/widget-v4/./assets/img/shop_faded.svg?\n}");
+
+/***/ },
+
+/***/ "./assets/img/x.svg"
+/*!**************************!*\
+  !*** ./assets/img/x.svg ***!
+  \**************************/
+(module, __unused_webpack_exports, __webpack_require__) {
+
+eval("{module.exports = __webpack_require__.p + \"assets/img/x.26fdfa3.svg\";\n\n//# sourceURL=webpack://@subiz/widget-v4/./assets/img/x.svg?\n}");
+
+/***/ }
+
+}]);