ordering-ui-admin-external 1.43.75 → 1.43.77

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.
@@ -1,11 +1,10 @@
1
1
  "use strict";
2
2
 
3
- function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
4
3
  Object.defineProperty(exports, "__esModule", {
5
4
  value: true
6
5
  });
7
6
  exports.AdvancedLogisticsForm = void 0;
8
- var _react = _interopRequireWildcard(require("react"));
7
+ var _react = _interopRequireDefault(require("react"));
9
8
  var _orderingComponentsAdminExternal = require("ordering-components-admin-external");
10
9
  var _reactBootstrapIcons = require("react-bootstrap-icons");
11
10
  var _DriversGroupOrders = require("../../DriversGroupOrders");
@@ -13,8 +12,7 @@ var _DriversGroupAutoassign = require("../../DriversGroupAutoassign");
13
12
  var _DriversMarkAsBusy = require("../../DriversMarkAsBusy");
14
13
  var _styles = require("../../../../styles");
15
14
  var _styles2 = require("./styles");
16
- 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); }
17
- 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 && {}.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; }
15
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
18
16
  function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
19
17
  function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
20
18
  function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
@@ -25,23 +23,12 @@ var AdvancedLogisticsForm = exports.AdvancedLogisticsForm = function AdvancedLog
25
23
  var _driversGroupState$dr, _driversGroupState$dr2, _driversGroupState$dr3, _driversGroupState$dr4;
26
24
  var driversGroupState = props.driversGroupState,
27
25
  changesState = props.changesState,
28
- handleChangesState = props.handleChangesState;
26
+ handleChangesState = props.handleChangesState,
27
+ useAdvanced = props.useAdvanced,
28
+ handleLogistic = props.handleLogistic;
29
29
  var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
30
30
  _useLanguage2 = _slicedToArray(_useLanguage, 2),
31
31
  t = _useLanguage2[1];
