ordering-ui-admin-external 1.39.9 → 1.40.0

package/_modules/components/Orders/OrderStatusTypeSelector/index.js

@@ -299,12 +299,7 @@ var OrderStatusTypeSelector = exports.OrderStatusTypeSelector = function OrderSt
         var extractOrderStatus = [];
         switch (deliveryType) {
           case 1:
-            extractOrderStatus = orderStatuses.slice(0, 13);
-            _filteredOrderStatuses = _toConsumableArray(extractOrderStatus);
-            extractOrderStatus = orderStatuses.slice(15, 20);
-            _filteredOrderStatuses = [].concat(_toConsumableArray(_filteredOrderStatuses), _toConsumableArray(extractOrderStatus));
-            extractOrderStatus = orderStatuses.slice(21, 28);
-            _filteredOrderStatuses = [].concat(_toConsumableArray(_filteredOrderStatuses), _toConsumableArray(extractOrderStatus));
+            _filteredOrderStatuses = orderStatuses;
             if (searchValue) {
               var _filteredOrderStatuse;
               _filteredOrderStatuses = _toConsumableArray((_filteredOrderStatuse = _filteredOrderStatuses) === null || _filteredOrderStatuse === void 0 ? void 0 : _filteredOrderStatuse.filter(function (orderStatus) {
@@ -320,11 +315,11 @@ var OrderStatusTypeSelector = exports.OrderStatusTypeSelector = function OrderSt
             _filteredOrderStatuses = [].concat(_toConsumableArray(_filteredOrderStatuses), _toConsumableArray(extractOrderStatus));
             extractOrderStatus = orderStatuses.slice(13, 15);
             _filteredOrderStatuses = [].concat(_toConsumableArray(_filteredOrderStatuses), _toConsumableArray(extractOrderStatus));
-            extractOrderStatus = orderStatuses.slice(17, 19);
+            extractOrderStatus = orderStatuses.slice(19, 21);
             _filteredOrderStatuses = [].concat(_toConsumableArray(_filteredOrderStatuses), _toConsumableArray(extractOrderStatus));
-            extractOrderStatus = orderStatuses.slice(20, 24);
+            extractOrderStatus = orderStatuses.slice(22, 26);
             _filteredOrderStatuses = [].concat(_toConsumableArray(_filteredOrderStatuses), _toConsumableArray(extractOrderStatus));
-            extractOrderStatus = orderStatuses.slice(27, 29);
+            extractOrderStatus = orderStatuses.slice(29, 31);
             _filteredOrderStatuses = [].concat(_toConsumableArray(_filteredOrderStatuses), _toConsumableArray(extractOrderStatus));
             if (searchValue) {
               var _filteredOrderStatuse2;
@@ -339,11 +334,13 @@ var OrderStatusTypeSelector = exports.OrderStatusTypeSelector = function OrderSt
             _filteredOrderStatuses = _toConsumableArray(extractOrderStatus);
             extractOrderStatus = orderStatuses.slice(4, 7);
             _filteredOrderStatuses = [].concat(_toConsumableArray(_filteredOrderStatuses), _toConsumableArray(extractOrderStatus));
-            extractOrderStatus = orderStatuses.slice(17, 19);
+            extractOrderStatus = orderStatuses.slice(10, 11);
+            _filteredOrderStatuses = [].concat(_toConsumableArray(_filteredOrderStatuses), _toConsumableArray(extractOrderStatus));
+            extractOrderStatus = orderStatuses.slice(19, 21);
             _filteredOrderStatuses = [].concat(_toConsumableArray(_filteredOrderStatuses), _toConsumableArray(extractOrderStatus));
-            extractOrderStatus = orderStatuses.slice(20, 24);
+            extractOrderStatus = orderStatuses.slice(22, 26);
             _filteredOrderStatuses = [].concat(_toConsumableArray(_filteredOrderStatuses), _toConsumableArray(extractOrderStatus));
-            extractOrderStatus = orderStatuses.slice(27, 29);
+            extractOrderStatus = orderStatuses.slice(29, 31);
             _filteredOrderStatuses = [].concat(_toConsumableArray(_filteredOrderStatuses), _toConsumableArray(extractOrderStatus));
             if (searchValue) {
               var _filteredOrderStatuse3;
@@ -360,11 +357,11 @@ var OrderStatusTypeSelector = exports.OrderStatusTypeSelector = function OrderSt
             _filteredOrderStatuses = [].concat(_toConsumableArray(_filteredOrderStatuses), _toConsumableArray(extractOrderStatus));
             extractOrderStatus = orderStatuses.slice(13, 15);
             _filteredOrderStatuses = [].concat(_toConsumableArray(_filteredOrderStatuses), _toConsumableArray(extractOrderStatus));
-            extractOrderStatus = orderStatuses.slice(17, 19);
+            extractOrderStatus = orderStatuses.slice(19, 21);
             _filteredOrderStatuses = [].concat(_toConsumableArray(_filteredOrderStatuses), _toConsumableArray(extractOrderStatus));
-            extractOrderStatus = orderStatuses.slice(20, 24);
+            extractOrderStatus = orderStatuses.slice(22, 26);
             _filteredOrderStatuses = [].concat(_toConsumableArray(_filteredOrderStatuses), _toConsumableArray(extractOrderStatus));
-            extractOrderStatus = orderStatuses.slice(27, 29);
+            extractOrderStatus = orderStatuses.slice(29, 31);
             _filteredOrderStatuses = [].concat(_toConsumableArray(_filteredOrderStatuses), _toConsumableArray(extractOrderStatus));
             if (searchValue) {
               var _filteredOrderStatuse4;
@@ -381,11 +378,11 @@ var OrderStatusTypeSelector = exports.OrderStatusTypeSelector = function OrderSt
             _filteredOrderStatuses = [].concat(_toConsumableArray(_filteredOrderStatuses), _toConsumableArray(extractOrderStatus));
             extractOrderStatus = orderStatuses.slice(13, 15);
             _filteredOrderStatuses = [].concat(_toConsumableArray(_filteredOrderStatuses), _toConsumableArray(extractOrderStatus));
-            extractOrderStatus = orderStatuses.slice(17, 19);
+            extractOrderStatus = orderStatuses.slice(19, 21);
             _filteredOrderStatuses = [].concat(_toConsumableArray(_filteredOrderStatuses), _toConsumableArray(extractOrderStatus));
-            extractOrderStatus = orderStatuses.slice(20, 24);
+            extractOrderStatus = orderStatuses.slice(22, 26);
             _filteredOrderStatuses = [].concat(_toConsumableArray(_filteredOrderStatuses), _toConsumableArray(extractOrderStatus));
-            extractOrderStatus = orderStatuses.slice(27, 29);
+            extractOrderStatus = orderStatuses.slice(29, 31);
             _filteredOrderStatuses = [].concat(_toConsumableArray(_filteredOrderStatuses), _toConsumableArray(extractOrderStatus));
             if (searchValue) {
               var _filteredOrderStatuse5;
@@ -396,12 +393,7 @@ var OrderStatusTypeSelector = exports.OrderStatusTypeSelector = function OrderSt
             setFilteredOrderStatuses(_filteredOrderStatuses);
             break;
           case 7:
-            extractOrderStatus = orderStatuses.slice(0, 13);
-            _filteredOrderStatuses = _toConsumableArray(extractOrderStatus);
-            extractOrderStatus = orderStatuses.slice(15, 20);
-            _filteredOrderStatuses = [].concat(_toConsumableArray(_filteredOrderStatuses), _toConsumableArray(extractOrderStatus));
-            extractOrderStatus = orderStatuses.slice(21, 28);
-            _filteredOrderStatuses = [].concat(_toConsumableArray(_filteredOrderStatuses), _toConsumableArray(extractOrderStatus));
+            _filteredOrderStatuses = orderStatuses;
             if (searchValue) {
               var _filteredOrderStatuse6;
               _filteredOrderStatuses = _toConsumableArray((_filteredOrderStatuse6 = _filteredOrderStatuses) === null || _filteredOrderStatuse6 === void 0 ? void 0 : _filteredOrderStatuse6.filter(function (orderStatus) {
@@ -417,11 +409,11 @@ var OrderStatusTypeSelector = exports.OrderStatusTypeSelector = function OrderSt
             _filteredOrderStatuses = [].concat(_toConsumableArray(_filteredOrderStatuses), _toConsumableArray(extractOrderStatus));
             extractOrderStatus = orderStatuses.slice(13, 15);
             _filteredOrderStatuses = [].concat(_toConsumableArray(_filteredOrderStatuses), _toConsumableArray(extractOrderStatus));
-            extractOrderStatus = orderStatuses.slice(17, 19);
+            extractOrderStatus = orderStatuses.slice(19, 21);
             _filteredOrderStatuses = [].concat(_toConsumableArray(_filteredOrderStatuses), _toConsumableArray(extractOrderStatus));
-            extractOrderStatus = orderStatuses.slice(20, 24);
+            extractOrderStatus = orderStatuses.slice(22, 26);
             _filteredOrderStatuses = [].concat(_toConsumableArray(_filteredOrderStatuses), _toConsumableArray(extractOrderStatus));
-            extractOrderStatus = orderStatuses.slice(27, 29);
+            extractOrderStatus = orderStatuses.slice(29, 31);
             _filteredOrderStatuses = [].concat(_toConsumableArray(_filteredOrderStatuses), _toConsumableArray(extractOrderStatus));
             if (searchValue) {
               var _filteredOrderStatuse7;

package/_modules/components/Orders/OrdersDashboard/index.js

@@ -23,7 +23,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-var OrdersDashboard = exports.OrdersDashboard = /*#__PURE__*/(0, _react.memo)(function (props) {
+var OrdersDashboard = exports.OrdersDashboard = function OrdersDashboard(props) {
   var _configs$optimize_ord;
   var _useConfig = (0, _orderingComponentsAdminExternal.useConfig)(),
     _useConfig2 = _slicedToArray(_useConfig, 1),
@@ -35,4 +35,4 @@ var OrdersDashboard = exports.OrdersDashboard = /*#__PURE__*/(0, _react.memo)(fu
   return /*#__PURE__*/_react.default.createElement(_styles.OrdersManageContainer, null, /*#__PURE__*/_react.default.createElement(_OrdersDashboardList.OrdersDashboardList, _extends({}, ordersDashboardListProps, {
     orderListView: "table"
   })));
-});
+};

package/_modules/components/Orders/OrdersFilterGroup/index.js

@@ -40,7 +40,8 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; } // import { OrderStatusTypeSelector } from '../OrderStatusTypeSelector'
 var OrdersFilterGroupUI = function OrdersFilterGroupUI(props) {
   var _filterValues$logisti, _filterValues$assigne;
-  var filterModalOpen = props.filterModalOpen,
+  var isLateralBar = props.isLateralBar,
+    filterModalOpen = props.filterModalOpen,
     setFilterModalOpen = props.setFilterModalOpen,
     searchValue = props.searchValue,
     handleChangeSearch = props.handleChangeSearch,
@@ -184,7 +185,9 @@ var OrdersFilterGroupUI = function OrdersFilterGroupUI(props) {
       return setFilterModalOpen && setFilterModalOpen(true);
     },
     name: "filter-btn"
-  }, filterApplied ? /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Funnel, null) : /*#__PURE__*/_react.default.createElement(_MdcFilterOff.default, null)), (filterApplied || !!searchValue) && /*#__PURE__*/_react.default.createElement(_styles2.WarningMessage, null, /*#__PURE__*/_react.default.createElement(_TiWarningOutline.default, null), /*#__PURE__*/_react.default.createElement("span", null, t('WARNING_FILTER_APPLIED', 'Filters applied. You may miss new orders.')), /*#__PURE__*/_react.default.createElement(_styles.LinkButton, {
+  }, filterApplied ? /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Funnel, null) : /*#__PURE__*/_react.default.createElement(_MdcFilterOff.default, null)), (filterApplied || !!searchValue) && /*#__PURE__*/_react.default.createElement(_styles2.WarningMessage, {
+    isLateralBar: isLateralBar
+  }, /*#__PURE__*/_react.default.createElement(_TiWarningOutline.default, null), /*#__PURE__*/_react.default.createElement("span", null, t('WARNING_FILTER_APPLIED', 'Filters applied. You may miss new orders.')), /*#__PURE__*/_react.default.createElement(_styles.LinkButton, {
     onClick: function onClick() {
       return handleClearFilters();
     }

package/_modules/components/Orders/OrdersFilterGroup/styles.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.WrapperRow = exports.WarningMessage = exports.SelectWrapper = exports.Option = exports.MultiSelectContainer = exports.FilterGroupListContainer = exports.ButtonGroup = exports.AddMetaFiled = exports.AddInputWrapper = void 0;
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18;
 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) } })); }
@@ -35,7 +35,7 @@ var SelectWrapper = exports.SelectWrapper = _styledComponents.default.div(_templ
 var Option = exports.Option = _styledComponents.default.div(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  font-weight: 400;\n  font-size: 14px;\n  line-height: 24px;\n  color: ", ";\n  display: flex;\n  align-items: center;\n  padding: 5px;\n"])), function (props) {
   return props.theme.colors.secundaryContrast;
 });
-var WarningMessage = exports.WarningMessage = _styledComponents.default.div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n  position: absolute;\n  display: flex;\n  align-items: center;\n  z-index: 10;\n  top: 100%;\n  background: ", ";\n  border: 1px solid ", ";\n  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.12);\n  border-radius: 7.6px;\n  padding: 6px 15px;\n  box-sizing: border-box;\n  margin: 10px 0px 0px 0px !important;\n\n  right: 0px;\n  ", "\n\n  svg {\n    font-size: 20px;\n    color: ", ";\n  }\n\n  span {\n    font-size: 12px;\n    line-height: 18px;\n    color: ", ";\n    margin: 0 10px;\n    flex: 1;\n  }\n\n  a {\n    font-size: 12px;\n    white-space: nowrap;\n  }\n\n  @media (min-width: 768px) {\n    padding: 8px 20px;\n    font-size: 14px;\n    line-height: 24px;\n    right: 0px;\n    ", "\n\n    span {\n      white-space: nowrap;\n    }\n  }\n"])), function (props) {
+var WarningMessage = exports.WarningMessage = _styledComponents.default.div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n  position: absolute;\n  display: flex;\n  align-items: center;\n  z-index: 100;\n  bottom: 40px;\n  background: ", ";\n  border: 1px solid ", ";\n  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.12);\n  border-radius: 7.6px;\n  padding: 0px 15px;\n  box-sizing: border-box;\n  margin: 10px 0px 0px 0px !important;\n\n  right: 0px;\n  ", "\n\n  svg {\n    font-size: 20px;\n    color: ", ";\n  }\n\n  span {\n    font-size: 12px;\n    line-height: 18px;\n    color: ", ";\n    margin: 0 10px;\n    flex: 1;\n  }\n\n  a {\n    font-size: 12px;\n    white-space: nowrap;\n  }\n\n  @media (min-width: 768px) {\n    padding: 0px 20px;\n    font-size: 14px;\n    line-height: 24px;\n    ", "\n    ", "\n    ", "\n\n    span {\n      white-space: nowrap;\n    }\n  }\n"])), function (props) {
   return props.theme.colors.warning100;
 }, function (props) {
   return props.theme.colors.warning;
@@ -46,7 +46,13 @@ var WarningMessage = exports.WarningMessage = _styledComponents.default.div(_tem
   return props.theme.colors.warning;
 }, function (props) {
   return props.theme.colors.headingColor;
+}, function (_ref) {
+  var isLateralBar = _ref.isLateralBar;
+  return isLateralBar ? (0, _styledComponents.css)(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n      right: 0px;\n    "]))) : (0, _styledComponents.css)(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n      right: 0px;\n    "])));
+}, function (_ref2) {
+  var isLateralBar = _ref2.isLateralBar;
+  return isLateralBar ? (0, _styledComponents.css)(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n      bottom: -25px;\n    "]))) : (0, _styledComponents.css)(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n      bottom: -20px;\n    "])));
 }, function (props) {
   var _props$theme3;
-  return ((_props$theme3 = props.theme) === null || _props$theme3 === void 0 ? void 0 : _props$theme3.rtl) && (0, _styledComponents.css)(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n      left: 0px;\n      right: initial;\n    "])));
+  return ((_props$theme3 = props.theme) === null || _props$theme3 === void 0 ? void 0 : _props$theme3.rtl) && (0, _styledComponents.css)(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n      left: 0px;\n      right: initial;\n    "])));
 });

package/_modules/components/Orders/OrdersLateralBar/index.js

@@ -124,6 +124,7 @@ var OrdersLateralBar = exports.OrdersLateralBar = function OrdersLateralBar(prop
   }) : /*#__PURE__*/_react.default.createElement(_styles.Image, {
     bgimage: optimizeImage((user === null || user === void 0 ? void 0 : user.photo) || ((_theme$images2 = theme.images) === null || _theme$images2 === void 0 || (_theme$images2 = _theme$images2.icons) === null || _theme$images2 === void 0 ? void 0 : _theme$images2.noDriver), 'h_50,c_limit')
   })), /*#__PURE__*/_react.default.createElement(_styles.Name, null, /*#__PURE__*/_react.default.createElement("p", null, isBusiness ? business.name : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, user === null || user === void 0 ? void 0 : user.name, " ", user === null || user === void 0 ? void 0 : user.lastname)), /*#__PURE__*/_react.default.createElement("p", null, isDriver && t('DRIVER', 'Driver'), isCustomer && t('CUSTOMER', 'Customer'), isBusiness && t('BUSINESS', 'Business')))), /*#__PURE__*/_react.default.createElement(_OrdersManager.OrdersManager, {
+    isLateralBar: true,
     isSelectedOrders: true,
     driverId: isDriver ? user.id : null,
     customerId: isCustomer ? user.id : null,

package/_modules/components/Orders/OrdersListing/index.js

@@ -11,7 +11,9 @@ var _styledComponents = require("styled-components");
 var _OrdersTable = require("../OrdersTable");
 var _OrdersCards = require("../OrdersCards");
 var _styles = require("../../../styles");
+var _AiOutlineInfoCircle = _interopRequireDefault(require("@meronex/icons/ai/AiOutlineInfoCircle"));
 var _styles2 = require("./styles");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
@@ -58,7 +60,8 @@ var OrdersListing = exports.OrdersListing = /*#__PURE__*/(0, _react.memo)(functi
     handleDrop = props.handleDrop,
     isDelivery = props.isDelivery,
     saveUserSettings = props.saveUserSettings,
-    isUseQuery = props.isUseQuery;
+    isUseQuery = props.isUseQuery,
+    handleSetOpenOrderDetail = props.handleSetOpenOrderDetail;
   var theme = (0, _styledComponents.useTheme)();
   var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
     _useLanguage2 = _slicedToArray(_useLanguage, 2),
@@ -67,6 +70,11 @@ var OrdersListing = exports.OrdersListing = /*#__PURE__*/(0, _react.memo)(functi
     _useState2 = _slicedToArray(_useState, 2),
     filterApplied = _useState2[0],
     setFilterApplied = _useState2[1];
+  var handleDobleClick = function handleDobleClick() {
+    if (handleSetOpenOrderDetail && orderDetailId) {
+      handleSetOpenOrderDetail(true);
+    }
+  };
   (0, _react.useEffect)(function () {
     if (orderList.loading || !messageListView) return;
     if (orderList.orders.length === 0 || messageOrder) return;
@@ -106,7 +114,8 @@ var OrdersListing = exports.OrdersListing = /*#__PURE__*/(0, _react.memo)(functi
       return setFilterModalOpen(true);
     }
   }, t('FILTERS', 'Filters'))) : /*#__PURE__*/_react.default.createElement("p", null, t('MOBILE_NO_ORDERS', 'No Orders yet.')))) : /*#__PURE__*/_react.default.createElement(_styles2.WrapperOrderListContent, {
-    maxHeight: orderListView !== 'table'
+    maxHeight: orderListView !== 'table',
+    onDoubleClick: handleDobleClick
   }, orderListView === 'table' ? /*#__PURE__*/_react.default.createElement(_OrdersTable.OrdersTable, {
     hidePhoto: hidePhoto,
     setSelectedOrderIds: setSelectedOrderIds,
@@ -149,5 +158,5 @@ var OrdersListing = exports.OrdersListing = /*#__PURE__*/(0, _react.memo)(functi
     isDelivery: isDelivery,
     isUseQuery: isUseQuery,
     franchisesList: props.franchisesList
-  }))));
+  })), handleSetOpenOrderDetail && orderDetailId && /*#__PURE__*/_react.default.createElement(_styles2.InfoMessage, null, /*#__PURE__*/_react.default.createElement(_AiOutlineInfoCircle.default, null), /*#__PURE__*/_react.default.createElement("span", null, t('DOBLE_CLICK_OPEN_ORDER_INFO', 'Doble click order to open details')))));
 });

