ordering-ui-admin-external 1.30.0 → 1.30.2

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.
Files changed (31) hide show
  1. package/_bundles/{ordering-ui-admin.046d3a07ef07287d2ee0.js → ordering-ui-admin.6be018fe653b04c6fa85.js} +2 -2
  2. package/_modules/components/Delivery/DriversGroupAutoassign/index.js +11 -2
  3. package/_modules/components/Delivery/DriversGroupAutoassign/styles.js +28 -25
  4. package/_modules/components/Orders/CompanySelector/styles.js +1 -1
  5. package/_modules/components/Orders/DriverMultiSelector/index.js +149 -0
  6. package/_modules/components/Orders/DriverMultiSelector/styles.js +83 -0
  7. package/_modules/components/Orders/DriverSelector/index.js +116 -147
  8. package/_modules/components/Orders/DriverSelector/styles.js +25 -36
  9. package/_modules/components/Orders/OrderContactInformation/index.js +1 -1
  10. package/_modules/components/Orders/OrderContactInformation/styles.js +26 -18
  11. package/_modules/components/Orders/OrdersContentHeader/index.js +1 -1
  12. package/_modules/components/Orders/OrdersFilterGroup/index.js +44 -5
  13. package/_modules/components/Orders/OrdersFilterGroup/styles.js +13 -3
  14. package/_modules/components/Users/UsersList/index.js +7 -3
  15. package/_modules/components/Users/UsersList/styles.js +1 -1
  16. package/package.json +2 -2
  17. package/src/components/Delivery/DriversGroupAutoassign/index.js +7 -0
  18. package/src/components/Delivery/DriversGroupAutoassign/styles.js +4 -0
  19. package/src/components/Orders/CompanySelector/styles.js +1 -0
  20. package/src/components/Orders/DriverMultiSelector/index.js +124 -0
  21. package/src/components/Orders/DriverMultiSelector/styles.js +150 -0
  22. package/src/components/Orders/DriverSelector/index.js +120 -149
  23. package/src/components/Orders/DriverSelector/styles.js +23 -25
  24. package/src/components/Orders/OrderContactInformation/index.js +3 -2
  25. package/src/components/Orders/OrderContactInformation/styles.js +24 -4
  26. package/src/components/Orders/OrdersContentHeader/index.js +1 -1
  27. package/src/components/Orders/OrdersFilterGroup/index.js +26 -5
  28. package/src/components/Orders/OrdersFilterGroup/styles.js +41 -0
  29. package/src/components/Users/UsersList/index.js +16 -1
  30. package/src/components/Users/UsersList/styles.js +6 -3
  31. /package/_bundles/{ordering-ui-admin.046d3a07ef07287d2ee0.js.LICENSE.txt → ordering-ui-admin.6be018fe653b04c6fa85.js.LICENSE.txt} +0 -0
