@subiz/widget-v4 4.0.92 → 4.0.93

package/compiled_src/order/order.js

@@ -4,39 +4,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _index = _interopRequireDefault(require("../util/index.js"));
-
 var _time = _interopRequireDefault(require("../chatbox/time.js"));
-
 var common = _interopRequireWildcard(require("../common.js"));
-
 var _DropdownSelect = _interopRequireDefault(require("../chatbox/DropdownSelect.js"));
-
 var _address_picker = _interopRequireDefault(require("./address_picker.js"));
-
 var _preact = require("preact");
-
 var _icon = _interopRequireDefault(require("./icon.js"));
-
 var _spinner = _interopRequireDefault(require("../chatbox/spinner.js"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 var checkedimg = require('../../assets/img/done_green.svg');
-
 var ximg = require('../../assets/img/x.svg');
-
 class Order extends common.Com {
   constructor(props) {
     super(props);
-
     _defineProperty(this, "state", {
       loadProvince: true,
       g_err: '',
@@ -55,7 +39,6 @@ class Order extends common.Com {
       sending: false,
       step: ''
     });
-
     _defineProperty(this, "renderMobileSuccess", order => {
       return (0, _preact.h)("div", {
         class: "order",
@@ -82,7 +65,6 @@ class Order extends common.Com {
         onClick: this.close
       }, this.props.t('close')))));
     });
-
     _defineProperty(this, "onSelectProvince", async item => {
       this.setState({
         selectedProvince: item,
@@ -102,7 +84,6 @@ class Order extends common.Com {
         districts: _index.default.get(out, 'body.addresses')
       });
     });
-
     _defineProperty(this, "onSelectDistrict", async item => {
       this.setState({
         selectedDistrict: item,
@@ -122,25 +103,21 @@ class Order extends common.Com {
         wards: _index.default.get(out, 'body.addresses')
       });
     });
-
     _defineProperty(this, "onSelectWard", item => this.setState({
       selectedWard: item,
       err: {},
       g_err: ''
     }));
-
     _defineProperty(this, "onChangeFullname", e => this.setState({
       fullname: e.target.value,
       err: {},
       g_err: ''
     }));
-
     _defineProperty(this, "onChangeAddress", e => this.setState({
       address: e,
       err: {},
       g_err: ''
     }));
-
     _defineProperty(this, "onSelectAddress", addr => {
       if (!addr) return;
       this.setState({
@@ -162,50 +139,41 @@ class Order extends common.Com {
         name: addr.province
       });
     });
-
     _defineProperty(this, "onChangeEmail", e => this.setState({
       email: e.target.value,
       err: {},
       g_err: ''
     }));
-
     _defineProperty(this, "onChangePhone", e => this.setState({
       phone: e.target.value,
       err: {},
       g_err: ''
     }));
-
     _defineProperty(this, "onChangePaymentMethod", id => this.setState({
       pm: id
     }));
-
     _defineProperty(this, "onChangeQuantity", (item, text) => {
       let qty = parseInt(text) || 1;
       item.quantity = qty;
       this.forceUpdate();
     });
-
     _defineProperty(this, "confirm", async () => {
       this.setState({
         g_err: ''
       });
       let err = {};
-
       if (!this.state.shipping) {
         this.setState({
           g_err: 'Mời bạn chọn địa chỉ giao hàng trước khi xác nhận'
         });
       }
-
       if (this.state.shipping === 'shop') {
         if (!_index.default.isPhone(this.state.phone)) {
           err.phone = true;
         }
-
         if (!_index.default.trim(this.state.fullname)) {
           err.name = true;
         }
-
         if (!_index.default.trim(this.state.email)) {
           err.email = true;
         }
@@ -213,28 +181,22 @@ class Order extends common.Com {
         if (!_index.default.isPhone(this.state.phone)) {
           err.phone = true;
         }
-
         if (!_index.default.trim(this.state.fullname)) {
           err.name = true;
         }
-
         if (!_index.default.trim(this.state.address)) {
           err.address = true;
         }
-
         if (_index.default.size(this.state.selectedWard) == 0) {
           err.ward = true;
         }
-
         if (_index.default.size(this.state.selectedDistrict) == 0) {
           err.district = true;
         }
-
         if (_index.default.size(this.state.selectedProvince) == 0) {
           err.province = true;
         }
       }
-
       if (_index.default.size(err) > 0) {
         this.setState({
           err,
@@ -244,22 +206,14 @@ class Order extends common.Com {
       }
 
       let user = this.props.store.matchUser();
-
       let ufullname = _index.default.getUserAttr(user, 'fullname', 'text');
-
       let uemail = _index.default.getUserAttr(user, 'emails', 'text');
-
       let uphone = _index.default.getUserAttr(user, 'phones', 'text');
-
       let order = _index.default.cloneDeep(this.state.order);
-
       if (this.state.shipping === 'shop') {
         _index.default.set(order, 'shipping.pickup_at_shop', true);
-
         _index.default.set(order, 'shipping.address.phone', this.state.phone);
-
         _index.default.set(order, 'shipping.address.fullname', this.state.fullname);
-
         _index.default.set(order, 'shipping.address.email', this.state.email);
       } else {
         if (this.state.shipping_address == 'new') {
@@ -280,47 +234,36 @@ class Order extends common.Com {
           if (out.error) return this.setState({
             g_err: this.props.t('update_failed')
           });
-
           _index.default.set(order, 'shipping.address', out.body);
         } else {
           let addresses = this.props.store.matchShippingAddresses();
-
           let sa = _index.default.find(addresses, addr => addr.id === this.state.shipping_address);
-
           if (!sa) {
             return this.setState({
               err,
               g_err: this.props.t('input_shipping_info_err')
             });
           }
-
           _index.default.set(order, 'shipping.address', sa);
         }
       }
-
       let changeduser = false;
-
       if (!ufullname && this.state.fullname) {
         changeduser = true;
-
         _index.default.setUserAttr(user, {
           key: 'fullname',
           text: this.state.fullname
         });
       }
-
       if (!uemail && this.state.email) {
         changeduser = true;
-
         _index.default.setUserAttr(user, {
           key: 'emails',
           text: this.state.email
         });
       }
-
       if (!uphone && this.state.phone) {
         changeduser = true;
-
         _index.default.setUserAttr(user, {
           key: 'phones',
           text: this.state.phone
@@ -336,46 +279,36 @@ class Order extends common.Com {
       this.setState({
         sending: false
       });
-
       if (out.error) {
         return this.setState({
           g_err: this.props.t('update_failed')
         });
       }
-
       this.setState({
         step: 'success'
       });
       if (this.props.onResponse) this.props.onResponse('confirmed');
     });
-
     _defineProperty(this, "onCancel", () => {
       if (this.props.onResponse) this.props.onResponse('rejected');
-
       if (this.props.cid && !this.state.order.user_confirmation) {
         let order = _index.default.cloneDeep(this.state.order);
-
         order.user_confirmation = 'rejected';
         this.props.store.updateOrder(order);
       }
-
       this.close();
     });
-
     _defineProperty(this, "close", () => {
       if (this.props.onClose) this.props.onClose();
     });
-
     this.load();
   }
-
   async load() {
     if (!this.props.order_id) return;
     let orderout = await this.props.store.fetchOrder(this.props.order_id);
     this.setState({
       loading: false
     });
-
     if (!orderout.error) {
       this.setState({
         order: orderout.body
@@ -385,17 +318,11 @@ class Order extends common.Com {
         error: orderout.error
       });
     }
-
     let user = this.props.store.matchUser();
-
     let attributes = _index.default.get(this.props.store.matchUser(), 'attributes', []);
-
     let fullname = _index.default.get(_index.default.find(attributes, att => att.key === 'fullname'), 'text');
-
     let email = _index.default.get(_index.default.find(attributes, att => att.key === 'emails'), 'text');
-
     let phone = _index.default.get(_index.default.find(attributes, att => att.key === 'phones'), 'text');
-
     this.setState({
       fullname,
       email,
@@ -410,13 +337,11 @@ class Order extends common.Com {
       provinces: _index.default.get(out, 'body.addresses')
     });
   }
-
   isMobile() {
     if (this.props.cid) return true;
     if (this.props.isMobile) return true;
     return this.props.store.isMobile();
   }
-
   onChangeShippingAddress(id) {
     this.setState({
       shipping_address: id,
@@ -424,7 +349,6 @@ class Order extends common.Com {
       g_err: ''
     });
   }
-
   onChangeShipping(id) {
     this.setState({
       shipping: id,
@@ -432,35 +356,27 @@ class Order extends common.Com {
       g_err: ''
     });
   }
-
   renderDesktopPaymentMethod(order) {
     return null;
     let editmode = false;
-
     if (!order.status || order.status == 'open') {
       editmode = !order.user_confirmation;
     }
-
     if (editmode) {
       let pms = this.props.store.matchPaymentMethods();
-
       let $pms = _index.default.map(pms, pm => {
         let $name = pm.description;
-
         if (pm.method == 'bank_transfer') {
           $name = pm.description + ' ' + pm.bank_name + ' ' + pm.bank_branch;
         }
-
         let cls = 'order__card';
         let $desc = null;
-
         if (this.state.pm === pm.id) {
           cls += ' order__card__active';
           $desc = (0, _preact.h)("div", {
             class: "muted mt-1",
             style: "margin-left: 26px !important;"
           }, "Tr\u1EA3 ti\u1EC1n m\u1EB7t khi b\u1EA1n nh\u1EADn h\xE0ng");
-
           if (pm.method == 'bank_transfer') {
             $desc = (0, _preact.h)("div", {
               class: "muted mt-1",
@@ -468,7 +384,6 @@ class Order extends common.Com {
             }, (0, _preact.h)("div", null, "STK: ", pm.bank_number), (0, _preact.h)("div", null, "Ch\u1EE7 t\xE0i kho\u1EA3n: ", pm.bank_owner));
           }
         }
-
         return (0, _preact.h)("div", {
           style: "width: 100% !important; margin-top: 10px !important;"
         }, (0, _preact.h)("div", {
@@ -489,7 +404,6 @@ class Order extends common.Com {
           class: "inside"
         })), $desc));
       });
-
       let seccls = 'card_section';
       if (this.isMobile()) seccls = 'order_section';
       return (0, _preact.h)(_preact.Fragment, null, (0, _preact.h)("div", {
@@ -503,14 +417,12 @@ class Order extends common.Com {
         style: "justify-content: space-between !important;"
       }, $pms)));
     }
-
     let pm = order.payment_method || {
       method: 'cod'
     };
     let $body = null;
     if (pm.method === 'cash') $body = (0, _preact.h)("div", null, this.props.t('pm_cash'));
     if (pm.method === 'cod') $body = (0, _preact.h)("div", null, this.props.t('pm_cod'));
-
     if (pm.method === 'bank_transfer') {
       let name = pm.bank_name;
       if (pm.bank_branch) name += ' - ' + pm.bank_branch;
@@ -520,55 +432,42 @@ class Order extends common.Com {
         class: "mt-1"
       }, "S\u1ED1 t\xE0i kho\u1EA3n: ", pm.bank_number));
     }
-
     if (!$body) return null;
     return (0, _preact.h)(_preact.Fragment, null, (0, _preact.h)("div", {
       class: "order_label"
     }, this.props.t('payment')), $body);
   }
-
   renderDesktopShipping(order) {
     let editmode = false;
-
     if (!order.status || order.status == 'open') {
       editmode = !order.user_confirmation;
     }
-
     let user = this.props.store.matchUser();
-
     if (editmode) {
       let addresses = this.props.store.matchShippingAddresses();
-
       let provinces = _index.default.map(this.state.provinces, province => ({
         id: province.id,
         name: province.province
       }));
-
       let districts = _index.default.map(this.state.districts, district => ({
         id: district.id,
         name: district.district
       }));
-
       let wards = _index.default.map(this.state.wards, ward => ({
         id: ward.id,
         name: ward.ward
       }));
-
       let cls = 'ship_card';
       let $body = null;
       let ship_icon_active = false;
-
       if (this.state.shipping === 'ship') {
         ship_icon_active = true;
-
         let $preaddrs = _index.default.map(addresses, addr => {
           let fulladdr = [addr.street, addr.ward, addr.district, addr.region, addr.country].filter(a => a).join(', ');
           let $phone = null;
-
           if (addr.phone) {
             $phone = (0, _preact.h)(_preact.Fragment, null, "\xA0\xB7\xA0", this.props.t('phn'), " ", addr.phone);
           }
-
           return (0, _preact.h)("div", {
             style: "margin-bottom: 15px !important"
           }, (0, _preact.h)("div", {
@@ -591,7 +490,6 @@ class Order extends common.Com {
             class: "inside"
           }))));
         });
-
         $preaddrs.push((0, _preact.h)("div", {
           style: ""
         }, (0, _preact.h)("div", {
@@ -696,7 +594,6 @@ class Order extends common.Com {
           style: "flex: 1 !important; margin-left: 7px !important;"
         })));
         cls += ' ship_card__active';
-
         if (_index.default.size(addresses) == 0) {
           $body = (0, _preact.h)("div", null, (0, _preact.h)("div", {
             class: 'mt-3 mb-2 '
@@ -711,10 +608,8 @@ class Order extends common.Com {
           }, $preaddrs), $new);
         }
       }
-
       let shopcls = 'ship_card';
       let shop_icon_active = false;
-
       if (this.state.shipping === 'shop') {
         shop_icon_active = true;
         shopcls += ' ship_card__active';
@@ -778,18 +673,15 @@ class Order extends common.Com {
         class: "ml-2"
       }, "Giao h\xE0ng cho t\xF4i"))), $body));
     }
-
     let addr = _index.default.get(order, 'shipping.address') || {};
     let fulladdr = [addr.address, addr.ward, addr.district, addr.region, addr.country].filter(a => a).join(', ');
     let $phone = null;
     if (addr.phone) $phone = (0, _preact.h)("div", {
       class: "mt-1 muted"
     }, this.props.t('phn'), ":\xA0", addr.phone);
-
     if (_index.default.get(order, 'shipping.pickup_at_shop')) {
       fulladdr = 'Nhận hàng tại cửa hàng';
     }
-
     let $addr = fulladdr ? (0, _preact.h)("div", null, fulladdr) : (0, _preact.h)("i", {
       class: "i muted"
     }, "Ch\u01B0a c\xF3 \u0111\u1ECBa ch\u1EC9 giao h\xE0ng");
@@ -801,26 +693,20 @@ class Order extends common.Com {
       class: "order_label "
     }, this.props.t('ship_to')), $addr, $phone);
   }
-
   renderDesktopSummary(order) {
     let $deposit = null;
-
     if (order.deposit > 0) {
       $deposit = (0, _preact.h)("span", {
         class: "muted"
       }, "(c\u1ECDc ", _index.default.formatCurrency(order.deposit), ")");
     }
-
     let $discount = null;
-
     if (order.total_discount > 0) {
       $discount = (0, _preact.h)("div", {
         class: "order_summary_line"
       }, (0, _preact.h)("div", null, "Gi\u1EA3m gi\xE1"), (0, _preact.h)("div", null, _index.default.formatCurrency(order.total_discount)));
     }
-
     let $pay = null;
-
     if ($deposit || order.payment_made) {
       $pay = (0, _preact.h)(_preact.Fragment, null, (0, _preact.h)("div", {
         class: "order_summary_line"
@@ -828,7 +714,6 @@ class Order extends common.Com {
         class: "order_summary_line"
       }, (0, _preact.h)("div", null, "B\u1EA1n ch\u01B0a tr\u1EA3"), (0, _preact.h)("div", null, _index.default.formatCurrency((order.total || 0) - (order.payment_made || 0)))));
     }
-
     let $tax = (0, _preact.h)("div", {
       class: "order_summary_line"
     }, (0, _preact.h)("div", null, "Ti\u1EC1n thu\u1EBF"), (0, _preact.h)("div", null, _index.default.formatCurrency(order.total_tax)));
@@ -836,13 +721,10 @@ class Order extends common.Com {
       class: "order_summary_line"
     }, (0, _preact.h)("div", null, "Ph\xED v\u1EADn chuy\u1EC3n"), (0, _preact.h)("div", null, _index.default.get(order, 'shipping.fee', 0), " d"));
     let editmode = false;
-
     if (!order.status || order.status == 'open') {
       editmode = !order.user_confirmation;
     }
-
     let $note = null;
-
     if (editmode) {
       $ship = null;
       $tax = null;
@@ -853,7 +735,6 @@ class Order extends common.Com {
         src: require('../../assets/img/info.svg')
       }), "\xA0 Ch\u01B0a bao g\u1ED3m thu\u1EBF v\xE0 ph\xED v\u1EADn chuy\u1EC3n");
     }
-
     let seccls = '';
     if (this.isMobile()) seccls = 'order_section';
     return (0, _preact.h)(_preact.Fragment, null, (0, _preact.h)("div", {
@@ -871,7 +752,6 @@ class Order extends common.Com {
       class: "order__total"
     }, _index.default.formatCurrency(order.total))), $pay));
   }
-
   renderStatusBadge(order) {
     let status = order.status || 'open';
     return (0, _preact.h)("div", {
@@ -879,16 +759,13 @@ class Order extends common.Com {
       class: 'order_status order_status__' + status
     }, status);
   }
-
   renderShippingInfo(order) {
-    if (order.status != 'open' || order.user_confirmation) {}
+    if (order.status != 'open' || order.user_confirmation) {
+    }
 
     let shipping_provider = _index.default.get(order, 'shipping.shipping_provider');
-
     if (!shipping_provider) return null;
-
     let shipping_code = _index.default.get(order, 'shipping.shipping_code');
-
     let $tracking_code = null;
     if (shipping_code) $tracking_code = (0, _preact.h)("div", {
       class: "muted",
@@ -901,7 +778,6 @@ class Order extends common.Com {
       class: "order_tracking_link_icon",
       src: require('../../assets/img/external-link.svg')
     })));
-
     if (shipping_provider == 'ghtk') {
       return (0, _preact.h)("div", {
         class: "order_section"
@@ -914,17 +790,12 @@ class Order extends common.Com {
         src: ShippingProvider.ghtk.logo
       }), (0, _preact.h)("div", null, ShippingProvider.ghtk.name, $tracking_code)));
     }
-
     return null;
   }
-
   renderDesktopShippingInfo(order) {
     let shipping_provider = _index.default.get(order, 'shipping.shipping_provider');
-
     if (!shipping_provider) return null;
-
     let shipping_code = _index.default.get(order, 'shipping.shipping_code');
-
     let $tracking_code = null;
     if (shipping_code) $tracking_code = (0, _preact.h)("div", {
       class: "muted",
@@ -937,7 +808,6 @@ class Order extends common.Com {
       class: "order_tracking_link_icon",
       src: require('../../assets/img/external-link.svg')
     })));
-
     if (shipping_provider == 'ghtk') {
       return (0, _preact.h)(_preact.Fragment, null, (0, _preact.h)("div", {
         class: "order_label"
@@ -948,10 +818,8 @@ class Order extends common.Com {
         src: ShippingProvider.ghtk.logo
       }), (0, _preact.h)("div", null, ShippingProvider.ghtk.name, $tracking_code)));
     }
-
     return null;
   }
-
   renderProducts(order) {
     let $products = null;
     $products = _index.default.map(order.items, item => {
@@ -982,15 +850,12 @@ class Order extends common.Com {
       class: "order_section_label"
     }, this.props.t('product')), $products);
   }
-
   renderDesktopProducts(order) {
     let $products = null;
     let editmode = false;
-
     if (!order.status || order.status == 'open') {
       editmode = !order.user_confirmation;
     }
-
     if (editmode) {
       $products = _index.default.map(order.items, item => {
         if (!item || !item.product) return null;
@@ -1044,7 +909,6 @@ class Order extends common.Com {
         }, (0, _preact.h)("b", null, _index.default.formatCurrency(item.total))));
       });
     }
-
     return (0, _preact.h)("div", {
       class: "card_section"
     }, (0, _preact.h)("div", {
@@ -1067,11 +931,9 @@ class Order extends common.Com {
       style: "font-weight: 400 !important; text-align: right !important; width: 80px !important;"
     }, this.props.t('total'))), $products);
   }
-
   renderMobile(order) {
     if (this.state.step === 'success') return this.renderMobileSuccess(order);
     let $error = null;
-
     if (this.state.g_err) {
       $error = (0, _preact.h)("div", {
         class: "mb-2 text__danger"
@@ -1080,7 +942,6 @@ class Order extends common.Com {
         src: ximg
       }), "\xA0", (0, _preact.h)("b", null, this.state.g_err));
     }
-
     let $status = (0, _preact.h)("div", null, $error, (0, _preact.h)("div", {
       class: "btn-confirm-order",
       style: "margin-top: 0 !important;",
@@ -1090,7 +951,6 @@ class Order extends common.Com {
       class: "order_btn order__btn__light mt-3",
       onClick: this.onCancel
     }, this.props.t('cancel_order'));
-
     if (order.user_confirmation || order.status != 'open') {
       $status = null;
       if (this.props.cid) $close = (0, _preact.h)("div", {
@@ -1098,7 +958,6 @@ class Order extends common.Com {
         onClick: this.close
       }, this.props.t('close'));
     }
-
     return (0, _preact.h)("div", {
       class: "order",
       style: "height: 100% !important"
@@ -1118,15 +977,12 @@ class Order extends common.Com {
       style: "padding-top: 0 !important;"
     }, $status, $close)));
   }
-
   renderActions(order) {
     let $actions = null;
     let editmode = false;
-
     if (!order.status || order.status == 'open') {
       editmode = !order.user_confirmation;
     }
-
     if (this.state.step === 'success') return (0, _preact.h)("div", {
       class: "d-flex",
       style: "align-items: center !important; justify-content: flex-end !important"
@@ -1136,10 +992,8 @@ class Order extends common.Com {
       height: "16",
       src: checkedimg
     }));
-
     if (editmode) {
       let $error = null;
-
       if (this.state.g_err) {
         $error = (0, _preact.h)("div", {
           class: "mb-2 text__danger"
@@ -1148,7 +1002,6 @@ class Order extends common.Com {
           src: ximg
         }), "\xA0", (0, _preact.h)("b", null, this.state.g_err));
       }
-
       $actions = (0, _preact.h)("div", null, $error, (0, _preact.h)("div", {
         class: "btn-confirm-order",
         onClick: this.confirm
@@ -1157,15 +1010,11 @@ class Order extends common.Com {
         onClick: this.onCancel
       }, this.props.t('cancel_order')));
     }
-
     return $actions;
   }
-
   renderDesktop(order) {
     let acc = this.props.store.matchAccount();
-
     var uri = acc.logo_url || require('../../assets/img/image_default.png');
-
     return (0, _preact.h)("div", {
       class: "desktop order"
     }, (0, _preact.h)("div", {
@@ -1199,7 +1048,6 @@ class Order extends common.Com {
       class: "order_recap"
     }, this.renderDesktopSummary(order), this.renderActions(order)))));
   }
-
   render() {
     if (this.state.loading) return (0, _preact.h)("div", {
       class: "order_error"
@@ -1220,9 +1068,7 @@ class Order extends common.Com {
     if (this.isMobile()) return this.renderMobile(order);
     return this.renderDesktop(order);
   }
-
 }
-
 exports.default = Order;
 let ShippingProvider = {
   ghtk: {