ordering-ui-external 2.0.4 → 2.1.1

package/_modules/themes/five/src/components/OrderDetails/index.js

@@ -23,7 +23,9 @@ var _OrderBillSection = require("./OrderBillSection");
 var _ActionsSection = require("./ActionsSection");
 var _OrderPreferencesSections = require("./OrderPreferencesSections");
 var _PlaceSpot = require("../PlaceSpot");
+var _SendGiftCard = require("../GiftCard/SendGiftCard");
 var _Confirm = require("../Confirm");
+var _OrderEta = require("./OrderEta");
 var _styles = require("./styles");
 var _styledComponents = require("styled-components");
 var _TaxInformation = require("../TaxInformation");
@@ -55,7 +57,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 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; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var OrderDetailsUI = function OrderDetailsUI(props) {
-  var _configs$google_maps_, _configs$powered_by_o, _orderingTheme$theme, _orderingTheme$theme$, _orderingTheme$theme$2, _orderingTheme$theme$3, _orderingTheme$theme2, _orderingTheme$theme3, _orderingTheme$theme4, _orderingTheme$theme5, _orderingTheme$theme6, _orderingTheme$theme7, _orderingTheme$theme8, _orderingTheme$theme9, _orderingTheme$theme10, _orderingTheme$theme11, _orderingTheme$theme12, _orderingTheme$theme13, _orderingTheme$theme14, _orderingTheme$theme15, _orderingTheme$theme16, _orderingTheme$theme17, _orderingTheme$theme18, _orderingTheme$theme19, _orderingTheme$theme20, _orderingTheme$theme21, _orderingTheme$theme22, _orderingTheme$theme23, _orderingTheme$theme24, _orderingTheme$theme25, _orderingTheme$theme26, _orderingTheme$theme27, _orderingTheme$theme28, _orderingTheme$theme29, _orderingTheme$theme30, _orderingTheme$theme31, _orderingTheme$theme32, _orderingTheme$theme33, _orderingTheme$theme34, _orderingTheme$theme35, _orderingTheme$theme36, _orderingTheme$theme37, _orderingTheme$theme38, _orderingTheme$theme39, _orderingTheme$theme40, _orderingTheme$theme41, _orderingTheme$theme42, _orderingTheme$theme43, _orderingTheme$theme44, _orderingTheme$theme45, _orderingTheme$theme46, _orderingTheme$theme47, _orderingTheme$theme48, _orderingTheme$theme49, _orderingTheme$theme50, _orderingTheme$theme51, _orderingTheme$theme52, _orderingTheme$theme53, _orderingTheme$theme54, _orderingTheme$theme55, _orderingTheme$theme56, _orderingTheme$theme57, _orderingTheme$theme58, _orderingTheme$theme59, _orderingTheme$theme60, _orderingTheme$theme61, _orderingTheme$theme62, _orderingTheme$theme63, _orderingTheme$theme64, _orderingTheme$theme65, _orderingTheme$theme66, _orderingTheme$theme67, _orderingTheme$theme68, _orderingTheme$theme69, _orderingTheme$theme70, _orderingTheme$theme71, _orderingTheme$theme72, _orderingTheme$theme73, _orderingTheme$theme74, _orderingTheme$theme75, _orderingTheme$theme76, _orderingTheme$theme77, _orderingTheme$theme78, _orderingTheme$theme79, _orderingTheme$theme80, _orderingTheme$theme81, _orderingTheme$theme82, _orderingTheme$theme83, _orderingTheme$theme84, _orderingTheme$theme85, _orderingTheme$theme86, _orderingTheme$theme87, _orderingTheme$theme88, _orderingTheme$theme89, _orderingTheme$theme90, _orderingTheme$theme91, _orderingTheme$theme92, _orderingTheme$theme93, _orderingTheme$theme94, _orderingTheme$theme95, _orderingTheme$theme96, _orderingTheme$theme97, _orderingTheme$theme98, _orderingTheme$theme99, _orderingTheme$theme100, _orderingTheme$theme101, _orderingTheme$theme102, _orderingTheme$theme103, _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, _getOrderStatus, _getOrderStatus2, _theme$defaultLanguag2, _order$business6, _order$business7, _order$business8, _order$business9, _order$business10, _order$place, _order$place2, _getOrderStatus3, _getOrderStatus4, _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, _theme$defaultLanguag4, _theme$defaultLanguag5, _theme$defaultLanguag6, _openTaxModal$data, _openTaxModal$data2, _openTaxModal$data3, _openTaxModal$data4, _openTaxModal$data$fi, _openTaxModal$data5, _openTaxModal$data6;
+  var _configs$google_maps_, _configs$powered_by_o, _orderingTheme$theme, _orderingTheme$theme$, _orderingTheme$theme$2, _orderingTheme$theme$3, _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, _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, _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, _order$reporting_data, _getOrderStatus, _getOrderStatus2, _theme$defaultLanguag2, _order$business6, _order$business7, _order$business8, _order$business9, _order$business10, _order$place, _order$place2, _getOrderStatus3, _getOrderStatus4, _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;
   var userCustomerId = props.userCustomerId,
     handleChangeOrderStatus = props.handleChangeOrderStatus,
     handleBusinessRedirect = props.handleBusinessRedirect,
@@ -119,53 +121,57 @@ var OrderDetailsUI = function OrderDetailsUI(props) {
     _useState10 = _slicedToArray(_useState9, 2),
     isProReviewed = _useState10[0],
     setIsProReviewed = _useState10[1];
-  var _useState11 = (0, _react.useState)({
+  var _useState11 = (0, _react.useState)(false),
+    _useState12 = _slicedToArray(_useState11, 2),
+    isGiftCardSent = _useState12[0],
+    setIsGiftCardSent = _useState12[1];
+  var _useState13 = (0, _react.useState)({
       business: false,
       driver: false
     }),
-    _useState12 = _slicedToArray(_useState11, 2),
-    unreadAlert = _useState12[0],
-    setUnreadAlert = _useState12[1];
-  var _useState13 = (0, _react.useState)(false),
     _useState14 = _slicedToArray(_useState13, 2),
-    isReviewOpen = _useState14[0],
-    setIsReviewOpen = _useState14[1];
-  var _useState15 = (0, _react.useState)({
+    unreadAlert = _useState14[0],
+    setUnreadAlert = _useState14[1];
+  var _useState15 = (0, _react.useState)(false),
+    _useState16 = _slicedToArray(_useState15, 2),
+    isReviewOpen = _useState16[0],
+    setIsReviewOpen = _useState16[1];
+  var _useState17 = (0, _react.useState)({
       order: false,
       product: false,
       driver: false,
       professional: false
     }),
-    _useState16 = _slicedToArray(_useState15, 2),
-    reviewStatus = _useState16[0],
-    setReviewStatus = _useState16[1];
-  var _useState17 = (0, _react.useState)({
+    _useState18 = _slicedToArray(_useState17, 2),
+    reviewStatus = _useState18[0],
+    setReviewStatus = _useState18[1];
+  var _useState19 = (0, _react.useState)({
       open: false,
       tax: null
     }),
-    _useState18 = _slicedToArray(_useState17, 2),
-    openTaxModal = _useState18[0],
-    setOpenTaxModal = _useState18[1];
-  var _useState19 = (0, _react.useState)(false),
     _useState20 = _slicedToArray(_useState19, 2),
-    isService = _useState20[0],
-    setIsService = _useState20[1];
+    openTaxModal = _useState20[0],
+    setOpenTaxModal = _useState20[1];
   var _useState21 = (0, _react.useState)(false),
     _useState22 = _slicedToArray(_useState21, 2),
-    isOrderHistory = _useState22[0],
-    setIsOrderHistory = _useState22[1];
-  var _useState23 = (0, _react.useState)({
+    isService = _useState22[0],
+    setIsService = _useState22[1];
+  var _useState23 = (0, _react.useState)(false),
+    _useState24 = _slicedToArray(_useState23, 2),
+    isOrderHistory = _useState24[0],
+    setIsOrderHistory = _useState24[1];
+  var _useState25 = (0, _react.useState)({
       open: false,
       content: null,
       handleOnAccept: null
     }),
-    _useState24 = _slicedToArray(_useState23, 2),
-    confirm = _useState24[0],
-    setConfirm = _useState24[1];
-  var _useState25 = (0, _react.useState)(true),
     _useState26 = _slicedToArray(_useState25, 2),
-    isShowBusinessLogo = _useState26[0],
-    setIsShowBusinessLogo = _useState26[1];
+    confirm = _useState26[0],
+    setConfirm = _useState26[1];
+  var _useState27 = (0, _react.useState)(true),
+    _useState28 = _slicedToArray(_useState27, 2),
+    isShowBusinessLogo = _useState28[0],
+    setIsShowBusinessLogo = _useState28[1];
   var _props$order = props.order,
     order = _props$order.order,
     loading = _props$order.loading,
@@ -175,27 +181,29 @@ var OrderDetailsUI = function OrderDetailsUI(props) {
   var acceptedStatus = [1, 2, 5, 6, 10, 11, 12];
   var completedStatus = [1, 2, 5, 6, 10, 11, 12, 15, 16, 17];
   var placeSpotTypes = [3, 4, 5];
+  var activeStatus = [0, 3, 4, 7, 8, 9, 14, 18, 19, 20, 21, 22, 23];
   var googleMapsApiKey = configs === null || configs === void 0 ? void 0 : (_configs$google_maps_ = configs.google_maps_api_key) === null || _configs$google_maps_ === void 0 ? void 0 : _configs$google_maps_.value;
   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;
-  var showOrderActions = (order === null || order === void 0 ? void 0 : order.delivery_type) !== 1;
+  var hideOrderActions = (order === null || order === void 0 ? void 0 : order.delivery_type) === 1;
+  var isGiftCardOrder = !(order !== null && order !== void 0 && order.business_id);
   var isOriginalLayout = (orderingTheme === null || orderingTheme === void 0 ? void 0 : (_orderingTheme$theme = orderingTheme.theme) === null || _orderingTheme$theme === void 0 ? void 0 : (_orderingTheme$theme$ = _orderingTheme$theme.confirmation) === null || _orderingTheme$theme$ === void 0 ? void 0 : (_orderingTheme$theme$2 = _orderingTheme$theme$.components) === null || _orderingTheme$theme$2 === void 0 ? void 0 : (_orderingTheme$theme$3 = _orderingTheme$theme$2.layout) === null || _orderingTheme$theme$3 === void 0 ? void 0 : _orderingTheme$theme$3.type) === 'original';
-  var showDeliveryType = !(orderingTheme !== null && orderingTheme !== void 0 && (_orderingTheme$theme2 = orderingTheme.theme) !== null && _orderingTheme$theme2 !== void 0 && (_orderingTheme$theme3 = _orderingTheme$theme2.confirmation) !== null && _orderingTheme$theme3 !== void 0 && (_orderingTheme$theme4 = _orderingTheme$theme3.components) !== null && _orderingTheme$theme4 !== void 0 && (_orderingTheme$theme5 = _orderingTheme$theme4.order) !== null && _orderingTheme$theme5 !== void 0 && (_orderingTheme$theme6 = _orderingTheme$theme5.components) !== null && _orderingTheme$theme6 !== void 0 && (_orderingTheme$theme7 = _orderingTheme$theme6.delivery_type) !== null && _orderingTheme$theme7 !== void 0 && _orderingTheme$theme7.hidden);
-  var showDeliveryDate = !(orderingTheme !== null && orderingTheme !== void 0 && (_orderingTheme$theme8 = orderingTheme.theme) !== null && _orderingTheme$theme8 !== void 0 && (_orderingTheme$theme9 = _orderingTheme$theme8.confirmation) !== null && _orderingTheme$theme9 !== void 0 && (_orderingTheme$theme10 = _orderingTheme$theme9.components) !== null && _orderingTheme$theme10 !== void 0 && (_orderingTheme$theme11 = _orderingTheme$theme10.order) !== null && _orderingTheme$theme11 !== void 0 && (_orderingTheme$theme12 = _orderingTheme$theme11.components) !== null && _orderingTheme$theme12 !== void 0 && (_orderingTheme$theme13 = _orderingTheme$theme12.date) !== null && _orderingTheme$theme13 !== void 0 && _orderingTheme$theme13.hidden);
-  var showDeliveryProgress = !(orderingTheme !== null && orderingTheme !== void 0 && (_orderingTheme$theme14 = orderingTheme.theme) !== null && _orderingTheme$theme14 !== void 0 && (_orderingTheme$theme15 = _orderingTheme$theme14.confirmation) !== null && _orderingTheme$theme15 !== void 0 && (_orderingTheme$theme16 = _orderingTheme$theme15.components) !== null && _orderingTheme$theme16 !== void 0 && (_orderingTheme$theme17 = _orderingTheme$theme16.order) !== null && _orderingTheme$theme17 !== void 0 && (_orderingTheme$theme18 = _orderingTheme$theme17.components) !== null && _orderingTheme$theme18 !== void 0 && (_orderingTheme$theme19 = _orderingTheme$theme18.progress) !== null && _orderingTheme$theme19 !== void 0 && _orderingTheme$theme19.hidden);
-  var showBusinessPhone = !(orderingTheme !== null && orderingTheme !== void 0 && (_orderingTheme$theme20 = orderingTheme.theme) !== null && _orderingTheme$theme20 !== void 0 && (_orderingTheme$theme21 = _orderingTheme$theme20.confirmation) !== null && _orderingTheme$theme21 !== void 0 && (_orderingTheme$theme22 = _orderingTheme$theme21.components) !== null && _orderingTheme$theme22 !== void 0 && (_orderingTheme$theme23 = _orderingTheme$theme22.business) !== null && _orderingTheme$theme23 !== void 0 && (_orderingTheme$theme24 = _orderingTheme$theme23.components) !== null && _orderingTheme$theme24 !== void 0 && (_orderingTheme$theme25 = _orderingTheme$theme24.phone) !== null && _orderingTheme$theme25 !== void 0 && _orderingTheme$theme25.hidden);
-  var showBusinessMessages = !(orderingTheme !== null && orderingTheme !== void 0 && (_orderingTheme$theme26 = orderingTheme.theme) !== null && _orderingTheme$theme26 !== void 0 && (_orderingTheme$theme27 = _orderingTheme$theme26.confirmation) !== null && _orderingTheme$theme27 !== void 0 && (_orderingTheme$theme28 = _orderingTheme$theme27.components) !== null && _orderingTheme$theme28 !== void 0 && (_orderingTheme$theme29 = _orderingTheme$theme28.business) !== null && _orderingTheme$theme29 !== void 0 && (_orderingTheme$theme30 = _orderingTheme$theme29.components) !== null && _orderingTheme$theme30 !== void 0 && (_orderingTheme$theme31 = _orderingTheme$theme30.messages) !== null && _orderingTheme$theme31 !== void 0 && _orderingTheme$theme31.hidden);
-  var showBusinessEmail = !(orderingTheme !== null && orderingTheme !== void 0 && (_orderingTheme$theme32 = orderingTheme.theme) !== null && _orderingTheme$theme32 !== void 0 && (_orderingTheme$theme33 = _orderingTheme$theme32.confirmation) !== null && _orderingTheme$theme33 !== void 0 && (_orderingTheme$theme34 = _orderingTheme$theme33.components) !== null && _orderingTheme$theme34 !== void 0 && (_orderingTheme$theme35 = _orderingTheme$theme34.business) !== null && _orderingTheme$theme35 !== void 0 && (_orderingTheme$theme36 = _orderingTheme$theme35.components) !== null && _orderingTheme$theme36 !== void 0 && (_orderingTheme$theme37 = _orderingTheme$theme36.email) !== null && _orderingTheme$theme37 !== void 0 && _orderingTheme$theme37.hidden);
-  var showBusinessAddress = !(orderingTheme !== null && orderingTheme !== void 0 && (_orderingTheme$theme38 = orderingTheme.theme) !== null && _orderingTheme$theme38 !== void 0 && (_orderingTheme$theme39 = _orderingTheme$theme38.confirmation) !== null && _orderingTheme$theme39 !== void 0 && (_orderingTheme$theme40 = _orderingTheme$theme39.components) !== null && _orderingTheme$theme40 !== void 0 && (_orderingTheme$theme41 = _orderingTheme$theme40.business) !== null && _orderingTheme$theme41 !== void 0 && (_orderingTheme$theme42 = _orderingTheme$theme41.components) !== null && _orderingTheme$theme42 !== void 0 && (_orderingTheme$theme43 = _orderingTheme$theme42.address) !== null && _orderingTheme$theme43 !== void 0 && _orderingTheme$theme43.hidden);
-  var showBusinessMap = !(orderingTheme !== null && orderingTheme !== void 0 && (_orderingTheme$theme44 = orderingTheme.theme) !== null && _orderingTheme$theme44 !== void 0 && (_orderingTheme$theme45 = _orderingTheme$theme44.confirmation) !== null && _orderingTheme$theme45 !== void 0 && (_orderingTheme$theme46 = _orderingTheme$theme45.components) !== null && _orderingTheme$theme46 !== void 0 && (_orderingTheme$theme47 = _orderingTheme$theme46.business) !== null && _orderingTheme$theme47 !== void 0 && (_orderingTheme$theme48 = _orderingTheme$theme47.components) !== null && _orderingTheme$theme48 !== void 0 && (_orderingTheme$theme49 = _orderingTheme$theme48.map) !== null && _orderingTheme$theme49 !== void 0 && _orderingTheme$theme49.hidden);
-  var showDriverName = !(orderingTheme !== null && orderingTheme !== void 0 && (_orderingTheme$theme50 = orderingTheme.theme) !== null && _orderingTheme$theme50 !== void 0 && (_orderingTheme$theme51 = _orderingTheme$theme50.confirmation) !== null && _orderingTheme$theme51 !== void 0 && (_orderingTheme$theme52 = _orderingTheme$theme51.components) !== null && _orderingTheme$theme52 !== void 0 && (_orderingTheme$theme53 = _orderingTheme$theme52.driver) !== null && _orderingTheme$theme53 !== void 0 && (_orderingTheme$theme54 = _orderingTheme$theme53.components) !== null && _orderingTheme$theme54 !== void 0 && (_orderingTheme$theme55 = _orderingTheme$theme54.name) !== null && _orderingTheme$theme55 !== void 0 && _orderingTheme$theme55.hidden);
-  var showDriverPhone = !(orderingTheme !== null && orderingTheme !== void 0 && (_orderingTheme$theme56 = orderingTheme.theme) !== null && _orderingTheme$theme56 !== void 0 && (_orderingTheme$theme57 = _orderingTheme$theme56.confirmation) !== null && _orderingTheme$theme57 !== void 0 && (_orderingTheme$theme58 = _orderingTheme$theme57.components) !== null && _orderingTheme$theme58 !== void 0 && (_orderingTheme$theme59 = _orderingTheme$theme58.driver) !== null && _orderingTheme$theme59 !== void 0 && (_orderingTheme$theme60 = _orderingTheme$theme59.components) !== null && _orderingTheme$theme60 !== void 0 && (_orderingTheme$theme61 = _orderingTheme$theme60.phone) !== null && _orderingTheme$theme61 !== void 0 && _orderingTheme$theme61.hidden);
-  var showDriverMessages = !(orderingTheme !== null && orderingTheme !== void 0 && (_orderingTheme$theme62 = orderingTheme.theme) !== null && _orderingTheme$theme62 !== void 0 && (_orderingTheme$theme63 = _orderingTheme$theme62.confirmation) !== null && _orderingTheme$theme63 !== void 0 && (_orderingTheme$theme64 = _orderingTheme$theme63.components) !== null && _orderingTheme$theme64 !== void 0 && (_orderingTheme$theme65 = _orderingTheme$theme64.driver) !== null && _orderingTheme$theme65 !== void 0 && (_orderingTheme$theme66 = _orderingTheme$theme65.components) !== null && _orderingTheme$theme66 !== void 0 && (_orderingTheme$theme67 = _orderingTheme$theme66.messages) !== null && _orderingTheme$theme67 !== void 0 && _orderingTheme$theme67.hidden);
-  var showDriverEmail = !(orderingTheme !== null && orderingTheme !== void 0 && (_orderingTheme$theme68 = orderingTheme.theme) !== null && _orderingTheme$theme68 !== void 0 && (_orderingTheme$theme69 = _orderingTheme$theme68.confirmation) !== null && _orderingTheme$theme69 !== void 0 && (_orderingTheme$theme70 = _orderingTheme$theme69.components) !== null && _orderingTheme$theme70 !== void 0 && (_orderingTheme$theme71 = _orderingTheme$theme70.driver) !== null && _orderingTheme$theme71 !== void 0 && (_orderingTheme$theme72 = _orderingTheme$theme71.components) !== null && _orderingTheme$theme72 !== void 0 && (_orderingTheme$theme73 = _orderingTheme$theme72.email) !== null && _orderingTheme$theme73 !== void 0 && _orderingTheme$theme73.hidden);
-  var showDriverPhoto = !(orderingTheme !== null && orderingTheme !== void 0 && (_orderingTheme$theme74 = orderingTheme.theme) !== null && _orderingTheme$theme74 !== void 0 && (_orderingTheme$theme75 = _orderingTheme$theme74.confirmation) !== null && _orderingTheme$theme75 !== void 0 && (_orderingTheme$theme76 = _orderingTheme$theme75.components) !== null && _orderingTheme$theme76 !== void 0 && (_orderingTheme$theme77 = _orderingTheme$theme76.driver) !== null && _orderingTheme$theme77 !== void 0 && (_orderingTheme$theme78 = _orderingTheme$theme77.components) !== null && _orderingTheme$theme78 !== void 0 && (_orderingTheme$theme79 = _orderingTheme$theme78.photo) !== null && _orderingTheme$theme79 !== void 0 && _orderingTheme$theme79.hidden);
-  var showCustomerPhone = !(orderingTheme !== null && orderingTheme !== void 0 && (_orderingTheme$theme80 = orderingTheme.theme) !== null && _orderingTheme$theme80 !== void 0 && (_orderingTheme$theme81 = _orderingTheme$theme80.confirmation) !== null && _orderingTheme$theme81 !== void 0 && (_orderingTheme$theme82 = _orderingTheme$theme81.components) !== null && _orderingTheme$theme82 !== void 0 && (_orderingTheme$theme83 = _orderingTheme$theme82.customer) !== null && _orderingTheme$theme83 !== void 0 && (_orderingTheme$theme84 = _orderingTheme$theme83.components) !== null && _orderingTheme$theme84 !== void 0 && (_orderingTheme$theme85 = _orderingTheme$theme84.phone) !== null && _orderingTheme$theme85 !== void 0 && _orderingTheme$theme85.hidden);
-  var showCustomerAddress = !(orderingTheme !== null && orderingTheme !== void 0 && (_orderingTheme$theme86 = orderingTheme.theme) !== null && _orderingTheme$theme86 !== void 0 && (_orderingTheme$theme87 = _orderingTheme$theme86.confirmation) !== null && _orderingTheme$theme87 !== void 0 && (_orderingTheme$theme88 = _orderingTheme$theme87.components) !== null && _orderingTheme$theme88 !== void 0 && (_orderingTheme$theme89 = _orderingTheme$theme88.customer) !== null && _orderingTheme$theme89 !== void 0 && (_orderingTheme$theme90 = _orderingTheme$theme89.components) !== null && _orderingTheme$theme90 !== void 0 && (_orderingTheme$theme91 = _orderingTheme$theme90.address) !== null && _orderingTheme$theme91 !== void 0 && _orderingTheme$theme91.hidden);
-  var showCustomerEmail = !(orderingTheme !== null && orderingTheme !== void 0 && (_orderingTheme$theme92 = orderingTheme.theme) !== null && _orderingTheme$theme92 !== void 0 && (_orderingTheme$theme93 = _orderingTheme$theme92.confirmation) !== null && _orderingTheme$theme93 !== void 0 && (_orderingTheme$theme94 = _orderingTheme$theme93.components) !== null && _orderingTheme$theme94 !== void 0 && (_orderingTheme$theme95 = _orderingTheme$theme94.customer) !== null && _orderingTheme$theme95 !== void 0 && (_orderingTheme$theme96 = _orderingTheme$theme95.components) !== null && _orderingTheme$theme96 !== void 0 && (_orderingTheme$theme97 = _orderingTheme$theme96.email) !== null && _orderingTheme$theme97 !== void 0 && _orderingTheme$theme97.hidden);
-  var showCustomerPhoto = !(orderingTheme !== null && orderingTheme !== void 0 && (_orderingTheme$theme98 = orderingTheme.theme) !== null && _orderingTheme$theme98 !== void 0 && (_orderingTheme$theme99 = _orderingTheme$theme98.confirmation) !== null && _orderingTheme$theme99 !== void 0 && (_orderingTheme$theme100 = _orderingTheme$theme99.components) !== null && _orderingTheme$theme100 !== void 0 && (_orderingTheme$theme101 = _orderingTheme$theme100.customer) !== null && _orderingTheme$theme101 !== void 0 && (_orderingTheme$theme102 = _orderingTheme$theme101.components) !== null && _orderingTheme$theme102 !== void 0 && (_orderingTheme$theme103 = _orderingTheme$theme102.photo) !== null && _orderingTheme$theme103 !== void 0 && _orderingTheme$theme103.hidden);
+  var hideDeliveryType = 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.order) === null || _theme$confirmation$c2 === void 0 ? void 0 : (_theme$confirmation$c3 = _theme$confirmation$c2.components) === null || _theme$confirmation$c3 === void 0 ? void 0 : (_theme$confirmation$c4 = _theme$confirmation$c3.delivery_type) === null || _theme$confirmation$c4 === void 0 ? void 0 : _theme$confirmation$c4.hidden;
+  var hideDeliveryDate = 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.date) === null || _theme$confirmation2$4 === void 0 ? void 0 : _theme$confirmation2$4.hidden;
+  var hideDeliveryProgress = 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.progress) === null || _theme$confirmation3$4 === void 0 ? void 0 : _theme$confirmation3$4.hidden;
+  var hideBusinessPhone = 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$.business) === 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.phone) === null || _theme$confirmation4$4 === void 0 ? void 0 : _theme$confirmation4$4.hidden;
+  var hideBusinessMessages = 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.messages) === null || _theme$confirmation5$4 === void 0 ? void 0 : _theme$confirmation5$4.hidden;
+  var hideBusinessEmail = 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.email) === null || _theme$confirmation6$4 === void 0 ? void 0 : _theme$confirmation6$4.hidden;
+  var hideBusinessAddress = 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.address) === null || _theme$confirmation7$4 === void 0 ? void 0 : _theme$confirmation7$4.hidden;
+  var hideBusinessMap = 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.map) === null || _theme$confirmation8$4 === void 0 ? void 0 : _theme$confirmation8$4.hidden;
+  var hideDriverName = 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$.driver) === 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.name) === null || _theme$confirmation9$4 === void 0 ? void 0 : _theme$confirmation9$4.hidden;
+  var hideDriverPhone = 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.phone) === null || _theme$confirmation14 === void 0 ? void 0 : _theme$confirmation14.hidden;
+  var hideDriverMessages = 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.messages) === null || _theme$confirmation19 === void 0 ? void 0 : _theme$confirmation19.hidden;
+  var hideDriverEmail = 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.email) === null || _theme$confirmation24 === void 0 ? void 0 : _theme$confirmation24.hidden;
+  var hideDriverPhoto = 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.photo) === null || _theme$confirmation29 === void 0 ? void 0 : _theme$confirmation29.hidden;
+  var hideCustomerPhone = 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.customer) === null || _theme$confirmation32 === void 0 ? void 0 : (_theme$confirmation33 = _theme$confirmation32.components) === null || _theme$confirmation33 === void 0 ? void 0 : (_theme$confirmation34 = _theme$confirmation33.phone) === null || _theme$confirmation34 === void 0 ? void 0 : _theme$confirmation34.hidden;
+  var hideCustomerAddress = 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.address) === null || _theme$confirmation39 === void 0 ? void 0 : _theme$confirmation39.hidden;
+  var hideCustomerEmail = 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.email) === null || _theme$confirmation44 === void 0 ? void 0 : _theme$confirmation44.hidden;
+  var hideCustomerPhoto = 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.photo) === null || _theme$confirmation49 === void 0 ? void 0 : _theme$confirmation49.hidden;
   var validTrackingStatus = [9, 19, 23];
   var mapConfigs = {
     zoom: 15
@@ -512,15 +520,15 @@ var OrderDetailsUI = function OrderDetailsUI(props) {
       images: (_order$business4 = order.business) === null || _order$business4 === void 0 ? void 0 : _order$business4.logo,
       name: (_order$business5 = order.business) === null || _order$business5 === void 0 ? void 0 : _order$business5.name
     }
-  })))), (order === null || order === void 0 ? void 0 : order.status) !== 0 && (order === null || order === void 0 ? void 0 : order.integration_id) && /*#__PURE__*/_react.default.createElement("h1", null, t('TICKET', 'Ticket'), ": ", order === null || order === void 0 ? void 0 : order.integration_id), showDeliveryType && /*#__PURE__*/_react.default.createElement("p", {
+  })))), (order === null || order === void 0 ? void 0 : order.status) !== 0 && (order === null || order === void 0 ? void 0 : order.integration_id) && /*#__PURE__*/_react.default.createElement("h1", null, t('TICKET', 'Ticket'), ": ", order === null || order === void 0 ? void 0 : order.integration_id), !hideDeliveryType && /*#__PURE__*/_react.default.createElement("p", {
     className: "types"
   }, isService ? t('SERVICE_AT_HOME', 'Service at home') : orderTypes === null || orderTypes === void 0 ? void 0 : (_orderTypes$find = orderTypes.find(function (type) {
     return (order === null || order === void 0 ? void 0 : order.delivery_type) === (type === null || type === void 0 ? void 0 : type.value);
-  })) === null || _orderTypes$find === void 0 ? void 0 : _orderTypes$find.text), showDeliveryDate && /*#__PURE__*/_react.default.createElement("p", {
+  })) === null || _orderTypes$find === void 0 ? void 0 : _orderTypes$find.text), !hideDeliveryDate && /*#__PURE__*/_react.default.createElement("p", {
     className: "date"
-  }, order !== null && order !== void 0 && order.delivery_datetime_utc ? parseDate(order === null || order === void 0 ? void 0 : order.delivery_datetime_utc) : parseDate(order === null || order === void 0 ? void 0 : order.delivery_datetime, {
-    utc: false
-  })), (acceptedStatus.includes(parseInt(order === null || order === void 0 ? void 0 : order.status, 10)) || !isOriginalLayout) && /*#__PURE__*/_react.default.createElement(_styles.ReOrder, null, /*#__PURE__*/_react.default.createElement(_Buttons.Button, {
+  }, activeStatus.includes(order === null || order === void 0 ? void 0 : order.status) ? /*#__PURE__*/_react.default.createElement(_OrderEta.OrderEta, {
+    order: order
+  }) : parseDate(order === null || order === void 0 ? void 0 : (_order$reporting_data = order.reporting_data) === null || _order$reporting_data === void 0 ? void 0 : _order$reporting_data.at["status:".concat(order.status)])), (acceptedStatus.includes(parseInt(order === null || order === void 0 ? void 0 : order.status, 10)) || !isOriginalLayout) && !isGiftCardOrder && /*#__PURE__*/_react.default.createElement(_styles.ReOrder, null, /*#__PURE__*/_react.default.createElement(_Buttons.Button, {
     color: "primary",
     outline: true,
     onClick: function onClick() {
@@ -534,7 +542,7 @@ var OrderDetailsUI = function OrderDetailsUI(props) {
       return handleClickReorder(order);
     },
     disabled: reorderState === null || reorderState === void 0 ? void 0 : reorderState.loading
-  }, reorderState !== null && reorderState !== void 0 && reorderState.loading ? t('LOADING', 'Loading...') : t('REORDER', 'Reorder')))), showDeliveryProgress && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles.StatusBar, {
+  }, reorderState !== null && reorderState !== void 0 && reorderState.loading ? t('LOADING', 'Loading...') : t('REORDER', 'Reorder')))), !hideDeliveryProgress && !isGiftCardOrder && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles.StatusBar, {
     percentage: (_getOrderStatus = (0, _utils.getOrderStatus)(order === null || order === void 0 ? void 0 : order.status)) === null || _getOrderStatus === void 0 ? void 0 : _getOrderStatus.percentage
   }), /*#__PURE__*/_react.default.createElement(_styles.OrderStatusAndLinkContainer, null, /*#__PURE__*/_react.default.createElement("p", {
     className: "order-status"
@@ -550,30 +558,22 @@ var OrderDetailsUI = function OrderDetailsUI(props) {
     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)
   }, /*#__PURE__*/_react.default.createElement("span", {
     onClick: handleOpenReview
-  }, 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'))))))), /*#__PURE__*/_react.default.createElement(_styles.OrderBusiness, null, /*#__PURE__*/_react.default.createElement(_styles.BusinessExternalWrapper, null, /*#__PURE__*/_react.default.createElement(_styles.BusinessWrapper, {
-    w: "calc(100% - 20px)"
-    // borderBottom={showOrderActions}
+  }, 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, {
+    w: "calc(100% - 20px)",
+    borderTop: !hideDeliveryType && placeSpotTypes.includes(order === null || order === void 0 ? void 0 : order.delivery_type)
   }, isShowBusinessLogo && /*#__PURE__*/_react.default.createElement("img", {
     src: order === null || order === void 0 ? void 0 : (_order$business6 = order.business) === null || _order$business6 === void 0 ? void 0 : _order$business6.logo
   }), /*#__PURE__*/_react.default.createElement(_styles.BusinessInfo, null, /*#__PURE__*/_react.default.createElement("h2", null, order === null || order === void 0 ? void 0 : (_order$business7 = order.business) === null || _order$business7 === void 0 ? void 0 : _order$business7.name), /*#__PURE__*/_react.default.createElement(_ActionsSection.ActionsSection, _extends({}, ActionsSectionProps, {
     actionType: "business",
-    showPhone: showBusinessPhone,
-    showMessages: showBusinessMessages
-  })), showBusinessEmail && /*#__PURE__*/_react.default.createElement("p", null, order === null || order === void 0 ? void 0 : (_order$business8 = order.business) === null || _order$business8 === void 0 ? void 0 : _order$business8.email), showBusinessPhone && /*#__PURE__*/_react.default.createElement("p", null, order === null || order === void 0 ? void 0 : (_order$business9 = order.business) === null || _order$business9 === void 0 ? void 0 : _order$business9.cellphone), showBusinessAddress && /*#__PURE__*/_react.default.createElement("p", null, order === null || order === void 0 ? void 0 : (_order$business10 = order.business) === null || _order$business10 === void 0 ? void 0 : _order$business10.address), (order === null || order === void 0 ? void 0 : (_order$place = order.place) === null || _order$place === void 0 ? void 0 : _order$place.name) && /*#__PURE__*/_react.default.createElement(_styles.PlaceSpotSection, null, /*#__PURE__*/_react.default.createElement("p", null, yourSpotString, ": ", order === null || order === void 0 ? void 0 : (_order$place2 = order.place) === null || _order$place2 === void 0 ? void 0 : _order$place2.name)), showOrderActions && /*#__PURE__*/_react.default.createElement(_styles.DirectionButtonWrapper, null, /*#__PURE__*/_react.default.createElement(_Buttons.Button, {
+    showPhone: !hideBusinessPhone,
+    showMessages: !hideBusinessMessages
+  })), !hideBusinessEmail && /*#__PURE__*/_react.default.createElement("p", null, order === null || order === void 0 ? void 0 : (_order$business8 = order.business) === null || _order$business8 === void 0 ? void 0 : _order$business8.email), !hideBusinessPhone && /*#__PURE__*/_react.default.createElement("p", null, order === null || order === void 0 ? void 0 : (_order$business9 = order.business) === null || _order$business9 === void 0 ? void 0 : _order$business9.cellphone), !hideBusinessAddress && /*#__PURE__*/_react.default.createElement("p", null, order === null || order === void 0 ? void 0 : (_order$business10 = order.business) === null || _order$business10 === void 0 ? void 0 : _order$business10.address), (order === null || order === void 0 ? void 0 : (_order$place = order.place) === null || _order$place === void 0 ? void 0 : _order$place.name) && /*#__PURE__*/_react.default.createElement(_styles.PlaceSpotSection, null, /*#__PURE__*/_react.default.createElement("p", null, yourSpotString, ": ", order === null || order === void 0 ? void 0 : (_order$place2 = order.place) === null || _order$place2 === void 0 ? void 0 : _order$place2.name)), hideOrderActions && /*#__PURE__*/_react.default.createElement(_styles.DirectionButtonWrapper, null, /*#__PURE__*/_react.default.createElement(_Buttons.Button, {
     color: "primary",
     onClick: function onClick() {
       var _order$business11;
       return window.open("http://maps.google.com/?q=".concat(order === null || order === void 0 ? void 0 : (_order$business11 = order.business) === null || _order$business11 === void 0 ? void 0 : _order$business11.address));
     }
-  }, t('GET_DIRECTIONS', 'Get Directions'))))), showDeliveryType && placeSpotTypes.includes(order === null || order === void 0 ? void 0 : order.delivery_type) && /*#__PURE__*/_react.default.createElement(_styles.PlaceSpotWrapper, null, /*#__PURE__*/_react.default.createElement(_PlaceSpot.PlaceSpot, {
-    isInputMode: true,
-    cart: order,
-    spotNumberDefault: order === null || order === void 0 ? void 0 : order.spot_number,
-    vehicleDefault: order === null || order === void 0 ? void 0 : order.vehicle
-  })), showOrderActions && /*#__PURE__*/_react.default.createElement(_styles.BusinessWrapper, {
-    w: "calc(100% - 20px)",
-    borderTop: true
-  }, /*#__PURE__*/_react.default.createElement(_styles.BtsOrderStatus, null, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Buttons.Button, {
+  }, t('GET_DIRECTIONS', 'Get Directions')))), !hideOrderActions && /*#__PURE__*/_react.default.createElement(_styles.BtsOrderStatus, null, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Buttons.Button, {
     style: {
       fontSize: 14
     },
@@ -591,7 +591,12 @@ var OrderDetailsUI = function OrderDetailsUI(props) {
     onClick: function onClick() {
       return handleChangeOrderStatus(21);
     }
-  }, (_getOrderStatus4 = (0, _utils.getOrderStatus)(21)) === null || _getOrderStatus4 === void 0 ? void 0 : _getOrderStatus4.value))))), googleMapsApiKey && showBusinessMap && /*#__PURE__*/_react.default.createElement(_styles.MapWrapper, null, /*#__PURE__*/_react.default.createElement(_styles.Map, {
+  }, (_getOrderStatus4 = (0, _utils.getOrderStatus)(21)) === null || _getOrderStatus4 === void 0 ? void 0 : _getOrderStatus4.value)))), !hideDeliveryType && placeSpotTypes.includes(order === null || order === void 0 ? void 0 : order.delivery_type) && /*#__PURE__*/_react.default.createElement(_styles.PlaceSpotWrapper, null, /*#__PURE__*/_react.default.createElement(_PlaceSpot.PlaceSpot, {
+    isInputMode: true,
+    cart: order,
+    spotNumberDefault: order === null || order === void 0 ? void 0 : order.spot_number,
+    vehicleDefault: order === null || order === void 0 ? void 0 : order.vehicle
+  }))), googleMapsApiKey && !hideBusinessMap && /*#__PURE__*/_react.default.createElement(_styles.MapWrapper, null, /*#__PURE__*/_react.default.createElement(_styles.Map, {
     style: {
       width: '100%'
     }
@@ -602,17 +607,17 @@ var OrderDetailsUI = function OrderDetailsUI(props) {
     width: "100%",
     height: "100%",
     loading: "lazy"
-  })))), /*#__PURE__*/_react.default.createElement(_styles.OrderCustomer, null, /*#__PURE__*/_react.default.createElement(_styles.BusinessWrapper, null, showCustomerPhoto && (order === null || order === void 0 ? void 0 : (_order$customer3 = order.customer) === null || _order$customer3 === void 0 ? void 0 : _order$customer3.photo) && /*#__PURE__*/_react.default.createElement("img", {
+  })))), /*#__PURE__*/_react.default.createElement(_styles.OrderCustomer, null, /*#__PURE__*/_react.default.createElement(_styles.BusinessWrapper, null, !hideCustomerPhoto && (order === null || order === void 0 ? void 0 : (_order$customer3 = order.customer) === null || _order$customer3 === void 0 ? void 0 : _order$customer3.photo) && /*#__PURE__*/_react.default.createElement("img", {
     src: order === null || order === void 0 ? void 0 : (_order$customer4 = order.customer) === null || _order$customer4 === void 0 ? void 0 : _order$customer4.photo
-  }), /*#__PURE__*/_react.default.createElement(_styles.BusinessInfo, null, /*#__PURE__*/_react.default.createElement("p", null, order === null || order === void 0 ? void 0 : (_order$customer5 = order.customer) === null || _order$customer5 === void 0 ? void 0 : _order$customer5.name, " ", order === null || order === void 0 ? void 0 : (_order$customer6 = order.customer) === null || _order$customer6 === void 0 ? void 0 : _order$customer6.lastname), showCustomerEmail && /*#__PURE__*/_react.default.createElement("p", null, order === null || order === void 0 ? void 0 : (_order$customer7 = order.customer) === null || _order$customer7 === void 0 ? void 0 : _order$customer7.email), showCustomerPhone && /*#__PURE__*/_react.default.createElement("p", null, (order === null || order === void 0 ? void 0 : (_order$customer8 = order.customer) === null || _order$customer8 === void 0 ? void 0 : _order$customer8.cellphone) || (order === null || order === void 0 ? void 0 : (_order$customer9 = order.customer) === null || _order$customer9 === void 0 ? void 0 : _order$customer9.phone)), showCustomerAddress && /*#__PURE__*/_react.default.createElement("p", null, order === null || order === void 0 ? void 0 : (_order$customer10 = order.customer) === null || _order$customer10 === void 0 ? void 0 : _order$customer10.address)))), (order === null || order === void 0 ? void 0 : order.driver) && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles.OrderDriver, null, /*#__PURE__*/_react.default.createElement(_styles.SectionTitleContainer, null, /*#__PURE__*/_react.default.createElement("h2", null, t('DRIVER', (theme === null || theme === void 0 ? void 0 : (_theme$defaultLanguag3 = theme.defaultLanguages) === null || _theme$defaultLanguag3 === void 0 ? void 0 : _theme$defaultLanguag3.DRIVER) || 'Driver')), /*#__PURE__*/_react.default.createElement(_ActionsSection.ActionsSection, _extends({}, ActionsSectionProps, {
+  }), /*#__PURE__*/_react.default.createElement(_styles.BusinessInfo, null, /*#__PURE__*/_react.default.createElement("p", null, order === null || order === void 0 ? void 0 : (_order$customer5 = order.customer) === null || _order$customer5 === void 0 ? void 0 : _order$customer5.name, " ", order === null || order === void 0 ? void 0 : (_order$customer6 = order.customer) === null || _order$customer6 === void 0 ? void 0 : _order$customer6.lastname), !hideCustomerEmail && /*#__PURE__*/_react.default.createElement("p", null, order === null || order === void 0 ? void 0 : (_order$customer7 = order.customer) === null || _order$customer7 === void 0 ? void 0 : _order$customer7.email), !hideCustomerPhone && /*#__PURE__*/_react.default.createElement("p", null, (order === null || order === void 0 ? void 0 : (_order$customer8 = order.customer) === null || _order$customer8 === void 0 ? void 0 : _order$customer8.cellphone) || (order === null || order === void 0 ? void 0 : (_order$customer9 = order.customer) === null || _order$customer9 === void 0 ? void 0 : _order$customer9.phone)), !hideCustomerAddress && /*#__PURE__*/_react.default.createElement("p", null, order === null || order === void 0 ? void 0 : (_order$customer10 = order.customer) === null || _order$customer10 === void 0 ? void 0 : _order$customer10.address)))), (order === null || order === void 0 ? void 0 : order.driver) && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles.OrderDriver, null, /*#__PURE__*/_react.default.createElement(_styles.SectionTitleContainer, null, /*#__PURE__*/_react.default.createElement("h2", null, t('DRIVER', (theme === null || theme === void 0 ? void 0 : (_theme$defaultLanguag3 = theme.defaultLanguages) === null || _theme$defaultLanguag3 === void 0 ? void 0 : _theme$defaultLanguag3.DRIVER) || 'Driver')), /*#__PURE__*/_react.default.createElement(_ActionsSection.ActionsSection, _extends({}, ActionsSectionProps, {
     actionType: "driver",
-    showPhone: showDriverPhone,
-    showMessages: showDriverMessages
-  }))), /*#__PURE__*/_react.default.createElement(_styles.WrapperDriver, null, showDriverPhoto && /*#__PURE__*/_react.default.createElement("div", {
+    showPhone: !hideDriverPhone,
+    showMessages: !hideDriverMessages
+  }))), /*#__PURE__*/_react.default.createElement(_styles.WrapperDriver, null, !hideDriverPhoto && /*#__PURE__*/_react.default.createElement("div", {
     className: "photo"
   }, order !== null && order !== void 0 && (_order$driver5 = order.driver) !== null && _order$driver5 !== void 0 && _order$driver5.photo ? /*#__PURE__*/_react.default.createElement(_styles.PhotoBlock, {
     src: order === null || order === void 0 ? void 0 : (_order$driver6 = order.driver) === null || _order$driver6 === void 0 ? void 0 : _order$driver6.photo
-  }) : /*#__PURE__*/_react.default.createElement(_RiUser2Fill.default, null)), /*#__PURE__*/_react.default.createElement("div", null, showDriverName && /*#__PURE__*/_react.default.createElement("h2", null, order === null || order === void 0 ? void 0 : (_order$driver7 = order.driver) === null || _order$driver7 === void 0 ? void 0 : _order$driver7.name, " ", order === null || order === void 0 ? void 0 : (_order$driver8 = order.driver) === null || _order$driver8 === void 0 ? void 0 : _order$driver8.lastname), showDriverEmail && /*#__PURE__*/_react.default.createElement("p", null, order === null || order === void 0 ? void 0 : (_order$driver9 = order.driver) === null || _order$driver9 === void 0 ? void 0 : _order$driver9.email), showDriverPhone && /*#__PURE__*/_react.default.createElement("p", null, (order === null || order === void 0 ? void 0 : (_order$driver10 = order.driver) === null || _order$driver10 === void 0 ? void 0 : _order$driver10.cellphone) || (order === null || order === void 0 ? void 0 : (_order$driver11 = order.driver) === null || _order$driver11 === void 0 ? void 0 : _order$driver11.phone))))), (order === null || order === void 0 ? void 0 : (_order$driver12 = order.driver) === null || _order$driver12 === void 0 ? void 0 : _order$driver12.location) && validTrackingStatus.includes(parseInt(order === null || order === void 0 ? void 0 : order.status)) && /*#__PURE__*/_react.default.createElement(_styles.Map, {
+  }) : /*#__PURE__*/_react.default.createElement(_RiUser2Fill.default, null)), /*#__PURE__*/_react.default.createElement("div", null, !hideDriverName && /*#__PURE__*/_react.default.createElement("h2", null, order === null || order === void 0 ? void 0 : (_order$driver7 = order.driver) === null || _order$driver7 === void 0 ? void 0 : _order$driver7.name, " ", order === null || order === void 0 ? void 0 : (_order$driver8 = order.driver) === null || _order$driver8 === void 0 ? void 0 : _order$driver8.lastname), !hideDriverEmail && /*#__PURE__*/_react.default.createElement("p", null, order === null || order === void 0 ? void 0 : (_order$driver9 = order.driver) === null || _order$driver9 === void 0 ? void 0 : _order$driver9.email), !hideDriverPhone && /*#__PURE__*/_react.default.createElement("p", null, (order === null || order === void 0 ? void 0 : (_order$driver10 = order.driver) === null || _order$driver10 === void 0 ? void 0 : _order$driver10.cellphone) || (order === null || order === void 0 ? void 0 : (_order$driver11 = order.driver) === null || _order$driver11 === void 0 ? void 0 : _order$driver11.phone))))), (order === null || order === void 0 ? void 0 : (_order$driver12 = order.driver) === null || _order$driver12 === void 0 ? void 0 : _order$driver12.location) && validTrackingStatus.includes(parseInt(order === null || order === void 0 ? void 0 : order.status)) && /*#__PURE__*/_react.default.createElement(_styles.Map, {
     style: {
       width: '100%'
     }
@@ -624,7 +629,7 @@ var OrderDetailsUI = function OrderDetailsUI(props) {
     locations: parsedLocations,
     mapControls: googleMapsControls,
     apiKey: configs === null || configs === void 0 ? void 0 : (_configs$google_maps_2 = configs.google_maps_api_key) === null || _configs$google_maps_2 === void 0 ? void 0 : _configs$google_maps_2.value
-  }))), ((order === null || order === void 0 ? void 0 : order.delivery_type) === 1 || (order === null || order === void 0 ? void 0 : order.comment)) && /*#__PURE__*/_react.default.createElement(_styles.OrderPreferences, null, /*#__PURE__*/_react.default.createElement(_OrderPreferencesSections.OrderPreferencesSection, {
+  }))), ((order === null || order === void 0 ? void 0 : order.delivery_type) === 1 || (order === null || order === void 0 ? void 0 : order.comment)) && !isGiftCardOrder && /*#__PURE__*/_react.default.createElement(_styles.OrderPreferences, null, /*#__PURE__*/_react.default.createElement(_OrderPreferencesSections.OrderPreferencesSection, {
     order: order,
     placeSpotTypes: placeSpotTypes
   }))), /*#__PURE__*/_react.default.createElement(_styles.WrapperRightContainer, null, /*#__PURE__*/_react.default.createElement(_styles.OrderProducts, null, /*#__PURE__*/_react.default.createElement(_styles.HeaderTitle, null, /*#__PURE__*/_react.default.createElement(_OrderHeaderInfoSection.OrderHeaderInfoSection, {
@@ -636,7 +641,10 @@ var OrderDetailsUI = function OrderDetailsUI(props) {
   })), sortedProductList, /*#__PURE__*/_react.default.createElement(_OrderBillSection.OrderBillSection, {
     order: order,
     setOpenTaxModal: setOpenTaxModal
-  })))), (openMessages.driver || openMessages.business) && /*#__PURE__*/_react.default.createElement(_Messages.Messages, {
+  }))), isGiftCardOrder && (order === null || order === void 0 ? void 0 : (_order$products$ = order.products[0]) === null || _order$products$ === void 0 ? void 0 : (_order$products$$gift = _order$products$.gift_card) === null || _order$products$$gift === void 0 ? void 0 : _order$products$$gift.status) === 'pending' && !isGiftCardSent && /*#__PURE__*/_react.default.createElement(_SendGiftCard.SendGiftCard, {
+    giftCardId: order === null || order === void 0 ? void 0 : (_order$products$2 = order.products[0]) === null || _order$products$2 === void 0 ? void 0 : (_order$products$2$gif = _order$products$2.gift_card) === null || _order$products$2$gif === void 0 ? void 0 : _order$products$2$gif.id,
+    setIsGiftCardSent: setIsGiftCardSent
+  })), (openMessages.driver || openMessages.business) && /*#__PURE__*/_react.default.createElement(_Messages.Messages, {
     orderId: order === null || order === void 0 ? void 0 : order.id,
     order: order,
     business: openMessages.business,

package/_modules/themes/five/src/components/OrderDetails/styles.js

@@ -26,7 +26,7 @@ var Content = _styledComponents.default.div(_templateObject5 || (_templateObject
 exports.Content = Content;
 var OrderBusiness = _styledComponents.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  display: flex;\n  box-sizing: border-box;\n  width: 100%;\n  flex-direction: column;\n  align-items: flex-start;\n  border-radius: 7.6px;\n  padding: 20px;\n  margin-bottom: 20px;\n  box-shadow: 0px 4px 10px 0px #0000001F;\n  @media (min-width: 769px) {\n    flex-direction: row;\n  }\n"])));
 exports.OrderBusiness = OrderBusiness;
-var BusinessWrapper = _styledComponents.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  display: flex;\n  width: 100%;\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n  ", "\n  ", "\n  img {\n    width: 100px;\n    height: 100px;\n    border-radius: 7.6px;\n    margin-right: 0;\n    @media (min-width: 400px) {\n      margin-right: 40px;\n    }\n  }\n  @media (min-width: 400px) {\n    flex-direction: row;\n    width: ", ";\n  }\n"])), function (props) {
+var BusinessWrapper = _styledComponents.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  display: flex;\n  width: 100%;\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n  ", "\n  ", "\n  img {\n    width: 100px;\n    height: 100px;\n    border-radius: 7.6px;\n    margin-right: 0;\n    @media (min-width: 400px) {\n      margin-right: 40px;\n    }\n  }\n  @media (min-width: 400px) {\n    width: ", ";\n  }\n"])), function (props) {
   return props.borderBottom && (0, _styledComponents.css)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n    padding-bottom: 15px;\n    border-bottom: 1px solid ", ";\n  "])), function (props) {
     return props.theme.colors.lightGray;
   });

package/_modules/themes/five/src/components/OrderItAgain/styles.js

@@ -10,14 +10,14 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _temp
 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); }
 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 _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var Container = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  padding-top: 30px;\n  margin-right: 30px;\n  ", "\n  ", "\n"])), function (props) {
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  padding-top: 5px;\n  margin: 0px;\n  ", "\n  ", "\n  @media (min-width: 993px) {\n    margin-right: 30px;\n  }\n"])), function (props) {
   return props.theme.rtl && (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    margin-left: 30px;\n    margin-right: 0px;\n  "])));
 }, function (_ref) {
   var isGroceries = _ref.isGroceries;
   return isGroceries && (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    padding-top: 0px;\n    margin-right: 0px;\n    margin-left: 0px;\n  "])));
 });
 exports.Container = Container;