package/_modules/components/Orders/DriverSelector/index.js CHANGED
@@ -10,7 +10,6 @@ var _orderingComponentsAdminExternal = require("ordering-components-admin-extern
10
10
  var _styledComponents = require("styled-components");
11
11
  var _Select = require("../../../styles/Select");
12
12
  var _FirstSelect = require("../../../styles/Select/FirstSelect");
13
- var _MultiSelect = require("../../../styles/MultiSelect");
14
13
  var _styles = require("./styles");
15
14
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
16
15
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -19,7 +18,6 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
19
18
  function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
20
19
  function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
21
20
  function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
22
- function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e2) { throw _e2; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e3) { didErr = true; err = _e3; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
23
21
  function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
24
22
  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."); }
25
23
  function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -27,18 +25,16 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
27
25
  function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
28
26
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
29
27
  var DriverSelectorUI = function DriverSelectorUI(props) {
30
- var isFirstSelect = props.isFirstSelect,
28
+ var driverActionStatus = props.driverActionStatus,
29
+ companyActionStatus = props.companyActionStatus,
30
+ isFirstSelect = props.isFirstSelect,
31
31
  order = props.order,
32
32
  driversList = props.driversList,
33
33
  defaultValue = props.defaultValue,
34
34
  isPhoneView = props.isPhoneView,
35
- isFilterView = props.isFilterView,
36
35
  small = props.small,
37
36
  padding = props.padding,
38
- orderView = props.orderView,
39
37
  handleAssignDriver = props.handleAssignDriver,
40
- handleChangeDriver = props.handleChangeDriver,
41
- filterValues = props.filterValues,
42
38
  isTourOpen = props.isTourOpen,
43
39
  setCurrentTourStep = props.setCurrentTourStep,
44
40
  handleOpenMessages = props.handleOpenMessages;
@@ -54,50 +50,57 @@ var DriverSelectorUI = function DriverSelectorUI(props) {
54
50
  _useState4 = _slicedToArray(_useState3, 2),
55
51
  driversOptionList = _useState4[0],
56
52
  setDriversOptionList = _useState4[1];
57
- var _useState5 = (0, _react.useState)([]),
53
+ var _useState5 = (0, _react.useState)(null),
58
54
  _useState6 = _slicedToArray(_useState5, 2),
59
- driversMultiOptionList = _useState6[0],
60
- setDriversMultiOptionList = _useState6[1];
61
- var _useState7 = (0, _react.useState)(null),
62
- _useState8 = _slicedToArray(_useState7, 2),
63
- searchValue = _useState8[0],
64
- setSearchValue = _useState8[1];
55
+ searchValue = _useState6[0],
56
+ setSearchValue = _useState6[1];
65
57
  var driversLoading = [{
66
58
  value: 'default',
67
59
  content: /*#__PURE__*/_react.default.createElement(_styles.Option, {
68
60
  small: small
69
- }, t('LOADING', 'loading'), "...")
61
+ }, /*#__PURE__*/_react.default.createElement("span", null, t('LOADING', 'loading'), "..."))
70
62
  }];
71
- (0, _react.useEffect)(function () {
72
- var _theme$images, _theme$images$icons;
73
- var _driversOptionList = [{
74
- value: 'default',
63
+ var getOption = function getOption(driver) {
64
+ var _theme$images$icons;
65
+ return {
66
+ value: driver.id,
67
+ disabled: !(driver !== null && driver !== void 0 && driver.enabled && driver !== null && driver !== void 0 && driver.available && !(driver !== null && driver !== void 0 && driver.busy)),
75
68
  content: /*#__PURE__*/_react.default.createElement(_styles.Option, {
76
- padding: orderView ? padding : '0px'
77
- }, orderView ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles.WrapperDriverImage, {
69
+ small: small,
70
+ isPhoneView: isPhoneView,
71
+ padding: padding
72
+ }, /*#__PURE__*/_react.default.createElement(_styles.OptionInnerContainer, null, /*#__PURE__*/_react.default.createElement(_styles.WrapperDriverImage, {
78
73
  small: small,
79
74
  className: "driver-photo"
80
75
  }, /*#__PURE__*/_react.default.createElement(_styles.DriverImage, {
81
- bgimage: theme === null || theme === void 0 ? void 0 : (_theme$images = theme.images) === null || _theme$images === void 0 ? void 0 : (_theme$images$icons = _theme$images.icons) === null || _theme$images$icons === void 0 ? void 0 : _theme$images$icons.noDriver,
76
+ bgimage: driver.photo || ((_theme$images$icons = theme.images.icons) === null || _theme$images$icons === void 0 ? void 0 : _theme$images$icons.noDriver),
82
77
  small: small
83
78
  })), /*#__PURE__*/_react.default.createElement(_styles.OptionContent, null, /*#__PURE__*/_react.default.createElement(_styles.DriverNameContainer, {
84
79
  className: "driver-info"
85
80
  }, /*#__PURE__*/_react.default.createElement(_styles.DriverName, {
86
81
  small: small
87
- }, t('NO_DRIVER', 'No Driver'))))) : /*#__PURE__*/_react.default.createElement("span", null, t('SELECT_DRIVER', 'Select driver'))),
82
+ }, driver.name, " ", driver.lastname, " ", /*#__PURE__*/_react.default.createElement("span", {
83
+ className: "assigned-orders"
84
+ }, "(", driver === null || driver === void 0 ? void 0 : driver.assigned_orders_count, " ", t('ASSIGNED_ORDERS', 'Assigned orders'), ")"))))))
85
+ };
86
+ };
87
+ (0, _react.useEffect)(function () {
88
+ var _driversOptionList = [{
89
+ value: 'default',
90
+ content: /*#__PURE__*/_react.default.createElement(_styles.Option, {
91
+ padding: "0px"
92
+ }, /*#__PURE__*/_react.default.createElement("span", null, t('SELECT_DRIVER', 'Select driver'))),
88
93
  color: 'primary',
89
- disabled: !isFilterView,
94
+ disabled: true,
90
95
  showDisable: true
91
96
  }];
92
- if (!isFilterView) {
93
- _driversOptionList.push({
94
- value: 'remove',
95
- content: /*#__PURE__*/_react.default.createElement(_styles.Option, {
96
- isRemove: true
97
- }, /*#__PURE__*/_react.default.createElement("span", null, t('REMOVE_DRIVER', 'Remove assigned driver'))),
98
- disabled: defaultValue === 'default'
99
- });
100
- }
97
+ _driversOptionList.push({
98
+ value: 'remove',
99
+ content: /*#__PURE__*/_react.default.createElement(_styles.Option, {
100
+ isRemove: true
101
+ }, /*#__PURE__*/_react.default.createElement("span", null, t('REMOVE_DRIVER', 'Remove assigned driver'))),
102
+ disabled: defaultValue === 'default'
103
+ });
101
104
  if (!driversList.loading) {
102
105
  var _driverList;
103
106
  if (searchValue) {
@@ -107,56 +110,56 @@ var DriverSelectorUI = function DriverSelectorUI(props) {
107
110
  } else {
108
111
  _driverList = driversList.drivers;
109
112
  }
110
- var _driversOptionListTemp = _driverList.map(function (driver, i) {
111
- var _theme$images$icons2;
112
- return {
113
- value: driver.id,
114
- showDisable: isFilterView ? true : !(isFilterView || driver !== null && driver !== void 0 && driver.available && !(driver !== null && driver !== void 0 && driver.busy)),
115
- content: /*#__PURE__*/_react.default.createElement(_styles.Option, {
116
- small: small,
117
- isPhoneView: isPhoneView,
118
- padding: padding,
119
- isFilterView: isFilterView
120
- }, /*#__PURE__*/_react.default.createElement(_styles.WrapperDriverImage, {
121
- small: small,
122
- className: "driver-photo"
123
- }, /*#__PURE__*/_react.default.createElement(_styles.DriverImage, {
124
- bgimage: driver.photo || ((_theme$images$icons2 = theme.images.icons) === null || _theme$images$icons2 === void 0 ? void 0 : _theme$images$icons2.noDriver),
125
- small: small
126
- })), /*#__PURE__*/_react.default.createElement(_styles.OptionContent, null, /*#__PURE__*/_react.default.createElement(_styles.DriverNameContainer, {
127
- className: "driver-info"
128
- }, /*#__PURE__*/_react.default.createElement(_styles.DriverName, {
129
- small: small
130
- }, driver.name, " ", driver.lastname), /*#__PURE__*/_react.default.createElement(_styles.DriverText, {
131
- small: small
132
- }, t('DRIVER', 'Driver')))))
133
- };
113
+ var availableDrivers = _driverList.filter(function (driver) {
114
+ return (driver === null || driver === void 0 ? void 0 : driver.enabled) && (driver === null || driver === void 0 ? void 0 : driver.available) && !(driver !== null && driver !== void 0 && driver.busy);
115
+ });
116
+ if (availableDrivers.length) {
117
+ _driversOptionList.push({
118
+ value: 'available',
119
+ content: /*#__PURE__*/_react.default.createElement(_styles.Option, null, /*#__PURE__*/_react.default.createElement("span", null, t('AVAILABLE', 'Available'))),
120
+ disabled: true
121
+ });
122
+ availableDrivers.forEach(function (driver) {
123
+ _driversOptionList.push(getOption(driver));
124
+ });
125
+ }
126
+ var busyDrivers = _driverList.filter(function (driver) {
127
+ return (driver === null || driver === void 0 ? void 0 : driver.enabled) && (driver === null || driver === void 0 ? void 0 : driver.available) && (driver === null || driver === void 0 ? void 0 : driver.busy);
128
+ });
129
+ if (busyDrivers.length) {
130
+ _driversOptionList.push({
131
+ value: 'busy',
132
+ content: /*#__PURE__*/_react.default.createElement(_styles.Option, null, /*#__PURE__*/_react.default.createElement("span", null, t('BUSY', 'Busy'))),
133
+ disabled: true
134
+ });
135
+ busyDrivers.forEach(function (driver) {
136
+ _driversOptionList.push(getOption(driver));
137
+ });
138
+ }
139
+ var notAvailableDrivers = _driverList.filter(function (driver) {
140
+ return (driver === null || driver === void 0 ? void 0 : driver.enabled) && !(driver !== null && driver !== void 0 && driver.available);
134
141
  });
135
- setDriversMultiOptionList(_driversOptionListTemp);
136
- var _iterator = _createForOfIteratorHelper(_driversOptionListTemp),
137
- _step;
138
- try {
139
- for (_iterator.s(); !(_step = _iterator.n()).done;) {
140
- var option = _step.value;
141
- _driversOptionList.push(option);
142
- }
143
- } catch (err) {
144
- _iterator.e(err);
145
- } finally {
146
- _iterator.f();
142
+ if (notAvailableDrivers.length) {
143
+ _driversOptionList.push({
144
+ value: 'not_available',
145
+ content: /*#__PURE__*/_react.default.createElement(_styles.Option, null, /*#__PURE__*/_react.default.createElement("span", null, t('NOT_AVAILABLE', 'Not available'))),
146
+ disabled: true
147
+ });
148
+ notAvailableDrivers.forEach(function (driver) {
149
+ _driversOptionList.push(getOption(driver));
150
+ });
147
151
  }
148
152
  }
149
153
  setDriversOptionList(_driversOptionList);
150
154
  }, [driversList, defaultValue, searchValue]);
155
+ (0, _react.useEffect)(function () {
156
+ if (!(companyActionStatus !== null && companyActionStatus !== void 0 && companyActionStatus.error) && !(driverActionStatus !== null && driverActionStatus !== void 0 && driverActionStatus.error)) return;
157
+ setAlertState({
158
+ open: true,
159
+ content: (companyActionStatus === null || companyActionStatus === void 0 ? void 0 : companyActionStatus.error) || (driverActionStatus === null || driverActionStatus === void 0 ? void 0 : driverActionStatus.error)
160
+ });
161
+ }, [companyActionStatus === null || companyActionStatus === void 0 ? void 0 : companyActionStatus.error, driverActionStatus === null || driverActionStatus === void 0 ? void 0 : driverActionStatus.error]);
151
162
  var changeDriver = function changeDriver(driverId) {
152
- if (isFilterView) {
153
- if (driverId === 'default') {
154
- handleChangeDriver(null);
155
- } else {
156
- handleChangeDriver(driverId);
157
- }
158
- return;
159
- }
160
163
  if (driverId === 'default') return;
161
164
  if (driverId === 'remove') {
162
165
  driverId = null;
@@ -175,79 +178,45 @@ var DriverSelectorUI = function DriverSelectorUI(props) {
175
178
  (0, _react.useEffect)(function () {
176
179
  setDefaultOption(defaultValue);
177
180
  }, [defaultValue]);
178
- var Placeholder = /*#__PURE__*/_react.default.createElement(_styles.PlaceholderTitle, null, t('SELECT_DRIVER', 'Select driver'));
179
181
  var handleSearch = function handleSearch(val) {
180
182
  setSearchValue(val);
181
183
  };
182
- if (isFilterView) {
183
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !driversList.loading ? /*#__PURE__*/_react.default.createElement(_MultiSelect.MultiSelect, {
184
- defaultValue: filterValues.driverIds,
185
- placeholder: Placeholder,
186
- options: driversMultiOptionList,
187
- optionInnerMargin: "10px",
188
- optionInnerMaxHeight: "150px",
189
- onChange: function onChange(driver) {
190
- return handleChangeDriver(driver);
191
- },
192
- isShowSearchBar: true,
193
- searchBarIsCustomLayout: true,
194
- searchBarIsNotLazyLoad: true,
195
- searchValue: searchValue,
196
- handleChangeSearch: function handleChangeSearch(val) {
197
- return setSearchValue(val);
198
- }
199
- }) : /*#__PURE__*/_react.default.createElement(_MultiSelect.MultiSelect, {
200
- defaultValue: "default",
201
- options: driversLoading,
202
- optionInnerMargin: "10px",
203
- optionInnerMaxHeight: "150px",
204
- className: "driver-select",
205
- isShowSearchBar: true,
206
- searchBarIsCustomLayout: true,
207
- searchBarIsNotLazyLoad: true,
208
- searchValue: searchValue,
209
- handleChangeSearch: function handleChangeSearch(val) {
210
- return setSearchValue(val);
211
- }
212
- }));
213
- } else {
214
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !driversList.loading ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isFirstSelect ? /*#__PURE__*/_react.default.createElement(_FirstSelect.Select, {
215
- defaultValue: defaultOption || 'default',
216
- options: driversOptionList,
217
- optionInnerMaxHeight: "200px",
218
- onChange: function onChange(driverId) {
219
- return changeDriver(driverId);
220
- },
221
- isShowSearchBar: true,
222
- searchBarPlaceholder: t('SEARCH', 'Search'),
223
- searchBarIsCustomLayout: true,
224
- searchBarIsNotLazyLoad: true,
225
- searchValue: searchValue,
226
- handleChangeSearch: handleSearch,
227
- className: "driver-select"
228
- }) : /*#__PURE__*/_react.default.createElement(_Select.Select, {
229
- defaultValue: defaultOption || 'default',
230
- options: driversOptionList,
231
- optionInnerMaxHeight: "200px",
232
- onChange: function onChange(driverId) {
233
- return changeDriver(driverId);
234
- },
235
- isShowSearchBar: true,
236
- searchBarIsNotLazyLoad: true,
237
- searchBarPlaceholder: t('SEARCH', 'Search'),
238
- searchBarIsCustomLayout: true,
239
- searchValue: searchValue,
240
- handleChangeSearch: handleSearch,
241
- className: "driver-select"
242
- })) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Select.Select, {
243
- placeholder: t('SELECT_DRIVER', 'Select driver'),
244
- defaultValue: "default",
245
- options: driversLoading,
246
- optionInnerMargin: "10px",
247
- optionInnerMaxHeight: "200px",
248
- className: "driver-select"
249
- })));
250
- }
184
+ return /*#__PURE__*/_react.default.createElement(_styles.SelectWrapper, null, !driversList.loading ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isFirstSelect ? /*#__PURE__*/_react.default.createElement(_FirstSelect.Select, {
185
+ defaultValue: defaultOption || 'default',
186
+ options: driversOptionList,
187
+ optionInnerMaxHeight: "200px",
188
+ onChange: function onChange(driverId) {
189
+ return changeDriver(driverId);
190
+ },
191
+ isShowSearchBar: true,
192
+ searchBarPlaceholder: t('SEARCH', 'Search'),
193
+ searchBarIsCustomLayout: true,
194
+ searchBarIsNotLazyLoad: true,
195
+ searchValue: searchValue,
196
+ handleChangeSearch: handleSearch,
197
+ className: "driver-select"
198
+ }) : /*#__PURE__*/_react.default.createElement(_Select.Select, {
199
+ defaultValue: defaultOption || 'default',
200
+ options: driversOptionList,
201
+ optionInnerMaxHeight: "200px",
202
+ onChange: function onChange(driverId) {
203
+ return changeDriver(driverId);
204
+ },
205
+ isShowSearchBar: true,
206
+ searchBarIsNotLazyLoad: true,
207
+ searchBarPlaceholder: t('SEARCH', 'Search'),
208
+ searchBarIsCustomLayout: true,
209
+ searchValue: searchValue,
210
+ handleChangeSearch: handleSearch,
211
+ className: "driver-select"
212
+ })) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Select.Select, {
213
+ placeholder: t('SELECT_DRIVER', 'Select driver'),
214
+ defaultValue: "default",
215
+ options: driversLoading,
216
+ optionInnerMargin: "10px",
217
+ optionInnerMaxHeight: "200px",
218
+ className: "driver-select"
219
+ })));
251
220
  };
