ordering-ui-admin-external 1.43.27 → 1.43.28

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -73,6 +73,9 @@ var DeliveryUsersListingUI = function DeliveryUsersListingUI(props) {
73
73
  var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
74
74
  _useLanguage2 = _slicedToArray(_useLanguage, 2),
75
75
  t = _useLanguage2[1];
76
+ var _useSession = (0, _orderingComponentsAdminExternal.useSession)(),
77
+ _useSession2 = _slicedToArray(_useSession, 1),
78
+ user = _useSession2[0].user;
76
79
  var query = new URLSearchParams((0, _reactRouterDom.useLocation)().search);
77
80
  var firstRender = (0, _react.useRef)(true);
78
81
  var _useState = (0, _react.useState)(null),
@@ -98,6 +101,7 @@ var DeliveryUsersListingUI = function DeliveryUsersListingUI(props) {
98
101
  _useState10 = _slicedToArray(_useState9, 2),
99
102
  alertState = _useState10[0],
100
103
  setAlertState = _useState10[1];
104
+ var readOnlyDeliveryManager = user === null || user === void 0 ? void 0 : user.readOnlyDeliveryManager;
101
105
  var _useState11 = (0, _react.useState)(false),
102
106
  _useState12 = _slicedToArray(_useState11, 2),
103
107
  isTourOpen = _useState12[0],
@@ -146,11 +150,11 @@ var DeliveryUsersListingUI = function DeliveryUsersListingUI(props) {
146
150
  if (id === null) {
147
151
  !isDriversManagersPage && setIsOpenUserDetails(false);
148
152
  } else {
149
- var user = usersList.users.find(function (_user) {
153
+ var _user2 = usersList.users.find(function (_user) {
150
154
  return _user.id === parseInt(id);
151
155
  });
152
- if (user) {
153
- setOpenUser(user);
156
+ if (_user2) {
157
+ setOpenUser(_user2);
154
158
  } else {
155
159
  setQueryId(parseInt(id));
156
160
  }
@@ -250,7 +254,7 @@ var DeliveryUsersListingUI = function DeliveryUsersListingUI(props) {
250
254
  handleOpenTour: function handleOpenTour() {
251
255
  return _handleOpenTour();
252
256
  },
253
- actionDisabled: actionDisabled
257
+ actionDisabled: actionDisabled || readOnlyDeliveryManager
254
258
  }), isShowActiveStateFilter && /*#__PURE__*/_react.default.createElement(_UserActiveStateFilter.UserActiveStateFilter, {
255
259
  selectedUserActiveState: selectedUserActiveState,
256
260
  handleChangeUserActiveState: handleChangeUserActiveState
@@ -272,7 +276,7 @@ var DeliveryUsersListingUI = function DeliveryUsersListingUI(props) {
272
276
  userDetailsId: (openUser === null || openUser === void 0 ? void 0 : openUser.id) || queryId,
273
277
  handleOpenUserDetails: handleOpenUserDetails,
274
278
  handleOpenUserAddForm: handleOpenUserAddForm,
275
- actionDisabled: actionDisabled,
279
+ actionDisabled: actionDisabled || readOnlyDeliveryManager,
276
280
  setSelectedUsers: setSelectedUsers,
277
281
  isUseQuery: isUseQuery,
278
282
  handleChangeBusyUser: handleChangeBusyUser
@@ -289,7 +293,7 @@ var DeliveryUsersListingUI = function DeliveryUsersListingUI(props) {
289
293
  handleSuccessUpdate: handleSuccessUpdate,
290
294
  handleSuccessDeleteUser: handleSuccessDeleteUser,
291
295
  handleChangeActiveUser: handleChangeActiveUser,
292
- actionDisabled: actionDisabled
296
+ actionDisabled: actionDisabled || readOnlyDeliveryManager
293
297
  }), openUserAddForm && /*#__PURE__*/_react.default.createElement(_Shared.SideBar, {
294
298
  open: openUserAddForm,
295
299
  noAnimation: isTourOpen,
@@ -82,7 +82,8 @@ var UserDetailsUI = exports.UserDetailsUI = function UserDetailsUI(props) {
82
82
  var _useConfig = (0, _orderingComponentsAdminExternal.useConfig)(),
83
83
  _useConfig2 = _slicedToArray(_useConfig, 1),
84
84
  configs = _useConfig2[0].configs;
85
- 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;
85
+ var viewOnly = (user === null || user === void 0 ? void 0 : user.readOnlyAdmin) || (user === null || user === void 0 ? void 0 : user.readOnlyDeliveryManager);
86
+ 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;
86
87
  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;
87
88
  var expandSidebar = function expandSidebar() {
88
89
  var element = document.getElementById('user_lateral_bar');
@@ -30,7 +30,8 @@ var OrderBill = exports.OrderBill = function OrderBill(props) {
30
30
  var order = props.order,
31
31
  actionStatus = props.actionStatus,
32
32
  handleRefundPaymentsStripe = props.handleRefundPaymentsStripe,
33
- handleOrderRefund = props.handleOrderRefund;
33
+ handleOrderRefund = props.handleOrderRefund,
34
+ viewOnly = props.viewOnly;
34
35
  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';
35
36
  var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
36
37
  _useLanguage2 = _slicedToArray(_useLanguage, 2),
@@ -214,7 +215,7 @@ var OrderBill = exports.OrderBill = function OrderBill(props) {
214
215
  }) : "-".concat(parsePrice(event === null || event === void 0 ? void 0 : event.amount, {
215
216
  currency: (0, _utils.getCurrenySymbol)(order === null || order === void 0 ? void 0 : order.currency)
216
217
  }))));
217
- }))), !isGiftCardOrder && /*#__PURE__*/_react.default.createElement(_RefundToWallet.RefundToWallet, {
218
+ }))), !isGiftCardOrder && !viewOnly && /*#__PURE__*/_react.default.createElement(_RefundToWallet.RefundToWallet, {
218
219
  order: order,
219
220
  actionStatus: actionStatus,
220
221
  handleOrderRefund: handleOrderRefund,
@@ -246,7 +247,7 @@ var OrderBill = exports.OrderBill = function OrderBill(props) {
246
247
  className: "vehicle"
247
248
  }, /*#__PURE__*/_react.default.createElement("thead", null, /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("th", {
248
249
  colSpan: "2"
249
- }, 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, {
250
+ }, 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, {
250
251
  color: "primary",
251
252
  borderRadius: "8px",
252
253
  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) {
@@ -56,6 +56,7 @@ var OrderContactInformation = exports.OrderContactInformation = function OrderCo
56
56
  _useConfig2 = _slicedToArray(_useConfig, 1),
57
57
  configs = _useConfig2[0].configs;
58
58
  var googleInputRef = (0, _react.useRef)(null);
59
+ var readOnlyBusinessOwner = user === null || user === void 0 ? void 0 : user.readOnlyBusinessOwner;
59
60
  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;
60
61
  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';
61
62
  var googleMapsControls = {
@@ -169,7 +170,7 @@ var OrderContactInformation = exports.OrderContactInformation = function OrderCo
169
170
  onClick: function onClick() {
170
171
  return handleReviewCustomer(order === null || order === void 0 ? void 0 : order.customer);
171
172
  }
172
- }, t('REVIEW', 'Review'))), /*#__PURE__*/_react.default.createElement(_styles2.ActionIconWrapper, null, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Pencil, {
173
+ }, t('REVIEW', 'Review'))), !readOnlyBusinessOwner && /*#__PURE__*/_react.default.createElement(_styles2.ActionIconWrapper, null, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Pencil, {
173
174
  className: "edit-icon",
174
175
  onClick: handleEdit
175
176
  }), /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.ChevronDown, {
@@ -238,7 +239,7 @@ var OrderContactInformation = exports.OrderContactInformation = function OrderCo
238
239
  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),
239
240
  rel: "noopener noreferrer",
240
241
  target: "_blank"
241
- }, 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, {
242
+ }, 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, {
242
243
  small: true,
243
244
  isPhoneView: true,
244
245
  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
249
250
  isOrderDrivers: true,
250
251
  orderId: order === null || order === void 0 ? void 0 : order.id,
251
252
  disableSocketRoomDriver: true
252
- })), !(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, {
253
+ })), !(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, {
253
254
  small: true,
254
255
  isPhoneView: true,
255
256
  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',
@@ -142,6 +142,9 @@ var OrderDetailsUI = function OrderDetailsUI(props) {
142
142
  setCommentInfostate = _useState16[1];
143
143
  var cateringTypes = [7, 8];
144
144
  var placeSpotEnabled = [3, 4];
145
+ var readOnlyBusinessOwner = user === null || user === void 0 ? void 0 : user.readOnlyBusinessOwner;
146
+ var readOnlyDeliveryManager = user === null || user === void 0 ? void 0 : user.readOnlyDeliveryManager;
147
+ var readOnlyAdmin = user === null || user === void 0 ? void 0 : user.readOnlyAdmin;
145
148
  var _props$order = props.order,
146
149
  order = _props$order.order,
147
150
  loading = _props$order.loading;
@@ -434,7 +437,8 @@ var OrderDetailsUI = function OrderDetailsUI(props) {
434
437
  orderId: order.id,
435
438
  deliveryType: order === null || order === void 0 ? void 0 : order.delivery_type,
436
439
  defaultValue: parseInt(order.status),
437
- handleUpdateOrderStatus: handleUpdateOrderStatus
440
+ handleUpdateOrderStatus: handleUpdateOrderStatus,
441
+ viewOnly: readOnlyAdmin || readOnlyDeliveryManager || readOnlyBusinessOwner
438
442
  }))), (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, {
439
443
  percentage: (_progressBarObjt = progressBarObjt(order === null || order === void 0 ? void 0 : order.status)) === null || _progressBarObjt === void 0 ? void 0 : _progressBarObjt.percentage
440
444
  })), /*#__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) {
466
470
  order: order,
467
471
  actionStatus: actionStatus,
468
472
  handleRefundPaymentsStripe: handleRefundPaymentsStripe,
469
- handleOrderRefund: handleOrderRefund
473
+ handleOrderRefund: handleOrderRefund,
474
+ viewOnly: readOnlyAdmin || readOnlyDeliveryManager || readOnlyBusinessOwner
470
475
  })), /*#__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, {
471
476
  color: "black",
472
477
  onClick: function onClick() {
@@ -37,7 +37,8 @@ var OrderStatusTypeSelector = exports.OrderStatusTypeSelector = function OrderSt
37
37
  filterValues = props.filterValues,
38
38
  handleUpdateOrderStatus = props.handleUpdateOrderStatus,
39
39
  handleChangeMultiOrdersStatus = props.handleChangeMultiOrdersStatus,
40
- handleChangeOrderStatus = props.handleChangeOrderStatus;
40
+ handleChangeOrderStatus = props.handleChangeOrderStatus,
41
+ viewOnly = props.viewOnly;
41
42
  var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
42
43
  _useLanguage2 = _slicedToArray(_useLanguage, 2),
43
44
  t = _useLanguage2[1];
@@ -504,7 +505,8 @@ var OrderStatusTypeSelector = exports.OrderStatusTypeSelector = function OrderSt
504
505
  className: "orderStatus",
505
506
  isShowSearchBar: true,
506
507
  searchValue: searchValue,
507
- handleChangeSearch: handleChangeSearch
508
+ handleChangeSearch: handleChangeSearch,
509
+ isDisabled: viewOnly
508
510
  }) : /*#__PURE__*/_react.default.createElement(_Select.Select, {
509
511
  searchBarIsCustomLayout: true,
510
512
  searchBarIsNotLazyLoad: true,
@@ -24,7 +24,7 @@ var HeaderSection = exports.HeaderSection = _styledComponents.default.div(_templ
24
24
  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) {
25
25
  return props.theme.colors.headingColor;
26
26
  });
27
- 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) {
27
+ 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) {
28
28
  var isCustomLayout = _ref2.isCustomLayout;
29
29
  return !isCustomLayout && (0, _styledComponents.css)(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n justify-content: flex-end;\n "])));
30
30
  }, function (_ref3) {
@@ -34,7 +34,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
34
34
  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; } }
35
35
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
36
36
  var SidebarMenuUI = function SidebarMenuUI(props) {
37
- var _configs$powered_by_o, _configs$appointments, _sessionState$user, _sessionState$user2, _sessionState$user3, _sessionState$user4, _sessionState$user5, _sessionState$user6, _sessionState$user7, _sessionState$user8, _sessionState$user9, _configs$dashboard_lo, _theme$images, _sessionState$user10, _sessionState$user11, _sessionState$user12, _sessionState$user13, _sessionState$user18, _sessionState$user19, _sessionState$user20, _sessionState$user21, _sessionState$user23, _sessionState$user24, _sessionState$user25, _sessionState$user26, _sessionState$user27, _sessionState$user28, _sessionState$user29, _sessionState$user30, _sessionState$user31, _sessionState$user32, _sessionState$user33, _sessionState$user34, _sessionState$user35, _sessionState$user36, _sessionState$user37, _sessionState$user38, _sessionState$user39;
37
+ var _configs$powered_by_o, _configs$appointments, _sessionState$user, _sessionState$user2, _sessionState$user3, _sessionState$user4, _sessionState$user5, _sessionState$user6, _sessionState$user7, _sessionState$user8, _sessionState$user9, _sessionState$user10, _sessionState$user11, _sessionState$user12, _configs$dashboard_lo, _theme$images, _sessionState$user13, _sessionState$user14, _sessionState$user15, _sessionState$user16, _sessionState$user21, _sessionState$user22, _sessionState$user23, _sessionState$user24, _sessionState$user26, _sessionState$user27, _sessionState$user28, _sessionState$user29, _sessionState$user30, _sessionState$user31, _sessionState$user32, _sessionState$user33, _sessionState$user34, _sessionState$user35, _sessionState$user36, _sessionState$user37, _sessionState$user38, _sessionState$user39, _sessionState$user40, _sessionState$user41, _sessionState$user42;
38
38
  var getBillingToken = props.getBillingToken,
39
39
  billingUrl = props.billingUrl;
40
40
  var location = (0, _reactRouterDom.useLocation)();
@@ -64,6 +64,9 @@ var SidebarMenuUI = function SidebarMenuUI(props) {
64
64
  var windowSize = (0, _useWindowSize.useWindowSize)();
65
65
  var isPoweredByOrderingModule = configs === null || configs === void 0 || (_configs$powered_by_o = configs.powered_by_ordering_module) === null || _configs$powered_by_o === void 0 ? void 0 : _configs$powered_by_o.value;
66
66
  var isEnabledAppointmentsFeature = configs === null || configs === void 0 || (_configs$appointments = configs.appointments) === null || _configs$appointments === void 0 ? void 0 : _configs$appointments.value;
67
+ var readOnlyBusinessOwner = sessionState === null || sessionState === void 0 || (_sessionState$user = sessionState.user) === null || _sessionState$user === void 0 ? void 0 : _sessionState$user.readOnlyBusinessOwner;
68
+ var readOnlyDeliveryManager = sessionState === null || sessionState === void 0 || (_sessionState$user2 = sessionState.user) === null || _sessionState$user2 === void 0 ? void 0 : _sessionState$user2.readOnlyDeliveryManager;
69
+ var readOnlyAdmin = sessionState === null || sessionState === void 0 || (_sessionState$user3 = sessionState.user) === null || _sessionState$user3 === void 0 ? void 0 : _sessionState$user3.readOnlyAdmin;
67
70
  var _useState = (0, _react.useState)(false),
68
71
  _useState2 = _slicedToArray(_useState, 2),
69
72
  showMessage = _useState2[0],
@@ -288,31 +291,31 @@ var SidebarMenuUI = function SidebarMenuUI(props) {
288
291
  title: t('DRIVERS', 'Drivers'),
289
292
  pageName: 'delivery_drivers',
290
293
  url: '/delivery/drivers-list',
291
- enabled: (sessionState === null || sessionState === void 0 || (_sessionState$user = sessionState.user) === null || _sessionState$user === void 0 ? void 0 : _sessionState$user.level) === 5 || (sessionState === null || sessionState === void 0 || (_sessionState$user2 = sessionState.user) === null || _sessionState$user2 === void 0 ? void 0 : _sessionState$user2.level) === 0 || (sessionState === null || sessionState === void 0 || (_sessionState$user3 = sessionState.user) === null || _sessionState$user3 === void 0 ? void 0 : _sessionState$user3.level) === 2
294
+ enabled: (sessionState === null || sessionState === void 0 || (_sessionState$user4 = sessionState.user) === null || _sessionState$user4 === void 0 ? void 0 : _sessionState$user4.level) === 5 || (sessionState === null || sessionState === void 0 || (_sessionState$user5 = sessionState.user) === null || _sessionState$user5 === void 0 ? void 0 : _sessionState$user5.level) === 0 || (sessionState === null || sessionState === void 0 || (_sessionState$user6 = sessionState.user) === null || _sessionState$user6 === void 0 ? void 0 : _sessionState$user6.level) === 2
292
295
  }, {
293
296
  id: 2,
294
297
  title: t('DRIVER_MANAGERS', 'Drivers manager'),
295
298
  pageName: 'drivers_managers',
296
299
  url: '/delivery/drivers-managers',
297
- enabled: (sessionState === null || sessionState === void 0 || (_sessionState$user4 = sessionState.user) === null || _sessionState$user4 === void 0 ? void 0 : _sessionState$user4.level) === 0
300
+ enabled: (sessionState === null || sessionState === void 0 || (_sessionState$user7 = sessionState.user) === null || _sessionState$user7 === void 0 ? void 0 : _sessionState$user7.level) === 0 && !(readOnlyAdmin || readOnlyDeliveryManager)
298
301
  }, {
299
302
  id: 3,
300
303
  title: t('DELIVERY_COMPANIES', 'Delivery companies'),
301
304
  pageName: 'drivers_companies',
302
305
  url: '/delivery/drivers-companies',
303
- enabled: (sessionState === null || sessionState === void 0 || (_sessionState$user5 = sessionState.user) === null || _sessionState$user5 === void 0 ? void 0 : _sessionState$user5.level) === 0
306
+ enabled: (sessionState === null || sessionState === void 0 || (_sessionState$user8 = sessionState.user) === null || _sessionState$user8 === void 0 ? void 0 : _sessionState$user8.level) === 0 && !(readOnlyAdmin || readOnlyDeliveryManager)
304
307
  }, {
305
308
  id: 4,
306
309
  title: t('DELIVERY_AUTOMATION', 'Delivery automation'),
307
310
  pageName: 'drivers_groups',
308
311
  url: '/delivery/drivers-groups',
309
- enabled: (sessionState === null || sessionState === void 0 || (_sessionState$user6 = sessionState.user) === null || _sessionState$user6 === void 0 ? void 0 : _sessionState$user6.level) === 5 || (sessionState === null || sessionState === void 0 || (_sessionState$user7 = sessionState.user) === null || _sessionState$user7 === void 0 ? void 0 : _sessionState$user7.level) === 0
312
+ enabled: ((sessionState === null || sessionState === void 0 || (_sessionState$user9 = sessionState.user) === null || _sessionState$user9 === void 0 ? void 0 : _sessionState$user9.level) === 5 || (sessionState === null || sessionState === void 0 || (_sessionState$user10 = sessionState.user) === null || _sessionState$user10 === void 0 ? void 0 : _sessionState$user10.level) === 0) && !(readOnlyAdmin || readOnlyDeliveryManager)
310
313
  }, {
311
314
  id: 5,
312
315
  title: t('DRIVERS_TIME_DISPLAY', 'Drivers time display'),
313
316
  pageName: 'drivers_time_display',
314
317
  url: '/delivery/drivers-time-display',
315
- enabled: (sessionState === null || sessionState === void 0 || (_sessionState$user8 = sessionState.user) === null || _sessionState$user8 === void 0 ? void 0 : _sessionState$user8.level) === 5 || (sessionState === null || sessionState === void 0 || (_sessionState$user9 = sessionState.user) === null || _sessionState$user9 === void 0 ? void 0 : _sessionState$user9.level) === 0
318
+ enabled: ((sessionState === null || sessionState === void 0 || (_sessionState$user11 = sessionState.user) === null || _sessionState$user11 === void 0 ? void 0 : _sessionState$user11.level) === 5 || (sessionState === null || sessionState === void 0 || (_sessionState$user12 = sessionState.user) === null || _sessionState$user12 === void 0 ? void 0 : _sessionState$user12.level) === 0) && !(readOnlyAdmin || readOnlyDeliveryManager)
316
319
  }];
317
320
  var marketingSubmenus = [{
318
321
  id: 1,
@@ -429,23 +432,23 @@ var SidebarMenuUI = function SidebarMenuUI(props) {
429
432
  className: "d-flex flex-column justify-content-between p-1 pt-0"
430
433
  }, /*#__PURE__*/_react.default.createElement("div", {
431
434
  className: "d-flex flex-column"
432
- }, (sessionState === null || sessionState === void 0 || (_sessionState$user10 = sessionState.user) === null || _sessionState$user10 === void 0 ? void 0 : _sessionState$user10.level) === 0 && /*#__PURE__*/_react.default.createElement(_reactBootstrap.Button, {
435
+ }, (sessionState === null || sessionState === void 0 || (_sessionState$user13 = sessionState.user) === null || _sessionState$user13 === void 0 ? void 0 : _sessionState$user13.level) === 0 && /*#__PURE__*/_react.default.createElement(_reactBootstrap.Button, {
433
436
  className: "d-flex align-items-center",
434
437
  variant: false,
435
438
  onClick: handleOpenSite
436
- }, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.BoxArrowUpRight, null), /*#__PURE__*/_react.default.createElement("span", null, t('MY_WEBSITE', 'My Website'))), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Accordion, null, (sessionState === null || sessionState === void 0 || (_sessionState$user11 = sessionState.user) === null || _sessionState$user11 === void 0 ? void 0 : _sessionState$user11.level) !== 5 && (sessionState === null || sessionState === void 0 || (_sessionState$user12 = sessionState.user) === null || _sessionState$user12 === void 0 ? void 0 : _sessionState$user12.level) !== 8 && /*#__PURE__*/_react.default.createElement(_styles.MenuContainer, null, /*#__PURE__*/_react.default.createElement(ContextAwareToggle, {
439
+ }, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.BoxArrowUpRight, null), /*#__PURE__*/_react.default.createElement("span", null, t('MY_WEBSITE', 'My Website'))), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Accordion, null, (sessionState === null || sessionState === void 0 || (_sessionState$user14 = sessionState.user) === null || _sessionState$user14 === void 0 ? void 0 : _sessionState$user14.level) !== 5 && (sessionState === null || sessionState === void 0 || (_sessionState$user15 = sessionState.user) === null || _sessionState$user15 === void 0 ? void 0 : _sessionState$user15.level) !== 8 && !(readOnlyAdmin || readOnlyDeliveryManager || readOnlyBusinessOwner) && /*#__PURE__*/_react.default.createElement(_styles.MenuContainer, null, /*#__PURE__*/_react.default.createElement(ContextAwareToggle, {
437
440
  eventKey: "0",
438
441
  active: location.pathname === '/home',
439
442
  page: "home",
440
443
  handleGoToPage: handleGoToPage
441
- }, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.HouseDoor, null), /*#__PURE__*/_react.default.createElement("span", null, t('HOME', 'Home')))), (sessionState === null || sessionState === void 0 || (_sessionState$user13 = sessionState.user) === null || _sessionState$user13 === void 0 ? void 0 : _sessionState$user13.level) !== 8 && /*#__PURE__*/_react.default.createElement(_styles.MenuContainer, null, /*#__PURE__*/_react.default.createElement(ContextAwareToggle, {
444
+ }, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.HouseDoor, null), /*#__PURE__*/_react.default.createElement("span", null, t('HOME', 'Home')))), (sessionState === null || sessionState === void 0 || (_sessionState$user16 = sessionState.user) === null || _sessionState$user16 === void 0 ? void 0 : _sessionState$user16.level) !== 8 && /*#__PURE__*/_react.default.createElement(_styles.MenuContainer, null, /*#__PURE__*/_react.default.createElement(ContextAwareToggle, {
442
445
  eventKey: "1",
443
446
  active: location.pathname === '/orders' || location.pathname === '/deliveries' || location.pathname === '/drivers' || location.pathname === '/all-in-one' || location.pathname === '/appointments' || location.pathname === '/gift-cards'
444
447
  }, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.ListCheck, null), /*#__PURE__*/_react.default.createElement("span", null, t('ORDERS', 'Orders'))), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Accordion.Collapse, {
445
448
  eventKey: "1"
446
449
  }, /*#__PURE__*/_react.default.createElement(_styles.MenuContent, null, ordersSubMenus.map(function (item) {
447
- var _sessionState$user14, _sessionState$user15, _sessionState$user16, _sessionState$user17;
448
- return !((sessionState === null || sessionState === void 0 || (_sessionState$user14 = sessionState.user) === null || _sessionState$user14 === void 0 ? void 0 : _sessionState$user14.level) === 2 && item.pageName === 'drivers') && !(((sessionState === null || sessionState === void 0 || (_sessionState$user15 = sessionState.user) === null || _sessionState$user15 === void 0 ? void 0 : _sessionState$user15.level) === 2 || (sessionState === null || sessionState === void 0 || (_sessionState$user16 = sessionState.user) === null || _sessionState$user16 === void 0 ? void 0 : _sessionState$user16.level) === 5) && item.pageName === 'giftCards') && !((sessionState === null || sessionState === void 0 || (_sessionState$user17 = sessionState.user) === null || _sessionState$user17 === void 0 ? void 0 : _sessionState$user17.level) === 5 && item.pageName === 'appointments') && (item.pageName === 'appointments' ? isEnabledAppointmentsFeature && /*#__PURE__*/_react.default.createElement(_styles.SubMenu, {
450
+ var _sessionState$user17, _sessionState$user18, _sessionState$user19, _sessionState$user20;
451
+ return !((sessionState === null || sessionState === void 0 || (_sessionState$user17 = sessionState.user) === null || _sessionState$user17 === void 0 ? void 0 : _sessionState$user17.level) === 2 && item.pageName === 'drivers') && !(((sessionState === null || sessionState === void 0 || (_sessionState$user18 = sessionState.user) === null || _sessionState$user18 === void 0 ? void 0 : _sessionState$user18.level) === 2 || (sessionState === null || sessionState === void 0 || (_sessionState$user19 = sessionState.user) === null || _sessionState$user19 === void 0 ? void 0 : _sessionState$user19.level) === 5 || readOnlyAdmin) && item.pageName === 'giftCards') && !(((sessionState === null || sessionState === void 0 || (_sessionState$user20 = sessionState.user) === null || _sessionState$user20 === void 0 ? void 0 : _sessionState$user20.level) === 5 || readOnlyAdmin) && item.pageName === 'appointments') && (item.pageName === 'appointments' ? isEnabledAppointmentsFeature && /*#__PURE__*/_react.default.createElement(_styles.SubMenu, {
449
452
  key: item.id,
450
453
  active: location.pathname.includes(item.url),
451
454
  onClick: function onClick() {
@@ -462,19 +465,19 @@ var SidebarMenuUI = function SidebarMenuUI(props) {
462
465
  });
463
466
  }
464
467
  }, (0, _utils.firstLetterCapital)(item.title)));
465
- })))), (sessionState === null || sessionState === void 0 || (_sessionState$user18 = sessionState.user) === null || _sessionState$user18 === void 0 ? void 0 : _sessionState$user18.level) !== 5 && (sessionState === null || sessionState === void 0 || (_sessionState$user19 = sessionState.user) === null || _sessionState$user19 === void 0 ? void 0 : _sessionState$user19.level) !== 8 && /*#__PURE__*/_react.default.createElement(_styles.MenuContainer, null, /*#__PURE__*/_react.default.createElement(ContextAwareToggle, {
468
+ })))), (sessionState === null || sessionState === void 0 || (_sessionState$user21 = sessionState.user) === null || _sessionState$user21 === void 0 ? void 0 : _sessionState$user21.level) !== 5 && (sessionState === null || sessionState === void 0 || (_sessionState$user22 = sessionState.user) === null || _sessionState$user22 === void 0 ? void 0 : _sessionState$user22.level) !== 8 && !(readOnlyAdmin || readOnlyDeliveryManager || readOnlyBusinessOwner) && /*#__PURE__*/_react.default.createElement(_styles.MenuContainer, null, /*#__PURE__*/_react.default.createElement(ContextAwareToggle, {
466
469
  eventKey: "2",
467
470
  page: "messages",
468
471
  handleGoToPage: handleGoToPage,
469
472
  active: location.pathname === '/messages'
470
- }, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Chat, null), /*#__PURE__*/_react.default.createElement("span", null, t('MESSAGES', 'Messages')))), (sessionState === null || sessionState === void 0 || (_sessionState$user20 = sessionState.user) === null || _sessionState$user20 === void 0 ? void 0 : _sessionState$user20.level) !== 5 && (sessionState === null || sessionState === void 0 || (_sessionState$user21 = sessionState.user) === null || _sessionState$user21 === void 0 ? void 0 : _sessionState$user21.level) !== 8 && /*#__PURE__*/_react.default.createElement(_styles.MenuContainer, null, /*#__PURE__*/_react.default.createElement(ContextAwareToggle, {
473
+ }, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Chat, null), /*#__PURE__*/_react.default.createElement("span", null, t('MESSAGES', 'Messages')))), (sessionState === null || sessionState === void 0 || (_sessionState$user23 = sessionState.user) === null || _sessionState$user23 === void 0 ? void 0 : _sessionState$user23.level) !== 5 && (sessionState === null || sessionState === void 0 || (_sessionState$user24 = sessionState.user) === null || _sessionState$user24 === void 0 ? void 0 : _sessionState$user24.level) !== 8 && !(readOnlyAdmin || readOnlyDeliveryManager || readOnlyBusinessOwner) && /*#__PURE__*/_react.default.createElement(_styles.MenuContainer, null, /*#__PURE__*/_react.default.createElement(ContextAwareToggle, {
471
474
  eventKey: "3",
472
475
  active: location.pathname.includes('stores')
473
476
  }, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Shop, null), /*#__PURE__*/_react.default.createElement("span", null, t('STORES', 'Stores'))), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Accordion.Collapse, {
474
477
  eventKey: "3"
475
478
  }, /*#__PURE__*/_react.default.createElement(_styles.MenuContent, null, storesSubMenus.map(function (item) {
476
- var _sessionState$user22;
477
- return !((sessionState === null || sessionState === void 0 || (_sessionState$user22 = sessionState.user) === null || _sessionState$user22 === void 0 ? void 0 : _sessionState$user22.level) === 2 && item.pageName === 'brand') && /*#__PURE__*/_react.default.createElement(_styles.SubMenu, {
479
+ var _sessionState$user25;
480
+ return !((sessionState === null || sessionState === void 0 || (_sessionState$user25 = sessionState.user) === null || _sessionState$user25 === void 0 ? void 0 : _sessionState$user25.level) === 2 && item.pageName === 'brand') && /*#__PURE__*/_react.default.createElement(_styles.SubMenu, {
478
481
  key: item.id,
479
482
  active: location.pathname.includes(item === null || item === void 0 ? void 0 : item.url),
480
483
  onClick: function onClick() {
@@ -483,12 +486,12 @@ var SidebarMenuUI = function SidebarMenuUI(props) {
483
486
  });
484
487
  }
485
488
  }, item.title);
486
- })))), ((sessionState === null || sessionState === void 0 || (_sessionState$user23 = sessionState.user) === null || _sessionState$user23 === void 0 ? void 0 : _sessionState$user23.level) === 0 || (sessionState === null || sessionState === void 0 || (_sessionState$user24 = sessionState.user) === null || _sessionState$user24 === void 0 ? void 0 : _sessionState$user24.level) === 2) && /*#__PURE__*/_react.default.createElement(_styles.MenuContainer, null, /*#__PURE__*/_react.default.createElement(ContextAwareToggle, {
489
+ })))), ((sessionState === null || sessionState === void 0 || (_sessionState$user26 = sessionState.user) === null || _sessionState$user26 === void 0 ? void 0 : _sessionState$user26.level) === 0 || (sessionState === null || sessionState === void 0 || (_sessionState$user27 = sessionState.user) === null || _sessionState$user27 === void 0 ? void 0 : _sessionState$user27.level) === 2) && !(readOnlyAdmin || readOnlyDeliveryManager || readOnlyBusinessOwner) && /*#__PURE__*/_react.default.createElement(_styles.MenuContainer, null, /*#__PURE__*/_react.default.createElement(ContextAwareToggle, {
487
490
  eventKey: "4",
488
491
  active: location.pathname === '/users/customers' || location.pathname === '/users/managers' || location.pathname === '/users/operation' || location.pathname === '/users/professionals'
489
492
  }, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.People, null), /*#__PURE__*/_react.default.createElement("span", null, t('USERS', 'Users'))), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Accordion.Collapse, {
490
493
  eventKey: "4"
491
- }, /*#__PURE__*/_react.default.createElement(_styles.MenuContent, null, ((sessionState === null || sessionState === void 0 || (_sessionState$user25 = sessionState.user) === null || _sessionState$user25 === void 0 ? void 0 : _sessionState$user25.level) === 2 ? usersSubMenus.filter(function (menu) {
494
+ }, /*#__PURE__*/_react.default.createElement(_styles.MenuContent, null, ((sessionState === null || sessionState === void 0 || (_sessionState$user28 = sessionState.user) === null || _sessionState$user28 === void 0 ? void 0 : _sessionState$user28.level) === 2 ? usersSubMenus.filter(function (menu) {
492
495
  return buisnessOwnerUsersMenuIncluded.includes(menu.id);
493
496
  }) : usersSubMenus).map(function (item) {
494
497
  return item.pageName === 'professionals' ? isEnabledAppointmentsFeature && /*#__PURE__*/_react.default.createElement(_styles.SubMenu, {
@@ -508,12 +511,12 @@ var SidebarMenuUI = function SidebarMenuUI(props) {
508
511
  });
509
512
  }
510
513
  }, item.title);
511
- })))), (sessionState === null || sessionState === void 0 || (_sessionState$user26 = sessionState.user) === null || _sessionState$user26 === void 0 ? void 0 : _sessionState$user26.level) !== 5 && (sessionState === null || sessionState === void 0 || (_sessionState$user27 = sessionState.user) === null || _sessionState$user27 === void 0 ? void 0 : _sessionState$user27.level) !== 8 && /*#__PURE__*/_react.default.createElement(_styles.MenuContainer, null, /*#__PURE__*/_react.default.createElement(ContextAwareToggle, {
514
+ })))), (sessionState === null || sessionState === void 0 || (_sessionState$user29 = sessionState.user) === null || _sessionState$user29 === void 0 ? void 0 : _sessionState$user29.level) !== 5 && (sessionState === null || sessionState === void 0 || (_sessionState$user30 = sessionState.user) === null || _sessionState$user30 === void 0 ? void 0 : _sessionState$user30.level) !== 8 && !(readOnlyAdmin || readOnlyDeliveryManager || readOnlyBusinessOwner) && /*#__PURE__*/_react.default.createElement(_styles.MenuContainer, null, /*#__PURE__*/_react.default.createElement(ContextAwareToggle, {
512
515
  eventKey: "5",
513
516
  active: location.pathname === '/intelligence/business' || location.pathname === '/intelligence/drivers' || location.pathname.includes('/intelligence/reviews') || location.pathname === '/intelligence/invoice' || location.pathname === '/intelligence/reports'
514
517
  }, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.BarChartLine, null), /*#__PURE__*/_react.default.createElement("span", null, (0, _utils.firstLetterCapital)(t('BUSINESS_INTELLIGENCE', 'Business Intelligence')))), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Accordion.Collapse, {
515
518
  eventKey: "5"
516
- }, /*#__PURE__*/_react.default.createElement(_styles.MenuContent, null, ((sessionState === null || sessionState === void 0 || (_sessionState$user28 = sessionState.user) === null || _sessionState$user28 === void 0 ? void 0 : _sessionState$user28.level) === 2 ? businessIntelligenceSubMenus.filter(function (menu) {
519
+ }, /*#__PURE__*/_react.default.createElement(_styles.MenuContent, null, ((sessionState === null || sessionState === void 0 || (_sessionState$user31 = sessionState.user) === null || _sessionState$user31 === void 0 ? void 0 : _sessionState$user31.level) === 2 ? businessIntelligenceSubMenus.filter(function (menu) {
517
520
  return businessOwnerIntelligencesIncluded.includes(menu.id);
518
521
  }) : businessIntelligenceSubMenus).map(function (item) {
519
522
  return /*#__PURE__*/_react.default.createElement(_styles.SubMenu, {
@@ -525,7 +528,7 @@ var SidebarMenuUI = function SidebarMenuUI(props) {
525
528
  });
526
529
  }
527
530
  }, (0, _utils.firstLetterCapital)(item.title));
528
- })))), ((sessionState === null || sessionState === void 0 || (_sessionState$user29 = sessionState.user) === null || _sessionState$user29 === void 0 ? void 0 : _sessionState$user29.level) === 0 || (sessionState === null || sessionState === void 0 || (_sessionState$user30 = sessionState.user) === null || _sessionState$user30 === void 0 ? void 0 : _sessionState$user30.level) === 5) && /*#__PURE__*/_react.default.createElement(_styles.MenuContainer, null, /*#__PURE__*/_react.default.createElement(ContextAwareToggle, {
531
+ })))), ((sessionState === null || sessionState === void 0 || (_sessionState$user32 = sessionState.user) === null || _sessionState$user32 === void 0 ? void 0 : _sessionState$user32.level) === 0 || (sessionState === null || sessionState === void 0 || (_sessionState$user33 = sessionState.user) === null || _sessionState$user33 === void 0 ? void 0 : _sessionState$user33.level) === 5) && /*#__PURE__*/_react.default.createElement(_styles.MenuContainer, null, /*#__PURE__*/_react.default.createElement(ContextAwareToggle, {
529
532
  eventKey: "7",
530
533
  active: location.pathname === '/delivery/drivers-list' || location.pathname === '/delivery/drivers-managers' || location.pathname === '/delivery/drivers-companies' || location.pathname === '/delivery/drivers-groups' || location.pathname === '/delivery/drivers-time-display'
531
534
  }, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Truck, null), /*#__PURE__*/_react.default.createElement("span", null, t('DELIVERY', 'Delivery'))), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Accordion.Collapse, {
@@ -540,7 +543,7 @@ var SidebarMenuUI = function SidebarMenuUI(props) {
540
543
  });
