ordering-ui-admin-external 1.36.5 → 1.36.6

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

@@ -21,7 +21,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 OrderStatusFilterBar = function OrderStatusFilterBar(props) {
+var OrderStatusFilterBar = /*#__PURE__*/(0, _react.memo)(function (props) {
   var _ordersAmountByStatus, _ordersAmountByStatus2, _ordersAmountByStatus3, _ordersAmountByStatus4;
   var isUseQuery = props.isUseQuery,
     selectedOrderStatus = props.selectedOrderStatus,
@@ -74,5 +74,5 @@ var OrderStatusFilterBar = function OrderStatusFilterBar(props) {
       return changeSelectedOrderStatus('cancelled');
     }
   }, t('CANCELLED', 'cancelled'), /*#__PURE__*/_react.default.createElement("span", null, "(", !isNaN(ordersAmountByStatus === null || ordersAmountByStatus === void 0 ? void 0 : ordersAmountByStatus.cancelled) && (ordersAmountByStatus === null || ordersAmountByStatus === void 0 ? void 0 : ordersAmountByStatus.cancelled) !== null ? (_ordersAmountByStatus4 = ordersAmountByStatus === null || ordersAmountByStatus === void 0 ? void 0 : ordersAmountByStatus.cancelled) !== null && _ordersAmountByStatus4 !== void 0 ? _ordersAmountByStatus4 : 0 : /*#__PURE__*/_react.default.createElement(_CgSpinnerTwoAlt.default, null), ")")))));
-};
+});
 exports.OrderStatusFilterBar = OrderStatusFilterBar;

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

@@ -1,10 +1,11 @@
 "use strict";
 
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.OrdersContentHeader = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _orderingComponentsAdminExternal = require("ordering-components-admin-external");
 var _Shared = require("../../Shared");
 var _OrdersFilterGroup = require("../OrdersFilterGroup");
@@ -18,14 +19,15 @@ var _useWindowSize2 = require("../../../hooks/useWindowSize");
 var _GoogleMapsApiKeySettingButton = require("../GoogleMapsApiKeySettingButton");
 var _WebsocketStatus = require("../WebsocketStatus");
 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(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 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 OrdersContentHeader = function OrdersContentHeader(props) {
+var OrdersContentHeader = /*#__PURE__*/(0, _react.memo)(function (props) {
   var _configState$configs;
   var isDisableTitle = props.isDisableTitle,
     isSelectedOrders = props.isSelectedOrders,
@@ -99,5 +101,5 @@ var OrdersContentHeader = function OrdersContentHeader(props) {
     searchValue: searchValue,
     handleChangeSearch: handleChangeSearch
   })))));
-};
+});
 exports.OrdersContentHeader = OrdersContentHeader;

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