252
221
  var DriverSelector = function DriverSelector(props) {
253
222
  var DriversControlProps = _objectSpread(_objectSpread({}, props), {}, {
package/_modules/components/Orders/DriverSelector/styles.js CHANGED
@@ -4,16 +4,18 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
4
4
  Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
- exports.WrapperDriverImage = exports.PlaceholderTitle = exports.OptionContent = exports.Option = exports.DriverText = exports.DriverNameContainer = exports.DriverName = exports.DriverImage = void 0;
7
+ exports.WrapperDriverImage = exports.SelectWrapper = exports.OptionInnerContainer = exports.OptionContent = exports.Option = exports.DriverNameContainer = exports.DriverName = exports.DriverImage = 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, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20;
10
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17;
11
11
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
12
12
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
13
13
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
14
14
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
15
15
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
16
- var Option = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n color: ", ";\n padding: ", ";\n white-space: nowrap;\n ", "\n ", "\n\n img {\n width: 45px;\n border-radius: 8px;\n }\n\n ", "\n\n span {\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n max-width: 350px;\n }\n\n @media (max-width: 576px) {\n padding: ", ";\n ", "\n span {\n max-width: 280px;\n }\n }\n"])), function (props) {
16
+ var SelectWrapper = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n .header {\n > div {\n > div {\n padding: 0;\n }\n }\n }\n"])));
17
+ exports.SelectWrapper = SelectWrapper;
18
+ var Option = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n color: ", ";\n padding: ", ";\n white-space: nowrap;\n ", "\n ", "\n\n img {\n width: 45px;\n border-radius: 8px;\n }\n\n ", "\n\n span {\n font-size: 14px;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n max-width: 350px;\n }\n\n @media (max-width: 576px) {\n padding: ", ";\n span {\n max-width: 280px;\n }\n }\n"])), function (props) {
17
19
  var _props$theme$colors;
18
20
  return (_props$theme$colors = props.theme.colors) === null || _props$theme$colors === void 0 ? void 0 : _props$theme$colors.headingColor;
19
21
  }, function (_ref) {
@@ -21,56 +23,48 @@ var Option = _styledComponents.default.div(_templateObject || (_templateObject =
21
23
  return padding || '5px 10px';
22
24
  }, function (_ref2) {
23
25
  var isPhoneView = _ref2.isPhoneView;
24
- return isPhoneView && (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n width: 100%;\n "])));
26
+ return isPhoneView && (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n width: 100%;\n "])));
25
27
  }, function (_ref3) {
26
28
  var isRemove = _ref3.isRemove;
27
- return isRemove && (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n color: ", ";\n padding: 3px 10px;\n font-size: 14px;\n "])), function (props) {
29
+ return isRemove && (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n color: ", ";\n padding: 3px 10px;\n font-size: 14px;\n "])), function (props) {
28
30
  return props.theme.colors.danger;
29
31
  });
30
32
  }, function (_ref4) {
31
33
  var small = _ref4.small;
32
- return small && (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n padding: ", ";\n img {\n width: 25px;\n }\n "])), function (_ref5) {
34
+ return small && (0, _styledComponents.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n padding: ", ";\n img {\n width: 25px;\n }\n "])), function (_ref5) {
33
35
  var padding = _ref5.padding;
34
36
  return padding || '5px 0px';
35
37
  });
36
38
  }, function (_ref6) {
37
39
  var padding = _ref6.padding;
38
40
  return padding || '5px 0px';
39
- }, function (_ref7) {
40
- var isFilterView = _ref7.isFilterView;
41
- return isFilterView && (0, _styledComponents.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n ", "\n "])), function (props) {
42
- var _props$theme;
43
- return (_props$theme = props.theme) !== null && _props$theme !== void 0 && _props$theme.rtl ? (0, _styledComponents.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n margin-right: 10px;\n "]))) : (0, _styledComponents.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n margin-left: 10px;\n "])));
44
- });
45
41
  });
46
42
  exports.Option = Option;
47
- var OptionContent = _styledComponents.default.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: space-between;\n"])));
43
+ var OptionInnerContainer = _styledComponents.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n ", "\n"])), function (props) {
44
+ var _props$theme;
45
+ return (_props$theme = props.theme) !== null && _props$theme !== void 0 && _props$theme.rtl ? (0, _styledComponents.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n padding-right: 20px;\n "]))) : (0, _styledComponents.css)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n padding-left: 20px;\n "])));
46
+ });
47
+ exports.OptionInnerContainer = OptionInnerContainer;
48
+ var OptionContent = _styledComponents.default.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: space-between;\n"])));
48
49
  exports.OptionContent = OptionContent;