-var ContentHeader = _styledComponents.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  margin-bottom: 27px;\n\n  > h2 {\n    font-weight: 600;\n    font-size: 24px;\n    line-height: 36px;\n    margin: 0px;\n  }\n  p {\n    font-weight: 400;\n    font-size: 14px;\n    line-height: 24px;\n    margin: 0px;\n    color: ", ";\n  }\n  ", "\n"])), function (props) {
+var ContentHeader = _styledComponents.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  margin-bottom: 15px;\n  > h2 {\n    font-weight: 600;\n    font-size: 24px;\n    line-height: 36px;\n    margin: 0px;\n  }\n  p {\n    font-weight: 400;\n    font-size: 14px;\n    line-height: 24px;\n    margin: 0px;\n    color: ", ";\n  }\n  ", "\n"])), function (props) {
   return props.theme.colors.darkGray;
 }, function (_ref2) {
   var isGroceries = _ref2.isGroceries;
@@ -28,7 +28,7 @@ var ContentHeader = _styledComponents.default.div(_templateObject4 || (_template
 exports.ContentHeader = ContentHeader;
 var ProductListWrapper = _styledComponents.default.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  overflow: auto hidden;\n  width: 100%;\n  ::-webkit-scrollbar {\n    width: 6px;\n    height: 6px;\n  }\n"])));
 exports.ProductListWrapper = ProductListWrapper;
-var ProductList = _styledComponents.default.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  box-sizing: border-box;\n  align-items: center;\n\n  button {\n    padding: 0px;\n  }\n\n  #orderItAgain > div {\n    width: 350px;\n    ", "\n  }\n"])), function (_ref3) {
+var ProductList = _styledComponents.default.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  box-sizing: border-box;\n  align-items: center;\n  button {\n    padding: 0px;\n  }\n  #orderItAgain > div {\n    width: 350px;\n    ", "\n  }\n"])), function (_ref3) {
   var _theme$business_view, _theme$business_view$, _theme$business_view$2, _theme$business_view$3, _theme$business_view$4;
   var theme = _ref3.theme;
   return (theme === null || theme === void 0 ? void 0 : (_theme$business_view = theme.business_view) === null || _theme$business_view === void 0 ? void 0 : (_theme$business_view$ = _theme$business_view.components) === null || _theme$business_view$ === void 0 ? void 0 : (_theme$business_view$2 = _theme$business_view$.products) === null || _theme$business_view$2 === void 0 ? void 0 : (_theme$business_view$3 = _theme$business_view$2.components) === null || _theme$business_view$3 === void 0 ? void 0 : (_theme$business_view$4 = _theme$business_view$3.layout) === null || _theme$business_view$4 === void 0 ? void 0 : _theme$business_view$4.type) === 'starbucks' && (0, _styledComponents.css)(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n      width: 230px;\n    "])));

package/_modules/themes/five/src/components/OrderProgress/index.js

@@ -8,10 +8,10 @@ exports.OrderProgress = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _orderingComponentsExternal = require("ordering-components-external");
 var _Buttons = require("../../styles/Buttons");
-var _moment = _interopRequireDefault(require("moment"));
 var _reactLoadingSkeleton = _interopRequireDefault(require("react-loading-skeleton"));
 var _styledComponents = require("styled-components");
 var _BsArrowRight = _interopRequireDefault(require("@meronex/icons/bs/BsArrowRight"));
+var _OrderEta = require("../OrderDetails/OrderEta");
 var _styles = require("./styles");
 var _utils = require("../../../../../utils");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -39,7 +39,6 @@ var OrderProgressUI = function OrderProgressUI(props) {
     _useUtils2 = _slicedToArray(_useUtils, 1),
     _useUtils2$ = _useUtils2[0],
     optimizeImage = _useUtils2$.optimizeImage,
-    parseDate = _useUtils2$.parseDate,
     parseTime = _useUtils2$.parseTime;
   var theme = (0, _styledComponents.useTheme)();
   var _useEvent = (0, _orderingComponentsExternal.useEvent)(),
@@ -49,17 +48,6 @@ var OrderProgressUI = function OrderProgressUI(props) {
     _useState2 = _slicedToArray(_useState, 2),
     lastOrder = _useState2[0],
     setLastOrder = _useState2[1];
-  var convertDiffToHours = function convertDiffToHours(time) {
-    if (!time) return;
-    var deliveryTime = lastOrder !== null && lastOrder !== void 0 && lastOrder.delivery_datetime_utc ? parseDate(lastOrder === null || lastOrder === void 0 ? void 0 : lastOrder.delivery_datetime_utc, {
-      outputFormat: 'YYYY-MM-DD hh:mm A'
-    }) : parseDate(lastOrder === null || lastOrder === void 0 ? void 0 : lastOrder.delivery_datetime, {
-      utc: false,
-      outputFormat: 'YYYY-MM-DD hh:mm A'
-    });
-    var returnedDate = (0, _moment.default)(new Date(deliveryTime.replace(/-/g, '/'))).add(time, 'minutes').format('hh:mm A');
-    return returnedDate;
-  };
   var handleGoToPage = function handleGoToPage(index) {
     events.emit('go_to_page', {
       page: index,
@@ -98,7 +86,10 @@ var OrderProgressUI = function OrderProgressUI(props) {
     outputFormat: 'hh:mm A'
   }) : parseTime(lastOrder === null || lastOrder === void 0 ? void 0 : lastOrder.delivery_datetime, {
     utc: false
-  }), "\xA0-\xA0", convertDiffToHours(lastOrder.eta_time))))))));
+  }), "\xA0-\xA0", /*#__PURE__*/_react.default.createElement(_OrderEta.OrderEta, {
+    order: lastOrder,
+    outputFormat: "hh:mm A"
+  }))))))));
 };
 var OrderProgress = function OrderProgress(props) {
   var orderProgressProps = _objectSpread(_objectSpread({}, props), {}, {