541
544
  }
542
545
  }, (0, _utils.firstLetterCapital)(item.title));
543
- })))), (sessionState === null || sessionState === void 0 || (_sessionState$user31 = sessionState.user) === null || _sessionState$user31 === void 0 ? void 0 : _sessionState$user31.level) === 0 && /*#__PURE__*/_react.default.createElement(_styles.MenuContainer, null, /*#__PURE__*/_react.default.createElement(ContextAwareToggle, {
546
+ })))), (sessionState === null || sessionState === void 0 || (_sessionState$user34 = sessionState.user) === null || _sessionState$user34 === void 0 ? void 0 : _sessionState$user34.level) === 0 && !(readOnlyAdmin || readOnlyDeliveryManager || readOnlyBusinessOwner) && /*#__PURE__*/_react.default.createElement(_styles.MenuContainer, null, /*#__PURE__*/_react.default.createElement(ContextAwareToggle, {
544
547
  eventKey: "8",
545
548
  active: location.pathname === '/marketing/promotions-enterprise' || location.pathname === '/marketing/campaign' || location.pathname === '/marketing/ad-banners' || location.pathname === '/loyalty/rewards-programs' || location.pathname === '/loyalty/levels' || location.pathname === '/loyalty/reports' || location.pathname === '/cart-recovery/open-carts' || location.pathname === '/cart-recovery/recovery-actions'
546
549
  }, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.GraphUp, null), /*#__PURE__*/_react.default.createElement("span", null, t('MARKETING_LOYALTY', 'Marketing & Loyalty'))), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Accordion.Collapse, {
@@ -555,7 +558,7 @@ var SidebarMenuUI = function SidebarMenuUI(props) {
555
558
  });