49
- var DriverNameContainer = _styledComponents.default.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n line-height: 1.3;\n color: #263238;\n"])));
50
+ var DriverNameContainer = _styledComponents.default.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n line-height: 1.3;\n color: #263238;\n"])));
50
51
  exports.DriverNameContainer = DriverNameContainer;
51
- var DriverName = _styledComponents.default.p(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n font-size: 14px;\n font-weight: 600;\n line-height: 1.3;\n color: ", ";\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n max-width: 150px;\n margin: 0px;\n\n ", "\n\n @media (max-width: 576px) {\n max-width: 90px;\n }\n"])), function (props) {
52
+ var DriverName = _styledComponents.default.p(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n font-size: 14px;\n font-weight: 600;\n line-height: 1.3;\n color: ", ";\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n max-width: 350px;\n margin: 0px;\n\n ", "\n\n @media (max-width: 576px) {\n max-width: 150px;\n }\n"])), function (props) {
52
53
  return props.theme.colors.headingColor;
53
- }, function (_ref8) {
54
- var small = _ref8.small;
55
- return small && (0, _styledComponents.css)(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n font-weight: 400;\n "])));
54
+ }, function (_ref7) {
55
+ var small = _ref7.small;
56
+ return small && (0, _styledComponents.css)(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n font-weight: 400;\n "])));
56
57
  });
57
58
  exports.DriverName = DriverName;
58
- var DriverText = _styledComponents.default.span(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n font-size: 12px;\n color: ", ";\n ", "\n"])), function (props) {
59
- return props.theme.colors.lightGray;
60
- }, function (_ref9) {
61
- var small = _ref9.small;
62
- return small && (0, _styledComponents.css)(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n display: none;\n "])));
63
- });
64
- exports.DriverText = DriverText;
65
- var WrapperDriverImage = _styledComponents.default.div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n width: 45px;\n height: 45px;\n box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);\n border-radius: 8px;\n display: flex;\n\n svg {\n width: 100%;\n height: 100%;\n padding: 7px;\n box-sizing: border-box;\n border-radius: 50%;\n }\n\n ", "\n\n ", "\n"])), function (_ref10) {
66
- var small = _ref10.small;
67
- return small && (0, _styledComponents.css)(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n width: 24px;\n height: 24px;\n border-radius: 8px;\n svg {\n padding: 3px;\n }\n "])));
59
+ var WrapperDriverImage = _styledComponents.default.div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n width: 45px;\n height: 45px;\n box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);\n border-radius: 8px;\n display: flex;\n\n svg {\n width: 100%;\n height: 100%;\n padding: 7px;\n box-sizing: border-box;\n border-radius: 50%;\n }\n\n ", "\n\n ", "\n"])), function (_ref8) {
60
+ var small = _ref8.small;
61
+ return small && (0, _styledComponents.css)(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n width: 24px;\n height: 24px;\n border-radius: 8px;\n svg {\n padding: 3px;\n }\n "])));
68
62
  }, function (props) {
69
63
  var _props$theme2;
70
- return (_props$theme2 = props.theme) !== null && _props$theme2 !== void 0 && _props$theme2.rtl ? (0, _styledComponents.css)(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n margin-left: 8px;\n "]))) : (0, _styledComponents.css)(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n margin-right: 8px;\n "])));
64
+ return (_props$theme2 = props.theme) !== null && _props$theme2 !== void 0 && _props$theme2.rtl ? (0, _styledComponents.css)(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n margin-left: 8px;\n "]))) : (0, _styledComponents.css)(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n margin-right: 8px;\n "])));
71
65
  });
