ordering-ui-external 10.1.0 → 10.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/_bundles/{0.ordering-ui.e9827c5566d8cce0eaa4.js → 0.ordering-ui.d1a8d1fbf5b112d5d9a9.js} +1 -1
- package/_bundles/{1.ordering-ui.e9827c5566d8cce0eaa4.js → 1.ordering-ui.d1a8d1fbf5b112d5d9a9.js} +1 -1
- package/_bundles/{2.ordering-ui.e9827c5566d8cce0eaa4.js → 2.ordering-ui.d1a8d1fbf5b112d5d9a9.js} +1 -1
- package/_bundles/{4.ordering-ui.e9827c5566d8cce0eaa4.js → 4.ordering-ui.d1a8d1fbf5b112d5d9a9.js} +1 -1
- package/_bundles/{5.ordering-ui.e9827c5566d8cce0eaa4.js → 5.ordering-ui.d1a8d1fbf5b112d5d9a9.js} +1 -1
- package/_bundles/{6.ordering-ui.e9827c5566d8cce0eaa4.js → 6.ordering-ui.d1a8d1fbf5b112d5d9a9.js} +1 -1
- package/_bundles/{7.ordering-ui.e9827c5566d8cce0eaa4.js → 7.ordering-ui.d1a8d1fbf5b112d5d9a9.js} +2 -2
- package/_bundles/{8.ordering-ui.e9827c5566d8cce0eaa4.js → 8.ordering-ui.d1a8d1fbf5b112d5d9a9.js} +1 -1
- package/_bundles/{9.ordering-ui.e9827c5566d8cce0eaa4.js → 9.ordering-ui.d1a8d1fbf5b112d5d9a9.js} +1 -1
- package/_bundles/ordering-ui.d1a8d1fbf5b112d5d9a9.js +2 -0
- package/_modules/components/BusinessBasicInformation/index.js +7 -10
- package/_modules/components/OrderDetails/index.js +14 -17
- package/_modules/components/ProductItemAccordion/index.js +4 -5
- package/_modules/components/RenderProductsLayout/SearchProducts/index.js +2 -5
- package/_modules/components/UserFormDetails/index.js +7 -8
- package/_modules/components/UserProfileForm/ProfileOptions/index.js +4 -5
- package/_modules/components/UserProfileForm/index.js +10 -11
- package/_modules/contexts/ThemeContext/index.js +1 -1
- package/_modules/themes/five/src/components/AddressList/index.js +0 -3
- package/_modules/themes/five/src/components/BusinessController/index.js +14 -17
- package/_modules/themes/five/src/components/BusinessController/styles.js +1 -1
- package/_modules/themes/five/src/components/BusinessInformation/styles.js +19 -14
- package/_modules/themes/five/src/components/BusinessPreorder/index.js +51 -10
- package/_modules/themes/five/src/components/BusinessPreorder/styles.js +32 -25
- package/_modules/themes/five/src/components/BusinessProductsCategories/index.js +2 -5
- package/_modules/themes/five/src/components/BusinessProductsListing/index.js +11 -4
- package/_modules/themes/five/src/components/BusinessProductsListing/styles.js +11 -12
- package/_modules/themes/five/src/components/BusinessesListing/layouts/OriginalBusinessesListing/OrdersSection/index.js +22 -3
- package/_modules/themes/five/src/components/BusinessesListing/layouts/OriginalBusinessesListing/index.js +5 -10
- package/_modules/themes/five/src/components/Cart/index.js +17 -9
- package/_modules/themes/five/src/components/CartPopover/index.js +4 -7
- package/_modules/themes/five/src/components/CartPopover/styles.js +4 -1
- package/_modules/themes/five/src/components/Checkout/index.js +8 -8
- package/_modules/themes/five/src/components/Confirm/styles.js +16 -13
- package/_modules/themes/five/src/components/DatePicker/index.js +2 -1
- package/_modules/themes/five/src/components/Favorite/index.js +4 -5
- package/_modules/themes/five/src/components/Footer/index.js +2 -3
- package/_modules/themes/five/src/components/Header/index.js +5 -8
- package/_modules/themes/five/src/components/HeaderOption/index.js +4 -5
- package/_modules/themes/five/src/components/HomeHero/layouts/OriginalHomeHero/index.js +7 -10
- package/_modules/themes/five/src/components/HorizontalOrdersLayout/styles.js +1 -1
- package/_modules/themes/five/src/components/Modal/styles.js +4 -2
- package/_modules/themes/five/src/components/MomentContent/index.js +16 -6
- package/_modules/themes/five/src/components/MomentControl/index.js +44 -34
- package/_modules/themes/five/src/components/MomentControl/styles.js +49 -27
- package/_modules/themes/five/src/components/OrderDetails/index.js +31 -24
- package/_modules/themes/five/src/components/OrderDetails/layouts/Kiosk/index.js +4 -7
- package/_modules/themes/five/src/components/OrderProgress/index.js +5 -1
- package/_modules/themes/five/src/components/OrderTypeSelectorContent/index.js +11 -1
- package/_modules/themes/five/src/components/OrdersOption/PreviousBusinessOrdered/index.js +4 -5
- package/_modules/themes/five/src/components/OrdersOption/index.js +7 -22
- package/_modules/themes/five/src/components/OrdersOption/styles.js +38 -35
- package/_modules/themes/five/src/components/PageBanner/index.js +79 -58
- package/_modules/themes/five/src/components/PhoneAutocomplete/index.js +2 -1
- package/_modules/themes/five/src/components/ProductForm/styles.js +12 -9
- package/_modules/themes/five/src/components/ProductItemAccordion/index.js +0 -3
- package/_modules/themes/five/src/components/ProductOption/styles.js +4 -1
- package/_modules/themes/five/src/components/RenderProductsLayout/index.js +8 -9
- package/_modules/themes/five/src/components/SignUpForm/index.js +5 -5
- package/_modules/themes/five/src/components/SingleProductCard/layouts/starbucks/index.js +0 -3
- package/_modules/themes/five/src/components/UserDetails/index.js +1 -1
- package/_modules/themes/five/src/components/UserDetails/styles.js +1 -1
- package/_modules/themes/five/src/components/UserFormDetails/index.js +3 -6
- package/_modules/themes/five/src/components/UserPopover/index.js +3 -6
- package/_modules/themes/five/src/components/UserPopover/styles.js +8 -5
- package/_modules/themes/five/src/components/UserProfileForm/ProfileOptions/index.js +4 -5
- package/_modules/themes/five/src/components/UserProfileForm/index.js +2 -5
- package/_modules/themes/six/src/components/BusinessBasicInformation/index.js +8 -9
- package/_modules/themes/six/src/components/BusinessProductsListing/SearchProducts/index.js +3 -6
- package/package.json +2 -2
- package/src/components/BusinessBasicInformation/index.js +7 -8
- package/src/components/OrderDetails/index.js +14 -16
- package/src/components/ProductItemAccordion/index.js +4 -3
- package/src/components/RenderProductsLayout/SearchProducts/index.js +2 -3
- package/src/components/UserFormDetails/index.js +6 -5
- package/src/components/UserProfileForm/ProfileOptions/index.js +4 -4
- package/src/components/UserProfileForm/index.js +10 -10
- package/src/contexts/ThemeContext/index.js +1 -1
- package/src/themes/five/src/components/AddressForm/index.js +1 -2
- package/src/themes/five/src/components/AddressList/index.js +1 -3
- package/src/themes/five/src/components/BusinessController/index.js +5 -7
- package/src/themes/five/src/components/BusinessController/styles.js +1 -1
- package/src/themes/five/src/components/BusinessInformation/index.js +1 -2
- package/src/themes/five/src/components/BusinessInformation/styles.js +2 -2
- package/src/themes/five/src/components/BusinessPreorder/index.js +61 -10
- package/src/themes/five/src/components/BusinessPreorder/styles.js +93 -43
- package/src/themes/five/src/components/BusinessProductsCategories/index.js +2 -3
- package/src/themes/five/src/components/BusinessProductsList/index.js +1 -2
- package/src/themes/five/src/components/BusinessProductsListing/index.js +10 -3
- package/src/themes/five/src/components/BusinessProductsListing/styles.js +1 -1
- package/src/themes/five/src/components/BusinessesListing/layouts/OriginalBusinessesListing/OrdersSection/index.js +17 -0
- package/src/themes/five/src/components/BusinessesListing/layouts/OriginalBusinessesListing/index.js +6 -7
- package/src/themes/five/src/components/Cart/index.js +11 -4
- package/src/themes/five/src/components/CartPopover/index.js +2 -3
- package/src/themes/five/src/components/CartPopover/styles.js +1 -1
- package/src/themes/five/src/components/Checkout/index.js +5 -6
- package/src/themes/five/src/components/Confirm/styles.js +1 -1
- package/src/themes/five/src/components/DatePicker/index.js +1 -0
- package/src/themes/five/src/components/Favorite/index.js +4 -3
- package/src/themes/five/src/components/Footer/index.js +3 -2
- package/src/themes/five/src/components/Header/index.js +4 -5
- package/src/themes/five/src/components/HeaderOption/index.js +4 -3
- package/src/themes/five/src/components/HomeHero/layouts/OriginalHomeHero/index.js +7 -8
- package/src/themes/five/src/components/HorizontalOrdersLayout/styles.js +1 -0
- package/src/themes/five/src/components/Modal/styles.js +1 -1
- package/src/themes/five/src/components/MomentContent/index.js +17 -8
- package/src/themes/five/src/components/MomentControl/index.js +83 -45
- package/src/themes/five/src/components/MomentControl/styles.js +137 -34
- package/src/themes/five/src/components/MyOrders/index.js +1 -1
- package/src/themes/five/src/components/OrderDetails/index.js +50 -21
- package/src/themes/five/src/components/OrderDetails/layouts/Kiosk/index.js +4 -6
- package/src/themes/five/src/components/OrderProgress/index.js +5 -1
- package/src/themes/five/src/components/OrderTypeSelectorContent/index.js +13 -1
- package/src/themes/five/src/components/OrdersOption/PreviousBusinessOrdered/index.js +4 -3
- package/src/themes/five/src/components/OrdersOption/index.js +3 -17
- package/src/themes/five/src/components/OrdersOption/styles.js +3 -4
- package/src/themes/five/src/components/PageBanner/index.js +65 -51
- package/src/themes/five/src/components/PhoneAutocomplete/index.js +1 -0
- package/src/themes/five/src/components/ProductForm/styles.js +1 -1
- package/src/themes/five/src/components/ProductItemAccordion/index.js +1 -2
- package/src/themes/five/src/components/ProductOption/styles.js +1 -1
- package/src/themes/five/src/components/RenderProductsLayout/index.js +9 -6
- package/src/themes/five/src/components/SignUpForm/index.js +6 -6
- package/src/themes/five/src/components/SingleProductCard/layouts/starbucks/index.js +1 -2
- package/src/themes/five/src/components/UserDetails/index.js +1 -1
- package/src/themes/five/src/components/UserDetails/styles.js +3 -0
- package/src/themes/five/src/components/UserFormDetails/index.js +3 -4
- package/src/themes/five/src/components/UserPopover/index.js +3 -4
- package/src/themes/five/src/components/UserPopover/styles.js +1 -1
- package/src/themes/five/src/components/UserProfileForm/ProfileOptions/index.js +4 -3
- package/src/themes/five/src/components/UserProfileForm/index.js +2 -4
- package/src/themes/six/src/components/BusinessBasicInformation/index.js +8 -7
- package/src/themes/six/src/components/BusinessProductsListing/SearchProducts/index.js +2 -3
- package/template/app.js +15 -10
- package/template/components/HelmetTags/index.js +3 -2
- package/template/pages/AddressList/index.js +4 -3
- package/template/pages/BusinessProductsList/index.js +5 -4
- package/template/pages/BusinessesList/index.js +6 -6
- package/template/pages/Checkout/index.js +6 -4
- package/template/pages/Home/index.js +4 -2
- package/template/pages/MessagesList/index.js +5 -4
- package/template/pages/MyOrders/index.js +6 -5
- package/template/pages/OrderDetails/index.js +4 -3
- package/_bundles/ordering-ui.e9827c5566d8cce0eaa4.js +0 -2
- package/template/components/OrderingThemeUpdated/index.js +0 -41
- /package/_bundles/{7.ordering-ui.e9827c5566d8cce0eaa4.js.LICENSE.txt → 7.ordering-ui.d1a8d1fbf5b112d5d9a9.js.LICENSE.txt} +0 -0
- /package/_bundles/{ordering-ui.e9827c5566d8cce0eaa4.js.LICENSE.txt → ordering-ui.d1a8d1fbf5b112d5d9a9.js.LICENSE.txt} +0 -0
|
@@ -57,7 +57,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
|
|
|
57
57
|
function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
|
|
58
58
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
59
59
|
var OrderDetailsUI = function OrderDetailsUI(props) {
|
|
60
|
-
var _configs$google_maps_, _configs$powered_by_o,
|
|
60
|
+
var _configs$google_maps_, _configs$powered_by_o, _theme$confirmation, _theme$confirmation$c, _theme$confirmation$c2, _theme$confirmation2, _theme$confirmation2$, _theme$confirmation2$2, _theme$confirmation2$3, _theme$confirmation2$4, _theme$confirmation3, _theme$confirmation3$, _theme$confirmation3$2, _theme$confirmation3$3, _theme$confirmation3$4, _theme$confirmation4, _theme$confirmation4$, _theme$confirmation4$2, _theme$confirmation4$3, _theme$confirmation4$4, _theme$confirmation5, _theme$confirmation5$, _theme$confirmation5$2, _theme$confirmation5$3, _theme$confirmation5$4, _theme$confirmation6, _theme$confirmation6$, _theme$confirmation6$2, _theme$confirmation6$3, _theme$confirmation6$4, _theme$confirmation7, _theme$confirmation7$, _theme$confirmation7$2, _theme$confirmation7$3, _theme$confirmation7$4, _theme$confirmation8, _theme$confirmation8$, _theme$confirmation8$2, _theme$confirmation8$3, _theme$confirmation8$4, _theme$confirmation9, _theme$confirmation9$, _theme$confirmation9$2, _theme$confirmation9$3, _theme$confirmation9$4, _theme$confirmation10, _theme$confirmation11, _theme$confirmation12, _theme$confirmation13, _theme$confirmation14, _theme$confirmation15, _theme$confirmation16, _theme$confirmation17, _theme$confirmation18, _theme$confirmation19, _theme$confirmation20, _theme$confirmation21, _theme$confirmation22, _theme$confirmation23, _theme$confirmation24, _theme$confirmation25, _theme$confirmation26, _theme$confirmation27, _theme$confirmation28, _theme$confirmation29, _theme$confirmation30, _theme$confirmation31, _theme$confirmation32, _theme$confirmation33, _theme$confirmation34, _theme$confirmation35, _theme$confirmation36, _theme$confirmation37, _theme$confirmation38, _theme$confirmation39, _theme$confirmation40, _theme$confirmation41, _theme$confirmation42, _theme$confirmation43, _theme$confirmation44, _theme$confirmation45, _theme$confirmation46, _theme$confirmation47, _theme$confirmation48, _theme$confirmation49, _theme$confirmation50, _theme$confirmation51, _theme$confirmation52, _theme$confirmation53, _theme$confirmation54, _order$driver, _order$driver2, _theme$images, _theme$images$dummies, _order$business2, _order$business3, _theme$images2, _theme$images2$dummie, _order$customer, _order$customer2, _theme$images3, _theme$images3$dummie, _order$driver3, _order$driver3$locati, _order$driver4, _order$driver4$locati, _order$driver4$locati2, _theme$defaultLanguag, _configs$guest_uuid_a, _order$business4, _order$business5, _orderTypes$find, _configs$general_hour, _order$reporting_data, _configs$general_hour2, _progressBarObjt, _progressBarObjt2, _theme$defaultLanguag2, _order$business6, _order$business7, _order$business8, _order$business9, _order$business10, _order$place, _order$place2, _progressBarObjt3, _progressBarObjt4, _order$business12, _order$customer3, _order$customer4, _order$customer5, _order$customer6, _order$customer7, _order$customer8, _order$customer9, _order$customer10, _theme$defaultLanguag3, _order$driver5, _order$driver6, _order$driver7, _order$driver8, _order$driver9, _order$driver10, _order$driver11, _order$driver12, _order$driver13, _order$driver13$locat, _order$driver14, _configs$google_maps_2, _order$products$, _order$products$$gift, _order$products$2, _order$products$2$gif, _theme$defaultLanguag4, _theme$defaultLanguag5, _theme$defaultLanguag6, _openTaxModal$data, _openTaxModal$data2, _openTaxModal$data3, _openTaxModal$data4, _openTaxModal$data$fi, _openTaxModal$data5, _openTaxModal$data6;
|
|
61
61
|
var userCustomerId = props.userCustomerId,
|
|
62
62
|
handleChangeOrderStatus = props.handleChangeOrderStatus,
|
|
63
63
|
handleBusinessRedirect = props.handleBusinessRedirect,
|
|
@@ -80,6 +80,9 @@ var OrderDetailsUI = function OrderDetailsUI(props) {
|
|
|
80
80
|
_useConfig2 = _slicedToArray(_useConfig, 1),
|
|
81
81
|
configs = _useConfig2[0].configs;
|
|
82
82
|
var theme = (0, _styledComponents.useTheme)();
|
|
83
|
+
var _useSession = (0, _orderingComponentsExternal.useSession)(),
|
|
84
|
+
_useSession2 = _slicedToArray(_useSession, 1),
|
|
85
|
+
token = _useSession2[0].token;
|
|
83
86
|
var _useEvent = (0, _orderingComponentsExternal.useEvent)(),
|
|
84
87
|
_useEvent2 = _slicedToArray(_useEvent, 1),
|
|
85
88
|
events = _useEvent2[0];
|
|
@@ -95,9 +98,6 @@ var OrderDetailsUI = function OrderDetailsUI(props) {
|
|
|
95
98
|
_useOrder2 = _slicedToArray(_useOrder, 2),
|
|
96
99
|
carts = _useOrder2[0].carts,
|
|
97
100
|
refreshOrderOptions = _useOrder2[1].refreshOrderOptions;
|
|
98
|
-
var _useOrderingTheme = (0, _orderingComponentsExternal.useOrderingTheme)(),
|
|
99
|
-
_useOrderingTheme2 = _slicedToArray(_useOrderingTheme, 1),
|
|
100
|
-
orderingTheme = _useOrderingTheme2[0];
|
|
101
101
|
var _useState = (0, _react.useState)({
|
|
102
102
|
business: false,
|
|
103
103
|
driver: false
|
|
@@ -186,24 +186,24 @@ var OrderDetailsUI = function OrderDetailsUI(props) {
|
|
|
186
186
|
var enabledPoweredByOrdering = configs === null || configs === void 0 ? void 0 : (_configs$powered_by_o = configs.powered_by_ordering_module) === null || _configs$powered_by_o === void 0 ? void 0 : _configs$powered_by_o.value;
|
|
187
187
|
var hideOrderActions = (order === null || order === void 0 ? void 0 : order.delivery_type) === 1;
|
|
188
188
|
var isGiftCardOrder = !(order !== null && order !== void 0 && order.business_id);
|
|
189
|
-
var isOriginalLayout = (
|
|
190
|
-
var hideDeliveryType = theme === null || theme === void 0 ? void 0 : (_theme$
|
|
191
|
-
var hideDeliveryDate = theme === null || theme === void 0 ? void 0 : (_theme$
|
|
192
|
-
var hideDeliveryProgress = theme === null || theme === void 0 ? void 0 : (_theme$
|
|
193
|
-
var hideBusinessPhone = theme === null || theme === void 0 ? void 0 : (_theme$
|
|
194
|
-
var hideBusinessMessages = theme === null || theme === void 0 ? void 0 : (_theme$
|
|
195
|
-
var hideBusinessEmail = theme === null || theme === void 0 ? void 0 : (_theme$
|
|
196
|
-
var hideBusinessAddress = theme === null || theme === void 0 ? void 0 : (_theme$
|
|
197
|
-
var hideBusinessMap = theme === null || theme === void 0 ? void 0 : (_theme$
|
|
198
|
-
var hideDriverName = theme === null || theme === void 0 ? void 0 : (_theme$
|
|
199
|
-
var hideDriverPhone = theme === null || theme === void 0 ? void 0 : (_theme$
|
|
200
|
-
var hideDriverMessages = theme === null || theme === void 0 ? void 0 : (_theme$
|
|
201
|
-
var hideDriverEmail = theme === null || theme === void 0 ? void 0 : (_theme$
|
|
202
|
-
var hideDriverPhoto = theme === null || theme === void 0 ? void 0 : (_theme$
|
|
203
|
-
var hideCustomerPhone = theme === null || theme === void 0 ? void 0 : (_theme$
|
|
204
|
-
var hideCustomerAddress = theme === null || theme === void 0 ? void 0 : (_theme$
|
|
205
|
-
var hideCustomerEmail = theme === null || theme === void 0 ? void 0 : (_theme$
|
|
206
|
-
var hideCustomerPhoto = theme === null || theme === void 0 ? void 0 : (_theme$
|
|
189
|
+
var isOriginalLayout = (theme === null || theme === void 0 ? void 0 : (_theme$confirmation = theme.confirmation) === null || _theme$confirmation === void 0 ? void 0 : (_theme$confirmation$c = _theme$confirmation.components) === null || _theme$confirmation$c === void 0 ? void 0 : (_theme$confirmation$c2 = _theme$confirmation$c.layout) === null || _theme$confirmation$c2 === void 0 ? void 0 : _theme$confirmation$c2.type) === 'original';
|
|
190
|
+
var hideDeliveryType = theme === null || theme === void 0 ? void 0 : (_theme$confirmation2 = theme.confirmation) === null || _theme$confirmation2 === void 0 ? void 0 : (_theme$confirmation2$ = _theme$confirmation2.components) === null || _theme$confirmation2$ === void 0 ? void 0 : (_theme$confirmation2$2 = _theme$confirmation2$.order) === null || _theme$confirmation2$2 === void 0 ? void 0 : (_theme$confirmation2$3 = _theme$confirmation2$2.components) === null || _theme$confirmation2$3 === void 0 ? void 0 : (_theme$confirmation2$4 = _theme$confirmation2$3.delivery_type) === null || _theme$confirmation2$4 === void 0 ? void 0 : _theme$confirmation2$4.hidden;
|
|
191
|
+
var hideDeliveryDate = theme === null || theme === void 0 ? void 0 : (_theme$confirmation3 = theme.confirmation) === null || _theme$confirmation3 === void 0 ? void 0 : (_theme$confirmation3$ = _theme$confirmation3.components) === null || _theme$confirmation3$ === void 0 ? void 0 : (_theme$confirmation3$2 = _theme$confirmation3$.order) === null || _theme$confirmation3$2 === void 0 ? void 0 : (_theme$confirmation3$3 = _theme$confirmation3$2.components) === null || _theme$confirmation3$3 === void 0 ? void 0 : (_theme$confirmation3$4 = _theme$confirmation3$3.date) === null || _theme$confirmation3$4 === void 0 ? void 0 : _theme$confirmation3$4.hidden;
|
|
192
|
+
var hideDeliveryProgress = theme === null || theme === void 0 ? void 0 : (_theme$confirmation4 = theme.confirmation) === null || _theme$confirmation4 === void 0 ? void 0 : (_theme$confirmation4$ = _theme$confirmation4.components) === null || _theme$confirmation4$ === void 0 ? void 0 : (_theme$confirmation4$2 = _theme$confirmation4$.order) === null || _theme$confirmation4$2 === void 0 ? void 0 : (_theme$confirmation4$3 = _theme$confirmation4$2.components) === null || _theme$confirmation4$3 === void 0 ? void 0 : (_theme$confirmation4$4 = _theme$confirmation4$3.progress) === null || _theme$confirmation4$4 === void 0 ? void 0 : _theme$confirmation4$4.hidden;
|
|
193
|
+
var hideBusinessPhone = theme === null || theme === void 0 ? void 0 : (_theme$confirmation5 = theme.confirmation) === null || _theme$confirmation5 === void 0 ? void 0 : (_theme$confirmation5$ = _theme$confirmation5.components) === null || _theme$confirmation5$ === void 0 ? void 0 : (_theme$confirmation5$2 = _theme$confirmation5$.business) === null || _theme$confirmation5$2 === void 0 ? void 0 : (_theme$confirmation5$3 = _theme$confirmation5$2.components) === null || _theme$confirmation5$3 === void 0 ? void 0 : (_theme$confirmation5$4 = _theme$confirmation5$3.phone) === null || _theme$confirmation5$4 === void 0 ? void 0 : _theme$confirmation5$4.hidden;
|
|
194
|
+
var hideBusinessMessages = theme === null || theme === void 0 ? void 0 : (_theme$confirmation6 = theme.confirmation) === null || _theme$confirmation6 === void 0 ? void 0 : (_theme$confirmation6$ = _theme$confirmation6.components) === null || _theme$confirmation6$ === void 0 ? void 0 : (_theme$confirmation6$2 = _theme$confirmation6$.business) === null || _theme$confirmation6$2 === void 0 ? void 0 : (_theme$confirmation6$3 = _theme$confirmation6$2.components) === null || _theme$confirmation6$3 === void 0 ? void 0 : (_theme$confirmation6$4 = _theme$confirmation6$3.messages) === null || _theme$confirmation6$4 === void 0 ? void 0 : _theme$confirmation6$4.hidden;
|
|
195
|
+
var hideBusinessEmail = theme === null || theme === void 0 ? void 0 : (_theme$confirmation7 = theme.confirmation) === null || _theme$confirmation7 === void 0 ? void 0 : (_theme$confirmation7$ = _theme$confirmation7.components) === null || _theme$confirmation7$ === void 0 ? void 0 : (_theme$confirmation7$2 = _theme$confirmation7$.business) === null || _theme$confirmation7$2 === void 0 ? void 0 : (_theme$confirmation7$3 = _theme$confirmation7$2.components) === null || _theme$confirmation7$3 === void 0 ? void 0 : (_theme$confirmation7$4 = _theme$confirmation7$3.email) === null || _theme$confirmation7$4 === void 0 ? void 0 : _theme$confirmation7$4.hidden;
|
|
196
|
+
var hideBusinessAddress = theme === null || theme === void 0 ? void 0 : (_theme$confirmation8 = theme.confirmation) === null || _theme$confirmation8 === void 0 ? void 0 : (_theme$confirmation8$ = _theme$confirmation8.components) === null || _theme$confirmation8$ === void 0 ? void 0 : (_theme$confirmation8$2 = _theme$confirmation8$.business) === null || _theme$confirmation8$2 === void 0 ? void 0 : (_theme$confirmation8$3 = _theme$confirmation8$2.components) === null || _theme$confirmation8$3 === void 0 ? void 0 : (_theme$confirmation8$4 = _theme$confirmation8$3.address) === null || _theme$confirmation8$4 === void 0 ? void 0 : _theme$confirmation8$4.hidden;
|
|
197
|
+
var hideBusinessMap = theme === null || theme === void 0 ? void 0 : (_theme$confirmation9 = theme.confirmation) === null || _theme$confirmation9 === void 0 ? void 0 : (_theme$confirmation9$ = _theme$confirmation9.components) === null || _theme$confirmation9$ === void 0 ? void 0 : (_theme$confirmation9$2 = _theme$confirmation9$.business) === null || _theme$confirmation9$2 === void 0 ? void 0 : (_theme$confirmation9$3 = _theme$confirmation9$2.components) === null || _theme$confirmation9$3 === void 0 ? void 0 : (_theme$confirmation9$4 = _theme$confirmation9$3.map) === null || _theme$confirmation9$4 === void 0 ? void 0 : _theme$confirmation9$4.hidden;
|
|
198
|
+
var hideDriverName = theme === null || theme === void 0 ? void 0 : (_theme$confirmation10 = theme.confirmation) === null || _theme$confirmation10 === void 0 ? void 0 : (_theme$confirmation11 = _theme$confirmation10.components) === null || _theme$confirmation11 === void 0 ? void 0 : (_theme$confirmation12 = _theme$confirmation11.driver) === null || _theme$confirmation12 === void 0 ? void 0 : (_theme$confirmation13 = _theme$confirmation12.components) === null || _theme$confirmation13 === void 0 ? void 0 : (_theme$confirmation14 = _theme$confirmation13.name) === null || _theme$confirmation14 === void 0 ? void 0 : _theme$confirmation14.hidden;
|
|
199
|
+
var hideDriverPhone = theme === null || theme === void 0 ? void 0 : (_theme$confirmation15 = theme.confirmation) === null || _theme$confirmation15 === void 0 ? void 0 : (_theme$confirmation16 = _theme$confirmation15.components) === null || _theme$confirmation16 === void 0 ? void 0 : (_theme$confirmation17 = _theme$confirmation16.driver) === null || _theme$confirmation17 === void 0 ? void 0 : (_theme$confirmation18 = _theme$confirmation17.components) === null || _theme$confirmation18 === void 0 ? void 0 : (_theme$confirmation19 = _theme$confirmation18.phone) === null || _theme$confirmation19 === void 0 ? void 0 : _theme$confirmation19.hidden;
|
|
200
|
+
var hideDriverMessages = theme === null || theme === void 0 ? void 0 : (_theme$confirmation20 = theme.confirmation) === null || _theme$confirmation20 === void 0 ? void 0 : (_theme$confirmation21 = _theme$confirmation20.components) === null || _theme$confirmation21 === void 0 ? void 0 : (_theme$confirmation22 = _theme$confirmation21.driver) === null || _theme$confirmation22 === void 0 ? void 0 : (_theme$confirmation23 = _theme$confirmation22.components) === null || _theme$confirmation23 === void 0 ? void 0 : (_theme$confirmation24 = _theme$confirmation23.messages) === null || _theme$confirmation24 === void 0 ? void 0 : _theme$confirmation24.hidden;
|
|
201
|
+
var hideDriverEmail = theme === null || theme === void 0 ? void 0 : (_theme$confirmation25 = theme.confirmation) === null || _theme$confirmation25 === void 0 ? void 0 : (_theme$confirmation26 = _theme$confirmation25.components) === null || _theme$confirmation26 === void 0 ? void 0 : (_theme$confirmation27 = _theme$confirmation26.driver) === null || _theme$confirmation27 === void 0 ? void 0 : (_theme$confirmation28 = _theme$confirmation27.components) === null || _theme$confirmation28 === void 0 ? void 0 : (_theme$confirmation29 = _theme$confirmation28.email) === null || _theme$confirmation29 === void 0 ? void 0 : _theme$confirmation29.hidden;
|
|
202
|
+
var hideDriverPhoto = theme === null || theme === void 0 ? void 0 : (_theme$confirmation30 = theme.confirmation) === null || _theme$confirmation30 === void 0 ? void 0 : (_theme$confirmation31 = _theme$confirmation30.components) === null || _theme$confirmation31 === void 0 ? void 0 : (_theme$confirmation32 = _theme$confirmation31.driver) === null || _theme$confirmation32 === void 0 ? void 0 : (_theme$confirmation33 = _theme$confirmation32.components) === null || _theme$confirmation33 === void 0 ? void 0 : (_theme$confirmation34 = _theme$confirmation33.photo) === null || _theme$confirmation34 === void 0 ? void 0 : _theme$confirmation34.hidden;
|
|
203
|
+
var hideCustomerPhone = theme === null || theme === void 0 ? void 0 : (_theme$confirmation35 = theme.confirmation) === null || _theme$confirmation35 === void 0 ? void 0 : (_theme$confirmation36 = _theme$confirmation35.components) === null || _theme$confirmation36 === void 0 ? void 0 : (_theme$confirmation37 = _theme$confirmation36.customer) === null || _theme$confirmation37 === void 0 ? void 0 : (_theme$confirmation38 = _theme$confirmation37.components) === null || _theme$confirmation38 === void 0 ? void 0 : (_theme$confirmation39 = _theme$confirmation38.phone) === null || _theme$confirmation39 === void 0 ? void 0 : _theme$confirmation39.hidden;
|
|
204
|
+
var hideCustomerAddress = theme === null || theme === void 0 ? void 0 : (_theme$confirmation40 = theme.confirmation) === null || _theme$confirmation40 === void 0 ? void 0 : (_theme$confirmation41 = _theme$confirmation40.components) === null || _theme$confirmation41 === void 0 ? void 0 : (_theme$confirmation42 = _theme$confirmation41.customer) === null || _theme$confirmation42 === void 0 ? void 0 : (_theme$confirmation43 = _theme$confirmation42.components) === null || _theme$confirmation43 === void 0 ? void 0 : (_theme$confirmation44 = _theme$confirmation43.address) === null || _theme$confirmation44 === void 0 ? void 0 : _theme$confirmation44.hidden;
|
|
205
|
+
var hideCustomerEmail = theme === null || theme === void 0 ? void 0 : (_theme$confirmation45 = theme.confirmation) === null || _theme$confirmation45 === void 0 ? void 0 : (_theme$confirmation46 = _theme$confirmation45.components) === null || _theme$confirmation46 === void 0 ? void 0 : (_theme$confirmation47 = _theme$confirmation46.customer) === null || _theme$confirmation47 === void 0 ? void 0 : (_theme$confirmation48 = _theme$confirmation47.components) === null || _theme$confirmation48 === void 0 ? void 0 : (_theme$confirmation49 = _theme$confirmation48.email) === null || _theme$confirmation49 === void 0 ? void 0 : _theme$confirmation49.hidden;
|
|
206
|
+
var hideCustomerPhoto = theme === null || theme === void 0 ? void 0 : (_theme$confirmation50 = theme.confirmation) === null || _theme$confirmation50 === void 0 ? void 0 : (_theme$confirmation51 = _theme$confirmation50.components) === null || _theme$confirmation51 === void 0 ? void 0 : (_theme$confirmation52 = _theme$confirmation51.customer) === null || _theme$confirmation52 === void 0 ? void 0 : (_theme$confirmation53 = _theme$confirmation52.components) === null || _theme$confirmation53 === void 0 ? void 0 : (_theme$confirmation54 = _theme$confirmation53.photo) === null || _theme$confirmation54 === void 0 ? void 0 : _theme$confirmation54.hidden;
|
|
207
207
|
var validTrackingStatus = [9, 19, 23];
|
|
208
208
|
var mapConfigs = {
|
|
209
209
|
zoom: 15
|
|
@@ -502,6 +502,9 @@ var OrderDetailsUI = function OrderDetailsUI(props) {
|
|
|
502
502
|
});
|
|
503
503
|
setIsService(_isService);
|
|
504
504
|
businessLogoUrlValidation();
|
|
505
|
+
props.openBChatByParam && setOpenMessages(_objectSpread(_objectSpread({}, openMessages), {}, {
|
|
506
|
+
business: !!props.openBChatByParam
|
|
507
|
+
}));
|
|
505
508
|
}, [order]);
|
|
506
509
|
(0, _react.useEffect)(function () {
|
|
507
510
|
window.scrollTo(0, 0);
|
|
@@ -557,9 +560,9 @@ var OrderDetailsUI = function OrderDetailsUI(props) {
|
|
|
557
560
|
onClick: function onClick() {
|
|
558
561
|
return setIsOrderHistory(true);
|
|
559
562
|
}
|
|
560
|
-
}, t('VIEW_DETAILS', 'View details'))), /*#__PURE__*/_react.default.createElement(_styles.ReviewOrderLink, {
|
|
563
|
+
}, t('VIEW_DETAILS', 'View details'))), (!props.isCustomerMode || props.isCustomerMode && !!props.hashKey && !token) && /*#__PURE__*/_react.default.createElement(_styles.ReviewOrderLink, {
|
|
561
564
|
className: "Review-order",
|
|
562
|
-
active: acceptedStatus.includes(parseInt(order === null || order === void 0 ? void 0 : order.status, 10)) && (!(order !== null && order !== void 0 && order.review) || order.driver && !(order !== null && order !== void 0 && order.user_review)) && (!isOrderReviewed || !isProductReviewed || isService && !isProReviewed || !isDriverReviewed)
|
|
565
|
+
active: [].concat(acceptedStatus, [16]).includes(parseInt(order === null || order === void 0 ? void 0 : order.status, 10)) && (!(order !== null && order !== void 0 && order.review) || order.driver && !(order !== null && order !== void 0 && order.user_review)) && (!isOrderReviewed || !isProductReviewed || isService && !isProReviewed || !isDriverReviewed)
|
|
563
566
|
}, /*#__PURE__*/_react.default.createElement("span", {
|
|
564
567
|
onClick: handleOpenReview
|
|
565
568
|
}, t('REVIEW_ORDER', (theme === null || theme === void 0 ? void 0 : (_theme$defaultLanguag2 = theme.defaultLanguages) === null || _theme$defaultLanguag2 === void 0 ? void 0 : _theme$defaultLanguag2.REVIEW_ORDER) || 'Review your Order'))))))), !isGiftCardOrder && /*#__PURE__*/_react.default.createElement(_styles.OrderBusiness, null, /*#__PURE__*/_react.default.createElement(_styles.BusinessExternalWrapper, null, /*#__PURE__*/_react.default.createElement(_styles.BusinessWrapper, {
|
|
@@ -727,19 +730,23 @@ var OrderDetailsUI = function OrderDetailsUI(props) {
|
|
|
727
730
|
title: order ? reviewStatus !== null && reviewStatus !== void 0 && reviewStatus.order ? t('REVIEW_ORDER', 'Review order') : reviewStatus !== null && reviewStatus !== void 0 && reviewStatus.product ? t('REVIEW_PRODUCT', 'Review Product') : reviewStatus !== null && reviewStatus !== void 0 && reviewStatus.professional ? t('PROFESSIONAL_REVIEW', 'Professional review') : t('REVIEW_DRIVER', 'Review Driver') : t('LOADING', (theme === null || theme === void 0 ? void 0 : (_theme$defaultLanguag6 = theme.defaultLanguages) === null || _theme$defaultLanguag6 === void 0 ? void 0 : _theme$defaultLanguag6.LOADING) || 'Loading...')
|
|
728
731
|
}, /*#__PURE__*/_react.default.createElement(_styles.ReviewWrapper, null, reviewStatus !== null && reviewStatus !== void 0 && reviewStatus.order ? /*#__PURE__*/_react.default.createElement(_ReviewOrder.ReviewOrder, {
|
|
729
732
|
order: order,
|
|
733
|
+
hashKey: props.hashKey,
|
|
730
734
|
closeReviewOrder: closeReviewOrder,
|
|
731
735
|
setIsReviewed: setIsOrderReviewed
|
|
732
736
|
}) : reviewStatus !== null && reviewStatus !== void 0 && reviewStatus.product ? /*#__PURE__*/_react.default.createElement(_ReviewProduct.ReviewProduct, {
|
|
733
737
|
order: order,
|
|
738
|
+
hashKey: props.hashKey,
|
|
734
739
|
closeReviewProduct: closeReviewProduct,
|
|
735
740
|
setIsProductReviewed: setIsProductReviewed
|
|
736
741
|
}) : reviewStatus !== null && reviewStatus !== void 0 && reviewStatus.professional ? /*#__PURE__*/_react.default.createElement(_ReviewProfessional.ReviewProfessional, {
|
|
737
742
|
order: order,
|
|
743
|
+
hashKey: props.hashKey,
|
|
738
744
|
closeReviewProfessional: handleCloseReivew,
|
|
739
745
|
setIsProfessionalReviewed: setIsProReviewed,
|
|
740
746
|
isProfessional: true
|
|
741
747
|
}) : /*#__PURE__*/_react.default.createElement(_ReviewDriver.ReviewDriver, {
|
|
742
748
|
order: order,
|
|
749
|
+
hashKey: props.hashKey,
|
|
743
750
|
closeReviewDriver: handleCloseReivew,
|
|
744
751
|
setIsDriverReviewed: setIsDriverReviewed
|
|
745
752
|
}))), /*#__PURE__*/_react.default.createElement(_Modal.Modal, {
|
|
@@ -37,7 +37,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
|
37
37
|
var _EMAIL = 'email';
|
|
38
38
|
var _SMS = 'sms';
|
|
39
39
|
var OrderDetailsUI = function OrderDetailsUI(props) {
|
|
40
|
-
var
|
|
40
|
+
var _theme$confirmation, _theme$confirmation$c, _theme$confirmation$c2, _theme$confirmation$c3, _theme$confirmation$c4, _theme$confirmation2, _theme$confirmation2$, _theme$confirmation2$2, _theme$confirmation2$3, _theme$confirmation2$4, _theme$confirmation3, _theme$confirmation3$, _theme$confirmation3$2, _theme$confirmation3$3, _theme$confirmation3$4, _order$driver, _order$driver2, _theme$images, _theme$images$dummies, _order$business, _order$business2, _theme$images2, _theme$images2$dummie, _order$customer, _order$customer2, _theme$images3, _theme$images3$dummie, _theme$defaultLanguag26, _orderTypes$find, _getOrderStatus, _getOrderStatus2, _order$products, _formMethods$errors, _formMethods$errors2, _formMethods$errors2$, _theme$defaultLanguag27, _theme$defaultLanguag28, _theme$defaultLanguag29, _theme$defaultLanguag30;
|
|
41
41
|
var handleOrderRedirect = props.handleOrderRedirect,
|
|
42
42
|
driverLocation = props.driverLocation,
|
|
43
43
|
orderTypes = props.orderTypes;
|
|
@@ -61,9 +61,6 @@ var OrderDetailsUI = function OrderDetailsUI(props) {
|
|
|
61
61
|
var _useToast = (0, _orderingComponentsExternal.useToast)(),
|
|
62
62
|
_useToast2 = _slicedToArray(_useToast, 2),
|
|
63
63
|
showToast = _useToast2[1].showToast;
|
|
64
|
-
var _useOrderingTheme = (0, _orderingComponentsExternal.useOrderingTheme)(),
|
|
65
|
-
_useOrderingTheme2 = _slicedToArray(_useOrderingTheme, 1),
|
|
66
|
-
orderingTheme = _useOrderingTheme2[0];
|
|
67
64
|
var optToSendReceipt = [{
|
|
68
65
|
key: _EMAIL,
|
|
69
66
|
label: t('EMAIL', 'Email'),
|
|
@@ -93,9 +90,9 @@ var OrderDetailsUI = function OrderDetailsUI(props) {
|
|
|
93
90
|
order = _props$order.order,
|
|
94
91
|
loading = _props$order.loading,
|
|
95
92
|
error = _props$order.error;
|
|
96
|
-
var showDeliveryType = !(
|
|
97
|
-
var showDeliveryDate = !(
|
|
98
|
-
var showDeliveryProgress = !(
|
|
93
|
+
var showDeliveryType = !(theme !== null && theme !== void 0 && (_theme$confirmation = theme.confirmation) !== null && _theme$confirmation !== void 0 && (_theme$confirmation$c = _theme$confirmation.components) !== null && _theme$confirmation$c !== void 0 && (_theme$confirmation$c2 = _theme$confirmation$c.order) !== null && _theme$confirmation$c2 !== void 0 && (_theme$confirmation$c3 = _theme$confirmation$c2.components) !== null && _theme$confirmation$c3 !== void 0 && (_theme$confirmation$c4 = _theme$confirmation$c3.delivery_type) !== null && _theme$confirmation$c4 !== void 0 && _theme$confirmation$c4.hidden);
|
|
94
|
+
var showDeliveryDate = !(theme !== null && theme !== void 0 && (_theme$confirmation2 = theme.confirmation) !== null && _theme$confirmation2 !== void 0 && (_theme$confirmation2$ = _theme$confirmation2.components) !== null && _theme$confirmation2$ !== void 0 && (_theme$confirmation2$2 = _theme$confirmation2$.order) !== null && _theme$confirmation2$2 !== void 0 && (_theme$confirmation2$3 = _theme$confirmation2$2.components) !== null && _theme$confirmation2$3 !== void 0 && (_theme$confirmation2$4 = _theme$confirmation2$3.date) !== null && _theme$confirmation2$4 !== void 0 && _theme$confirmation2$4.hidden);
|
|
95
|
+
var showDeliveryProgress = !(theme !== null && theme !== void 0 && (_theme$confirmation3 = theme.confirmation) !== null && _theme$confirmation3 !== void 0 && (_theme$confirmation3$ = _theme$confirmation3.components) !== null && _theme$confirmation3$ !== void 0 && (_theme$confirmation3$2 = _theme$confirmation3$.order) !== null && _theme$confirmation3$2 !== void 0 && (_theme$confirmation3$3 = _theme$confirmation3$2.components) !== null && _theme$confirmation3$3 !== void 0 && (_theme$confirmation3$4 = _theme$confirmation3$3.progress) !== null && _theme$confirmation3$4 !== void 0 && _theme$confirmation3$4.hidden);
|
|
99
96
|
var locations = [_objectSpread(_objectSpread({}, order === null || order === void 0 ? void 0 : (_order$driver = order.driver) === null || _order$driver === void 0 ? void 0 : _order$driver.location), {}, {
|
|
100
97
|
icon: (order === null || order === void 0 ? void 0 : (_order$driver2 = order.driver) === null || _order$driver2 === void 0 ? void 0 : _order$driver2.photo) || ((_theme$images = theme.images) === null || _theme$images === void 0 ? void 0 : (_theme$images$dummies = _theme$images.dummies) === null || _theme$images$dummies === void 0 ? void 0 : _theme$images$dummies.driverPhoto)
|
|
101
98
|
}), _objectSpread(_objectSpread({}, order === null || order === void 0 ? void 0 : (_order$business = order.business) === null || _order$business === void 0 ? void 0 : _order$business.location), {}, {
|
|
@@ -113,14 +113,18 @@ var OrderProgressUI = function OrderProgressUI(props) {
|
|
|
113
113
|
}))))))));
|
|
114
114
|
};
|
|
115
115
|
var OrderProgress = function OrderProgress(props) {
|
|
116
|
+
var propsToFetchBusiness = ['name', 'logo', 'slug', 'id'];
|
|
117
|
+
var propsToFetch = ['cart', 'business', 'status', 'id', 'uuid', 'cart_group_id', 'business_id', 'delivery_datetime', 'delivery_datetime_utc', 'total', 'summary'];
|
|
116
118
|
var orderProgressProps = _objectSpread(_objectSpread({}, props), {}, {
|
|
117
119
|
UIComponent: OrderProgressUI,
|
|
118
120
|
orderStatus: [0, 3, 4, 7, 8, 9, 13, 14, 18, 19, 20, 21, 22, 23],
|
|
119
121
|
useDefualtSessionManager: true,
|
|
120
122
|
noGiftCardOrders: true,
|
|
123
|
+
propsToFetchBusiness: propsToFetchBusiness,
|
|
124
|
+
propsToFetch: propsToFetch,
|
|
121
125
|
paginationSettings: {
|
|
122
126
|
initialPage: 1,
|
|
123
|
-
pageSize: 10,
|
|
127
|
+
pageSize: props.isCustomerMode ? 1 : 10,
|
|
124
128
|
controlType: 'infinity'
|
|
125
129
|
}
|
|
126
130
|
});
|
|
@@ -94,7 +94,7 @@ var OrderTypeSelectorContentUI = function OrderTypeSelectorContentUI(props) {
|
|
|
94
94
|
};
|
|
95
95
|
exports.OrderTypeSelectorContentUI = OrderTypeSelectorContentUI;
|
|
96
96
|
var OrderTypeSelectorContent = function OrderTypeSelectorContent(props) {
|
|
97
|
-
var _theme$images, _theme$images$deliver, _theme$images2, _theme$images2$delive, _theme$images3, _theme$images3$delive, _theme$images4, _theme$images4$delive, _theme$images5, _theme$images5$delive;
|
|
97
|
+
var _theme$images, _theme$images$deliver, _theme$images2, _theme$images2$delive, _theme$images3, _theme$images3$delive, _theme$images4, _theme$images4$delive, _theme$images5, _theme$images5$delive, _theme$images6, _theme$images6$delive, _theme$images7, _theme$images7$delive;
|
|
98
98
|
var _useLanguage3 = (0, _orderingComponentsExternal.useLanguage)(),
|
|
99
99
|
_useLanguage4 = _slicedToArray(_useLanguage3, 2),
|
|
100
100
|
t = _useLanguage4[1];
|
|
@@ -126,6 +126,16 @@ var OrderTypeSelectorContent = function OrderTypeSelectorContent(props) {
|
|
|
126
126
|
text: t('DRIVE_THRU', 'Drive thru'),
|
|
127
127
|
description: t('ORDERTYPE_DESCRIPTION_DRIVETHRU', 'Drive Thru description'),
|
|
128
128
|
image: (_theme$images5 = theme.images) === null || _theme$images5 === void 0 ? void 0 : (_theme$images5$delive = _theme$images5.deliveryTypes) === null || _theme$images5$delive === void 0 ? void 0 : _theme$images5$delive.driveThru
|
|
129
|
+
}, {
|
|
130
|
+
value: 7,
|
|
131
|
+
text: t('CATERING_DELIVERY', 'Catering Delivery'),
|
|
132
|
+
description: t('ORDERTYPE_DESCRIPTION_CATERING_DELIVERY', 'Catering Delivery description'),
|
|
133
|
+
image: (_theme$images6 = theme.images) === null || _theme$images6 === void 0 ? void 0 : (_theme$images6$delive = _theme$images6.deliveryTypes) === null || _theme$images6$delive === void 0 ? void 0 : _theme$images6$delive.cateringDelivery
|
|
134
|
+
}, {
|
|
135
|
+
value: 8,
|
|
136
|
+
text: t('CATERING_PICKUP', 'Catering Pickup'),
|
|
137
|
+
description: t('ORDERTYPE_DESCRIPTION_CATERING_PICKUP', 'Catering Pickup description'),
|
|
138
|
+
image: (_theme$images7 = theme.images) === null || _theme$images7 === void 0 ? void 0 : (_theme$images7$delive = _theme$images7.deliveryTypes) === null || _theme$images7$delive === void 0 ? void 0 : _theme$images7$delive.cateringPickup
|
|
129
139
|
}]
|
|
130
140
|
});
|
|
131
141
|
return /*#__PURE__*/_react.default.createElement(_orderingComponentsExternal.OrderTypeControl, orderTypeProps);
|
|
@@ -10,6 +10,7 @@ var _BusinessController = require("../../BusinessController");
|
|
|
10
10
|
var _AutoScroll = require("../../AutoScroll");
|
|
11
11
|
var _styles = require("./styles");
|
|
12
12
|
var _useWindowSize2 = require("../../../../../../hooks/useWindowSize");
|
|
13
|
+
var _styledComponents = require("styled-components");
|
|
13
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
14
15
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
15
16
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
@@ -18,7 +19,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
|
|
|
18
19
|
function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
|
|
19
20
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
20
21
|
var PreviousBusinessOrdered = function PreviousBusinessOrdered(props) {
|
|
21
|
-
var
|
|
22
|
+
var _theme$header, _theme$header$compone, _theme$header$compone2, _theme$header$compone3, _businesses$result;
|
|
22
23
|
var isCustomLayout = props.isCustomLayout,
|
|
23
24
|
isCustomerMode = props.isCustomerMode,
|
|
24
25
|
onRedirectPage = props.onRedirectPage,
|
|
@@ -27,12 +28,10 @@ var PreviousBusinessOrdered = function PreviousBusinessOrdered(props) {
|
|
|
27
28
|
var _useOrder = (0, _orderingComponentsExternal.useOrder)(),
|
|
28
29
|
_useOrder2 = _slicedToArray(_useOrder, 1),
|
|
29
30
|
orderState = _useOrder2[0];
|
|
30
|
-
var
|
|
31
|
-
_useOrderingTheme2 = _slicedToArray(_useOrderingTheme, 1),
|
|
32
|
-
orderingTheme = _useOrderingTheme2[0];
|
|
31
|
+
var theme = (0, _styledComponents.useTheme)();
|
|
33
32
|
var _useWindowSize = (0, _useWindowSize2.useWindowSize)(),
|
|
34
33
|
width = _useWindowSize.width;
|
|
35
|
-
var isChew = (
|
|
34
|
+
var isChew = (theme === null || theme === void 0 ? void 0 : (_theme$header = theme.header) === null || _theme$header === void 0 ? void 0 : (_theme$header$compone = _theme$header.components) === null || _theme$header$compone === void 0 ? void 0 : (_theme$header$compone2 = _theme$header$compone.layout) === null || _theme$header$compone2 === void 0 ? void 0 : (_theme$header$compone3 = _theme$header$compone2.type) === null || _theme$header$compone3 === void 0 ? void 0 : _theme$header$compone3.toLowerCase()) === 'chew';
|
|
36
35
|
var onBusinessClick = function onBusinessClick(business) {
|
|
37
36
|
onRedirectPage({
|
|
38
37
|
page: 'business',
|
|
@@ -141,17 +141,13 @@ var OrdersOptionUI = function OrdersOptionUI(props) {
|
|
|
141
141
|
}).every(function (i) {
|
|
142
142
|
return !i;
|
|
143
143
|
}) : orders.length > 0;
|
|
144
|
-
var _useState3 = (0, _react.useState)(
|
|
145
|
-
_useState4 = _slicedToArray(_useState3, 2),
|
|
146
|
-
loadingOrders = _useState4[0],
|
|
147
|
-
setLoadingOrders = _useState4[1];
|
|
148
|
-
var _useState5 = (0, _react.useState)({
|
|
144
|
+
var _useState3 = (0, _react.useState)({
|
|
149
145
|
open: false,
|
|
150
146
|
content: []
|
|
151
147
|
}),
|
|
152
|
-
|
|
153
|
-
alertState =
|
|
154
|
-
setAlertState =
|
|
148
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
149
|
+
alertState = _useState4[0],
|
|
150
|
+
setAlertState = _useState4[1];
|
|
155
151
|
var closeOrderModal = function closeOrderModal(e) {
|
|
156
152
|
var outsideModal = !window.document.getElementById('app-modals') || !window.document.getElementById('app-modals').contains(e.target);
|
|
157
153
|
if (outsideModal) {
|
|
@@ -185,17 +181,6 @@ var OrdersOptionUI = function OrdersOptionUI(props) {
|
|
|
185
181
|
});
|
|
186
182
|
}
|
|
187
183
|
};
|
|
188
|
-
(0, _react.useEffect)(function () {
|
|
189
|
-
var timeout;
|
|
190
|
-
if (isCustomLayout) {
|
|
191
|
-
timeout = setTimeout(function () {
|
|
192
|
-
setLoadingOrders(false);
|
|
193
|
-
}, 2000);
|
|
194
|
-
}
|
|
195
|
-
return function () {
|
|
196
|
-
typeof timeout === 'number' && clearTimeout(timeout);
|
|
197
|
-
};
|
|
198
|
-
}, []);
|
|
199
184
|
(0, _react.useEffect)(function () {
|
|
200
185
|
if (loading) return;
|
|
201
186
|
if (orders.length === 0) {
|
|
@@ -257,7 +242,7 @@ var OrdersOptionUI = function OrdersOptionUI(props) {
|
|
|
257
242
|
return /*#__PURE__*/_react.default.createElement(BeforeComponent, _extends({
|
|
258
243
|
key: i
|
|
259
244
|
}, props));
|
|
260
|
-
}), (isCustomLayout ? (isShowTitles || !isBusinessesPage) && !
|
|
245
|
+
}), (isCustomLayout ? (isShowTitles || !isBusinessesPage) && !loading && !isBusinessesLoading : (isShowTitles || !isBusinessesPage) && !hideOrders) && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, orders.length > 0 && /*#__PURE__*/_react.default.createElement(_styles.OptionTitle, {
|
|
261
246
|
isBusinessesPage: isBusinessesPage
|
|
262
247
|
}, /*#__PURE__*/_react.default.createElement("h1", null, titleContent || (activeOrders ? t('ACTIVE', 'Active') : pastOrders ? t('PAST', 'Past') : t('UPCOMING', 'Upcoming'))))), isBusiness && (businessOrderIds === null || businessOrderIds === void 0 ? void 0 : businessOrderIds.length) > 0 && /*#__PURE__*/_react.default.createElement(_PreviousBusinessOrdered.PreviousBusinessOrdered, {
|
|
263
248
|
businesses: businesses,
|
|
@@ -272,7 +257,7 @@ var OrdersOptionUI = function OrdersOptionUI(props) {
|
|
|
272
257
|
}), isProfessionals && /*#__PURE__*/_react.default.createElement(_PreviousProfessionalOrdered.PreviousProfessionalOrdered, {
|
|
273
258
|
professionals: professionals,
|
|
274
259
|
handleUpdateProfessionals: handleUpdateProfessionals
|
|
275
|
-
}), (isCustomLayout ?
|
|
260
|
+
}), (isCustomLayout ? loading || (businesses === null || businesses === void 0 ? void 0 : businesses.loading) : showSkeletons) && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, businesses !== null && businesses !== void 0 && businesses.loading && isBusiness ? /*#__PURE__*/_react.default.createElement(_styles.BusinessControllerSkeleton, null, _toConsumableArray(Array(3).keys()).map(function (item, i) {
|
|
276
261
|
return /*#__PURE__*/_react.default.createElement(_BusinessController.BusinessController, {
|
|
277
262
|
key: i,
|
|
278
263
|
className: "card",
|
|
@@ -320,7 +305,7 @@ var OrdersOptionUI = function OrdersOptionUI(props) {
|
|
|
320
305
|
}), /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, {
|
|
321
306
|
width: 80
|
|
322
307
|
}))), /*#__PURE__*/_react.default.createElement(_styles.SkeletonReorder, null, /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, null), /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, null))));
|
|
323
|
-
}))), (isCustomLayout ? !
|
|
308
|
+
}))), (isCustomLayout ? !loading && !error && orders.length > 0 && !isBusinessesLoading && !hideOrders : !loading && !error && orders.length > 0 && !hideOrders) && (horizontal ? /*#__PURE__*/_react.default.createElement(_HorizontalOrdersLayout.HorizontalOrdersLayout, {
|
|
324
309
|
businessesIds: businessesIds,
|
|
325
310
|
orders: orders === null || orders === void 0 ? void 0 : orders.filter(function (order) {
|
|
326
311
|
return orderStatus === null || orderStatus === void 0 ? void 0 : orderStatus.includes(order.status);
|
|
@@ -10,27 +10,30 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _temp
|
|
|
10
10
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
11
11
|
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; }
|
|
12
12
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
13
|
-
var OptionTitle = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n width: 100%;\n margin: ", ";\n padding: ", ";\n
|
|
13
|
+
var OptionTitle = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n width: 100%;\n margin: ", ";\n padding: ", ";\n h1{\n text-transform: capitalize;\n font-size: 18px;\n margin: 18px 0;\n }\n\n @media (min-width: 768px){\n padding: ", ";\n width: 100%;\n }\n"])), function (_ref) {
|
|
14
14
|
var isBusinessesPage = _ref.isBusinessesPage;
|
|
15
|
-
return isBusinessesPage ? '
|
|
15
|
+
return isBusinessesPage ? '0' : '0 auto';
|
|
16
16
|
}, function (_ref2) {
|
|
17
17
|
var isBusinessesPage = _ref2.isBusinessesPage;
|
|
18
|
-
return
|
|
18
|
+
return isBusinessesPage ? '10px 20px 0' : '0 15px';
|
|
19
|
+
}, function (_ref3) {
|
|
20
|
+
var isBusinessesPage = _ref3.isBusinessesPage;
|
|
21
|
+
return isBusinessesPage ? '10px 20px 0' : '0';
|
|
19
22
|
});
|
|
20
23
|
exports.OptionTitle = OptionTitle;
|
|
21
|
-
var OrdersContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n ", "\n\n ", "\n"])), function (
|
|
22
|
-
var activeOrders =
|
|
23
|
-
return activeOrders && (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n padding: 0 10px;\n text-align: center;\n display: flex;\n justify-content: ", ";\n width: 100%;\n margin: auto 0px auto auto;\n box-sizing: border-box;\n ", "\n ::-webkit-scrollbar {\n width: 0px;\n height: 0px;\n }\n\n ", "\n \n @media (min-width: 768px) {\n width: 100%;\n justify-content: flex-start;\n ", "\n "])), function (
|
|
24
|
-
var ordersLength =
|
|
24
|
+
var OrdersContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n ", "\n\n ", "\n"])), function (_ref4) {
|
|
25
|
+
var activeOrders = _ref4.activeOrders;
|
|
26
|
+
return activeOrders && (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n padding: 0 10px;\n text-align: center;\n display: flex;\n justify-content: ", ";\n width: 100%;\n margin: auto 0px auto auto;\n box-sizing: border-box;\n ", "\n ::-webkit-scrollbar {\n width: 0px;\n height: 0px;\n }\n\n ", "\n \n @media (min-width: 768px) {\n width: 100%;\n justify-content: flex-start;\n ", "\n "])), function (_ref5) {
|
|
27
|
+
var ordersLength = _ref5.ordersLength;
|
|
25
28
|
return !ordersLength ? 'flex-start' : 'center';
|
|
26
29
|
}, function (props) {
|
|
27
30
|
var _props$theme;
|
|
28
31
|
return ((_props$theme = props.theme) === null || _props$theme === void 0 ? void 0 : _props$theme.rtl) && (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n margin: auto auto auto 0px;\n "])));
|
|
29
|
-
}, function (
|
|
30
|
-
var isSkeleton =
|
|
31
|
-
return !isSkeleton && (0, _styledComponents.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n ::-webkit-scrollbar {\n width: 6px;\n height: 6px;\n }\n ", "\n "])), function (
|
|
32
|
-
var ordersLength =
|
|
33
|
-
isBusinessesPage =
|
|
32
|
+
}, function (_ref6) {
|
|
33
|
+
var isSkeleton = _ref6.isSkeleton;
|
|
34
|
+
return !isSkeleton && (0, _styledComponents.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n ::-webkit-scrollbar {\n width: 6px;\n height: 6px;\n }\n ", "\n "])), function (_ref7) {
|
|
35
|
+
var ordersLength = _ref7.ordersLength,
|
|
36
|
+
isBusinessesPage = _ref7.isBusinessesPage;
|
|
34
37
|
return !ordersLength && !isBusinessesPage && (0, _styledComponents.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n > div {\n margin-left: -10px;\n ", "\n }\n > div:first-child{\n margin-left: -15px;\n ", "\n }\n "])), function (props) {
|
|
35
38
|
var _props$theme2;
|
|
36
39
|
return ((_props$theme2 = props.theme) === null || _props$theme2 === void 0 ? void 0 : _props$theme2.rtl) && (0, _styledComponents.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n margin-left: 0;\n margin-right: -10px;\n "])));
|
|
@@ -39,40 +42,40 @@ var OrdersContainer = _styledComponents.default.div(_templateObject2 || (_templa
|
|
|
39
42
|
return ((_props$theme3 = props.theme) === null || _props$theme3 === void 0 ? void 0 : _props$theme3.rtl) && (0, _styledComponents.css)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n margin-left: 0;\n margin-right: -15px;\n "])));
|
|
40
43
|
});
|
|
41
44
|
});
|
|
42
|
-
}, function (
|
|
43
|
-
var isSkeleton =
|
|
44
|
-
ordersLength =
|
|
45
|
-
return !isSkeleton && !ordersLength && (0, _styledComponents.css)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n > div:first-child{\n ", "\n }\n "])), function (
|
|
46
|
-
var isBusinessesPage =
|
|
45
|
+
}, function (_ref8) {
|
|
46
|
+
var isSkeleton = _ref8.isSkeleton,
|
|
47
|
+
ordersLength = _ref8.ordersLength;
|
|
48
|
+
return !isSkeleton && !ordersLength && (0, _styledComponents.css)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n > div:first-child{\n ", "\n }\n "])), function (_ref9) {
|
|
49
|
+
var isBusinessesPage = _ref9.isBusinessesPage;
|
|
47
50
|
return !isBusinessesPage && (0, _styledComponents.css)(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n margin-left: -10px;\n ", "\n "])), function (props) {
|
|
48
51
|
var _props$theme4;
|
|
49
52
|
return ((_props$theme4 = props.theme) === null || _props$theme4 === void 0 ? void 0 : _props$theme4.rtl) && (0, _styledComponents.css)(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n margin-left: 0;\n margin-right: -10px;\n "])));
|
|
50
53
|
});
|
|
51
54
|
});
|
|
52
55
|
});
|
|
53
|
-
}, function (
|
|
54
|
-
var activeOrders =
|
|
56
|
+
}, function (_ref10) {
|
|
57
|
+
var activeOrders = _ref10.activeOrders;
|
|
55
58
|
return !activeOrders && (0, _styledComponents.css)(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n width: 100%;\n display: flex;\n flex-direction: column-reverse;\n margin: 0 auto;\n\n p{\n margin-block-end: 0;\n margin-block-start: 0;\n color: #9A9A9A\n }\n\n @media(min-width: 480px){\n width: 100%;\n padding: 0;\n div:last-child {\n border-top: none;\n }\n }\n "])));
|
|
56
59
|
});
|
|
57
60
|
exports.OrdersContainer = OrdersContainer;
|
|
58
|
-
var SkeletonOrder = _styledComponents.default.div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n display: flex;\n\n ", "\n\n ", "\n"])), function (
|
|
59
|
-
var activeOrders =
|
|
61
|
+
var SkeletonOrder = _styledComponents.default.div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n display: flex;\n\n ", "\n\n ", "\n"])), function (_ref11) {
|
|
62
|
+
var activeOrders = _ref11.activeOrders;
|
|
60
63
|
return activeOrders && (0, _styledComponents.css)(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n width: auto;\n text-align: center;\n margin-left: 10px;\n\n ", "\n "])), function (props) {
|
|
61
64
|
var _props$theme5;
|
|
62
65
|
return ((_props$theme5 = props.theme) === null || _props$theme5 === void 0 ? void 0 : _props$theme5.rtl) && (0, _styledComponents.css)(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n margin-right: 10px;\n margin-left: 0;\n "])));
|
|
63
66
|
});
|
|
64
|
-
}, function (
|
|
65
|
-
var activeOrders =
|
|
67
|
+
}, function (_ref12) {
|
|
68
|
+
var activeOrders = _ref12.activeOrders;
|
|
66
69
|
return !activeOrders && (0, _styledComponents.css)(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n width: 100%;\n flex-direction: column;\n margin: 10px 0;\n > * {\n margin: 20px 0;\n }\n "])));
|
|
67
70
|
});
|
|
68
71
|
exports.SkeletonOrder = SkeletonOrder;
|
|
69
72
|
var SkeletonCard = _styledComponents.default.div(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n margin: 10px 5px 10px 5px;\n"])));
|
|
70
73
|
exports.SkeletonCard = SkeletonCard;
|
|
71
|
-
var SkeletonContent = _styledComponents.default.div(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n display: flex;\n width: 100%;\n\n ", "\n\n ", "\n"])), function (
|
|
72
|
-
var activeOrders = _ref12.activeOrders;
|
|
73
|
-
return activeOrders && (0, _styledComponents.css)(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n > * {\n margin: 5px;\n }\n "])));
|
|
74
|
-
}, function (_ref13) {
|
|
74
|
+
var SkeletonContent = _styledComponents.default.div(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n display: flex;\n width: 100%;\n\n ", "\n\n ", "\n"])), function (_ref13) {
|
|
75
75
|
var activeOrders = _ref13.activeOrders;
|
|
76
|
+
return activeOrders && (0, _styledComponents.css)(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n > * {\n margin: 5px;\n }\n "])));
|
|
77
|
+
}, function (_ref14) {
|
|
78
|
+
var activeOrders = _ref14.activeOrders;
|
|
76
79
|
return !activeOrders && (0, _styledComponents.css)(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n justify-content: space-between;\n "])));
|
|
77
80
|
});
|
|
78
81
|
exports.SkeletonContent = SkeletonContent;
|
|
@@ -95,19 +98,19 @@ var SkeletonReorder = _styledComponents.default.div(_templateObject25 || (_templ
|
|
|
95
98
|
exports.SkeletonReorder = SkeletonReorder;
|
|
96
99
|
var ImageNotFound = _styledComponents.default.div(_templateObject29 || (_templateObject29 = _taggedTemplateLiteral(["\n \n margin: 0 auto;\n img{\n width: 100%\n }\n"])));
|
|
97
100
|
exports.ImageNotFound = ImageNotFound;
|
|
98
|
-
var BusinessInformation = _styledComponents.default.div(_templateObject30 || (_templateObject30 = _taggedTemplateLiteral(["\n display: inline-flex;\n flex-direction: column;\n flex: 1;\n padding-left: 10px;\n font-size: 0.9em;\n ", "\n ", "\n .orders-detail {\n display: flex;\n align-items: center;\n\n svg {\n background: transparent;\n border: none;\n opacity: 1;\n color: #909BA9;\n width: 15px;\n min-width: 15px;\n }\n }\n h2 {\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n font-size: 14px;\n margin-block-end: 0;\n margin-block-start: 0;\n }\n p {\n margin-block-end: 0.1em;\n margin-block-start: 0.1em;\n color : #9A9A9A;\n white-space: nowrap;\n font-size: 0.9em;\n ", "\n }\n\n .order-status {\n color: #03459E;\n width: 170px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n p[name='view_order'] {\n color: ", ";\n cursor: pointer;\n text-decoration: none;\n width: fit-content;\n }\n\n @media (min-width: 480px){\n h2 {\n font-size: 16px;\n margin-block-end: 0.1em;\n margin-block-start: 0.1em;\n }\n p{\n ", "\n }\n }\n\n @media (min-width: 768px){\n font-size: 0.9em;\n p {\n font-size: 14px;\n }\n }\n"])), function (
|
|
99
|
-
var activeOrders =
|
|
101
|
+
var BusinessInformation = _styledComponents.default.div(_templateObject30 || (_templateObject30 = _taggedTemplateLiteral(["\n display: inline-flex;\n flex-direction: column;\n flex: 1;\n padding-left: 10px;\n font-size: 0.9em;\n ", "\n ", "\n .orders-detail {\n display: flex;\n align-items: center;\n\n svg {\n background: transparent;\n border: none;\n opacity: 1;\n color: #909BA9;\n width: 15px;\n min-width: 15px;\n }\n }\n h2 {\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n font-size: 14px;\n margin-block-end: 0;\n margin-block-start: 0;\n }\n p {\n margin-block-end: 0.1em;\n margin-block-start: 0.1em;\n color : #9A9A9A;\n white-space: nowrap;\n font-size: 0.9em;\n ", "\n }\n\n .order-status {\n color: #03459E;\n width: 170px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n p[name='view_order'] {\n color: ", ";\n cursor: pointer;\n text-decoration: none;\n width: fit-content;\n }\n\n @media (min-width: 480px){\n h2 {\n font-size: 16px;\n margin-block-end: 0.1em;\n margin-block-start: 0.1em;\n }\n p{\n ", "\n }\n }\n\n @media (min-width: 768px){\n font-size: 0.9em;\n p {\n font-size: 14px;\n }\n }\n"])), function (_ref15) {
|
|
102
|
+
var activeOrders = _ref15.activeOrders;
|
|
100
103
|
return activeOrders && (0, _styledComponents.css)(_templateObject31 || (_templateObject31 = _taggedTemplateLiteral(["\n width: 30%;\n "])));
|
|
101
104
|
}, function (props) {
|
|
102
105
|
var _props$theme9;
|
|
103
106
|
return ((_props$theme9 = props.theme) === null || _props$theme9 === void 0 ? void 0 : _props$theme9.rtl) && (0, _styledComponents.css)(_templateObject32 || (_templateObject32 = _taggedTemplateLiteral(["\n padding-right: 10px;\n padding-left: 0;\n "])));
|
|
104
|
-
}, function (
|
|
105
|
-
var activeOrders =
|
|
107
|
+
}, function (_ref16) {
|
|
108
|
+
var activeOrders = _ref16.activeOrders;
|
|
106
109
|
return activeOrders && (0, _styledComponents.css)(_templateObject33 || (_templateObject33 = _taggedTemplateLiteral(["\n font-size: 0.8em;\n "])));
|
|
107
110
|
}, function (props) {
|
|
108
111
|
return props.theme.colors.primary;
|
|
109
|
-
}, function (
|
|
110
|
-
var activeOrders =
|
|
112
|
+
}, function (_ref17) {
|
|
113
|
+
var activeOrders = _ref17.activeOrders;
|
|
111
114
|
return activeOrders && (0, _styledComponents.css)(_templateObject34 || (_templateObject34 = _taggedTemplateLiteral(["\n font-size: 0.9em;\n "])));
|
|
112
115
|
});
|
|
113
116
|
exports.BusinessInformation = BusinessInformation;
|
|
@@ -115,8 +118,8 @@ var NoOrdersWrapper = _styledComponents.default.div(_templateObject35 || (_templ
|
|
|
115
118
|
exports.NoOrdersWrapper = NoOrdersWrapper;
|
|
116
119
|
var BusinessListWrapper = _styledComponents.default.div(_templateObject36 || (_templateObject36 = _taggedTemplateLiteral(["\n overflow: auto hidden;\n width: 100%;\n"])));
|
|
117
120
|
exports.BusinessListWrapper = BusinessListWrapper;
|
|
118
|
-
var BusinessList = _styledComponents.default.div(_templateObject37 || (_templateObject37 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n box-sizing: border-box;\n align-items: center;\n ", "\n @media (min-width: 480px){\n flex-direction: row;\n }\n #searchlist {\n > div {\n width: calc(100vw - 40px);\n min-width: calc(100vw - 40px);\n\n @media (min-width: 681px) {\n width: calc(50vw - 40px);\n min-width: calc(50vw - 40px);\n }\n @media (min-width: 993px) {\n width: calc(33vw - 40px);\n min-width: calc(33vw - 40px);\n }\n @media (min-width: 1200px) {\n width: calc(25vw - 40px);\n min-width: calc(25vw - 40px);\n }\n }\n }\n"])), function (
|
|
119
|
-
var noResults =
|
|
121
|
+
var BusinessList = _styledComponents.default.div(_templateObject37 || (_templateObject37 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n box-sizing: border-box;\n align-items: center;\n ", "\n @media (min-width: 480px){\n flex-direction: row;\n }\n #searchlist {\n > div {\n width: calc(100vw - 40px);\n min-width: calc(100vw - 40px);\n\n @media (min-width: 681px) {\n width: calc(50vw - 40px);\n min-width: calc(50vw - 40px);\n }\n @media (min-width: 993px) {\n width: calc(33vw - 40px);\n min-width: calc(33vw - 40px);\n }\n @media (min-width: 1200px) {\n width: calc(25vw - 40px);\n min-width: calc(25vw - 40px);\n }\n }\n }\n"])), function (_ref18) {
|
|
122
|
+
var noResults = _ref18.noResults;
|
|
120
123
|
return noResults && (0, _styledComponents.css)(_templateObject38 || (_templateObject38 = _taggedTemplateLiteral(["\n justify-content: center;\n "])));
|
|
121
124
|
});
|
|
122
125
|
exports.BusinessList = BusinessList;
|