package/_modules/components/Orders/OrdersListing/styles.js

@@ -4,9 +4,9 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.WrapperOrderListContent = exports.WrapperNoneOrders = exports.InnerNoneOrdersContainer = void 0;
+exports.WrapperOrderListContent = exports.WrapperNoneOrders = exports.InnerNoneOrdersContainer = exports.InfoMessage = void 0;
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13;
 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) } })); }
@@ -21,4 +21,25 @@ var InnerNoneOrdersContainer = exports.InnerNoneOrdersContainer = _styledCompone
 var WrapperOrderListContent = exports.WrapperOrderListContent = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref3) {
   var maxHeight = _ref3.maxHeight;
   return maxHeight && (0, _styledComponents.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    height: 100%;\n  "])));
+});
+var InfoMessage = exports.InfoMessage = _styledComponents.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  z-index: 100;\n  bottom: 40px;\n  background: ", ";\n  border: 1px solid ", ";\n  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.12);\n  border-radius: 7.6px;\n  padding: 6px 15px;\n  box-sizing: border-box;\n  margin: 10px 0px 0px 0px !important;\n  max-width: 300px;\n  right: 0px;\n  ", "\n\n  svg {\n    font-size: 20px;\n    color: ", ";\n  }\n\n  span {\n    font-size: 12px;\n    line-height: 18px;\n    color: ", ";\n    margin: 0 10px;\n    flex: 1;\n  }\n\n  a {\n    font-size: 12px;\n    white-space: nowrap;\n  }\n\n  @media (min-width: 768px) {\n    padding: 8px 20px;\n    font-size: 14px;\n    line-height: 24px;\n    ", "\n    ", "\n    ", "\n\n    span {\n      white-space: nowrap;\n    }\n  }\n"])), function (props) {
+  return props.theme.colors.backgroundInfo;
+}, function (props) {
+  return props.theme.colors.info;
+}, function (props) {
+  var _props$theme;
+  return ((_props$theme = props.theme) === null || _props$theme === void 0 ? void 0 : _props$theme.rtl) && (0, _styledComponents.css)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n    left: 0px;\n    right: initial;\n  "])));
+}, function (props) {
+  return props.theme.colors.info;
+}, function (props) {
+  return props.theme.colors.headingColor;
+}, function (_ref4) {
+  var isLateralBar = _ref4.isLateralBar;
+  return isLateralBar ? (0, _styledComponents.css)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n      right: 0px;\n    "]))) : (0, _styledComponents.css)(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n      right: 270px;\n    "])));
+}, function (_ref5) {
+  var isLateralBar = _ref5.isLateralBar;
+  return isLateralBar ? (0, _styledComponents.css)(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n      bottom: 40px;\n    "]))) : (0, _styledComponents.css)(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n      bottom: 0;\n    "])));
+}, function (props) {
+  var _props$theme2;
+  return ((_props$theme2 = props.theme) === null || _props$theme2 === void 0 ? void 0 : _props$theme2.rtl) && (0, _styledComponents.css)(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n      left: 0px;\n      right: initial;\n    "])));
 });

package/_modules/components/Orders/OrdersManager/index.js

@@ -32,7 +32,8 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var OrdersManagerUI = function OrdersManagerUI(props) {
-  var isSelectedOrders = props.isSelectedOrders,
+  var isLateralBar = props.isLateralBar,
+    isSelectedOrders = props.isSelectedOrders,
     searchValue = props.searchValue,
     driverGroupList = props.driverGroupList,
     driversList = props.driversList,
@@ -228,7 +229,8 @@ var OrdersManagerUI = function OrdersManagerUI(props) {
     filterModalOpen: filterModalOpen,
     setFilterModalOpen: setFilterModalOpen,
     setTimeStatus: setTimeStatus,
-    setSlaSettingTime: setSlaSettingTime
+    setSlaSettingTime: setSlaSettingTime,
+    isLateralBar: isLateralBar
   }), /*#__PURE__*/_react.default.createElement(_OrderStatusFilterBar.OrderStatusFilterBar, {
     isUseQuery: isUseQuery,
     selectedOrderStatus: ordersStatusGroup,