556
559
  }
557
560
  }, (0, _utils.firstLetterCapital)(item.title));
558
- })))), (sessionState === null || sessionState === void 0 || (_sessionState$user32 = sessionState.user) === null || _sessionState$user32 === void 0 ? void 0 : _sessionState$user32.level) === 0 && /*#__PURE__*/_react.default.createElement(_styles.MenuContainer, null, /*#__PURE__*/_react.default.createElement("span", null, t('SALES_CHANNELS_AND_PRODUCTS', 'Sales channels and products')), /*#__PURE__*/_react.default.createElement(ContextAwareToggle, {
561
+ })))), (sessionState === null || sessionState === void 0 || (_sessionState$user35 = sessionState.user) === null || _sessionState$user35 === void 0 ? void 0 : _sessionState$user35.level) === 0 && !(readOnlyAdmin || readOnlyDeliveryManager || readOnlyBusinessOwner) && /*#__PURE__*/_react.default.createElement(_styles.MenuContainer, null, /*#__PURE__*/_react.default.createElement("span", null, t('SALES_CHANNELS_AND_PRODUCTS', 'Sales channels and products')), /*#__PURE__*/_react.default.createElement(ContextAwareToggle, {
559
562
  eventKey: "12",
560
563
  active: location.pathname === '/my-products/ordering-website' || location.pathname === '/my-products/customer-app' || location.pathname === '/my-products/store-app' || location.pathname === '/my-products/driver-app' || location.pathname === '/my-products/pos-app' || location.pathname === '/my-products/call-center-app' || location.pathname === '/my-products/kiosk-app' || location.pathname === '/my-products/custom-project'
561
564
  }, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.BagCheck, null), /*#__PURE__*/_react.default.createElement("span", null, t('MY_PRODUCTS', 'My products'))), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Accordion.Collapse, {
@@ -570,9 +573,9 @@ var SidebarMenuUI = function SidebarMenuUI(props) {
570
573
  });