32
- var _useState = (0, _react.useState)(false),
33
- _useState2 = _slicedToArray(_useState, 2),
34
- useAdvanced = _useState2[0],
35
- setUseAdvanced = _useState2[1];
36
- var handleLogistic = function handleLogistic(checked) {
37
- setUseAdvanced(checked);
38
- if (checked) return;
39
- var changes = {
40
- autoassign_amount_drivers: 0,
41
- orders_group_max_orders: 0
42
- };
43
- handleChangesState(changes);
44
- };
45
32
  return /*#__PURE__*/_react.default.createElement(_styles2.LogisticsContainer, null, /*#__PURE__*/_react.default.createElement(_styles2.HeaderWrapper, null, /*#__PURE__*/_react.default.createElement("h2", null, t('ADVANCED_LOGISTICS', 'Advanced logistics')), /*#__PURE__*/_react.default.createElement(_styles2.CheckboxContainer, null, /*#__PURE__*/_react.default.createElement(_styles.Checkbox, {
46
33
  checked: useAdvanced,
47
34
  onChange: function onChange(e) {
@@ -37,7 +37,7 @@ function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length)
37
37
  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; } }
38
38
  function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
39
39
  var DriversGroupDetailsUI = function DriversGroupDetailsUI(props) {
40
- var _configState$configs, _driversGroupState$dr, _driversGroupState$dr2, _driversGroupState$dr3, _driversGroupState$dr4;
40
+ var _configState$configs, _driversGroupState$dr3, _driversGroupState$dr4, _driversGroupState$dr5, _driversGroupState$dr6;
41
41
  var driversGroupState = props.driversGroupState,
42
42
  actionState = props.actionState,
43
43
  handleParentSidebarMove = props.handleParentSidebarMove,
@@ -90,6 +90,7 @@ var DriversGroupDetailsUI = function DriversGroupDetailsUI(props) {
90
90
  isExpand = _useState12[0],
91
91
  setIsExpand = _useState12[1];
92
92
  (0, _react.useEffect)(function () {
93
+ var _driversGroupState$dr, _driversGroupState$dr2;
93
94
  var _driversGroupMenus = !driversGroupState.driversGroup ? [{
94
95
  key: 'general',
95
96
  value: t('GENERAL', 'General')
@@ -108,9 +109,6 @@ var DriversGroupDetailsUI = function DriversGroupDetailsUI(props) {
108
109
  }, {
109
110
  key: 'paymethods',
110
111
  value: t('PAYMENT_METHODS', 'Payment methods')
111
- }, {
112
- key: 'advanced_logistics',
113
- value: t('ADVANCED_LOGISTICS', 'Advanced logistics')
114
112
  }, {
115
113
  key: 'logs',
116
114
  value: t('LOGS', 'Logs')
@@ -130,6 +128,13 @@ var DriversGroupDetailsUI = function DriversGroupDetailsUI(props) {
130
128
  key: 'logs',
131
129
  value: t('LOGS', 'Logs')
132
130
  }];
131
+ var hideAdvancedLogistic = (driversGroupState === null || driversGroupState === void 0 || (_driversGroupState$dr = driversGroupState.driversGroup) === null || _driversGroupState$dr === void 0 ? void 0 : _driversGroupState$dr.autoassign_amount_drivers) === 0 && (driversGroupState === null || driversGroupState === void 0 || (_driversGroupState$dr2 = driversGroupState.driversGroup) === null || _driversGroupState$dr2 === void 0 ? void 0 : _driversGroupState$dr2.orders_group_max_orders) === 0;
132
+ if (autoAssignType !== 'basic' && !hideAdvancedLogistic) {
133
+ _driversGroupMenus.push({
134
+ key: 'advanced_logistics',
135
+ value: t('ADVANCED_LOGISTICS', 'Advanced logistics')
136
+ });
137
+ }
133
138
  setDriversGroupMenus(_driversGroupMenus);
134
139
  }, [driversGroupState === null || driversGroupState === void 0 ? void 0 : driversGroupState.driversGroup]);
135
140
  var onDeleteGroup = function onDeleteGroup() {
@@ -163,7 +168,7 @@ var DriversGroupDetailsUI = function DriversGroupDetailsUI(props) {
163
168
  handleParentSidebarMove(0);
164
169
  setIsOpenDetails(false);
165
170
  setIsExtendExtraOpen(false);
166
- }, [showMenu, (_driversGroupState$dr = driversGroupState.driversGroup) === null || _driversGroupState$dr === void 0 ? void 0 : _driversGroupState$dr.id]);
171
+ }, [showMenu, (_driversGroupState$dr3 = driversGroupState.driversGroup) === null || _driversGroupState$dr3 === void 0 ? void 0 : _driversGroupState$dr3.id]);
167
172
  (0, _react.useEffect)(function () {
168
173
  if (!(actionState !== null && actionState !== void 0 && actionState.error)) return;
169
174
  setAlertState({
@@ -191,8 +196,8 @@ var DriversGroupDetailsUI = function DriversGroupDetailsUI(props) {
191
196
  (0, _react.useEffect)(function () {
192
197
  setShowMenu('general');
193
198
  }, [driversGroupId]);
194
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles2.DetailsContainer, null, /*#__PURE__*/_react.default.createElement(_styles2.Header, null, driversGroupState.driversGroup ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("h1", null, (_driversGroupState$dr2 = driversGroupState.driversGroup) === null || _driversGroupState$dr2 === void 0 ? void 0 : _driversGroupState$dr2.name), /*#__PURE__*/_react.default.createElement(_styles.Switch, {
195
- defaultChecked: (_driversGroupState$dr3 = driversGroupState.driversGroup) === null || _driversGroupState$dr3 === void 0 ? void 0 : _driversGroupState$dr3.enabled,
199
+ return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles2.DetailsContainer, null, /*#__PURE__*/_react.default.createElement(_styles2.Header, null, driversGroupState.driversGroup ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("h1", null, (_driversGroupState$dr4 = driversGroupState.driversGroup) === null || _driversGroupState$dr4 === void 0 ? void 0 : _driversGroupState$dr4.name), /*#__PURE__*/_react.default.createElement(_styles.Switch, {
200
+ defaultChecked: (_driversGroupState$dr5 = driversGroupState.driversGroup) === null || _driversGroupState$dr5 === void 0 ? void 0 : _driversGroupState$dr5.enabled,
196
201
  onChange: function onChange(enabled) {
197
202
  return handleUpdateDriversGroup({
198
203
  enabled: enabled
@@ -232,7 +237,7 @@ var DriversGroupDetailsUI = function DriversGroupDetailsUI(props) {
232
237
  })), showMenu === 'advanced_logistics' && /*#__PURE__*/_react.default.createElement(_DriversGroupLogistics.DriversGroupLogistics, _extends({}, props, {
233
238
  curDriversGroup: driversGroupState.driversGroup
234
239
  })), showMenu === 'logs' && /*#__PURE__*/_react.default.createElement(_DriversGroupLogs.DriversGroupLogs, {
235
- driversGroupId: (_driversGroupState$dr4 = driversGroupState.driversGroup) === null || _driversGroupState$dr4 === void 0 ? void 0 : _driversGroupState$dr4.id
240
+ driversGroupId: (_driversGroupState$dr6 = driversGroupState.driversGroup) === null || _driversGroupState$dr6 === void 0 ? void 0 : _driversGroupState$dr6.id
236
241
  }), showMenu === 'delivery_zones' && /*#__PURE__*/_react.default.createElement(_DriversGroupDeliveryDetails.DriverGroupDeliveryDetails, _extends({}, props, {
237
242
  curDriversGroup: driversGroupState.driversGroup,
238
243
  handleParentSidebarMove: handleParentSidebarMove,
@@ -36,7 +36,9 @@ var DriversGroupGeneralForm = exports.DriversGroupGeneralForm = function Drivers
36
36
  handleNextClick = props.handleNextClick,
37
37
  selectedDriverManager = props.selectedDriverManager,
38
38
  handleSelectDriverManager = props.handleSelectDriverManager,
39
- handleChangeMaxDistance = props.handleChangeMaxDistance;
39
+ handleChangeMaxDistance = props.handleChangeMaxDistance,
40
+ useAdvanced = props.useAdvanced,
41
+ handleLogistic = props.handleLogistic;
40
42
  var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
41
43
  _useLanguage2 = _slicedToArray(_useLanguage, 2),
42
44
  t = _useLanguage2[1];
@@ -178,7 +180,12 @@ var DriversGroupGeneralForm = exports.DriversGroupGeneralForm = function Drivers
178
180
  type: val
179
181
  });
180
182
  }
181
- })), (changesState === null || changesState === void 0 ? void 0 : changesState.type) === 0 || typeof (changesState === null || changesState === void 0 ? void 0 : changesState.type) === 'undefined' && ((_driversGroupState$dr4 = driversGroupState.driversGroup) === null || _driversGroupState$dr4 === void 0 ? void 0 : _driversGroupState$dr4.type) === 0 ? /*#__PURE__*/_react.default.createElement(_DriversGroupDrivers.DriversGroupDrivers, props) : /*#__PURE__*/_react.default.createElement(_DriversGroupCompanies.DriversGroupCompanies, props), /*#__PURE__*/_react.default.createElement(_styles2.InputWrapper, null, /*#__PURE__*/_react.default.createElement("label", null, t('PRIORITY', 'Priority')), /*#__PURE__*/_react.default.createElement(_styles.SecondSelect, {
183
+ })), /*#__PURE__*/_react.default.createElement(_styles2.CheckboxContainer, null, /*#__PURE__*/_react.default.createElement(_styles.Checkbox, {
184
+ checked: useAdvanced,
185
+ onChange: function onChange(e) {
186
+ return handleLogistic(e.target.checked);
187
+ }
188
+ }), /*#__PURE__*/_react.default.createElement("p", null, t('USE_ADVANCED_LOGISTIC', 'Use advanced logistic'))), (changesState === null || changesState === void 0 ? void 0 : changesState.type) === 0 || typeof (changesState === null || changesState === void 0 ? void 0 : changesState.type) === 'undefined' && ((_driversGroupState$dr4 = driversGroupState.driversGroup) === null || _driversGroupState$dr4 === void 0 ? void 0 : _driversGroupState$dr4.type) === 0 ? /*#__PURE__*/_react.default.createElement(_DriversGroupDrivers.DriversGroupDrivers, props) : /*#__PURE__*/_react.default.createElement(_DriversGroupCompanies.DriversGroupCompanies, props), /*#__PURE__*/_react.default.createElement(_styles2.InputWrapper, null, /*#__PURE__*/_react.default.createElement("label", null, t('PRIORITY', 'Priority')), /*#__PURE__*/_react.default.createElement(_styles.SecondSelect, {
182
189
  isSecondIcon: true,
183
190
  placeholder: t('SELECT_PRIORITY', 'Select priority'),
184
191
  options: priorityOptions,
@@ -4,10 +4,10 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
4
4
  Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
- exports.WrapperImage = exports.ManagerInfoContainer = exports.InputWrapper = exports.Image = exports.DriverManagerWrapper = exports.DriverManagerContainer = exports.Container = void 0;
7
+ exports.WrapperImage = exports.ManagerInfoContainer = exports.InputWrapper = exports.Image = exports.DriverManagerWrapper = exports.DriverManagerContainer = exports.Container = exports.CheckboxContainer = void 0;
8
8
  var _react = _interopRequireDefault(require("react"));
9
9
  var _styledComponents = _interopRequireWildcard(require("styled-components"));
10
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
10
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13;
11
11
  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); }
12
12
  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 && {}.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; }
13
13
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -41,4 +41,8 @@ var Image = exports.Image = function Image(props) {
41
41
  backgroundImage: "url(".concat(props.bgimage, ")")
42
42
  }
43
43
  }), props.children);
44
- };
44
+ };
45
+ var CheckboxContainer = exports.CheckboxContainer = _styledComponents.default.div(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n margin: 0 0 29px 0;\n p {\n font-size: 14px;\n margin: 0px;\n ", "\n }\n"])), function (props) {
46
+ var _props$theme;
47
+ return (_props$theme = props.theme) !== null && _props$theme !== void 0 && _props$theme.rtl ? (0, _styledComponents.css)(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n padding-right: 10px;\n "]))) : (0, _styledComponents.css)(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n padding-left: 10px;\n "])));
48
+ });
@@ -63,7 +63,9 @@ var OrdersManagerUI = function OrdersManagerUI(props) {
63
63
  setAllowColumns = props.setAllowColumns,
64
64
  isUseQuery = props.isUseQuery,
65
65
  adminsList = props.adminsList,
66
- assignableDriverGroupList = props.assignableDriverGroupList;
66
+ assignableDriverGroupList = props.assignableDriverGroupList,
67
+ mapsData = props.mapsData,
68
+ setMapsData = props.setMapsData;
67
69
  var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
68
70
  _useLanguage2 = _slicedToArray(_useLanguage, 2),
69
71
  t = _useLanguage2[1];
@@ -141,15 +143,6 @@ var OrdersManagerUI = function OrdersManagerUI(props) {
141
143
  _useState26 = _slicedToArray(_useState25, 2),
142
144
  ordersAmountByStatus = _useState26[0],
143
145
  setOrdersAmountByStatus = _useState26[1];
144
- var _useState27 = (0, _react.useState)({
145
- driversIsOnline: true,
146
- onlineDrivers: [],
147
- offlineDrivers: [],
148
- selectedDriver: null
149
- }),
150
- _useState28 = _slicedToArray(_useState27, 2),
151
- mapsData = _useState28[0],
152
- setMapsData = _useState28[1];
153
146
  var handleBackRedirect = function handleBackRedirect() {
154
147
  setIsOpenOrderDetail(false);
155
148
  setDetailsOrder(null);
@@ -30,10 +30,7 @@ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r)
30
30
  function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
31
31
  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; } }
32
32
  function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
33
- var DeliveriesLocationPropsAreEqual = function DeliveriesLocationPropsAreEqual(prevProps, nextProps) {
34
- return JSON.stringify(prevProps.interActionMapOrder) === JSON.stringify(nextProps.interActionMapOrder) && JSON.stringify(prevProps.driversList) === JSON.stringify(nextProps.driversList);
35
- };
36
- var DeliveriesLocation = exports.DeliveriesLocation = /*#__PURE__*/_react.default.memo(function (props) {
33
+ var DeliveriesLocation = exports.DeliveriesLocation = function DeliveriesLocation(props) {
37
34
  var _configState$configs, _configState$configs2, _configState$configs3, _interActionMapOrder$6, _interActionMapOrder$7, _interActionMapOrder$8, _interActionMapOrder$9, _interActionMapOrder$10, _interActionMapOrder$11, _interActionMapOrder$12, _interActionMapOrder$13, _interActionMapOrder$14;
38
35
  var driversList = props.driversList,
39
36
  interActionMapOrder = props.interActionMapOrder;
@@ -355,4 +352,4 @@ var DeliveriesLocation = exports.DeliveriesLocation = /*#__PURE__*/_react.defaul
355
352
  bgimage: (driver === null || driver === void 0 ? void 0 : driver.photo) || (theme === null || theme === void 0 || (_theme$images = theme.images) === null || _theme$images === void 0 || (_theme$images = _theme$images.icons) === null || _theme$images === void 0 ? void 0 : _theme$images.noDriver)
356
353
  })), /*#__PURE__*/_react.default.createElement(_styles.DriverInfo, null, /*#__PURE__*/_react.default.createElement("p", null, driver.name, " ", driver.lastname), /*#__PURE__*/_react.default.createElement("p", null, t('DRIVER', 'Driver'))));
357
354
  })))));
