ordering-ui-admin-external 1.43.25 → 1.43.28

package/_modules/components/Delivery/DeliveryUsersListing/index.js

@@ -73,6 +73,9 @@ var DeliveryUsersListingUI = function DeliveryUsersListingUI(props) {
   var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
     _useLanguage2 = _slicedToArray(_useLanguage, 2),
     t = _useLanguage2[1];
+  var _useSession = (0, _orderingComponentsAdminExternal.useSession)(),
+    _useSession2 = _slicedToArray(_useSession, 1),
+    user = _useSession2[0].user;
   var query = new URLSearchParams((0, _reactRouterDom.useLocation)().search);
   var firstRender = (0, _react.useRef)(true);
   var _useState = (0, _react.useState)(null),
@@ -98,6 +101,7 @@ var DeliveryUsersListingUI = function DeliveryUsersListingUI(props) {
     _useState10 = _slicedToArray(_useState9, 2),
     alertState = _useState10[0],
     setAlertState = _useState10[1];
+  var readOnlyDeliveryManager = user === null || user === void 0 ? void 0 : user.readOnlyDeliveryManager;
   var _useState11 = (0, _react.useState)(false),
     _useState12 = _slicedToArray(_useState11, 2),
     isTourOpen = _useState12[0],
@@ -146,11 +150,11 @@ var DeliveryUsersListingUI = function DeliveryUsersListingUI(props) {
     if (id === null) {
       !isDriversManagersPage && setIsOpenUserDetails(false);
     } else {
-      var user = usersList.users.find(function (_user) {
+      var _user2 = usersList.users.find(function (_user) {
         return _user.id === parseInt(id);
       });
-      if (user) {
-        setOpenUser(user);
+      if (_user2) {
+        setOpenUser(_user2);
       } else {
         setQueryId(parseInt(id));
       }
@@ -250,7 +254,7 @@ var DeliveryUsersListingUI = function DeliveryUsersListingUI(props) {
     handleOpenTour: function handleOpenTour() {
       return _handleOpenTour();
     },
-    actionDisabled: actionDisabled
+    actionDisabled: actionDisabled || readOnlyDeliveryManager
   }), isShowActiveStateFilter && /*#__PURE__*/_react.default.createElement(_UserActiveStateFilter.UserActiveStateFilter, {
     selectedUserActiveState: selectedUserActiveState,
     handleChangeUserActiveState: handleChangeUserActiveState
@@ -272,7 +276,7 @@ var DeliveryUsersListingUI = function DeliveryUsersListingUI(props) {
     userDetailsId: (openUser === null || openUser === void 0 ? void 0 : openUser.id) || queryId,
     handleOpenUserDetails: handleOpenUserDetails,
     handleOpenUserAddForm: handleOpenUserAddForm,
-    actionDisabled: actionDisabled,
+    actionDisabled: actionDisabled || readOnlyDeliveryManager,
     setSelectedUsers: setSelectedUsers,
     isUseQuery: isUseQuery,
     handleChangeBusyUser: handleChangeBusyUser
@@ -289,7 +293,7 @@ var DeliveryUsersListingUI = function DeliveryUsersListingUI(props) {
     handleSuccessUpdate: handleSuccessUpdate,
     handleSuccessDeleteUser: handleSuccessDeleteUser,
     handleChangeActiveUser: handleChangeActiveUser,
-    actionDisabled: actionDisabled
+    actionDisabled: actionDisabled || readOnlyDeliveryManager
   }), openUserAddForm && /*#__PURE__*/_react.default.createElement(_Shared.SideBar, {
     open: openUserAddForm,
     noAnimation: isTourOpen,

package/_modules/components/Delivery/DriversTimeDisplay/index.js

@@ -19,6 +19,8 @@ var _rrule = require("rrule");
 var _moment = _interopRequireDefault(require("moment"));
 var _styles2 = require("./styles");
 var _Select = require("../../../styles/Select");
+var _DriverMultiSelector = require("../../Orders/DriverMultiSelector");
+var _TiWarningOutline = _interopRequireDefault(require("@meronex/icons/ti/TiWarningOutline"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -35,7 +37,7 @@ 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 DriversTimeDisplayUI = function DriversTimeDisplayUI(props) {
-  var _configs$general_hour, _configs$general_hour2, _stackEventsState$eve;
+  var _configs$general_hour, _configs$general_hour2, _filterValues$driverI, _stackEventsState$eve;
   var driversList = props.driversList,
     paginationProps = props.paginationProps,
     getDrivers = props.getDrivers,
@@ -75,7 +77,10 @@ var DriversTimeDisplayUI = function DriversTimeDisplayUI(props) {
     handleSelectedUntilDate = props.handleSelectedUntilDate,
     ruleState = props.ruleState,
     setRuleState = props.setRuleState,
-    handleSetInitialStates = props.handleSetInitialStates;
+    handleSetInitialStates = props.handleSetInitialStates,
+    filterValues = props.filterValues,
+    handleChangeDriver = props.handleChangeDriver,
+    handleClearFilters = props.handleClearFilters;
   var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
     _useLanguage2 = _slicedToArray(_useLanguage, 2),
     t = _useLanguage2[1];
@@ -377,7 +382,17 @@ var DriversTimeDisplayUI = function DriversTimeDisplayUI(props) {
     changeDriverGroupState: changeDriverGroupState
   }), /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.ChevronRight, null), /*#__PURE__*/_react.default.createElement("span", {
     className: "calendar"
-  }, t('CALENDAR', 'Calendar')), selectedGroup && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.ChevronRight, null), /*#__PURE__*/_react.default.createElement("span", null, selectedGroup === null || selectedGroup === void 0 ? void 0 : selectedGroup.name)))), /*#__PURE__*/_react.default.createElement(_styles2.DriversGroupCalendarWrapper, null, /*#__PURE__*/_react.default.createElement(_AnalyticsCalendar.AnalyticsCalendar, _extends({}, props, {
+  }, t('CALENDAR', 'Calendar')), selectedGroup && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.ChevronRight, null), /*#__PURE__*/_react.default.createElement("span", null, selectedGroup === null || selectedGroup === void 0 ? void 0 : selectedGroup.name)))), (filterValues === null || filterValues === void 0 || (_filterValues$driverI = filterValues.driverIds) === null || _filterValues$driverI === void 0 ? void 0 : _filterValues$driverI.length) > 0 && /*#__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, {
+    onClick: function onClick() {
+      return handleClearFilters();
+    }
+  }, t('CLEAR_FILTERS', 'Clear filters'))), /*#__PURE__*/_react.default.createElement(_styles2.DriversGroupCalendarWrapper, null, selectedGroup && /*#__PURE__*/_react.default.createElement(_styles2.WrapperRow, {
+    wrapperWidth: 400
+  }, /*#__PURE__*/_react.default.createElement(_styles2.DriverMultiSelectorContainer, null, /*#__PURE__*/_react.default.createElement(_DriverMultiSelector.DriverMultiSelector, {
+    disableSocketRoomDriver: true,
+    filterValues: filterValues,
+    handleChangeDriver: handleChangeDriver
+  }))), /*#__PURE__*/_react.default.createElement(_AnalyticsCalendar.AnalyticsCalendar, _extends({}, props, {
     handleChangeDate: handleChangeDate
   })))))), /*#__PURE__*/_react.default.createElement(_UserList.DeliveryUsersListing, {
     date: date,

package/_modules/components/Delivery/DriversTimeDisplay/styles.js

@@ -4,10 +4,10 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.WrapperPagination = exports.WrapperImage = exports.WeekHeader = exports.WeekDayCheckWrapper = exports.ViewButtonsWrapper = exports.VerifiedItemsContainer = exports.VerifiedItem = exports.UsersTable = exports.UsersListingContainer = exports.UsersConatiner = exports.UsersBottomContainer = exports.UserTypeWrapper = exports.UserTableWrapper = exports.UserRow = exports.UserName = exports.UserMainInfo = exports.UserIdWrapper = exports.UserEnableWrapper = exports.TimeOptions = exports.ThName = exports.ThId = exports.StackedBlock = exports.SplitLine = exports.SpinnerLoaderWrapper = exports.ShowBreakBlocksWrapper = exports.SelectsWrapper = exports.SelectWrapper = exports.SelectTitleWrappre = exports.SelectTitle = exports.RrulesListWrapper = exports.RrulesItem = exports.OrderStatusTypeSelectWrapper = exports.Option = exports.InfoBlock = exports.Image = exports.HoursHeader = exports.HeaderWrapper = exports.HeaderTitleContainer = exports.Header = exports.FormWrapper = exports.FormControl = exports.EventProfessionalPhoto = exports.EventContainer = exports.EmptyBlock = exports.DriversGroupFilterWrapper = exports.DriversGroupCalendarWrapper = exports.DriverGroupSelectorWrapper = exports.DriverGroupName = exports.DeleteWrapper = exports.DeleteButtons = exports.DeleteBlock = exports.DateBlockWrapper = exports.Container = exports.ChecksWrapper = exports.CheckBoxWrapper = exports.CalendarLabelContainer = exports.CalendarHeaderContainer = exports.ButtonsWrapper = exports.ButtonWrapper = exports.BlocksWrapper = exports.Block = exports.AnalyticsTimeZoneWrapper = exports.ActionsContainer = void 0;
+exports.WrapperRow = exports.WrapperPagination = exports.WrapperImage = exports.WeekHeader = exports.WeekDayCheckWrapper = exports.WarningMessage = exports.ViewButtonsWrapper = exports.VerifiedItemsContainer = exports.VerifiedItem = exports.UsersTable = exports.UsersListingContainer = exports.UsersConatiner = exports.UsersBottomContainer = exports.UserTypeWrapper = exports.UserTableWrapper = exports.UserRow = exports.UserName = exports.UserMainInfo = exports.UserIdWrapper = exports.UserEnableWrapper = exports.TimeOptions = exports.ThName = exports.ThId = exports.StackedBlock = exports.SplitLine = exports.SpinnerLoaderWrapper = exports.ShowBreakBlocksWrapper = exports.SelectsWrapper = exports.SelectWrapper = exports.SelectTitleWrappre = exports.SelectTitle = exports.RrulesListWrapper = exports.RrulesItem = exports.OrderStatusTypeSelectWrapper = exports.Option = exports.InfoBlock = exports.Image = exports.HoursHeader = exports.HeaderWrapper = exports.HeaderTitleContainer = exports.Header = exports.FormWrapper = exports.FormControl = exports.EventProfessionalPhoto = exports.EventContainer = exports.EmptyBlock = exports.DriversGroupFilterWrapper = exports.DriversGroupCalendarWrapper = exports.DriverMultiSelectorContainer = exports.DriverGroupSelectorWrapper = exports.DriverGroupName = exports.DeleteWrapper = exports.DeleteButtons = exports.DeleteBlock = exports.DateBlockWrapper = exports.Container = exports.ChecksWrapper = exports.CheckBoxWrapper = exports.CalendarLabelContainer = exports.CalendarHeaderContainer = exports.ButtonsWrapper = exports.ButtonWrapper = exports.BlocksWrapper = exports.Block = exports.AnalyticsTimeZoneWrapper = exports.ActionsContainer = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34, _templateObject35, _templateObject36, _templateObject37, _templateObject38, _templateObject39, _templateObject40, _templateObject41, _templateObject42, _templateObject43, _templateObject44, _templateObject45, _templateObject46, _templateObject47, _templateObject48, _templateObject49, _templateObject50, _templateObject51, _templateObject52, _templateObject53, _templateObject54, _templateObject55, _templateObject56, _templateObject57, _templateObject58, _templateObject59, _templateObject60, _templateObject61, _templateObject62, _templateObject63, _templateObject64, _templateObject65, _templateObject66, _templateObject67, _templateObject68, _templateObject69, _templateObject70, _templateObject71, _templateObject72, _templateObject73, _templateObject74, _templateObject75, _templateObject76, _templateObject77, _templateObject78, _templateObject79, _templateObject80, _templateObject81, _templateObject82, _templateObject83, _templateObject84, _templateObject85, _templateObject86, _templateObject87, _templateObject88, _templateObject89, _templateObject90, _templateObject91, _templateObject92;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34, _templateObject35, _templateObject36, _templateObject37, _templateObject38, _templateObject39, _templateObject40, _templateObject41, _templateObject42, _templateObject43, _templateObject44, _templateObject45, _templateObject46, _templateObject47, _templateObject48, _templateObject49, _templateObject50, _templateObject51, _templateObject52, _templateObject53, _templateObject54, _templateObject55, _templateObject56, _templateObject57, _templateObject58, _templateObject59, _templateObject60, _templateObject61, _templateObject62, _templateObject63, _templateObject64, _templateObject65, _templateObject66, _templateObject67, _templateObject68, _templateObject69, _templateObject70, _templateObject71, _templateObject72, _templateObject73, _templateObject74, _templateObject75, _templateObject76, _templateObject77, _templateObject78, _templateObject79, _templateObject80, _templateObject81, _templateObject82, _templateObject83, _templateObject84, _templateObject85, _templateObject86, _templateObject87, _templateObject88, _templateObject89, _templateObject90, _templateObject91, _templateObject92, _templateObject93, _templateObject94, _templateObject95, _templateObject96, _templateObject97, _templateObject98, _templateObject99, _templateObject100, _templateObject101, _templateObject102;
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -36,7 +36,7 @@ var EventContainer = exports.EventContainer = _styledComponents.default.div(_tem
 }, function (props) {
   return props.theme.colors.lightGray;
 });
-var HeaderWrapper = exports.HeaderWrapper = _styledComponents.default.div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n"])));
+var HeaderWrapper = exports.HeaderWrapper = _styledComponents.default.div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n  position: relative;\n"])));
 var EventProfessionalPhoto = exports.EventProfessionalPhoto = _styledComponents.default.div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n  width: 32px;\n  height: 32px;\n  border-radius: 8px;\n  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  img {\n    width: 100%;\n    height: 100%;\n    border-radius: 8px;\n    object-fit: cover;\n  }\n  svg {\n    width: 85%;\n    height: 85%;\n  }\n"])));
 var Option = exports.Option = _styledComponents.default.div(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  padding: 5px 10px;\n  column-gap: 5px;\n\n  p {\n    margin: 0px;\n    white-space: nowrap;\n    font-size: 14px;\n    line-height: 26px;\n    color: ", ";\n  }\n\n  ", "\n"])), function (props) {
   return props.theme.colors.secundaryContrast;
@@ -55,7 +55,7 @@ var OrderStatusTypeSelectWrapper = exports.OrderStatusTypeSelectWrapper = _style
 var DriversGroupFilterWrapper = exports.DriversGroupFilterWrapper = _styledComponents.default.div(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n  > button {\n    background: #F8F9FA;\n    border-radius: 7.6px;\n    padding: 7px 12px;\n    font-size: 14px;\n    color: #748194;\n    border: none;\n  }\n\n  @media (min-width: 600px) {\n    margin-left: 25px;\n    ", "\n  }\n"])), function (props) {
   return props.theme.rtl && (0, _styledComponents.css)(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n      margin-right: 25px;\n      margin-left: 0;\n    "])));
 });
-var DriversGroupCalendarWrapper = exports.DriversGroupCalendarWrapper = (0, _styledComponents.default)(DriversGroupFilterWrapper)(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n  position: relative;\n\n  > button {\n    svg {\n      font-size: 16px;\n      margin-right: 12px;\n      ", "\n    }\n  }\n\n  @media only screen and (min-width: 374px) and (max-width: 450px) {\n    .ordering-calendar {\n      right: calc((100vw - 374px) / 2);\n    }\n  }\n"])), function (props) {
+var DriversGroupCalendarWrapper = exports.DriversGroupCalendarWrapper = (0, _styledComponents.default)(DriversGroupFilterWrapper)(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n  position: relative;\n  display: flex;\n  > button {\n    svg {\n      font-size: 16px;\n      margin-right: 12px;\n      ", "\n    }\n  }\n\n  @media only screen and (min-width: 374px) and (max-width: 450px) {\n    .ordering-calendar {\n      right: calc((100vw - 374px) / 2);\n    }\n  }\n"])), function (props) {
   return props.theme.rtl && (0, _styledComponents.css)(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n        margin-left: 12px;\n        margin-right: 0;\n      "])));
 });
 var AnalyticsTimeZoneWrapper = exports.AnalyticsTimeZoneWrapper = (0, _styledComponents.default)(DriversGroupFilterWrapper)(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral([""])));
@@ -195,4 +195,34 @@ var ShowBreakBlocksWrapper = exports.ShowBreakBlocksWrapper = _styledComponents.
 var ChecksWrapper = exports.ChecksWrapper = _styledComponents.default.div(_templateObject89 || (_templateObject89 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: space-between;\n  width: 100%;\n"])));
 var SelectsWrapper = exports.SelectsWrapper = _styledComponents.default.div(_templateObject90 || (_templateObject90 = _taggedTemplateLiteral(["\n  display: grid;\n  grid-template-columns: repeat(2, 2fr);\n  gap: 20px;\n"])));
 var BlocksWrapper = exports.BlocksWrapper = _styledComponents.default.div(_templateObject91 || (_templateObject91 = _taggedTemplateLiteral(["\n  display: flex;\n  justifyContent: space-between;\n  gap: 60px;\n"])));
-var DateBlockWrapper = exports.DateBlockWrapper = _styledComponents.default.div(_templateObject92 || (_templateObject92 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n"])));
+var DateBlockWrapper = exports.DateBlockWrapper = _styledComponents.default.div(_templateObject92 || (_templateObject92 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n"])));
+var DriverMultiSelectorContainer = exports.DriverMultiSelectorContainer = _styledComponents.default.div(_templateObject93 || (_templateObject93 = _taggedTemplateLiteral(["\n  > div {\n    max-width: 400px;\n    min-width: 150px;\n  }\n"])));
+var WrapperRow = exports.WrapperRow = _styledComponents.default.div(_templateObject94 || (_templateObject94 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  padding-bottom: 0px;\n\n  & > div {\n    height: 55px;\n    max-width: 400px;\n    margin-right: 10px;\n    background-color: ", ";\n    border: none;\n    font-size: 14px;\n    border-radius: 8px;\n    > div:first-child {\n      height: 100%;\n    }\n  }\n\n  .order-status-multi-select {\n    p {\n      padding: 0;\n      color: ", " !important;\n    }\n  }\n\n  .date-filter-container {\n    z-index: 100;\n  }\n\n  input {\n    width: 100%;\n    height: 47px;\n    padding: 10px 25px;\n    box-sizing: border-box;\n    &::-webkit-outer-spin-button,\n    &::-webkit-inner-spin-button {\n      -webkit-appearance: none;\n      margin: 0;\n    }\n    -moz-appearance: textfield;\n  }\n\n  .close {\n    right: 8px;\n  }\n\n  .external_id {\n    @media (max-width: 1200px) {\n     flex: auto;\n    }\n  }\n\n  @media (max-width: 798px) {\n    flex-direction: column !important;\n    padding: 10px 15px 0 0px;\n    & > div {\n      margin-top: 15px;\n    }\n  }\n\n  ", "\n"])), function (props) {
+  return props.theme.colors.secundary;
+}, function (props) {
+  return props.theme.colors.headingColor;
+}, function (_ref4) {
+  var isSelectedOrders = _ref4.isSelectedOrders;
+  return isSelectedOrders && (0, _styledComponents.css)(_templateObject95 || (_templateObject95 = _taggedTemplateLiteral(["\n      flex-direction: column !important;\n      padding: ", ";\n      & > div {\n        margin-top: 15px;\n      }\n  "])), !isSelectedOrders && '10px 15px 0 0px');
+});
+var WarningMessage = exports.WarningMessage = _styledComponents.default.div(_templateObject96 || (_templateObject96 = _taggedTemplateLiteral(["\n  position: absolute;\n  display: flex;\n  align-items: center;\n  z-index: 100;\n  bottom: 20px;\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;
+}, function (props) {
+  var _props$theme11;
+  return ((_props$theme11 = props.theme) === null || _props$theme11 === void 0 ? void 0 : _props$theme11.rtl) && (0, _styledComponents.css)(_templateObject97 || (_templateObject97 = _taggedTemplateLiteral(["\n    left: 0px;\n    right: initial;\n  "])));
+}, function (props) {
+  return props.theme.colors.warning;
+}, function (props) {
+  return props.theme.colors.headingColor;
+}, function (_ref5) {
+  var isLateralBar = _ref5.isLateralBar;
+  return isLateralBar ? (0, _styledComponents.css)(_templateObject98 || (_templateObject98 = _taggedTemplateLiteral(["\n      right: 0px;\n    "]))) : (0, _styledComponents.css)(_templateObject99 || (_templateObject99 = _taggedTemplateLiteral(["\n      right: 0px;\n    "])));
+}, function (_ref6) {
+  var isLateralBar = _ref6.isLateralBar;
+  return isLateralBar ? (0, _styledComponents.css)(_templateObject100 || (_templateObject100 = _taggedTemplateLiteral(["\n      bottom: -25px;\n    "]))) : (0, _styledComponents.css)(_templateObject101 || (_templateObject101 = _taggedTemplateLiteral(["\n      bottom: -35px;\n    "])));
+}, function (props) {
+  var _props$theme12;
+  return ((_props$theme12 = props.theme) === null || _props$theme12 === void 0 ? void 0 : _props$theme12.rtl) && (0, _styledComponents.css)(_templateObject102 || (_templateObject102 = _taggedTemplateLiteral(["\n      left: 0px;\n      right: initial;\n    "])));
+});

package/_modules/components/Delivery/UserDetails/index.js

@@ -82,7 +82,8 @@ var UserDetailsUI = exports.UserDetailsUI = function UserDetailsUI(props) {
   var _useConfig = (0, _orderingComponentsAdminExternal.useConfig)(),
     _useConfig2 = _slicedToArray(_useConfig, 1),
     configs = _useConfig2[0].configs;
-  var disableSchedule = (configs === null || configs === void 0 || (_configs$allow_driver = configs.allow_driver_manager_update_driver_schedule) === null || _configs$allow_driver === void 0 ? void 0 : _configs$allow_driver.value) === '0' && (user === null || user === void 0 ? void 0 : user.level) === 5;
+  var viewOnly = (user === null || user === void 0 ? void 0 : user.readOnlyAdmin) || (user === null || user === void 0 ? void 0 : user.readOnlyDeliveryManager);
+  var disableSchedule = (configs === null || configs === void 0 || (_configs$allow_driver = configs.allow_driver_manager_update_driver_schedule) === null || _configs$allow_driver === void 0 ? void 0 : _configs$allow_driver.value) === '0' && (user === null || user === void 0 ? void 0 : user.level) === 5 || viewOnly;
   var isWhiteLabel = configs === null || configs === void 0 || (_configs$white_label_ = configs.white_label_module) === null || _configs$white_label_ === void 0 ? void 0 : _configs$white_label_.value;
   var expandSidebar = function expandSidebar() {
     var element = document.getElementById('user_lateral_bar');

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

@@ -19,7 +19,6 @@ 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 AdminsSelector = exports.AdminsSelector = function AdminsSelector(props) {
-  var _adminsList$admins3;
   var adminsList = props.adminsList,
     defaultValue = props.defaultValue,
     small = props.small,
@@ -82,7 +81,7 @@ var AdminsSelector = exports.AdminsSelector = function AdminsSelector(props) {
       setAdminsMultiOptionList(_adminsOptionListTemp);
     }
   }, [adminsList, defaultValue, searchValue]);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !(adminsList !== null && adminsList !== void 0 && adminsList.loading) && (adminsList === null || adminsList === void 0 || (_adminsList$admins3 = adminsList.admins) === null || _adminsList$admins3 === void 0 ? void 0 : _adminsList$admins3.length) > 0 ? /*#__PURE__*/_react.default.createElement(_MultiSelect.MultiSelect, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !(adminsList !== null && adminsList !== void 0 && adminsList.loading) ? /*#__PURE__*/_react.default.createElement(_MultiSelect.MultiSelect, {
     defaultValue: filterValues.administratorIds,
     placeholder: Placeholder,
     options: adminsMultiOptionList,

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

@@ -46,7 +46,8 @@ var DeliveriesManagerUI = function DeliveriesManagerUI(props) {
     numberOfOrdersBySubstatus = props.numberOfOrdersBySubstatus,
     timeStatus = props.timeStatus,
     setTimeStatus = props.setTimeStatus,
-    isUseQuery = props.isUseQuery;
+    isUseQuery = props.isUseQuery,
+    adminsList = props.adminsList;
   var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
     _useLanguage2 = _slicedToArray(_useLanguage, 2),
     t = _useLanguage2[1];
@@ -119,7 +120,8 @@ var DeliveriesManagerUI = function DeliveriesManagerUI(props) {
     filterModalOpen: filterModalOpen,
     setFilterModalOpen: setFilterModalOpen,
     setTimeStatus: setTimeStatus,
-    setSlaSettingTime: setSlaSettingTime
+    setSlaSettingTime: setSlaSettingTime,
+    adminsList: adminsList
   }), /*#__PURE__*/_react.default.createElement(_styles.OrdersContent, null, /*#__PURE__*/_react.default.createElement(_styles.WrapItemView, null, /*#__PURE__*/_react.default.createElement(_DeliveryDashboard.DeliveryDashboard, {
     searchValue: searchValue,
     filterValues: filterValues,

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

@@ -30,7 +30,8 @@ var OrderBill = exports.OrderBill = function OrderBill(props) {
   var order = props.order,
     actionStatus = props.actionStatus,
     handleRefundPaymentsStripe = props.handleRefundPaymentsStripe,
-    handleOrderRefund = props.handleOrderRefund;
+    handleOrderRefund = props.handleOrderRefund,
+    viewOnly = props.viewOnly;
   var isGiftCardOrder = (order === null || order === void 0 || (_order$products = order.products) === null || _order$products === void 0 || (_order$products = _order$products[0]) === null || _order$products === void 0 ? void 0 : _order$products.type) === 'gift_card';
   var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
     _useLanguage2 = _slicedToArray(_useLanguage, 2),
@@ -214,7 +215,7 @@ var OrderBill = exports.OrderBill = function OrderBill(props) {
     }) : "-".concat(parsePrice(event === null || event === void 0 ? void 0 : event.amount, {
       currency: (0, _utils.getCurrenySymbol)(order === null || order === void 0 ? void 0 : order.currency)
     }))));
-  }))), !isGiftCardOrder && /*#__PURE__*/_react.default.createElement(_RefundToWallet.RefundToWallet, {
+  }))), !isGiftCardOrder && !viewOnly && /*#__PURE__*/_react.default.createElement(_RefundToWallet.RefundToWallet, {
     order: order,
     actionStatus: actionStatus,
     handleOrderRefund: handleOrderRefund,
@@ -246,7 +247,7 @@ var OrderBill = exports.OrderBill = function OrderBill(props) {
     className: "vehicle"
   }, /*#__PURE__*/_react.default.createElement("thead", null, /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("th", {
     colSpan: "2"
-  }, t('ORDER_VEHICLE', 'Vehicle')))), /*#__PURE__*/_react.default.createElement("tbody", null, /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", null, t('ORDER_VEHICLE_TYPE', 'Type')), /*#__PURE__*/_react.default.createElement("td", null, t(order === null || order === void 0 || (_order$vehicle = order.vehicle) === null || _order$vehicle === void 0 || (_order$vehicle = _order$vehicle.type) === null || _order$vehicle === void 0 ? void 0 : _order$vehicle.toUpperCase(), order === null || order === void 0 || (_order$vehicle2 = order.vehicle) === null || _order$vehicle2 === void 0 ? void 0 : _order$vehicle2.type))), /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", null, t('ORDER_VEHICLE_MODEL', 'Model')), /*#__PURE__*/_react.default.createElement("td", null, order === null || order === void 0 || (_order$vehicle3 = order.vehicle) === null || _order$vehicle3 === void 0 ? void 0 : _order$vehicle3.model)), /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", null, t('ORDER_VEHICLE_CAR_REGISTRATION', 'Car registration')), /*#__PURE__*/_react.default.createElement("td", null, order === null || order === void 0 || (_order$vehicle4 = order.vehicle) === null || _order$vehicle4 === void 0 ? void 0 : _order$vehicle4.car_registration)), /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", null, t('ORDER_VEHICLE_COLOR', 'Color')), /*#__PURE__*/_react.default.createElement("td", null, order === null || order === void 0 || (_order$vehicle5 = order.vehicle) === null || _order$vehicle5 === void 0 ? void 0 : _order$vehicle5.color)))), !isGiftCardOrder && !(order !== null && order !== void 0 && order.refund_data) && stripePaymethods.includes(order === null || order === void 0 || (_order$paymethod = order.paymethod) === null || _order$paymethod === void 0 ? void 0 : _order$paymethod.gateway) && /*#__PURE__*/_react.default.createElement(_styles2.RefundButtonWrapper, null, /*#__PURE__*/_react.default.createElement(_styles.Button, {
+  }, t('ORDER_VEHICLE', 'Vehicle')))), /*#__PURE__*/_react.default.createElement("tbody", null, /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", null, t('ORDER_VEHICLE_TYPE', 'Type')), /*#__PURE__*/_react.default.createElement("td", null, t(order === null || order === void 0 || (_order$vehicle = order.vehicle) === null || _order$vehicle === void 0 || (_order$vehicle = _order$vehicle.type) === null || _order$vehicle === void 0 ? void 0 : _order$vehicle.toUpperCase(), order === null || order === void 0 || (_order$vehicle2 = order.vehicle) === null || _order$vehicle2 === void 0 ? void 0 : _order$vehicle2.type))), /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", null, t('ORDER_VEHICLE_MODEL', 'Model')), /*#__PURE__*/_react.default.createElement("td", null, order === null || order === void 0 || (_order$vehicle3 = order.vehicle) === null || _order$vehicle3 === void 0 ? void 0 : _order$vehicle3.model)), /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", null, t('ORDER_VEHICLE_CAR_REGISTRATION', 'Car registration')), /*#__PURE__*/_react.default.createElement("td", null, order === null || order === void 0 || (_order$vehicle4 = order.vehicle) === null || _order$vehicle4 === void 0 ? void 0 : _order$vehicle4.car_registration)), /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", null, t('ORDER_VEHICLE_COLOR', 'Color')), /*#__PURE__*/_react.default.createElement("td", null, order === null || order === void 0 || (_order$vehicle5 = order.vehicle) === null || _order$vehicle5 === void 0 ? void 0 : _order$vehicle5.color)))), !isGiftCardOrder && !(order !== null && order !== void 0 && order.refund_data) && stripePaymethods.includes(order === null || order === void 0 || (_order$paymethod = order.paymethod) === null || _order$paymethod === void 0 ? void 0 : _order$paymethod.gateway) && !viewOnly && /*#__PURE__*/_react.default.createElement(_styles2.RefundButtonWrapper, null, /*#__PURE__*/_react.default.createElement(_styles.Button, {
     color: "primary",
     borderRadius: "8px",
     disabled: (actionStatus === null || actionStatus === void 0 ? void 0 : actionStatus.loading) || (order === null || order === void 0 || (_order$payment_events5 = order.payment_events) === null || _order$payment_events5 === void 0 ? void 0 : _order$payment_events5.find(function (item) {

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

@@ -56,6 +56,7 @@ var OrderContactInformation = exports.OrderContactInformation = function OrderCo
     _useConfig2 = _slicedToArray(_useConfig, 1),
     configs = _useConfig2[0].configs;
   var googleInputRef = (0, _react.useRef)(null);
+  var readOnlyBusinessOwner = user === null || user === void 0 ? void 0 : user.readOnlyBusinessOwner;
   var googleMapsApiKey = configs === null || configs === void 0 || (_configs$google_maps_ = configs.google_maps_api_key) === null || _configs$google_maps_ === void 0 ? void 0 : _configs$google_maps_.value;
   var isDisableDriverCompanies = (configs === null || configs === void 0 || (_configs$disable_comp = configs.disable_companies_order_details) === null || _configs$disable_comp === void 0 ? void 0 : _configs$disable_comp.value) === '1';
   var googleMapsControls = {
@@ -169,7 +170,7 @@ var OrderContactInformation = exports.OrderContactInformation = function OrderCo
     onClick: function onClick() {
       return handleReviewCustomer(order === null || order === void 0 ? void 0 : order.customer);
     }
-  }, t('REVIEW', 'Review'))), /*#__PURE__*/_react.default.createElement(_styles2.ActionIconWrapper, null, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Pencil, {
+  }, t('REVIEW', 'Review'))), !readOnlyBusinessOwner && /*#__PURE__*/_react.default.createElement(_styles2.ActionIconWrapper, null, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Pencil, {
     className: "edit-icon",
     onClick: handleEdit
   }), /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.ChevronDown, {
@@ -238,7 +239,7 @@ var OrderContactInformation = exports.OrderContactInformation = function OrderCo
     href: "http://maps.google.com/?q=".concat(order === null || order === void 0 || (_order$customer36 = order.customer) === null || _order$customer36 === void 0 || (_order$customer36 = _order$customer36.location) === null || _order$customer36 === void 0 ? void 0 : _order$customer36.lat, ",").concat(order === null || order === void 0 || (_order$customer37 = order.customer) === null || _order$customer37 === void 0 || (_order$customer37 = _order$customer37.location) === null || _order$customer37 === void 0 ? void 0 : _order$customer37.lng),
     rel: "noopener noreferrer",
     target: "_blank"
-  }, order === null || order === void 0 || (_order$customer38 = order.customer) === null || _order$customer38 === void 0 || (_order$customer38 = _order$customer38.location) === null || _order$customer38 === void 0 ? void 0 : _order$customer38.lat, ", ", order === null || order === void 0 || (_order$customer39 = order.customer) === null || _order$customer39 === void 0 || (_order$customer39 = _order$customer39.location) === null || _order$customer39 === void 0 ? void 0 : _order$customer39.lng))), !!(order !== null && order !== void 0 && (_order$customer40 = order.customer) !== null && _order$customer40 !== void 0 && _order$customer40.internal_number) && /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", null, t('INTERNAL_NUMBER', 'Internal number')), /*#__PURE__*/_react.default.createElement("td", null, order === null || order === void 0 || (_order$customer41 = order.customer) === null || _order$customer41 === void 0 ? void 0 : _order$customer41.internal_number)), !!(order !== null && order !== void 0 && (_order$customer42 = order.customer) !== null && _order$customer42 !== void 0 && _order$customer42.address_notes) && /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", null, t('NOTES', 'Notes')), /*#__PURE__*/_react.default.createElement("td", null, order === null || order === void 0 || (_order$customer43 = order.customer) === null || _order$customer43 === void 0 ? void 0 : _order$customer43.address_notes)), !!(order !== null && order !== void 0 && (_order$customer44 = order.customer) !== null && _order$customer44 !== void 0 && _order$customer44.zipcode) && /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", null, t('ZIPCODE', 'Zipcode')), /*#__PURE__*/_react.default.createElement("td", null, order === null || order === void 0 || (_order$customer45 = order.customer) === null || _order$customer45 === void 0 ? void 0 : _order$customer45.zipcode)), !!(order !== null && order !== void 0 && order.on_behalf_of) && /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", null, t('ON_BEHALF_OF', 'On behalf of')), /*#__PURE__*/_react.default.createElement("td", null, order === null || order === void 0 ? void 0 : order.on_behalf_of))))))), deliveryTypes.includes(order === null || order === void 0 ? void 0 : order.delivery_type) && !isServiceOrder && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !(order !== null && order !== void 0 && order.driver_id) && !isDisableDriverCompanies && /*#__PURE__*/_react.default.createElement(_styles2.CompanySelectorContainer, null, /*#__PURE__*/_react.default.createElement("p", null, t('DRIVER_COMPANY', 'Driver company')), /*#__PURE__*/_react.default.createElement(_CompanySelector.CompanySelector, {
+  }, order === null || order === void 0 || (_order$customer38 = order.customer) === null || _order$customer38 === void 0 || (_order$customer38 = _order$customer38.location) === null || _order$customer38 === void 0 ? void 0 : _order$customer38.lat, ", ", order === null || order === void 0 || (_order$customer39 = order.customer) === null || _order$customer39 === void 0 || (_order$customer39 = _order$customer39.location) === null || _order$customer39 === void 0 ? void 0 : _order$customer39.lng))), !!(order !== null && order !== void 0 && (_order$customer40 = order.customer) !== null && _order$customer40 !== void 0 && _order$customer40.internal_number) && /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", null, t('INTERNAL_NUMBER', 'Internal number')), /*#__PURE__*/_react.default.createElement("td", null, order === null || order === void 0 || (_order$customer41 = order.customer) === null || _order$customer41 === void 0 ? void 0 : _order$customer41.internal_number)), !!(order !== null && order !== void 0 && (_order$customer42 = order.customer) !== null && _order$customer42 !== void 0 && _order$customer42.address_notes) && /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", null, t('NOTES', 'Notes')), /*#__PURE__*/_react.default.createElement("td", null, order === null || order === void 0 || (_order$customer43 = order.customer) === null || _order$customer43 === void 0 ? void 0 : _order$customer43.address_notes)), !!(order !== null && order !== void 0 && (_order$customer44 = order.customer) !== null && _order$customer44 !== void 0 && _order$customer44.zipcode) && /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", null, t('ZIPCODE', 'Zipcode')), /*#__PURE__*/_react.default.createElement("td", null, order === null || order === void 0 || (_order$customer45 = order.customer) === null || _order$customer45 === void 0 ? void 0 : _order$customer45.zipcode)), !!(order !== null && order !== void 0 && order.on_behalf_of) && /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", null, t('ON_BEHALF_OF', 'On behalf of')), /*#__PURE__*/_react.default.createElement("td", null, order === null || order === void 0 ? void 0 : order.on_behalf_of))))))), deliveryTypes.includes(order === null || order === void 0 ? void 0 : order.delivery_type) && !isServiceOrder && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !(order !== null && order !== void 0 && order.driver_id) && !isDisableDriverCompanies && !readOnlyBusinessOwner && /*#__PURE__*/_react.default.createElement(_styles2.CompanySelectorContainer, null, /*#__PURE__*/_react.default.createElement("p", null, t('DRIVER_COMPANY', 'Driver company')), /*#__PURE__*/_react.default.createElement(_CompanySelector.CompanySelector, {
     small: true,
     isPhoneView: true,
     defaultValue: (_order$driver_company = order === null || order === void 0 ? void 0 : order.driver_company_id) !== null && _order$driver_company !== void 0 ? _order$driver_company : 'default',
@@ -249,7 +250,7 @@ var OrderContactInformation = exports.OrderContactInformation = function OrderCo
     isOrderDrivers: true,
     orderId: order === null || order === void 0 ? void 0 : order.id,
     disableSocketRoomDriver: true
-  })), !(order !== null && order !== void 0 && order.driver_company_id) && !(commentInfoState !== null && commentInfoState !== void 0 && commentInfoState.open) && /*#__PURE__*/_react.default.createElement(_styles2.DriverSelectorContainer, null, /*#__PURE__*/_react.default.createElement("p", null, t('DRIVER_ASSIGN', 'Driver assign')), /*#__PURE__*/_react.default.createElement(_DriverSelector.DriverSelector, {
+  })), !(order !== null && order !== void 0 && order.driver_company_id) && !(commentInfoState !== null && commentInfoState !== void 0 && commentInfoState.open) && !readOnlyBusinessOwner && /*#__PURE__*/_react.default.createElement(_styles2.DriverSelectorContainer, null, /*#__PURE__*/_react.default.createElement("p", null, t('DRIVER_ASSIGN', 'Driver assign')), /*#__PURE__*/_react.default.createElement(_DriverSelector.DriverSelector, {
     small: true,
     isPhoneView: true,
     defaultValue: (_ref6 = (_commentInfoState$dri = commentInfoState === null || commentInfoState === void 0 ? void 0 : commentInfoState.driverId) !== null && _commentInfoState$dri !== void 0 ? _commentInfoState$dri : order === null || order === void 0 ? void 0 : order.driver_id) !== null && _ref6 !== void 0 ? _ref6 : 'default',

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

@@ -142,6 +142,9 @@ var OrderDetailsUI = function OrderDetailsUI(props) {
     setCommentInfostate = _useState16[1];
   var cateringTypes = [7, 8];
   var placeSpotEnabled = [3, 4];
+  var readOnlyBusinessOwner = user === null || user === void 0 ? void 0 : user.readOnlyBusinessOwner;
+  var readOnlyDeliveryManager = user === null || user === void 0 ? void 0 : user.readOnlyDeliveryManager;
+  var readOnlyAdmin = user === null || user === void 0 ? void 0 : user.readOnlyAdmin;
   var _props$order = props.order,
     order = _props$order.order,
     loading = _props$order.loading;
@@ -434,7 +437,8 @@ var OrderDetailsUI = function OrderDetailsUI(props) {
     orderId: order.id,
     deliveryType: order === null || order === void 0 ? void 0 : order.delivery_type,
     defaultValue: parseInt(order.status),
-    handleUpdateOrderStatus: handleUpdateOrderStatus
+    handleUpdateOrderStatus: handleUpdateOrderStatus,
+    viewOnly: readOnlyAdmin || readOnlyDeliveryManager || readOnlyBusinessOwner
   }))), (order === null || order === void 0 ? void 0 : order.place) && placeSpotEnabled.includes(order === null || order === void 0 ? void 0 : order.delivery_type) && /*#__PURE__*/_react.default.createElement(_styles2.PlaceSpotContainer, null, /*#__PURE__*/_react.default.createElement("p", null, t('SPOT', 'Spot'), ": ", order === null || order === void 0 || (_order$place = order.place) === null || _order$place === void 0 ? void 0 : _order$place.name)), /*#__PURE__*/_react.default.createElement(_styles2.StatusBarContainer, null, /*#__PURE__*/_react.default.createElement(_styles2.StatusBar, {
     percentage: (_progressBarObjt = progressBarObjt(order === null || order === void 0 ? void 0 : order.status)) === null || _progressBarObjt === void 0 ? void 0 : _progressBarObjt.percentage
   })), /*#__PURE__*/_react.default.createElement(_styles2.AdvancedLogistic, null, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("p", null, t('LOGISTIC', 'Logistic')), /*#__PURE__*/_react.default.createElement("p", null, getLogisticTag(order === null || order === void 0 ? void 0 : order.logistic_status))), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("p", null, t('ATTEMPTS', 'Attempts')), /*#__PURE__*/_react.default.createElement("p", null, order === null || order === void 0 ? void 0 : order.logistic_attemps)), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("p", null, t('PRIORITY', 'Priority')), /*#__PURE__*/_react.default.createElement("p", null, getPriorityTag(order === null || order === void 0 ? void 0 : order.priority)))), rejectResonStatuses.includes(order === null || order === void 0 ? void 0 : order.status) && (order === null || order === void 0 ? void 0 : order.reject_reason) && /*#__PURE__*/_react.default.createElement(_styles2.RejectReasonsContainer, null, /*#__PURE__*/_react.default.createElement("p", null, t('REJECT_REASONS', 'Reject reasons')), /*#__PURE__*/_react.default.createElement(_styles2.RejectReasonsList, null, /*#__PURE__*/_react.default.createElement(_styles2.RejectReasonWrapper, null, t("REJECT_REASON_".concat(order === null || order === void 0 ? void 0 : order.reject_reason.toUpperCase()), order === null || order === void 0 ? void 0 : order.reject_reason.replace(/_/g, ' '))))), /*#__PURE__*/_react.default.createElement("div", {
@@ -466,7 +470,8 @@ var OrderDetailsUI = function OrderDetailsUI(props) {
     order: order,
     actionStatus: actionStatus,
     handleRefundPaymentsStripe: handleRefundPaymentsStripe,
-    handleOrderRefund: handleOrderRefund
+    handleOrderRefund: handleOrderRefund,
+    viewOnly: readOnlyAdmin || readOnlyDeliveryManager || readOnlyBusinessOwner
   })), /*#__PURE__*/_react.default.createElement(_styles2.DetailBottom, null)), extraOpen && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, width >= 1000 ? /*#__PURE__*/_react.default.createElement(_styles2.OrderDetailsExtraContent, null, /*#__PURE__*/_react.default.createElement(_styles2.CloseButtonWrapper, null, /*#__PURE__*/_react.default.createElement(_styles.IconButton, {
     color: "black",
     onClick: function onClick() {

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

@@ -37,7 +37,8 @@ var OrderStatusTypeSelector = exports.OrderStatusTypeSelector = function OrderSt
     filterValues = props.filterValues,
     handleUpdateOrderStatus = props.handleUpdateOrderStatus,
     handleChangeMultiOrdersStatus = props.handleChangeMultiOrdersStatus,
-    handleChangeOrderStatus = props.handleChangeOrderStatus;
+    handleChangeOrderStatus = props.handleChangeOrderStatus,
+    viewOnly = props.viewOnly;
   var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
     _useLanguage2 = _slicedToArray(_useLanguage, 2),
     t = _useLanguage2[1];
@@ -504,7 +505,8 @@ var OrderStatusTypeSelector = exports.OrderStatusTypeSelector = function OrderSt
       className: "orderStatus",
       isShowSearchBar: true,
       searchValue: searchValue,
-      handleChangeSearch: handleChangeSearch
+      handleChangeSearch: handleChangeSearch,
+      isDisabled: viewOnly
     }) : /*#__PURE__*/_react.default.createElement(_Select.Select, {
       searchBarIsCustomLayout: true,
       searchBarIsNotLazyLoad: true,

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

@@ -24,7 +24,7 @@ var HeaderSection = exports.HeaderSection = _styledComponents.default.div(_templ
 var HeaderTitle = exports.HeaderTitle = _styledComponents.default.p(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  color: ", ";\n  font-size: 20px;\n  font-weight: bold;\n  margin: 0px;\n  text-transform: capitalize;\n  white-space: nowrap;\n\n  @media (max-width: 560px) {\n    width: calc(100% - 50px);\n  }\n"])), function (props) {
   return props.theme.colors.headingColor;
 });
-var TopRightSection = exports.TopRightSection = _styledComponents.default.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  width: 100%;\n  display: flex;\n  flex-direction: column-reverse;\n  flex-wrap: nowrap;\n  margin: 5px 0px 10px 15px;\n\n  ", "\n\n  ", "\n\n  @media (min-width: 799px) {\n    flex-direction: ", ";\n    align-items: ", ";\n  }\n"])), function (_ref2) {
+var TopRightSection = exports.TopRightSection = _styledComponents.default.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  width: 100%;\n  display: flex;\n  flex-direction: column-reverse;\n  flex-wrap: nowrap;\n  margin: 5px 0px 10px 15px;\n  overflow: auto;\n\n  ", "\n\n  ", "\n\n  @media (min-width: 799px) {\n    flex-direction: ", ";\n    align-items: ", ";\n  }\n"])), function (_ref2) {
   var isCustomLayout = _ref2.isCustomLayout;
   return !isCustomLayout && (0, _styledComponents.css)(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n    justify-content: flex-end;\n  "])));
 }, function (_ref3) {

package/_modules/components/Shared/InputPhoneNumber/index.js

@@ -39,7 +39,11 @@ var InputPhoneNumber = exports.InputPhoneNumber = function InputPhoneNumber(prop
     _useConfig2 = _slicedToArray(_useConfig, 1),
     configs = _useConfig2[0].configs;
   var isValidPhoneNumber = function isValidPhoneNumber(number) {
+    var _configs$validation_p, _configs$validation_p2;
     if (!number) return;
+    if (!parseInt((_configs$validation_p = configs === null || configs === void 0 || (_configs$validation_p2 = configs.validation_phone_number_lib) === null || _configs$validation_p2 === void 0 ? void 0 : _configs$validation_p2.value) !== null && _configs$validation_p !== void 0 ? _configs$validation_p : 1, 10)) {
+      return true;
+    }
     var numberParser = (0, _libphonenumberJs.default)(number);
     return numberParser === null || numberParser === void 0 ? void 0 : numberParser.isValid();
   };