72
66
  exports.WrapperDriverImage = WrapperDriverImage;
73
- var DriverImageStyled = _styledComponents.default.div(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n display: flex;\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n position: relative;\n background-repeat: no-repeat, repeat;\n background-size: cover;\n object-fit: cover;\n background-position: center;\n border-radius: 8px;\n"])));
67
+ var DriverImageStyled = _styledComponents.default.div(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n display: flex;\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n position: relative;\n background-repeat: no-repeat, repeat;\n background-size: cover;\n object-fit: cover;\n background-position: center;\n border-radius: 8px;\n"])));
74
68
  var DriverImage = function DriverImage(props) {
75
69
  return /*#__PURE__*/_react.default.createElement(DriverImageStyled, _extends({}, props, {
76
70
  style: {
@@ -78,9 +72,4 @@ var DriverImage = function DriverImage(props) {
78
72
  }
79
73
  }), props.children);
80
74
  };
81
- exports.DriverImage = DriverImage;
82
- var PlaceholderTitle = (0, _styledComponents.default)(Option)(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n padding: 10px;\n\n ", "\n"])), function (_ref11) {
83
- var isSingle = _ref11.isSingle;
84
- return isSingle && (0, _styledComponents.css)(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n padding: 0px;\n font-size: 14px;\n "])));
85
- });
86
- exports.PlaceholderTitle = PlaceholderTitle;
75
+ exports.DriverImage = DriverImage;
package/_modules/components/Orders/OrderContactInformation/index.js CHANGED
@@ -107,7 +107,7 @@ var OrderContactInformation = function OrderContactInformation(props) {
107
107
  href: "http://maps.google.com/?q=".concat(order === null || order === void 0 ? void 0 : (_order$customer28 = order.customer) === null || _order$customer28 === void 0 ? void 0 : _order$customer28.address),
108
108
  rel: "noopener noreferrer",
109
109
  target: "_blank"
110
- }, order === null || order === void 0 ? void 0 : (_order$customer29 = order.customer) === null || _order$customer29 === void 0 ? void 0 : _order$customer29.address))), !!(order !== null && order !== void 0 && (_order$customer30 = order.customer) !== null && _order$customer30 !== void 0 && _order$customer30.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 ? void 0 : (_order$customer31 = order.customer) === null || _order$customer31 === void 0 ? void 0 : _order$customer31.internal_number)), !!(order !== null && order !== void 0 && (_order$customer32 = order.customer) !== null && _order$customer32 !== void 0 && _order$customer32.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 ? void 0 : (_order$customer33 = order.customer) === null || _order$customer33 === void 0 ? void 0 : _order$customer33.address_notes)), !!(order !== null && order !== void 0 && (_order$customer34 = order.customer) !== null && _order$customer34 !== void 0 && _order$customer34.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 ? void 0 : (_order$customer35 = order.customer) === null || _order$customer35 === void 0 ? void 0 : _order$customer35.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))))))), (order === null || order === void 0 ? void 0 : order.delivery_type) === 1 && !isServiceOrder && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !(order !== null && order !== void 0 && order.driver_id) && /*#__PURE__*/_react.default.createElement(_styles2.DriverSelectorContainer, null, /*#__PURE__*/_react.default.createElement("p", null, t('DRIVER_COMPANY', 'Driver company')), /*#__PURE__*/_react.default.createElement(_CompanySelector.CompanySelector, {
110
+ }, order === null || order === void 0 ? void 0 : (_order$customer29 = order.customer) === null || _order$customer29 === void 0 ? void 0 : _order$customer29.address))), !!(order !== null && order !== void 0 && (_order$customer30 = order.customer) !== null && _order$customer30 !== void 0 && _order$customer30.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 ? void 0 : (_order$customer31 = order.customer) === null || _order$customer31 === void 0 ? void 0 : _order$customer31.internal_number)), !!(order !== null && order !== void 0 && (_order$customer32 = order.customer) !== null && _order$customer32 !== void 0 && _order$customer32.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 ? void 0 : (_order$customer33 = order.customer) === null || _order$customer33 === void 0 ? void 0 : _order$customer33.address_notes)), !!(order !== null && order !== void 0 && (_order$customer34 = order.customer) !== null && _order$customer34 !== void 0 && _order$customer34.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 ? void 0 : (_order$customer35 = order.customer) === null || _order$customer35 === void 0 ? void 0 : _order$customer35.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))))))), (order === null || order === void 0 ? void 0 : order.delivery_type) === 1 && !isServiceOrder && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !(order !== null && order !== void 0 && order.driver_id) && /*#__PURE__*/_react.default.createElement(_styles2.CompanySelectorContainer, null, /*#__PURE__*/_react.default.createElement("p", null, t('DRIVER_COMPANY', 'Driver company')), /*#__PURE__*/_react.default.createElement(_CompanySelector.CompanySelector, {
111
111
  small: true,
112
112
  isPhoneView: true,
113
113
  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',
package/_modules/components/Orders/OrderContactInformation/styles.js CHANGED
@@ -4,10 +4,10 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
4
4
  Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
- exports.ToggleItemWrapper = exports.ReviewButton = exports.PhotoWrapper = exports.Photo = exports.InfoContent = exports.DriverSelectorContainer = exports.DriverInfoContainer = exports.DriverInfo = exports.CutsomerDetail = exports.CustomerInfoTable = exports.CustomerInfo = exports.BusinessInfo = void 0;
7
+ exports.ToggleItemWrapper = exports.ReviewButton = exports.PhotoWrapper = exports.Photo = exports.InfoContent = exports.DriverSelectorContainer = exports.DriverInfoContainer = exports.DriverInfo = exports.CutsomerDetail = exports.CustomerInfoTable = exports.CustomerInfo = exports.CompanySelectorContainer = exports.BusinessInfo = 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, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17;
10
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18;
11
11
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
12
12
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
13
13
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -46,42 +46,50 @@ var DriverInfoContainer = _styledComponents.default.div(_templateObject10 || (_t
46
46
  exports.DriverInfoContainer = DriverInfoContainer;
47
47
  var DriverInfo = (0, _styledComponents.default)(BusinessInfo)(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral([""])));
48
48
  exports.DriverInfo = DriverInfo;
49
- var DriverSelectorContainer = _styledComponents.default.div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n margin-top: 23px;\n margin-bottom: 13px;\n > p {\n font-size: 14px;\n margin-top: 0;\n margin-bottom: 15px;\n }\n > div {\n width: 100%;\n border-radius: 8px;\n background-color: ", ";\n\n > div {\n &:first-child {\n border: none;\n height: 50px;\n }\n > div:first-child {\n color: ", ";\n }\n }\n }\n\n @media (max-width: 576px) {\n > div {\n p {\n max-width: initial;\n }\n }\n }\n"])), function (props) {
49
+ var CompanySelectorContainer = _styledComponents.default.div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n margin-top: 23px;\n margin-bottom: 13px;\n > p {\n font-size: 14px;\n margin-top: 0;\n margin-bottom: 15px;\n }\n > div {\n width: 100%;\n border-radius: 8px;\n background-color: ", ";\n\n > div {\n &:first-child {\n border: none;\n height: 50px;\n }\n > div:first-child {\n color: ", ";\n }\n }\n }\n"])), function (props) {
50
50
  var _props$theme$colors3;
51
51
  return (_props$theme$colors3 = props.theme.colors) === null || _props$theme$colors3 === void 0 ? void 0 : _props$theme$colors3.secundary;
52
52
  }, function (props) {
53
53
  var _props$theme$colors4;
54
54
  return (_props$theme$colors4 = props.theme.colors) === null || _props$theme$colors4 === void 0 ? void 0 : _props$theme$colors4.headingColor;
55
55
  });
56
- exports.DriverSelectorContainer = DriverSelectorContainer;
57
- var CutsomerDetail = _styledComponents.default.div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n border-bottom: 1px solid ", ";\n padding-bottom: 15px;\n margin-bottom: 15px;\n width: 100%;\n"])), function (props) {
56
+ exports.CompanySelectorContainer = CompanySelectorContainer;
57
+ var DriverSelectorContainer = _styledComponents.default.div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n margin-top: 23px;\n margin-bottom: 13px;\n > p {\n font-size: 14px;\n margin-top: 0;\n margin-bottom: 15px;\n }\n > div {\n width: 100%;\n border-radius: 8px;\n background-color: ", ";\n\n > div {\n > div {\n &:first-child {\n border: none;\n height: 50px;\n }\n > div:first-child {\n color: ", ";\n }\n }\n }\n }\n"])), function (props) {
58
58
  var _props$theme$colors5;
59
59
  return (_props$theme$colors5 = props.theme.colors) === null || _props$theme$colors5 === void 0 ? void 0 : _props$theme$colors5.secundary;
60
- });
61
- exports.CutsomerDetail = CutsomerDetail;
62
- var CustomerInfoTable = _styledComponents.default.table(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n width: 100%;\n\n tr {\n td {\n color: ", ";\n font-size: 12px;\n margin: 0px;\n\n &:first-child {\n color: ", ";\n }\n\n > a {\n color: ", ";\n transition: all 0.3s linear;\n &:hover {\n color: ", ";\n }\n }\n }\n }\n"])), function (props) {
63
- var _props$theme$colors6;
64
- return (_props$theme$colors6 = props.theme.colors) === null || _props$theme$colors6 === void 0 ? void 0 : _props$theme$colors6.lightGray;
65
60
  }, function (props) {
61
+ var _props$theme$colors6;
62
+ return (_props$theme$colors6 = props.theme.colors) === null || _props$theme$colors6 === void 0 ? void 0 : _props$theme$colors6.headingColor;
63
+ });
64
+ exports.DriverSelectorContainer = DriverSelectorContainer;
65
+ var CutsomerDetail = _styledComponents.default.div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n border-bottom: 1px solid ", ";\n padding-bottom: 15px;\n margin-bottom: 15px;\n width: 100%;\n"])), function (props) {
66
66
  var _props$theme$colors7;