358
- }, DeliveriesLocationPropsAreEqual);
355
+ };
@@ -21,11 +21,7 @@ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r)
21
21
  function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
22
22
  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; } }
23
23
  function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
24
- var DriversLocationPropsAreEqual = function DriversLocationPropsAreEqual(prevProps, nextProps) {
25
- var _prevProps$offlineDri, _nextProps$offlineDri;
26
- return JSON.stringify(prevProps.selectedDriver) === JSON.stringify(nextProps.selectedDriver) && JSON.stringify(prevProps.assignedOrders) === JSON.stringify(nextProps.assignedOrders) && prevProps.driversIsOnline === nextProps.driversIsOnline && JSON.stringify(prevProps.onlineDrivers) === JSON.stringify(nextProps.onlineDrivers) && JSON.stringify(prevProps.driversList) === JSON.stringify(nextProps.driversList) && ((_prevProps$offlineDri = prevProps.offlineDrivers) === null || _prevProps$offlineDri === void 0 ? void 0 : _prevProps$offlineDri.length) === ((_nextProps$offlineDri = nextProps.offlineDrivers) === null || _nextProps$offlineDri === void 0 ? void 0 : _nextProps$offlineDri.length) && JSON.stringify(prevProps.selectedOrder) === JSON.stringify(nextProps.selectedOrder);
27
- };
28
- var DriversLocation = exports.DriversLocation = /*#__PURE__*/_react.default.memo(function (props) {
24
+ var DriversLocation = exports.DriversLocation = function DriversLocation(props) {
29
25
  var _configState$configs, _configState$configs2, _configState$configs3, _selectedOrder$custom3, _selectedOrder$custom4, _selectedOrder$custom5, _selectedOrder$custom6, _selectedOrder$custom7, _selectedOrder$busine3, _selectedOrder$busine4, _selectedOrder$busine5, _selectedOrder$driver3, _selectedOrder$driver4, _selectedOrder$driver5, _selectedOrder$driver6, _selectedOrder$driver7, _selectedOrder$driver8, _selectedOrder$driver9, _selectedOrder$driver10, _selectedOrder$driver11, _selectedOrder$driver12, _selectedOrder$driver13, _selectedOrder$driver14, _assignedOrders$order6, _assignedOrders$order7;
30
26
  var driversIsOnline = props.driversIsOnline,
31
27
  onlineDrivers = props.onlineDrivers,
@@ -165,7 +161,7 @@ var DriversLocation = exports.DriversLocation = /*#__PURE__*/_react.default.memo
165
161
  if (!mapFitted) {
166
162
  mapFit();
167
163
  }
168
- }, [showDrivers, mapLoaded, mapFitted, selectedOrder, assignedOrders === null || assignedOrders === void 0 ? void 0 : assignedOrders.orders]);
164
+ }, [JSON.stringify(showDrivers), mapLoaded, mapFitted, selectedOrder, assignedOrders === null || assignedOrders === void 0 ? void 0 : assignedOrders.orders]);
169
165
  (0, _react.useEffect)(function () {
170
166
  if (selectedDriver) {
171
167
  setShowDrivers([selectedDriver]);
@@ -253,4 +249,4 @@ var DriversLocation = exports.DriversLocation = /*#__PURE__*/_react.default.memo
253
249
  image: order === null || order === void 0 || (_order$business5 = order.business) === null || _order$business5 === void 0 ? void 0 : _order$business5.logo
254
250
  });
255
251
  }))));
