ordering-ui-admin-external 1.39.9 → 1.40.0

package/_modules/components/MyProducts/AppLayout/index.js

@@ -29,8 +29,61 @@ var AppLayout = exports.AppLayout = function AppLayout(props) {
     isCollapse = _useInfoShare2[0].isCollapse,
     handleMenuCollapse = _useInfoShare2[1].handleMenuCollapse;
   var location = (0, _reactRouterDom.useLocation)();
-  var showMessage = function showMessage(message) {
-    window.Intercom && window.Intercom('showNewMessage', message);
+  var LeftContent = function LeftContent() {
+    return /*#__PURE__*/_react.default.createElement(_styles2.AppInfoContainer, null, /*#__PURE__*/_react.default.createElement(_styles2.ImageWrapper, {
+      isDriver: isDriver
+    }, /*#__PURE__*/_react.default.createElement("img", {
+      src: appInfo.images.live,
+      alt: ""
+    })), /*#__PURE__*/_react.default.createElement("h2", null, appInfo.live_title), (appInfo === null || appInfo === void 0 ? void 0 : appInfo.downloads) && /*#__PURE__*/_react.default.createElement(_styles2.DownLoadWrapper, null, appInfo.downloads.map(function (item) {
+      return /*#__PURE__*/_react.default.createElement("img", {
+        src: item.icon,
+        alt: "",
+        key: item.id,
+        onClick: function onClick() {
+          return window.open(item.link, '_blank');
+        }
+      });
+    })), (appInfo === null || appInfo === void 0 ? void 0 : appInfo.web_url) && /*#__PURE__*/_react.default.createElement(_styles2.DownloadLink, {
+      href: appInfo.web_url,
+      target: "_blank",
+      isSingle: true,
+      className: "download-link"
+    }, appInfo.web_link_title), /*#__PURE__*/_react.default.createElement("p", null, appInfo.live_description), (appInfo === null || appInfo === void 0 ? void 0 : appInfo.purchase_message) && /*#__PURE__*/_react.default.createElement(_styles2.ButtonWRapper, null, (appInfo === null || appInfo === void 0 ? void 0 : appInfo.purchase_link) && /*#__PURE__*/_react.default.createElement(_styles.Button, {
+      color: "primary",
+      borderRadius: "8px",
+      onClick: function onClick() {
+        return window.open(appInfo === null || appInfo === void 0 ? void 0 : appInfo.purchase_link, '_blank');
+      }
+    }, t('PURCHASE_NOW', 'Purchase Now')), (appInfo === null || appInfo === void 0 ? void 0 : appInfo.demo_link) && /*#__PURE__*/_react.default.createElement(_styles.Button, {
+      color: "primary",
+      outline: true,
+      borderRadius: "8px",
+      onClick: function onClick() {
+        return window.open(appInfo === null || appInfo === void 0 ? void 0 : appInfo.demo_link, '_blank');
+      }
+    }, t('BOOK_A_DEMO', 'Book a demo'))));
+  };
+  var RightContent = function RightContent() {
+    return /*#__PURE__*/_react.default.createElement(_styles2.AppInfoContainer, null, /*#__PURE__*/_react.default.createElement(_styles2.ImageWrapper, {
+      isDriver: isDriver
+    }, /*#__PURE__*/_react.default.createElement("img", {
+      src: appInfo.images.brand,
+      alt: ""
+    })), /*#__PURE__*/_react.default.createElement("h2", null, appInfo.brand_title), /*#__PURE__*/_react.default.createElement("p", null, appInfo.brand_description), /*#__PURE__*/_react.default.createElement(_styles2.ButtonWRapper, null, (appInfo === null || appInfo === void 0 ? void 0 : appInfo.purchase_link) && /*#__PURE__*/_react.default.createElement(_styles.Button, {
+      color: "primary",
+      borderRadius: "8px",
+      onClick: function onClick() {
+        return window.open(appInfo === null || appInfo === void 0 ? void 0 : appInfo.purchase_link, '_blank');
+      }
+    }, t('PURCHASE_NOW', 'Purchase Now')), !(appInfo !== null && appInfo !== void 0 && appInfo.purchase_link) && (appInfo === null || appInfo === void 0 ? void 0 : appInfo.demo_link) && /*#__PURE__*/_react.default.createElement(_styles.Button, {
+      color: "primary",
+      outline: true,
+      borderRadius: "8px",
+      onClick: function onClick() {
+        return window.open(appInfo === null || appInfo === void 0 ? void 0 : appInfo.demo_link, '_blank');
+      }
+    }, t('BOOK_A_DEMO', 'Book a demo'))));
   };
   return /*#__PURE__*/_react.default.createElement(_styles2.Container, null, /*#__PURE__*/_react.default.createElement(_styles2.HeaderTitleContainer, null, isCollapse && /*#__PURE__*/_react.default.createElement(_styles.IconButton, {
     color: "black",
@@ -43,48 +96,5 @@ var AppLayout = exports.AppLayout = function AppLayout(props) {
     href: "https://www.ordering.co/support",
     rel: "noopener noreferrer",
     target: "_blank"
-  }, "https://www.ordering.co/support")))), /*#__PURE__*/_react.default.createElement(_styles2.ContentWrapper, null, /*#__PURE__*/_react.default.createElement("h1", null, appInfo.title), /*#__PURE__*/_react.default.createElement("p", null, appInfo.description), /*#__PURE__*/_react.default.createElement(_styles2.BoxWrapper, null, /*#__PURE__*/_react.default.createElement(_styles2.AppInfoContainer, null, /*#__PURE__*/_react.default.createElement(_styles2.ImageWrapper, {
-    isDriver: isDriver
-  }, /*#__PURE__*/_react.default.createElement("img", {
-    src: appInfo.images.live,
-    alt: ""
-  })), /*#__PURE__*/_react.default.createElement("h2", null, appInfo.live_title), (appInfo === null || appInfo === void 0 ? void 0 : appInfo.downloads) && /*#__PURE__*/_react.default.createElement(_styles2.DownLoadWrapper, null, appInfo.downloads.map(function (item) {
-    return /*#__PURE__*/_react.default.createElement("img", {
-      src: item.icon,
-      alt: "",
-      key: item.id,
-      onClick: function onClick() {
-        return window.open(item.link, '_blank');
-      }
-    });
-  })), (appInfo === null || appInfo === void 0 ? void 0 : appInfo.web_url) && /*#__PURE__*/_react.default.createElement(_styles2.DownloadLink, {
-    href: appInfo.web_url,
-    target: "_blank",
-    isSingle: true,
-    className: "download-link"
-  }, appInfo.web_link_title), /*#__PURE__*/_react.default.createElement("p", null, appInfo.live_description), (appInfo === null || appInfo === void 0 ? void 0 : appInfo.purchase_message) && /*#__PURE__*/_react.default.createElement(_styles2.ButtonWRapper, null, /*#__PURE__*/_react.default.createElement(_styles.Button, {
-    color: "primary",
-    borderRadius: "8px",
-    onClick: function onClick() {
-      return showMessage(appInfo === null || appInfo === void 0 ? void 0 : appInfo.purchase_message);
-    }
-  }, t('PURCHASE_NOW', 'Purchase Now')), (appInfo === null || appInfo === void 0 ? void 0 : appInfo.demo_book_message) && /*#__PURE__*/_react.default.createElement(_styles.Button, {
-    color: "primary",
-    outline: true,
-    borderRadius: "8px",
-    onClick: function onClick() {
-      return showMessage(appInfo === null || appInfo === void 0 ? void 0 : appInfo.demo_book_message);
-    }
-  }, t('BOOK_A_DEMO', 'Book a demo')))), /*#__PURE__*/_react.default.createElement(_styles2.AppInfoContainer, null, /*#__PURE__*/_react.default.createElement(_styles2.ImageWrapper, {
-    isDriver: isDriver
-  }, /*#__PURE__*/_react.default.createElement("img", {
-    src: appInfo.images.brand,
-    alt: ""
-  })), /*#__PURE__*/_react.default.createElement("h2", null, appInfo.brand_title), /*#__PURE__*/_react.default.createElement("p", null, appInfo.brand_description), /*#__PURE__*/_react.default.createElement(_styles2.ButtonWRapper, null, /*#__PURE__*/_react.default.createElement(_styles.Button, {
-    color: "primary",
-    borderRadius: "8px",
-    onClick: function onClick() {
-      return showMessage(appInfo === null || appInfo === void 0 ? void 0 : appInfo.purchase_message);
-    }
-  }, t('PURCHASE_NOW', 'Purchase Now')))))));
+  }, "https://www.ordering.co/support")))), /*#__PURE__*/_react.default.createElement(_styles2.ContentWrapper, null, /*#__PURE__*/_react.default.createElement("h1", null, appInfo.title), /*#__PURE__*/_react.default.createElement("p", null, appInfo.description), /*#__PURE__*/_react.default.createElement(_styles2.BoxWrapper, null, (appInfo === null || appInfo === void 0 ? void 0 : appInfo.live_title) && /*#__PURE__*/_react.default.createElement(LeftContent, null), /*#__PURE__*/_react.default.createElement(RightContent, null))));
 };