571
574
  }
572
575
  }, item.title);
573
- })))))), /*#__PURE__*/_react.default.createElement("div", {
576
+ })))))), !(readOnlyAdmin || readOnlyDeliveryManager || readOnlyBusinessOwner) && /*#__PURE__*/_react.default.createElement("div", {
574
577
  className: "d-flex flex-column mt-4"
575
- }, /*#__PURE__*/_react.default.createElement(_styles.LanguageSelectorContainer, null, /*#__PURE__*/_react.default.createElement(_LanguageSelector.LanguageSelector, null)), (sessionState === null || sessionState === void 0 || (_sessionState$user33 = sessionState.user) === null || _sessionState$user33 === void 0 ? void 0 : _sessionState$user33.level) === 0 && /*#__PURE__*/_react.default.createElement(_reactBootstrap.Accordion, null, /*#__PURE__*/_react.default.createElement(_styles.MenuContainer, null, /*#__PURE__*/_react.default.createElement(ContextAwareToggle, {
578
+ }, /*#__PURE__*/_react.default.createElement(_styles.LanguageSelectorContainer, null, /*#__PURE__*/_react.default.createElement(_LanguageSelector.LanguageSelector, null)), (sessionState === null || sessionState === void 0 || (_sessionState$user36 = sessionState.user) === null || _sessionState$user36 === void 0 ? void 0 : _sessionState$user36.level) === 0 && /*#__PURE__*/_react.default.createElement(_reactBootstrap.Accordion, null, /*#__PURE__*/_react.default.createElement(_styles.MenuContainer, null, /*#__PURE__*/_react.default.createElement(ContextAwareToggle, {
576
579
  eventKey: "5",
577
580
  active: location.pathname === '/settings/basic' || location.pathname === '/settings/operation' || location.pathname === '/settings/plugin' || location.pathname === '/settings/pages' || location.pathname === '/settings/integrations' || location.pathname === '/settings/places' || location.pathname === '/settings/advanced' || location.pathname === '/settings/language' || location.pathname === '/settings/logs'
578
581
  }, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Gear, null), /*#__PURE__*/_react.default.createElement("span", null, t('SETTINGS', 'Settings'))), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Accordion.Collapse, {
@@ -587,7 +590,7 @@ var SidebarMenuUI = function SidebarMenuUI(props) {
587
590
  });
588
591
  }
589
592
  }, (0, _utils.firstLetterCapital)(item.title));
590
- }))))), (sessionState === null || sessionState === void 0 || (_sessionState$user34 = sessionState.user) === null || _sessionState$user34 === void 0 ? void 0 : _sessionState$user34.level) === 0 && /*#__PURE__*/_react.default.createElement(_reactBootstrap.Button, {
593
+ }))))), (sessionState === null || sessionState === void 0 || (_sessionState$user37 = sessionState.user) === null || _sessionState$user37 === void 0 ? void 0 : _sessionState$user37.level) === 0 && /*#__PURE__*/_react.default.createElement(_reactBootstrap.Button, {
591
594
  className: "d-flex align-items-center",
592
595
  variant: location.pathname === '/support' && 'primary',
593
596
  onClick: function onClick() {
@@ -595,7 +598,7 @@ var SidebarMenuUI = function SidebarMenuUI(props) {
595
598
  page: 'support'
596
599
  });
597
600
  }
598
- }, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Headset, null), /*#__PURE__*/_react.default.createElement("span", null, t('SUPPORT', 'Support'))), (sessionState === null || sessionState === void 0 || (_sessionState$user35 = sessionState.user) === null || _sessionState$user35 === void 0 ? void 0 : _sessionState$user35.level) === 0 && /*#__PURE__*/_react.default.createElement(_reactBootstrap.Button, {
601
+ }, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Headset, null), /*#__PURE__*/_react.default.createElement("span", null, t('SUPPORT', 'Support'))), (sessionState === null || sessionState === void 0 || (_sessionState$user38 = sessionState.user) === null || _sessionState$user38 === void 0 ? void 0 : _sessionState$user38.level) === 0 && /*#__PURE__*/_react.default.createElement(_reactBootstrap.Button, {
599
602
  className: "d-flex align-items-center",
600
603
  variant: false,
601
604
  onClick: function onClick() {
@@ -612,12 +615,12 @@ var SidebarMenuUI = function SidebarMenuUI(props) {
612
615
  page: 'profile'
613
616
  });
614
617
  }
615
- }, sessionState !== null && sessionState !== void 0 && (_sessionState$user36 = sessionState.user) !== null && _sessionState$user36 !== void 0 && _sessionState$user36.photo ? /*#__PURE__*/_react.default.createElement(_reactBootstrap.Image, {
616
- src: sessionState === null || sessionState === void 0 || (_sessionState$user37 = sessionState.user) === null || _sessionState$user37 === void 0 ? void 0 : _sessionState$user37.photo,
618
+ }, sessionState !== null && sessionState !== void 0 && (_sessionState$user39 = sessionState.user) !== null && _sessionState$user39 !== void 0 && _sessionState$user39.photo ? /*#__PURE__*/_react.default.createElement(_reactBootstrap.Image, {
619
+ src: sessionState === null || sessionState === void 0 || (_sessionState$user40 = sessionState.user) === null || _sessionState$user40 === void 0 ? void 0 : _sessionState$user40.photo,
617
620
  width: "30px",
618
621
  height: "30px",
619
622
  roundedCircle: true
620
- }) : /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.PersonFill, null), /*#__PURE__*/_react.default.createElement("span", null, sessionState === null || sessionState === void 0 || (_sessionState$user38 = sessionState.user) === null || _sessionState$user38 === void 0 ? void 0 : _sessionState$user38.name, " ", sessionState === null || sessionState === void 0 || (_sessionState$user39 = sessionState.user) === null || _sessionState$user39 === void 0 ? void 0 : _sessionState$user39.lastname)), /*#__PURE__*/_react.default.createElement(_LogoutButton.LogoutButton, null))))));
623
+ }) : /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.PersonFill, null), /*#__PURE__*/_react.default.createElement("span", null, sessionState === null || sessionState === void 0 || (_sessionState$user41 = sessionState.user) === null || _sessionState$user41 === void 0 ? void 0 : _sessionState$user41.name, " ", sessionState === null || sessionState === void 0 || (_sessionState$user42 = sessionState.user) === null || _sessionState$user42 === void 0 ? void 0 : _sessionState$user42.lastname)), /*#__PURE__*/_react.default.createElement(_LogoutButton.LogoutButton, null))))));
621
624
  };