@@ -1,17 +1,39 @@
 "use strict";
 
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.OrdersDashboard = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
+var _orderingComponentsAdminExternal = require("ordering-components-admin-external");
 var _OrdersDashboardList = require("../OrdersDashboardList");
 var _styles = 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 _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-var OrdersDashboard = function OrdersDashboard(props) {
-  return /*#__PURE__*/_react.default.createElement(_styles.OrdersManageContainer, null, /*#__PURE__*/_react.default.createElement(_OrdersDashboardList.OrdersDashboardList, _extends({}, props, {
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+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 = /*#__PURE__*/(0, _react.memo)(function (props) {
+  var _configs$optimize_ord;
+  var _useConfig = (0, _orderingComponentsAdminExternal.useConfig)(),
+    _useConfig2 = _slicedToArray(_useConfig, 1),
+    configs = _useConfig2[0].configs;
+  var ordersDashboardListProps = _objectSpread({}, props);
+  if (configs !== null && configs !== void 0 && configs.optimize_order_data && (configs === null || configs === void 0 || (_configs$optimize_ord = configs.optimize_order_data) === null || _configs$optimize_ord === void 0 ? void 0 : _configs$optimize_ord.value) === '1') {
+    ordersDashboardListProps.propsToFetch = ['app_id', 'business', 'business_id', 'created_at', 'customer', 'customer_id', 'delivery_type', 'driver_group_id', 'driver_id', 'driver', 'delivery_datetime', 'delivery_datetime_utc', 'external_id', 'eta_time', 'id', 'logistic_status', 'logistic_attemps', 'uuid', 'order_group', 'order_group_id', 'priority', 'summary', 'status', 'time_status', 'total'];
+  }
+  return /*#__PURE__*/_react.default.createElement(_styles.OrdersManageContainer, null, /*#__PURE__*/_react.default.createElement(_OrdersDashboardList.OrdersDashboardList, _extends({}, ordersDashboardListProps, {
     orderListView: "table"
   })));
-};
+});
 exports.OrdersDashboard = OrdersDashboard;

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

@@ -28,7 +28,7 @@ var OrdersDashboardList = function OrdersDashboardList(props) {
   var defaultPage = query.get('page') || 1;
   var defaultPageSize = query.get('pageSize') || 10;
   var OrdersCommonControlProps = _objectSpread(_objectSpread({}, props), {}, {
-    UIComponent: _OrdersListing.MemoizedOrdersListing,
+    UIComponent: _OrdersListing.OrdersListing,
     useDefualtSessionManager: true,
     orderBy: isMessagesView ? orderByOption : 'id',
     orderDirection: isMessagesView ? orderByOption === 'id' ? 'desc' : 'asc' : 'desc',

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

@@ -4,7 +4,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.OrdersListing = exports.MemoizedOrdersListing = void 0;
+exports.OrdersListing = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _orderingComponentsAdminExternal = require("ordering-components-admin-external");
 var _styledComponents = require("styled-components");
@@ -20,7 +20,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 OrdersListing = function OrdersListing(props) {
+var OrdersListing = /*#__PURE__*/(0, _react.memo)(function (props) {
   var _theme$images;
   var hidePhoto = props.hidePhoto,
     isSelectedOrders = props.isSelectedOrders,
@@ -107,7 +107,7 @@ var OrdersListing = function OrdersListing(props) {
     }
   }, 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'
-  }, orderListView === 'table' ? /*#__PURE__*/_react.default.createElement(_OrdersTable.MemoizedOrdersTable, {
+  }, orderListView === 'table' ? /*#__PURE__*/_react.default.createElement(_OrdersTable.OrdersTable, {
     hidePhoto: hidePhoto,
     setSelectedOrderIds: setSelectedOrderIds,
     isSelectedOrders: isSelectedOrders,
@@ -148,7 +148,5 @@ var OrdersListing = function OrdersListing(props) {
     isDelivery: isDelivery,
     isUseQuery: isUseQuery
   }))));
-};
-exports.OrdersListing = OrdersListing;
-var MemoizedOrdersListing = /*#__PURE__*/_react.default.memo(OrdersListing);
-exports.MemoizedOrdersListing = MemoizedOrdersListing;
+});
+exports.OrdersListing = OrdersListing;

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

@@ -66,6 +66,9 @@ var OrdersManagerUI = function OrdersManagerUI(props) {
   var _useSession = (0, _orderingComponentsAdminExternal.useSession)(),
     _useSession2 = _slicedToArray(_useSession, 1),
     user = _useSession2[0].user;
+  var _useConfig = (0, _orderingComponentsAdminExternal.useConfig)(),
+    _useConfig2 = _slicedToArray(_useConfig, 1),
+    configs = _useConfig2[0].configs;
   var query = new URLSearchParams((0, _reactRouterDom.useLocation)().search);
   var _useState = (0, _react.useState)(false),
     _useState2 = _slicedToArray(_useState, 2),
@@ -136,12 +139,13 @@ var OrdersManagerUI = function OrdersManagerUI(props) {
     });
   };
   var handleOpenOrderDetail = function handleOpenOrderDetail(order) {
+    var _configs$optimize_ord;
     var isKeydown = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
     if (isTourOpen && currentTourStep === 4 && !isKeydown) {
       setIsTourOpen(false);
       return;
     }
-    setDetailsOrder(order);
+    (!(configs !== null && configs !== void 0 && configs.optimize_order_data) || (configs === null || configs === void 0 || (_configs$optimize_ord = configs.optimize_order_data) === null || _configs$optimize_ord === void 0 ? void 0 : _configs$optimize_ord.value) === '0') && setDetailsOrder(order);
     setOrderDetailId(order.id);
     setIsOpenOrderDetail(true);
     if (!isSelectedOrders) {

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

@@ -4,7 +4,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.OrdersTable = exports.MemoizedOrdersTable = void 0;
+exports.OrdersTable = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _moment = _interopRequireDefault(require("moment"));
 var _RiCheckboxBlankLine = _interopRequireDefault(require("@meronex/icons/ri/RiCheckboxBlankLine"));
@@ -34,7 +34,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 OrdersTable = function OrdersTable(props) {
+var OrdersTable = /*#__PURE__*/(0, _react.memo)(function (props) {
   var _configState$configs, _configState$configs2, _orderList$orders3;
   var hidePhoto = props.hidePhoto,
     isSelectedOrders = props.isSelectedOrders,
@@ -842,7 +842,5 @@ var OrdersTable = function OrdersTable(props) {
     defaultPageSize: pagination.pageSize,
     handleChangePageSize: handleChangePageSize
   })));
-};
-exports.OrdersTable = OrdersTable;
-var MemoizedOrdersTable = /*#__PURE__*/_react.default.memo(OrdersTable);
-exports.MemoizedOrdersTable = MemoizedOrdersTable;
+});
+exports.OrdersTable = OrdersTable;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ordering-ui-admin-external",
-  "version": "1.36.5",
+  "version": "1.36.6",
   "description": "Ordering UI Admin Components",
   "main": "./_modules/index.js",
   "exports": {
@@ -83,7 +83,7 @@
     "lodash": "^4.17.20",
     "moment": "^2.29.1",
     "moment-range": "^4.0.2",
-    "ordering-components-admin-external": "1.36.2",
+    "ordering-components-admin-external": "1.36.3",
     "polished": "^3.6.7",
     "prop-types": "^15.7.2",
     "react-big-calendar": "^1.4.2",

package/src/components/Orders/OrderStatusFilterBar/index.js

@@ -1,4 +1,4 @@
-import React, { useEffect } from 'react'
+import React, { memo, useEffect } from 'react'
 import { useLanguage } from 'ordering-components-admin-external'
 import { DragScroll } from '../../Shared'
 import CgSpinnerTwoAlt from '@meronex/icons/cg/CgSpinnerTwoAlt'
@@ -10,7 +10,7 @@ import {
   Tab
 } from './styles'
 
-export const OrderStatusFilterBar = (props) => {
+export const OrderStatusFilterBar = memo((props) => {
   const {
     isUseQuery,
     selectedOrderStatus,
@@ -106,4 +106,4 @@ export const OrderStatusFilterBar = (props) => {
       </OrderStatusFilterContainer>
     </>
   )
-}
+})

package/src/components/Orders/OrdersContentHeader/index.js

@@ -1,4 +1,4 @@
-import React from 'react'
+import React, { memo } from 'react'
 import { useLanguage, useConfig } from 'ordering-components-admin-external'
 import { SearchBar } from '../../Shared'
 import { OrdersFilterGroup } from '../OrdersFilterGroup'
@@ -21,7 +21,7 @@ import {
   WrapperSearchAndFilter
 } from './styles'
 
-export const OrdersContentHeader = (props) => {
+export const OrdersContentHeader = memo((props) => {
   const {
     isDisableTitle,
     isSelectedOrders,
@@ -130,4 +130,4 @@ export const OrdersContentHeader = (props) => {
       </OrderContentHeaderContainer>
     </>
   )
-}
+})

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

@@ -1,16 +1,24 @@
-import React from 'react'
+import React, { memo } from 'react'
+import { useConfig } from 'ordering-components-admin-external'
 import { OrdersDashboardList } from '../OrdersDashboardList'
 import {
   OrdersManageContainer
 } from './styles'
 
-export const OrdersDashboard = (props) => {
+export const OrdersDashboard = memo((props) => {
+  const [{ configs }] = useConfig()
+  const ordersDashboardListProps = {
+    ...props
+  }
+  if ((configs?.optimize_order_data && (configs?.optimize_order_data?.value === '1'))) {
+    ordersDashboardListProps.propsToFetch = ['app_id', 'business', 'business_id', 'created_at', 'customer', 'customer_id', 'delivery_type', 'driver_group_id', 'driver_id', 'driver', 'delivery_datetime', 'delivery_datetime_utc', 'external_id', 'eta_time', 'id', 'logistic_status', 'logistic_attemps', 'uuid', 'order_group', 'order_group_id', 'priority', 'summary', 'status', 'time_status', 'total']
+  }
   return (
     <OrdersManageContainer>
       <OrdersDashboardList
-        {...props}
+        {...ordersDashboardListProps}
         orderListView='table'
       />
     </OrdersManageContainer>
   )
-}
+})

package/src/components/Orders/OrdersDashboardList/index.js

@@ -1,7 +1,7 @@
 import React from 'react'
 import { useLocation } from 'react-router-dom'
 import { DashboardOrdersList as OrdersListController } from 'ordering-components-admin-external'
-import { MemoizedOrdersListing } from '../OrdersListing'
+import { OrdersListing } from '../OrdersListing'
 
 export const OrdersDashboardList = (props) => {
   const {
@@ -20,7 +20,7 @@ export const OrdersDashboardList = (props) => {
 
   const OrdersCommonControlProps = {
     ...props,
-    UIComponent: MemoizedOrdersListing,
+    UIComponent: OrdersListing,
     useDefualtSessionManager: true,
     orderBy: isMessagesView ? orderByOption : 'id',
     orderDirection: isMessagesView
@@ -102,4 +102,3 @@ export const OrdersDashboardList = (props) => {
     </>
   )
 }
-

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

@@ -1,7 +1,7 @@
-import React, { useState, useEffect } from 'react'
+import React, { memo, useState, useEffect } from 'react'
 import { useLanguage } from 'ordering-components-admin-external'
 import { useTheme } from 'styled-components'
-import { MemoizedOrdersTable } from '../OrdersTable'
+import { OrdersTable } from '../OrdersTable'
 import { OrdersCards } from '../OrdersCards'
 import { Button } from '../../../styles'
 
@@ -11,7 +11,7 @@ import {
   InnerNoneOrdersContainer
 } from './styles'
 
-export const OrdersListing = (props) => {
+export const OrdersListing = memo((props) => {
   const {
     hidePhoto,
     isSelectedOrders,
@@ -119,7 +119,7 @@ export const OrdersListing = (props) => {
               maxHeight={orderListView !== 'table'}
             >
               {orderListView === 'table' ? (
-                <MemoizedOrdersTable
+                <OrdersTable
                   hidePhoto={hidePhoto}
                   setSelectedOrderIds={setSelectedOrderIds}
                   isSelectedOrders={isSelectedOrders}
@@ -170,6 +170,4 @@ export const OrdersListing = (props) => {
       )}
     </>
   )
-}
-
-export const MemoizedOrdersListing = React.memo(OrdersListing)
+})

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

@@ -1,6 +1,6 @@
 import React, { useState, useEffect } from 'react'
 import { useLocation } from 'react-router-dom'
-import { useLanguage, useSession, OrdersManage as OrdersManageController } from 'ordering-components-admin-external'
+import { useConfig, useLanguage, useSession, OrdersManage as OrdersManageController } from 'ordering-components-admin-external'
 import { OrderStatusFilterBar } from '../OrderStatusFilterBar'
 import { OrdersContentHeader } from '../OrdersContentHeader'
 import { OrderDetails } from '../OrderDetails'
@@ -54,6 +54,7 @@ const OrdersManagerUI = (props) => {
 
   const [, t] = useLanguage()
   const [{ user }] = useSession()
+  const [{ configs }] = useConfig()
 
   const query = new URLSearchParams(useLocation().search)
   const [isOpenOrderDetail, setIsOpenOrderDetail] = useState(false)
@@ -97,7 +98,7 @@ const OrdersManagerUI = (props) => {
       setIsTourOpen(false)
       return
     }
-    setDetailsOrder(order)
+    (!configs?.optimize_order_data || (configs?.optimize_order_data?.value === '0')) && setDetailsOrder(order)
     setOrderDetailId(order.id)
     setIsOpenOrderDetail(true)
     if (!isSelectedOrders) {

package/src/components/Orders/OrdersTable/index.js

@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from 'react'
+import React, { memo, useEffect, useState } from 'react'
 import moment from 'moment'
 import RiCheckboxBlankLine from '@meronex/icons/ri/RiCheckboxBlankLine'
 import RiCheckboxFill from '@meronex/icons/ri/RiCheckboxFill'
@@ -35,7 +35,7 @@ import {
   DragTh
 } from './styles'
 
-export const OrdersTable = (props) => {
+export const OrdersTable = memo((props) => {
   const {
     hidePhoto,
     isSelectedOrders,
@@ -884,6 +884,4 @@ export const OrdersTable = (props) => {
       )}
     </>
   )
-}
-
-export const MemoizedOrdersTable = React.memo(OrdersTable)
+})