package/_modules/components/MyProducts/CallCenterApp/index.js

@@ -24,17 +24,13 @@ var CallCenterApp = exports.CallCenterApp = function CallCenterApp() {
     title: t('ORDERING_CALL_CENTER_APP', 'Ordering Call Center App'),
     description: t('CALL_CENTER_DESCRIPTION', 'Give this tool to your team of agents, capture orders in just a few seconds, and keep offering the best customer experience possible.'),
     images: {
-      live: theme.images.myProducts.myCallcenterAppLive,
       brand: theme.images.myProducts.myCallcenterAppBrand
     },
-    live_title: t('LIVE_DEMO', 'Live Demo'),
-    live_description: t('CALL_CENTER_APP_LIVE_DEMO_DESCRIPTION', 'This is a branded Ordering.co product; play with it and understand how it works'),
-    web_url: 'https://callcenter.tryordering.com/search',
-    web_link_title: t('CALL_CENTER', 'Call center'),
     brand_title: t('YOUR_BRANDED_CALL_CENTER', 'Your Branded Call Center'),
     brand_description: t('CALL_CENTER_BRANDED_DESCRIPTION', 'The Call Center is delivered in less than five working days, fully branded with your guidelines, and ready to be used on any tablet or device you add it to.'),
     demo_book_message: 'I would like to book a Demo about the Call center , can you assist me?',
-    purchase_message: 'I would like to know about the Call center, can you assist me?'
+    purchase_message: 'I would like to know about the Call center, can you assist me?',
+    demo_link: 'https://www.ordering.co/platform-demo-and-pricing'
   };
   return /*#__PURE__*/_react.default.createElement(_AppLayout.AppLayout, {
     appInfo: appInfo

package/_modules/components/MyProducts/CustomProject/index.js

@@ -39,7 +39,7 @@ var CustomProject = exports.CustomProject = function CustomProject() {
     color: "primary",
     borderRadius: "8px",
     onClick: function onClick() {
-      return showMessage('I\'m interested in a custom project, can you please provide more information?');
+      return window.open('https://www.ordering.co/quote-project-request', '_blank');
     }
   }, t('CONTACT_US', 'Contact us'))), /*#__PURE__*/_react.default.createElement(_styles2.ImageBlock, null, /*#__PURE__*/_react.default.createElement("img", {
     src: theme.images.myProducts.customProject,

package/_modules/components/MyProducts/CustomerApp/index.js

@@ -41,7 +41,9 @@ var CustomerApp = exports.CustomerApp = function CustomerApp() {
       id: 2,
       icon: theme.images.myProducts.playStoreSmall,
       link: 'https://play.google.com/store/apps/details?id=com.ordering.onlineorderingappv5&hl=en&gl=US'
-    }]
+    }],
+    purchase_link: 'https://buy.stripe.com/5kA4in4Fp86Kg9yfZN',
+    demo_link: 'https://www.ordering.co/platform-demo-and-pricing'
   };
   return /*#__PURE__*/_react.default.createElement(_AppLayout.AppLayout, {
     appInfo: appInfo

package/_modules/components/MyProducts/DriverApp/index.js

@@ -41,7 +41,9 @@ var DriverApp = exports.DriverApp = function DriverApp() {
       id: 2,
       icon: theme.images.myProducts.playStoreSmall,
       link: 'https://play.google.com/store/apps/details?id=com.ordering.deliveryv5'
-    }]
+    }],
+    purchase_link: 'https://buy.stripe.com/dR6g151tdcn0g9y3d3',
+    demo_link: 'https://www.ordering.co/platform-demo-and-pricing'
   };
   return /*#__PURE__*/_react.default.createElement(_AppLayout.AppLayout, {
     appInfo: appInfo,

package/_modules/components/MyProducts/KioskApp/index.js

@@ -24,11 +24,8 @@ var KioskApp = exports.KioskApp = function KioskApp() {
     title: t('ORDERING_SELF_KIOSK', 'Ordering Self Ordering Kiosk'),
     description: t('KIOS_DESCRIPTION', 'This tool will help your store complete that final step on each sale with innovative and intuitive software and hardware inside your locations.'),
     images: {
-      live: theme.images.myProducts.myKioskAppLive,
       brand: theme.images.myProducts.myKioskAppBrand
     },
-    live_title: t('LIVE_DEMO', 'Live Demo'),
-    live_description: t('KIOS_APP_LIVE_DEMO_DESCRIPTION', 'This is a branded Ordering.co product. play with it and understand how it works'),
     brand_title: t('YOUR_BRANDED_KIOSK', 'Your Branded Kiosk'),
     brand_description: t('KIOSK_BRANDED_DESCRIPTION', 'This App is delivered in less than five working days, fully branded with your guidelines, and ready to be used on any tablet you add it to.'),
     demo_book_message: 'I would like to book a Demo about the Kiosk app, can you assist me?',
@@ -41,7 +38,8 @@ var KioskApp = exports.KioskApp = function KioskApp() {
       id: 2,
       icon: theme.images.myProducts.playStoreSmall,
       link: 'https://play.google.com/store/apps/details?id=com.ordering.orderingkioskv5&hl=en&gl=US'
-    }]
+    }],
+    demo_link: 'https://www.ordering.co/platform-demo-and-pricing'
   };
   return /*#__PURE__*/_react.default.createElement(_AppLayout.AppLayout, {
     appInfo: appInfo

package/_modules/components/MyProducts/StoreApp/index.js

@@ -41,7 +41,9 @@ var StoreApp = exports.StoreApp = function StoreApp() {
       id: 2,
       icon: theme.images.myProducts.playStoreSmall,
       link: 'https://play.google.com/store/apps/details?id=com.ordering.storeappv5&pli=1'
-    }]
+    }],
+    purchase_link: 'https://buy.stripe.com/aEU5mr2xhgDg4qQcNC',
+    demo_link: 'https://www.ordering.co/platform-demo-and-pricing'
   };
   return /*#__PURE__*/_react.default.createElement(_AppLayout.AppLayout, {
     appInfo: appInfo

package/_modules/components/Orders/AllInOne/DriversManager/index.js

@@ -39,7 +39,9 @@ var DriversManagerUI = function DriversManagerUI(props) {
     selectedDriver = props.selectedDriver,
     setSelectedDriver = props.setSelectedDriver,
     assignedOrders = props.assignedOrders,
-    handleUpdateAssignedOrders = props.handleUpdateAssignedOrders;
+    handleUpdateAssignedOrders = props.handleUpdateAssignedOrders,
+    showCompressedInfo = props.showCompressedInfo,
+    handleEmtpyOrderSelected = props.handleEmtpyOrderSelected;
   var _useConfig = (0, _orderingComponentsAdminExternal.useConfig)(),
     _useConfig2 = _slicedToArray(_useConfig, 1),
     configState = _useConfig2[0];
@@ -68,6 +70,7 @@ var DriversManagerUI = function DriversManagerUI(props) {
     setIsOpenDriverOrders(false);
   };
   var handleChangeDriver = function handleChangeDriver(driver) {
+    handleEmtpyOrderSelected && handleEmtpyOrderSelected();
     if ((selectedDriver === null || selectedDriver === void 0 ? void 0 : selectedDriver.id) === driver.id) {
       setSelectedDriver(null);
     } else {
@@ -92,16 +95,20 @@ var DriversManagerUI = function DriversManagerUI(props) {
   (0, _react.useEffect)(function () {
     handleUpdateAssignedOrders && handleUpdateAssignedOrders(assignedOrders);
   }, [assignedOrders]);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles.DriversContainer, null, /*#__PURE__*/_react.default.createElement(_styles.DriversHeader, null, !googleMapsApiKey && /*#__PURE__*/_react.default.createElement(_GoogleMapsApiKeySettingButton.GoogleMapsApiKeySettingButton, null)), /*#__PURE__*/_react.default.createElement(_styles.DriversContent, null, /*#__PURE__*/_react.default.createElement(_styles.DriverListContainer, null, /*#__PURE__*/_react.default.createElement(_styles.FilterContainer, null, /*#__PURE__*/_react.default.createElement(_DriversOnlineOfflineFilter.DriversOnlineOfflineFilter, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles.DriversContainer, null, /*#__PURE__*/_react.default.createElement(_styles.DriversHeader, null, !googleMapsApiKey && /*#__PURE__*/_react.default.createElement(_GoogleMapsApiKeySettingButton.GoogleMapsApiKeySettingButton, null)), /*#__PURE__*/_react.default.createElement(_styles.DriversContent, null, /*#__PURE__*/_react.default.createElement(_styles.DriverListContainer, {
+    showCompressedInfo: showCompressedInfo
+  }, /*#__PURE__*/_react.default.createElement(_styles.FilterContainer, null, /*#__PURE__*/_react.default.createElement(_DriversOnlineOfflineFilter.DriversOnlineOfflineFilter, {
     driversIsOnline: driversIsOnline,
     handleChangeDriverIsOnline: handleChangeDriverIsOnline,
     numberOfonlineDrivers: numberOfonlineDrivers,
-    numberOfofflineDrivers: numberOfofflineDrivers
+    numberOfofflineDrivers: numberOfofflineDrivers,
+    showCompressedInfo: showCompressedInfo
   }), /*#__PURE__*/_react.default.createElement(_DriversBusyStatusFilter.DriversBusyStatusFilter, {
     driversSubfilter: driversSubfilter,
     handleChangeDriversSubFilter: handleChangeDriversSubFilter,
     numberOfbusyDrivers: numberOfbusyDrivers,
-    numberOfnotBusyDrivers: numberOfnotBusyDrivers
+    numberOfnotBusyDrivers: numberOfnotBusyDrivers,
+    showCompressedInfo: showCompressedInfo
   })), /*#__PURE__*/_react.default.createElement(_styles.WrapperDriversList, null, /*#__PURE__*/_react.default.createElement(_DriversList.DriversList, {
     hidePhoto: true,
     loading: driversList.loading,
@@ -110,7 +117,8 @@ var DriversManagerUI = function DriversManagerUI(props) {
     offlineDrivers: offlineDrivers,
     selectedDriver: selectedDriver,
     handleChangeDriver: handleChangeDriver,
-    handleOpenDriverOrders: handleOpenDriverOrders
+    handleOpenDriverOrders: handleOpenDriverOrders,
+    showCompressedInfo: showCompressedInfo
   })))), isOpenDriverOrders && openDriver && /*#__PURE__*/_react.default.createElement(_OrdersLateralBar.OrdersLateralBar, {
     isDriver: true,
     open: isOpenDriverOrders,

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

@@ -165,7 +165,7 @@ var OrdersManagerUI = function OrdersManagerUI(props) {
     }
     setDetailsOrder(order);
     setOrderDetailId(order.id);
-    setIsOpenOrderDetail(true);
+    // setIsOpenOrderDetail(true)
     if (!isSelectedOrders) {
       onOrderRedirect(order.id);
     } else {
@@ -180,6 +180,9 @@ var OrdersManagerUI = function OrdersManagerUI(props) {
       }, 1);
     }
   };
+  var handleSetOpenOrderDetail = function handleSetOpenOrderDetail(state) {
+    setIsOpenOrderDetail(state);
+  };
   var _handleOpenTour = function handleOpenTour() {
     var tourElement = document.querySelector('[data-tour="tour_start"]');
     if (!tourElement) {
@@ -253,8 +256,13 @@ var OrdersManagerUI = function OrdersManagerUI(props) {
   }), /*#__PURE__*/_react.default.createElement(_styles.MainContentContainer, null, /*#__PURE__*/_react.default.createElement(_styles.TopContent, null, /*#__PURE__*/_react.default.createElement(_styles.DriversContainer, null, /*#__PURE__*/_react.default.createElement(_DriversManager.DriversManager, {
     setMapsData: setMapsData,
     handleUpdateAssignedOrders: handleUpdateAssignedOrders,
-    disableSocketRoomDriver: true
-  })), /*#__PURE__*/_react.default.createElement(_styles.OrdersContainer, null, /*#__PURE__*/_react.default.createElement(_OrderStatusFilterBar.OrderStatusFilterBar, {
+    disableSocketRoomDriver: true,
+    drivers: driversList.drivers,
+    showCompressedInfo: true,
+    handleEmtpyOrderSelected: handleBackRedirect
+  })), /*#__PURE__*/_react.default.createElement(_styles.OrdersContainer, {
+    showCompressedInfo: true
+  }, /*#__PURE__*/_react.default.createElement(_OrderStatusFilterBar.OrderStatusFilterBar, {
     isUseQuery: isUseQuery,
     selectedOrderStatus: ordersStatusGroup,
     changeOrderStatus: handleOrdersStatusGroupFilter,
@@ -301,7 +309,8 @@ var OrdersManagerUI = function OrdersManagerUI(props) {
     allowColumns: allowColumns,
     setAllowColumns: setAllowColumns,
     setOrdersAmountByStatus: setOrdersAmountByStatus,
-    isUseQuery: isUseQuery
+    isUseQuery: isUseQuery,
+    handleSetOpenOrderDetail: handleSetOpenOrderDetail
   })))))), /*#__PURE__*/_react.default.createElement(_styles.WrapperDriversLocation, null, /*#__PURE__*/_react.default.createElement(_DriversLocation.DriversLocation, {
     driversIsOnline: mapsData.driversIsOnline,
     selectedDriver: mapsData.selectedDriver,

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

@@ -30,7 +30,11 @@ 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 DeliveriesLocation = exports.DeliveriesLocation = function DeliveriesLocation(props) {
+var DeliveriesLocationPropsAreEqual = function DeliveriesLocationPropsAreEqual(prevProps, nextProps) {
+  var _prevProps$interActio, _nextProps$interActio, _prevProps$interActio2, _nextProps$interActio2, _prevProps$interActio3;
+  return ((_prevProps$interActio = prevProps.interActionMapOrder) === null || _prevProps$interActio === void 0 ? void 0 : _prevProps$interActio.id) === ((_nextProps$interActio = nextProps.interActionMapOrder) === null || _nextProps$interActio === void 0 ? void 0 : _nextProps$interActio.id) && JSON.stringify((_prevProps$interActio2 = prevProps.interActionMapOrder) === null || _prevProps$interActio2 === void 0 ? void 0 : _prevProps$interActio2.driver) === JSON.stringify((_nextProps$interActio2 = nextProps.interActionMapOrder) === null || _nextProps$interActio2 === void 0 ? void 0 : _nextProps$interActio2.driver) && (JSON.stringify(prevProps.driversList) === JSON.stringify(nextProps.driversList) || !((_prevProps$interActio3 = prevProps.interActionMapOrder) !== null && _prevProps$interActio3 !== void 0 && _prevProps$interActio3.id));
+};
+var DeliveriesLocation = exports.DeliveriesLocation = /*#__PURE__*/_react.default.memo(function (props) {
   var _configState$configs, _configState$configs2, _configState$configs3, _interActionMapOrder$6, _interActionMapOrder$7, _interActionMapOrder$8, _interActionMapOrder$9, _interActionMapOrder$10, _interActionMapOrder$11, _interActionMapOrder$12, _interActionMapOrder$13, _interActionMapOrder$14;
   var driversList = props.driversList,
     interActionMapOrder = props.interActionMapOrder;
@@ -346,4 +350,4 @@ var DeliveriesLocation = exports.DeliveriesLocation = function DeliveriesLocatio
       bgimage: (driver === null || driver === void 0 ? void 0 : driver.photo) || (theme === null || theme === void 0 || (_theme$images = theme.images) === null || _theme$images === void 0 || (_theme$images = _theme$images.icons) === null || _theme$images === void 0 ? void 0 : _theme$images.noDriver)
     })), /*#__PURE__*/_react.default.createElement(_styles.DriverInfo, null, /*#__PURE__*/_react.default.createElement("p", null, driver.name, " ", driver.lastname), /*#__PURE__*/_react.default.createElement("p", null, t('DRIVER', 'Driver'))));
   })))));
-};
+}, DeliveriesLocationPropsAreEqual);

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

@@ -26,11 +26,14 @@ var DriversBusyStatusFilter = exports.DriversBusyStatusFilter = function Drivers
   var driversSubfilter = props.driversSubfilter,
     handleChangeDriversSubFilter = props.handleChangeDriversSubFilter,
     numberOfbusyDrivers = props.numberOfbusyDrivers,
-    numberOfnotBusyDrivers = props.numberOfnotBusyDrivers;
+    numberOfnotBusyDrivers = props.numberOfnotBusyDrivers,
+    showCompressedInfo = props.showCompressedInfo;
   var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
     _useLanguage2 = _slicedToArray(_useLanguage, 2),
     t = _useLanguage2[1];
-  return /*#__PURE__*/_react.default.createElement(_styles.Container, null, /*#__PURE__*/_react.default.createElement(_Buttons.Button, {
+  return /*#__PURE__*/_react.default.createElement(_styles.Container, {
+    showCompressedInfo: showCompressedInfo
+  }, /*#__PURE__*/_react.default.createElement(_Buttons.Button, {
     color: driversSubfilter.busy ? 'primary' : 'secundary',
     onClick: function onClick() {
       return handleChangeDriversSubFilter(_objectSpread(_objectSpread({}, driversSubfilter), {}, {

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

@@ -6,14 +6,17 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Container = void 0;
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
 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 = exports.Container = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  button {\n    margin: 10px;\n    white-space: nowrap;\n    font-size: 14px;\n    margin: 10px 0;\n    ", "\n\n    svg {\n      font-size: 20px;\n\n      ", "\n    }\n  }\n"])), function (props) {
+var Container = exports.Container = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  button {\n    margin: 10px;\n    white-space: nowrap;\n    font-size: 14px;\n    margin: 10px 0;\n    ", "\n\n    svg {\n      font-size: 20px;\n\n      ", "\n    }\n    @media (min-width: 992px) {\n      ", "\n    }\n  }\n"])), function (props) {
   var _props$theme;
   return (_props$theme = props.theme) !== null && _props$theme !== void 0 && _props$theme.rtl ? (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      margin-left: 10px;\n    "]))) : (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      margin-right: 10px;\n    "])));
 }, function (props) {
   var _props$theme2;
   return (_props$theme2 = props.theme) !== null && _props$theme2 !== void 0 && _props$theme2.rtl ? (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n        margin-right: 10px;\n      "]))) : (0, _styledComponents.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n        margin-left: 10px;\n      "])));
+}, function (_ref) {
+  var showCompressedInfo = _ref.showCompressedInfo;
+  return showCompressedInfo && (0, _styledComponents.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n        font-size: 12px;\n      "])));
 });

package/_modules/components/Orders/DriversList/Driver.js

@@ -0,0 +1,67 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Driver = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _styles = require("./styles");
+var _BsDot = _interopRequireDefault(require("@meronex/icons/bs/BsDot"));
+var _styles2 = require("../../../styles");
+var _orderingComponentsAdminExternal = require("ordering-components-admin-external");
+var _styledComponents = require("styled-components");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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 DriverPropsAreEqual = function DriverPropsAreEqual(prevProps, nextProps) {
+  var _prevProps$selectedDr, _nextProps$selectedDr;
+  return JSON.stringify(prevProps.driver) === JSON.stringify(nextProps.driver) && (prevProps === null || prevProps === void 0 || (_prevProps$selectedDr = prevProps.selectedDriver) === null || _prevProps$selectedDr === void 0 ? void 0 : _prevProps$selectedDr.id) === (nextProps === null || nextProps === void 0 || (_nextProps$selectedDr = nextProps.selectedDriver) === null || _nextProps$selectedDr === void 0 ? void 0 : _nextProps$selectedDr.id);
+};
+var Driver = exports.Driver = /*#__PURE__*/_react.default.memo(function (props) {
+  var _theme$images;
+  var driver = props.driver,
+    handleClickDriver = props.handleClickDriver,
+    selectedDriver = props.selectedDriver,
+    hidePhoto = props.hidePhoto,
+    onOpenDriverOrdersDetail = props.onOpenDriverOrdersDetail,
+    getStarWidth = props.getStarWidth,
+    showCompressedInfo = props.showCompressedInfo;
+  var theme = (0, _styledComponents.useTheme)();
+  var _useUtils = (0, _orderingComponentsAdminExternal.useUtils)(),
+    _useUtils2 = _slicedToArray(_useUtils, 1),
+    optimizeImage = _useUtils2[0].optimizeImage;
+  var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
+    _useLanguage2 = _slicedToArray(_useLanguage, 2),
+    t = _useLanguage2[1];
+  return /*#__PURE__*/_react.default.createElement(_styles.DriverCard, {
+    key: driver.id,
+    onClick: function onClick(e) {
+      return handleClickDriver(e, driver);
+    },
+    active: (selectedDriver === null || selectedDriver === void 0 ? void 0 : selectedDriver.id) === driver.id,
+    showCompressedInfo: showCompressedInfo
+  }, !hidePhoto && /*#__PURE__*/_react.default.createElement(_styles.WrapperImage, null, /*#__PURE__*/_react.default.createElement(_styles.Image, {
+    bgimage: optimizeImage((driver === null || driver === void 0 ? void 0 : driver.photo) || ((_theme$images = theme.images) === null || _theme$images === void 0 || (_theme$images = _theme$images.icons) === null || _theme$images === void 0 ? void 0 : _theme$images.noDriver), 'h_50,c_limit')
+  })), /*#__PURE__*/_react.default.createElement(_styles.DriverInfo, {
+    hidePhoto: hidePhoto,
+    showCompressedInfo: showCompressedInfo
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "driver-info-container"
+  }, /*#__PURE__*/_react.default.createElement("p", {
+    className: "name"
+  }, driver.name, " ", driver.lastname), /*#__PURE__*/_react.default.createElement(_BsDot.default, null), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_styles2.LinkButton, {
+    className: "driver-orders",
+    disabled: !(driver !== null && driver !== void 0 && driver.assigned_orders_count) || (driver === null || driver === void 0 ? void 0 : driver.assigned_orders_count) === 0,
+    onClick: function onClick() {
+      return onOpenDriverOrdersDetail(driver);
+    }
+  }, driver === null || driver === void 0 ? void 0 : driver.assigned_orders_count, " ", t('ORDERS', 'Orders')), /*#__PURE__*/_react.default.createElement("span", {
+    className: "text-red"
+  }, (driver === null || driver === void 0 ? void 0 : driver.busy) && "(".concat(t('BUSY', 'Busy'), ")")))), (driver === null || driver === void 0 ? void 0 : driver.qualification) && /*#__PURE__*/_react.default.createElement(_styles.WrapperStar, {
+    width: getStarWidth(driver === null || driver === void 0 ? void 0 : driver.qualification)
+  })));
+}, DriverPropsAreEqual);

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

@@ -5,25 +5,18 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.DriversList = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _orderingComponentsAdminExternal = require("ordering-components-admin-external");
 var _reactLoadingSkeleton = _interopRequireDefault(require("react-loading-skeleton"));
-var _BsDot = _interopRequireDefault(require("@meronex/icons/bs/BsDot"));
-var _styledComponents = require("styled-components");
 var _utils = require("../../../utils");
 var _useWindowSize2 = require("../../../hooks/useWindowSize");
-var _styles = require("../../../styles");
-var _styles2 = require("./styles");
+var _styles = require("./styles");
+var _Driver = require("./Driver");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread 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 _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-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 DriversList = exports.DriversList = function DriversList(props) {
   var loading = props.loading,
     driversIsOnline = props.driversIsOnline,
@@ -32,14 +25,8 @@ var DriversList = exports.DriversList = function DriversList(props) {
     selectedDriver = props.selectedDriver,
     handleChangeDriver = props.handleChangeDriver,
     handleOpenDriverOrders = props.handleOpenDriverOrders,
-    hidePhoto = props.hidePhoto;
-  var theme = (0, _styledComponents.useTheme)();
-  var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
-    _useLanguage2 = _slicedToArray(_useLanguage, 2),
-    t = _useLanguage2[1];
-  var _useUtils = (0, _orderingComponentsAdminExternal.useUtils)(),
-    _useUtils2 = _slicedToArray(_useUtils, 1),
-    optimizeImage = _useUtils2[0].optimizeImage;
+    hidePhoto = props.hidePhoto,
+    showCompressedInfo = props.showCompressedInfo;
   var _useWindowSize = (0, _useWindowSize2.useWindowSize)(),
     width = _useWindowSize.width;
   var handleClickDriver = function handleClickDriver(e, driver) {
@@ -59,43 +46,29 @@ var DriversList = exports.DriversList = function DriversList(props) {
     }
     handleOpenDriverOrders(driver);
   };
-  return /*#__PURE__*/_react.default.createElement(_styles2.DriversListContainer, null, loading ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, _toConsumableArray(Array(10).keys()).map(function (i) {
-    return /*#__PURE__*/_react.default.createElement(_styles2.DriverCard, {
+  return /*#__PURE__*/_react.default.createElement(_styles.DriversListContainer, {
+    showCompressedInfo: showCompressedInfo
+  }, loading ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, _toConsumableArray(Array(10).keys()).map(function (i) {
+    return /*#__PURE__*/_react.default.createElement(_styles.DriverCard, {
       key: i
-    }, !hidePhoto && /*#__PURE__*/_react.default.createElement(_styles2.WrapperImage, null, /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, {
+    }, !hidePhoto && /*#__PURE__*/_react.default.createElement(_styles.WrapperImage, null, /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, {
       width: 45,
       height: 45
-    })), /*#__PURE__*/_react.default.createElement(_styles2.DriverInfo, null, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, {
+    })), /*#__PURE__*/_react.default.createElement(_styles.DriverInfo, null, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, {
       width: 100
     })), /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, {
       width: 100
     })));
   })) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (driversIsOnline ? onlineDrivers : offlineDrivers).map(function (driver) {
-    var _theme$images;
-    return /*#__PURE__*/_react.default.createElement(_styles2.DriverCard, {
-      key: driver.id,
-      onClick: function onClick(e) {
-        return handleClickDriver(e, driver);
-      },
-      active: (selectedDriver === null || selectedDriver === void 0 ? void 0 : selectedDriver.id) === driver.id
-    }, !hidePhoto && /*#__PURE__*/_react.default.createElement(_styles2.WrapperImage, null, /*#__PURE__*/_react.default.createElement(_styles2.Image, {
-      bgimage: optimizeImage((driver === null || driver === void 0 ? void 0 : driver.photo) || ((_theme$images = theme.images) === null || _theme$images === void 0 || (_theme$images = _theme$images.icons) === null || _theme$images === void 0 ? void 0 : _theme$images.noDriver), 'h_50,c_limit')
-    })), /*#__PURE__*/_react.default.createElement(_styles2.DriverInfo, {
-      hidePhoto: hidePhoto
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "driver-info-container"
-    }, /*#__PURE__*/_react.default.createElement("p", {
-      className: "name"
-    }, driver.name, " ", driver.lastname), /*#__PURE__*/_react.default.createElement(_BsDot.default, null), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_styles.LinkButton, {
-      className: "driver-orders",
-      disabled: !(driver !== null && driver !== void 0 && driver.assigned_orders_count) || (driver === null || driver === void 0 ? void 0 : driver.assigned_orders_count) === 0,
-      onClick: function onClick() {
-        return onOpenDriverOrdersDetail(driver);
-      }
-    }, driver === null || driver === void 0 ? void 0 : driver.assigned_orders_count, " ", t('ORDERS', 'Orders')), /*#__PURE__*/_react.default.createElement("span", {
-      className: "text-red"
-    }, (driver === null || driver === void 0 ? void 0 : driver.busy) && "(".concat(t('BUSY', 'Busy'), ")")))), (driver === null || driver === void 0 ? void 0 : driver.qualification) && /*#__PURE__*/_react.default.createElement(_styles2.WrapperStar, {
-      width: (0, _utils.getStarWidth)(driver === null || driver === void 0 ? void 0 : driver.qualification)
-    })));
+    return /*#__PURE__*/_react.default.createElement(_Driver.Driver, {
+      key: driver === null || driver === void 0 ? void 0 : driver.id,
+      driver: driver,
+      handleClickDriver: handleClickDriver,
+      selectedDriver: selectedDriver,
+      hidePhoto: hidePhoto,
+      onOpenDriverOrdersDetail: onOpenDriverOrdersDetail,
+      getStarWidth: _utils.getStarWidth,
+      showCompressedInfo: showCompressedInfo
+    });
   })));
 };