622
625
  var ContextAwareToggle = function ContextAwareToggle(_ref2) {
623
626
  var children = _ref2.children,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ordering-ui-admin-external",
3
- "version": "1.43.27",
3
+ "version": "1.43.28",
4
4
  "description": "Ordering UI Admin Components",
5
5
  "main": "./_modules/index.js",
6
6
  "exports": {
@@ -1,7 +1,7 @@
1
1
  import React, { useState, useEffect, useRef } from 'react'
2
2
  import { useLocation } from 'react-router-dom'
3
- import { useLanguage, UsersList as UsersListController } from 'ordering-components-admin-external'
4
- import { getStorageItem, removeStorageItem, setStorageItem, addQueryToUrl } from '../../../utils'
3
+ import { useLanguage, useSession, UsersList as UsersListController } from 'ordering-components-admin-external'
4
+ import { getStorageItem, removeStorageItem, setStorageItem, addQueryToUrl } from '../../../utils'
5
5
 
6
6
  import { UsersListingHeader } from '../UsersListingHeader'
7
7
  import { UserTypeFilter } from '../UserTypeFilter'
@@ -58,6 +58,7 @@ const DeliveryUsersListingUI = (props) => {
58
58
  } = props
59
59
 
60
60
  const [, t] = useLanguage()
61
+ const [{ user }] = useSession()
61
62
  const query = new URLSearchParams(useLocation().search)
62
63
  const firstRender = useRef(true)
63
64
  const [queryId, setQueryId] = useState(null)
@@ -65,6 +66,7 @@ const DeliveryUsersListingUI = (props) => {
65
66
  const [openUser, setOpenUser] = useState(null)
66
67
  const [openUserAddForm, setOpenUserAddForm] = useState(false)
67
68
  const [alertState, setAlertState] = useState({ open: false, content: [] })
69
+ const readOnlyDeliveryManager = user?.readOnlyDeliveryManager
68
70
 
69
71
  const [isTourOpen, setIsTourOpen] = useState(false)
70
72
  const [currentTourStep, setCurrentTourStep] = useState(isDriversManagersPage ? 2 : 0)
@@ -182,7 +184,7 @@ const DeliveryUsersListingUI = (props) => {
182
184
  handleDeleteSeveralUsers={handleDeleteSeveralUsers}
183
185
  handleOpenUserAddForm={handleOpenUserAddForm}
184
186
  handleOpenTour={() => handleOpenTour()}
185
- actionDisabled={actionDisabled}
187
+ actionDisabled={(actionDisabled || readOnlyDeliveryManager)}
186
188
  />
187
189
  {isShowActiveStateFilter && (
188
190
  <UserActiveStateFilter
@@ -211,7 +213,7 @@ const DeliveryUsersListingUI = (props) => {
211
213
  userDetailsId={openUser?.id || queryId}
212
214
  handleOpenUserDetails={handleOpenUserDetails}
213
215
  handleOpenUserAddForm={handleOpenUserAddForm}
214
- actionDisabled={actionDisabled}
216
+ actionDisabled={(actionDisabled || readOnlyDeliveryManager)}
215
217
  setSelectedUsers={setSelectedUsers}
216
218
  isUseQuery={isUseQuery}
217
219
  handleChangeBusyUser={handleChangeBusyUser}
@@ -230,7 +232,7 @@ const DeliveryUsersListingUI = (props) => {
230
232
  handleSuccessUpdate={handleSuccessUpdate}
231
233
  handleSuccessDeleteUser={handleSuccessDeleteUser}
232
234
  handleChangeActiveUser={handleChangeActiveUser}
233
- actionDisabled={actionDisabled}
235
+ actionDisabled={(actionDisabled || readOnlyDeliveryManager)}
234
236
  />
235
237
  )}
236
238
  {openUserAddForm && (
@@ -54,7 +54,8 @@ export const UserDetailsUI = (props) => {
54
54
  const [isPersonalization, setIsPersonalization] = useState(false)
55
55
  const [isExpand, setIsExpand] = useState(false)
56
56
  const [{ configs }] = useConfig()
57
- const disableSchedule = configs?.allow_driver_manager_update_driver_schedule?.value === '0' && user?.level === 5
57
+ const viewOnly = user?.readOnlyAdmin || user?.readOnlyDeliveryManager
58
+ const disableSchedule = (configs?.allow_driver_manager_update_driver_schedule?.value === '0' && user?.level === 5) || viewOnly
58
59
  const isWhiteLabel = configs?.white_label_module?.value
59
60
  const expandSidebar = () => {
60
61
  const element = document.getElementById('user_lateral_bar')
@@ -15,7 +15,8 @@ export const OrderBill = (props) => {
15
15
  order,
16
16
  actionStatus,
17
17
  handleRefundPaymentsStripe,
18
- handleOrderRefund
18
+ handleOrderRefund,
19
+ viewOnly
19
20
  } = props
20
21
 
21
22
  const isGiftCardOrder = order?.products?.[0]?.type === 'gift_card'
@@ -284,7 +285,7 @@ export const OrderBill = (props) => {
284
285
  </tbody>
285
286
  </table>
286
287
  )}
287
- {!isGiftCardOrder && (
288
+ {!isGiftCardOrder && !viewOnly && (
288
289
  <RefundToWallet
289
290
  order={order}
290
291
  actionStatus={actionStatus}
@@ -377,7 +378,7 @@ export const OrderBill = (props) => {
377
378
  </table>
378
379
  )}
379
380
 
380
- {!isGiftCardOrder && !order?.refund_data && stripePaymethods.includes(order?.paymethod?.gateway) && (
381
+ {!isGiftCardOrder && !order?.refund_data && stripePaymethods.includes(order?.paymethod?.gateway) && !viewOnly && (
381
382
  <RefundButtonWrapper>
382
383
  <Button
383
384
  color='primary'