67
- return (_props$theme$colors7 = props.theme.colors) === null || _props$theme$colors7 === void 0 ? void 0 : _props$theme$colors7.headingColor;
68
- }, function (props) {
67
+ return (_props$theme$colors7 = props.theme.colors) === null || _props$theme$colors7 === void 0 ? void 0 : _props$theme$colors7.secundary;
68
+ });
69
+ exports.CutsomerDetail = CutsomerDetail;
70
+ var CustomerInfoTable = _styledComponents.default.table(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n width: 100%;\n\n tr {\n td {\n color: ", ";\n font-size: 12px;\n margin: 0px;\n\n &:first-child {\n color: ", ";\n }\n\n > a {\n color: ", ";\n transition: all 0.3s linear;\n &:hover {\n color: ", ";\n }\n }\n }\n }\n"])), function (props) {
69
71
  var _props$theme$colors8;
70
- return (_props$theme$colors8 = props.theme.colors) === null || _props$theme$colors8 === void 0 ? void 0 : _props$theme$colors8.primary;
72
+ return (_props$theme$colors8 = props.theme.colors) === null || _props$theme$colors8 === void 0 ? void 0 : _props$theme$colors8.lightGray;
71
73
  }, function (props) {
72
74
  var _props$theme$colors9;
73
75
  return (_props$theme$colors9 = props.theme.colors) === null || _props$theme$colors9 === void 0 ? void 0 : _props$theme$colors9.headingColor;
76
+ }, function (props) {
77
+ var _props$theme$colors10;
78
+ return (_props$theme$colors10 = props.theme.colors) === null || _props$theme$colors10 === void 0 ? void 0 : _props$theme$colors10.primary;
79
+ }, function (props) {
80
+ var _props$theme$colors11;
81
+ return (_props$theme$colors11 = props.theme.colors) === null || _props$theme$colors11 === void 0 ? void 0 : _props$theme$colors11.headingColor;
74
82
  });