256
- }, DriversLocationPropsAreEqual);
252
+ };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ordering-ui-admin-external",
3
- "version": "1.43.75",
3
+ "version": "1.43.77",
4
4
  "description": "Ordering UI Admin Components",
5
5
  "main": "./_modules/index.js",
6
6
  "exports": {
@@ -83,7 +83,7 @@
83
83
  "lodash": "^4.17.20",
84
84
  "moment": "^2.29.1",
85
85
  "moment-range": "^4.0.2",
86
- "ordering-components-admin-external": "1.43.49",
86
+ "ordering-components-admin-external": "1.43.51",
87
87
  "polished": "^3.6.7",
88
88
  "prop-types": "^15.7.2",
89
89
  "react-big-calendar": "^1.4.2",
@@ -1,4 +1,4 @@
1
- import React, { useState } from 'react'
1
+ import React from 'react'
2
2
  import { useLanguage } from 'ordering-components-admin-external'
3
3
  import { Circle, RecordCircleFill } from 'react-bootstrap-icons'
4
4
  import { DriversGroupOrders } from '../../DriversGroupOrders'
@@ -19,21 +19,12 @@ export const AdvancedLogisticsForm = (props) => {
19
19
  const {
20
20
  driversGroupState,
21
21
  changesState,
22
- handleChangesState
22
+ handleChangesState,
23
+ useAdvanced,
24
+ handleLogistic
23
25
  } = props
24
26
 
25
27
  const [, t] = useLanguage()
26
- const [useAdvanced, setUseAdvanced] = useState(false)
27
-
28
- const handleLogistic = (checked) => {
29
- setUseAdvanced(checked)
30
- if (checked) return
31
- const changes = {
32
- autoassign_amount_drivers: 0,
33
- orders_group_max_orders: 0
34
- }
35
- handleChangesState(changes)
36
- }
37
28
 
38
29
  return (
39
30
  <LogisticsContainer>
@@ -68,7 +68,6 @@ const DriversGroupDetailsUI = (props) => {
68
68
  { key: 'businesses', value: t('BUSINESSES', 'Businesses') },
69
69
  { key: 'delivery_zones', value: t('DELIVERY_ZONES', 'Delivery Zones') },
70
70
  { key: 'paymethods', value: t('PAYMENT_METHODS', 'Payment methods') },
71
- { key: 'advanced_logistics', value: t('ADVANCED_LOGISTICS', 'Advanced logistics') },
72
71
  { key: 'logs', value: t('LOGS', 'Logs') }
73
72
  ]
74
73
  : [
@@ -78,6 +77,12 @@ const DriversGroupDetailsUI = (props) => {
78
77
  { key: 'paymethods', value: t('PAYMENT_METHODS', 'Payment methods') },
79
78
  { key: 'logs', value: t('LOGS', 'Logs') }
80
79
  ]
80
+ const hideAdvancedLogistic = driversGroupState?.driversGroup?.autoassign_amount_drivers === 0 &&
81
+ driversGroupState?.driversGroup?.orders_group_max_orders === 0
82
+
83
+ if (autoAssignType !== 'basic' && !hideAdvancedLogistic) {
84
+ _driversGroupMenus.push({ key: 'advanced_logistics', value: t('ADVANCED_LOGISTICS', 'Advanced logistics') })
85
+ }
81
86
  setDriversGroupMenus(_driversGroupMenus)
82
87
  }, [driversGroupState?.driversGroup])
83
88
 
@@ -7,6 +7,7 @@ import { DriversGroupDrivers } from '../DriversGroupDrivers'
7
7
  import { DriversGroupCompanies } from '../DriversGroupCompanies'
8
8
 
9
9
  import {
10
+ CheckboxContainer,
10
11
  Container,
11
12
  DriverManagerContainer,
12
13
  DriverManagerWrapper,
@@ -30,7 +31,9 @@ export const DriversGroupGeneralForm = (props) => {
30
31
  handleNextClick,
31
32
  selectedDriverManager,
32
33
  handleSelectDriverManager,
33
- handleChangeMaxDistance
34
+ handleChangeMaxDistance,
35
+ useAdvanced,
36
+ handleLogistic
34
37
  } = props
35
38
 
36
39
  const [, t] = useLanguage()
@@ -178,7 +181,13 @@ export const DriversGroupGeneralForm = (props) => {
178
181
  onChange={val => handleChangesState({ type: val })}
179
182
  />
180
183
  </InputWrapper>
181
-
184
+ <CheckboxContainer>
185
+ <Checkbox
186
+ checked={useAdvanced}
187
+ onChange={e => handleLogistic(e.target.checked)}
188
+ />
189
+ <p>{t('USE_ADVANCED_LOGISTIC', 'Use advanced logistic')}</p>
190
+ </CheckboxContainer>
182
191
  {
183
192
  (changesState?.type === 0 || (typeof changesState?.type === 'undefined' && driversGroupState.driversGroup?.type === 0))
184
193
  ? <DriversGroupDrivers {...props} />
@@ -125,3 +125,20 @@ export const Image = (props) => {
125
125
  </ImageStyled>
126
126
  )
127
127
  }
128
+
129
+ export const CheckboxContainer = styled.div`
130
+ display: flex;
131
+ align-items: center;
132
+ margin: 0 0 29px 0;
133
+ p {
134
+ font-size: 14px;
135
+ margin: 0px;
136
+ ${props => props.theme?.rtl
137
+ ? css`
138
+ padding-right: 10px;
139
+ `
140
+ : css`
141
+ padding-left: 10px;
142
+ `}
143
+ }
144
+ `
@@ -58,7 +58,9 @@ const OrdersManagerUI = (props) => {
58
58
  setAllowColumns,
59
59
  isUseQuery,
60
60
  adminsList,
61
- assignableDriverGroupList
61
+ assignableDriverGroupList,
62
+ mapsData,
63
+ setMapsData
62
64
  } = props
63
65
 
64
66
  const [, t] = useLanguage()
@@ -88,13 +90,6 @@ const OrdersManagerUI = (props) => {
88
90
  cancelled: null
89
91
  })
90
92
 
91
- const [mapsData, setMapsData] = useState({
92
- driversIsOnline: true,
93
- onlineDrivers: [],
94
- offlineDrivers: [],
95
- selectedDriver: null
96
- })
97
-
98
93
  const handleBackRedirect = () => {
99
94
  setIsOpenOrderDetail(false)
100
95
  setDetailsOrder(null)
@@ -16,12 +16,7 @@ import {
16
16
  DriverInfo
17
17
  } from './styles'
18
18
 
19
- const DeliveriesLocationPropsAreEqual = (prevProps, nextProps) => {
20
- return JSON.stringify(prevProps.interActionMapOrder) === JSON.stringify(nextProps.interActionMapOrder) &&
21
- JSON.stringify(prevProps.driversList) === JSON.stringify(nextProps.driversList)
22
- }
23
-
24
- export const DeliveriesLocation = React.memo((props) => {
19
+ export const DeliveriesLocation = (props) => {
25
20
  const {
26
21
  driversList,
27
22
  interActionMapOrder
@@ -307,4 +302,4 @@ export const DeliveriesLocation = React.memo((props) => {
307
302
  )}
308
303
  </WrapperMap>
309
304
  )
310
- }, DeliveriesLocationPropsAreEqual)
305
+ }
@@ -9,17 +9,7 @@ import {
9
9
  WrapperMap
10
10
  } from './styles'
11
11
 
12
- const DriversLocationPropsAreEqual = (prevProps, nextProps) => {
13
- return JSON.stringify(prevProps.selectedDriver) === JSON.stringify(nextProps.selectedDriver) &&
14
- JSON.stringify(prevProps.assignedOrders) === JSON.stringify(nextProps.assignedOrders) &&
15
- prevProps.driversIsOnline === nextProps.driversIsOnline &&
16
- JSON.stringify(prevProps.onlineDrivers) === JSON.stringify(nextProps.onlineDrivers) &&
17
- JSON.stringify(prevProps.driversList) === JSON.stringify(nextProps.driversList) &&
18
- prevProps.offlineDrivers?.length === nextProps.offlineDrivers?.length &&
19
- JSON.stringify(prevProps.selectedOrder) === JSON.stringify(nextProps.selectedOrder)
20
- }
21
-
22
- export const DriversLocation = React.memo((props) => {
12
+ export const DriversLocation = (props) => {
23
13
  const {
24
14
  driversIsOnline,
25
15
  onlineDrivers,
@@ -122,7 +112,6 @@ export const DriversLocation = React.memo((props) => {
122
112
  lng: bounds.getSouthWest().lng()
123
113
  }
124
114
  }
125
-
126
115
  const mapSize = {
127
116
  width: mapRef.current.clientWidth,
128
117
  height: mapRef.current.clientHeight
@@ -149,7 +138,7 @@ export const DriversLocation = React.memo((props) => {
149
138
  if (!mapFitted) {
150
139
  mapFit()
151
140
  }
152
- }, [showDrivers, mapLoaded, mapFitted, selectedOrder, assignedOrders?.orders])
141
+ }, [JSON.stringify(showDrivers), mapLoaded, mapFitted, selectedOrder, assignedOrders?.orders])
153
142
 
154
143
  useEffect(() => {
155
144
  if (selectedDriver) {
@@ -278,4 +267,4 @@ export const DriversLocation = React.memo((props) => {
278
267
  </WrapperMap>
279
268
  </>
280
269
  )
281
- }, DriversLocationPropsAreEqual)
270
+ }