75
83
  exports.CustomerInfoTable = CustomerInfoTable;
76
- var ToggleItemWrapper = _styledComponents.default.div(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n border-bottom: 1px solid ", ";\n\n ", "\n"])), function (props) {
77
- var _props$theme$colors10;
78
- return (_props$theme$colors10 = props.theme.colors) === null || _props$theme$colors10 === void 0 ? void 0 : _props$theme$colors10.secundary;
84
+ var ToggleItemWrapper = _styledComponents.default.div(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n border-bottom: 1px solid ", ";\n\n ", "\n"])), function (props) {
85
+ var _props$theme$colors12;
86
+ return (_props$theme$colors12 = props.theme.colors) === null || _props$theme$colors12 === void 0 ? void 0 : _props$theme$colors12.secundary;
79
87
  }, function (_ref) {
80
88
  var active = _ref.active;
81
- return active && (0, _styledComponents.css)(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n border-bottom: none;\n .down-arrow {\n transform: rotateZ(180deg);\n }\n "])));
89
+ return active && (0, _styledComponents.css)(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n border-bottom: none;\n .down-arrow {\n transform: rotateZ(180deg);\n }\n "])));
82
90
  });
83
91
  exports.ToggleItemWrapper = ToggleItemWrapper;
84
- var ReviewButton = _styledComponents.default.span(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n cursor: pointer;\n color: ", ";\n font-size: 14px;\n text-decoration: underline;\n"])), function (props) {
92
+ var ReviewButton = _styledComponents.default.span(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n cursor: pointer;\n color: ", ";\n font-size: 14px;\n text-decoration: underline;\n"])), function (props) {
85
93
  return props.theme.colors.primary;
86
94
  });
87
95
  exports.ReviewButton = ReviewButton;
package/_modules/components/Orders/OrdersContentHeader/index.js CHANGED
@@ -72,7 +72,7 @@ var OrdersContentHeader = function OrdersContentHeader(props) {
72
72
  _filterApplied = false;
73
73
  } else {
74
74
  var _filterValues$groupTy, _filterValues$metafie;
75
- _filterApplied = (filterValues === null || filterValues === void 0 ? void 0 : (_filterValues$groupTy = filterValues.groupTypes) === null || _filterValues$groupTy === void 0 ? void 0 : _filterValues$groupTy.length) || filterValues.businessIds.length > 0 || filterValues.cityIds.length > 0 || filterValues.deliveryEndDatetime !== null || filterValues.deliveryFromDatetime !== null || filterValues.deliveryTypes.length > 0 || filterValues.driverIds.length > 0 || filterValues.paymethodIds.length > 0 || filterValues.statuses.length > 0 || (filterValues === null || filterValues === void 0 ? void 0 : (_filterValues$metafie = filterValues.metafield) === null || _filterValues$metafie === void 0 ? void 0 : _filterValues$metafie.length) > 0 || (filterValues === null || filterValues === void 0 ? void 0 : filterValues.externalId);
75
+ _filterApplied = (filterValues === null || filterValues === void 0 ? void 0 : (_filterValues$groupTy = filterValues.groupTypes) === null || _filterValues$groupTy === void 0 ? void 0 : _filterValues$groupTy.length) || filterValues.businessIds.length > 0 || filterValues.cityIds.length > 0 || filterValues.deliveryEndDatetime !== null || filterValues.deliveryFromDatetime !== null || filterValues.deliveryTypes.length > 0 || filterValues.driverIds.length > 0 || filterValues.paymethodIds.length > 0 || filterValues.statuses.length > 0 || (filterValues === null || filterValues === void 0 ? void 0 : (_filterValues$metafie = filterValues.metafield) === null || _filterValues$metafie === void 0 ? void 0 : _filterValues$metafie.length) > 0 || (filterValues === null || filterValues === void 0 ? void 0 : filterValues.externalId) || (filterValues === null || filterValues === void 0 ? void 0 : filterValues.logisticStatus) !== null;
76
76
  }
77
77
  setFilterApplied(_filterApplied);
78
78
  }, [filterValues]);