ordering-ui-admin-external 1.35.0 → 1.35.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.
- package/_bundles/{ordering-ui-admin.78f6259366a43cc634db.js → ordering-ui-admin.2fd4c461d0bf94162db3.js} +2 -2
- package/_modules/components/Delivery/DriversGroupLogs/index.js +83 -7
- package/_modules/components/Delivery/DriversGroupLogs/styles.js +36 -25
- package/_modules/components/Delivery/UserDetails/index.js +11 -3
- package/_modules/components/Orders/Messages/index.js +6 -2
- package/_modules/components/Orders/OrderContactInformation/index.js +9 -4
- package/_modules/components/Orders/OrderDetailsHeader/index.js +6 -2
- package/_modules/components/Orders/OrdersCards/index.js +5 -4
- package/_modules/components/Orders/OrdersTable/index.js +4 -3
- package/_modules/components/Shared/Schedule/index.js +11 -6
- package/_modules/components/Shared/Schedule/styles.js +13 -11
- package/package.json +1 -1
- package/src/components/Delivery/DriversGroupLogs/index.js +138 -19
- package/src/components/Delivery/DriversGroupLogs/styles.js +56 -12
- package/src/components/Delivery/UserDetails/index.js +19 -13
- package/src/components/Orders/Messages/index.js +4 -2
- package/src/components/Orders/OrderContactInformation/index.js +25 -7
- package/src/components/Orders/OrderDetailsHeader/index.js +4 -2
- package/src/components/Orders/OrdersCards/index.js +2 -1
- package/src/components/Orders/OrdersTable/index.js +5 -4
- package/src/components/Shared/Schedule/index.js +36 -29
- package/src/components/Shared/Schedule/styles.js +5 -0
- /package/_bundles/{ordering-ui-admin.78f6259366a43cc634db.js.LICENSE.txt → ordering-ui-admin.2fd4c461d0bf94162db3.js.LICENSE.txt} +0 -0
|
@@ -9,6 +9,7 @@ var _orderingComponentsAdminExternal = require("ordering-components-admin-extern
|
|
|
9
9
|
var _reactLoadingSkeleton = _interopRequireDefault(require("react-loading-skeleton"));
|
|
10
10
|
var _Shared = require("../../Shared");
|
|
11
11
|
var _styles = require("./styles");
|
|
12
|
+
var _moment = _interopRequireDefault(require("moment"));
|
|
12
13
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
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); }
|
|
14
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; }
|
|
@@ -29,7 +30,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
|
|
|
29
30
|
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; } }
|
|
30
31
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
31
32
|
var DriversGroupLogsUI = function DriversGroupLogsUI(props) {
|
|
32
|
-
var _logsList$logs;
|
|
33
|
+
var _configs$general_hour, _logsList$logs;
|
|
33
34
|
var logsList = props.logsList,
|
|
34
35
|
paginationProps = props.paginationProps,
|
|
35
36
|
getDriversGroupLogs = props.getDriversGroupLogs,
|
|
@@ -40,6 +41,21 @@ var DriversGroupLogsUI = function DriversGroupLogsUI(props) {
|
|
|
40
41
|
var _useUtils = (0, _orderingComponentsAdminExternal.useUtils)(),
|
|
41
42
|
_useUtils2 = _slicedToArray(_useUtils, 1),
|
|
42
43
|
parseDate = _useUtils2[0].parseDate;
|
|
44
|
+
var _React$useState = _react.default.useState(false),
|
|
45
|
+
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
46
|
+
open = _React$useState2[0],
|
|
47
|
+
setOpen = _React$useState2[1];
|
|
48
|
+
var _React$useState3 = _react.default.useState({
|
|
49
|
+
newSchedule: [],
|
|
50
|
+
oldSchedule: []
|
|
51
|
+
}),
|
|
52
|
+
_React$useState4 = _slicedToArray(_React$useState3, 2),
|
|
53
|
+
schedules = _React$useState4[0],
|
|
54
|
+
setSchedules = _React$useState4[1];
|
|
55
|
+
var _useConfig = (0, _orderingComponentsAdminExternal.useConfig)(),
|
|
56
|
+
_useConfig2 = _slicedToArray(_useConfig, 1),
|
|
57
|
+
configs = _useConfig2[0].configs;
|
|
58
|
+
var formatTime = configs === null || configs === void 0 || (_configs$general_hour = configs.general_hour_format) === null || _configs$general_hour === void 0 ? void 0 : _configs$general_hour.value;
|
|
43
59
|
var getAttributeName = function getAttributeName(key) {
|
|
44
60
|
var attributes = [{
|
|
45
61
|
key: 'autoassign_amount_drivers',
|
|
@@ -124,6 +140,16 @@ var DriversGroupLogsUI = function DriversGroupLogsUI(props) {
|
|
|
124
140
|
var getValidLogData = function getValidLogData(data) {
|
|
125
141
|
return _typeof(data) === 'object' ? Object.values(data) : typeof data === 'string' ? JSON.parse(data) : data;
|
|
126
142
|
};
|
|
143
|
+
var handleSchedules = function handleSchedules(_schedules) {
|
|
144
|
+
setSchedules({
|
|
145
|
+
newSchedule: _schedules === null || _schedules === void 0 ? void 0 : _schedules.new,
|
|
146
|
+
oldSchedule: _schedules === null || _schedules === void 0 ? void 0 : _schedules.old
|
|
147
|
+
});
|
|
148
|
+
};
|
|
149
|
+
var scheduleModalData = function scheduleModalData(_schedules) {
|
|
150
|
+
setOpen(true);
|
|
151
|
+
handleSchedules(_schedules);
|
|
152
|
+
};
|
|
127
153
|
(0, _react.useEffect)(function () {
|
|
128
154
|
if (logsList.loading || logsList.logs.length > 0 || paginationProps.totalPages <= 1) return;
|
|
129
155
|
if (paginationProps.currentPage !== paginationProps.totalPages) {
|
|
@@ -132,9 +158,28 @@ var DriversGroupLogsUI = function DriversGroupLogsUI(props) {
|
|
|
132
158
|
handleChangePage(paginationProps.currentPage - 1);
|
|
133
159
|
}
|
|
134
160
|
}, [logsList.logs, paginationProps]);
|
|
161
|
+
var daysOptions = [t('DAY7', 'Sunday'), t('DAY1', 'Monday'), t('DAY2', 'Tuesday'), t('DAY3', 'Wednesday'), t('DAY4', 'Thursday'), t('DAY5', 'Friday'), t('DAY6', 'Saturday')];
|
|
162
|
+
var checkTime = function checkTime(val) {
|
|
163
|
+
return val < 10 ? "0".concat(val) : val;
|
|
164
|
+
};
|
|
165
|
+
var timeFormated = function timeFormated(time) {
|
|
166
|
+
return (0, _moment.default)("1900-01-01 ".concat(checkTime(time.hour), ":").concat(checkTime(time.minute))).format(formatTime);
|
|
167
|
+
};
|
|
168
|
+
var getSchedule = function getSchedule(_schedules) {
|
|
169
|
+
return !(_schedules !== null && _schedules !== void 0 && _schedules.length) && (_schedules === null || _schedules === void 0 ? void 0 : _schedules.length) < 1 ? /*#__PURE__*/_react.default.createElement("p", null, t('NONE', 'None')) : _schedules === null || _schedules === void 0 ? void 0 : _schedules.map(function (schedule, i) {
|
|
170
|
+
var _schedule$lapses;
|
|
171
|
+
return /*#__PURE__*/_react.default.createElement(_styles.ScheduleDay, {
|
|
172
|
+
key: i
|
|
173
|
+
}, /*#__PURE__*/_react.default.createElement("span", null, daysOptions[i]), /*#__PURE__*/_react.default.createElement(_styles.ScheduleLapses, null, schedule === null || schedule === void 0 || (_schedule$lapses = schedule.lapses) === null || _schedule$lapses === void 0 ? void 0 : _schedule$lapses.map(function (item, i) {
|
|
174
|
+
return /*#__PURE__*/_react.default.createElement("p", {
|
|
175
|
+
key: i
|
|
176
|
+
}, "".concat(timeFormated(item === null || item === void 0 ? void 0 : item.open), " - ").concat(timeFormated(item === null || item === void 0 ? void 0 : item.close)));
|
|
177
|
+
})));
|
|
178
|
+
});
|
|
179
|
+
};
|
|
135
180
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles.DriversGroupLogsContainer, {
|
|
136
181
|
disabled: actionDisabled
|
|
137
|
-
}, /*#__PURE__*/_react.default.createElement(_styles.TableWrapper, null, logsList.loading || logsList.logs.length > 0 ? /*#__PURE__*/_react.default.createElement(_styles.Table, null, /*#__PURE__*/_react.default.createElement("thead", null, /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("th", null, t('CONTROL_PANEL_USERS', 'Users')), /*#__PURE__*/_react.default.createElement("th", null, t('EVENTS_TYPE', 'Events type')), /*#__PURE__*/_react.default.createElement("th", null, t('DETAILS', 'Details')), /*#__PURE__*/_react.default.createElement("th", null, t('EXPORT_DATE', 'Date')), /*#__PURE__*/_react.default.createElement("th", null, t('USER_AGENT', 'User agent')))), logsList.loading ? _toConsumableArray(Array(10).keys()).map(function (i) {
|
|
182
|
+
}, /*#__PURE__*/_react.default.createElement(_styles.TableWrapper, null, logsList.loading || logsList.logs.length > 0 ? /*#__PURE__*/_react.default.createElement(_styles.Table, null, /*#__PURE__*/_react.default.createElement("thead", null, /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("th", null, t('CONTROL_PANEL_USERS', 'Users')), /*#__PURE__*/_react.default.createElement("th", null, t('EVENTS_TYPE', 'Events type')), /*#__PURE__*/_react.default.createElement("th", null, t('DETAILS', 'Details')), /*#__PURE__*/_react.default.createElement("th", null, t('NEW', 'New')), /*#__PURE__*/_react.default.createElement("th", null, t('OLD', 'Old')), /*#__PURE__*/_react.default.createElement("th", null, t('EXPORT_DATE', 'Date')), /*#__PURE__*/_react.default.createElement("th", null, t('USER_AGENT', 'User agent')))), logsList.loading ? _toConsumableArray(Array(10).keys()).map(function (i) {
|
|
138
183
|
return /*#__PURE__*/_react.default.createElement("tbody", {
|
|
139
184
|
key: i
|
|
140
185
|
}, /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", null, /*#__PURE__*/_react.default.createElement(_styles.UserInfoContainer, null, /*#__PURE__*/_react.default.createElement("p", null, /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, {
|
|
@@ -149,14 +194,31 @@ var DriversGroupLogsUI = function DriversGroupLogsUI(props) {
|
|
|
149
194
|
width: 20
|
|
150
195
|
})))))), /*#__PURE__*/_react.default.createElement("td", null, /*#__PURE__*/_react.default.createElement(_styles.DateTimeWrapper, null, /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, null))), /*#__PURE__*/_react.default.createElement("td", null, /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, null))));
|
|
151
196
|
}) : !logsList.error && ((_logsList$logs = logsList.logs) === null || _logsList$logs === void 0 ? void 0 : _logsList$logs.map(function (log) {
|
|
152
|
-
var _log$user, _log$user2, _log$user3;
|
|
197
|
+
var _log$author, _log$user, _log$author2, _log$user2, _log$author3, _log$user3;
|
|
153
198
|
return /*#__PURE__*/_react.default.createElement("tbody", {
|
|
154
199
|
key: log.id
|
|
155
|
-
}, /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", null, /*#__PURE__*/_react.default.createElement(_styles.UserInfoContainer, null, /*#__PURE__*/_react.default.createElement("p", null, log === null || log === void 0 || (_log$user = log.user) === null || _log$user === void 0 ? void 0 : _log$user.name, " ", log === null || log === void 0 || (_log$user2 = log.user) === null || _log$user2 === void 0 ? void 0 : _log$user2.lastname), /*#__PURE__*/_react.default.createElement("p", null, log === null || log === void 0 || (_log$user3 = log.user) === null || _log$user3 === void 0 ? void 0 : _log$user3.email))), /*#__PURE__*/_react.default.createElement("td", null, /*#__PURE__*/_react.default.createElement(_styles.EventTypeContainer, null, /*#__PURE__*/_react.default.createElement("p", null, t(((log === null || log === void 0 ? void 0 : log.event) || '').toUpperCase())))), /*#__PURE__*/_react.default.createElement("td", null, /*#__PURE__*/_react.default.createElement(_styles.DataListTable, null, (log === null || log === void 0 ? void 0 : log.data) && getValidLogData(log === null || log === void 0 ? void 0 : log.data).map(function (item, i) {
|
|
156
|
-
|
|
200
|
+
}, /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", null, /*#__PURE__*/_react.default.createElement(_styles.UserInfoContainer, null, /*#__PURE__*/_react.default.createElement("p", null, (log === null || log === void 0 || (_log$author = log.author) === null || _log$author === void 0 ? void 0 : _log$author.name) || (log === null || log === void 0 || (_log$user = log.user) === null || _log$user === void 0 ? void 0 : _log$user.name), " ", (log === null || log === void 0 || (_log$author2 = log.author) === null || _log$author2 === void 0 ? void 0 : _log$author2.lastname) || (log === null || log === void 0 || (_log$user2 = log.user) === null || _log$user2 === void 0 ? void 0 : _log$user2.lastname)), /*#__PURE__*/_react.default.createElement("p", null, (log === null || log === void 0 || (_log$author3 = log.author) === null || _log$author3 === void 0 ? void 0 : _log$author3.email) || (log === null || log === void 0 || (_log$user3 = log.user) === null || _log$user3 === void 0 ? void 0 : _log$user3.email)))), /*#__PURE__*/_react.default.createElement("td", null, /*#__PURE__*/_react.default.createElement(_styles.EventTypeContainer, null, /*#__PURE__*/_react.default.createElement("p", null, t(((log === null || log === void 0 ? void 0 : log.event) || '').toUpperCase())))), /*#__PURE__*/_react.default.createElement("td", null, /*#__PURE__*/_react.default.createElement(_styles.DataListTable, null, (log === null || log === void 0 ? void 0 : log.data) && getValidLogData(log === null || log === void 0 ? void 0 : log.data).map(function (item, i) {
|
|
201
|
+
return /*#__PURE__*/_react.default.createElement("tbody", {
|
|
202
|
+
key: i
|
|
203
|
+
}, /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", null, getAttributeName(item === null || item === void 0 ? void 0 : item.attribute))));
|
|
204
|
+
}))), /*#__PURE__*/_react.default.createElement("td", null, /*#__PURE__*/_react.default.createElement(_styles.DataListTable, null, (log === null || log === void 0 ? void 0 : log.data) && getValidLogData(log === null || log === void 0 ? void 0 : log.data).map(function (item, i) {
|
|
205
|
+
var _item$added, _item$added2;
|
|
157
206
|
return /*#__PURE__*/_react.default.createElement("tbody", {
|
|
158
207
|
key: i
|
|
159
|
-
}, /*#__PURE__*/_react.default.createElement("tr", null,
|
|
208
|
+
}, /*#__PURE__*/_react.default.createElement("tr", null, item.attribute !== 'schedule' ? /*#__PURE__*/_react.default.createElement("td", null, typeof (item === null || item === void 0 ? void 0 : item.new) !== 'undefined' && (item === null || item === void 0 ? void 0 : item.new) !== null ? "".concat(item === null || item === void 0 ? void 0 : item.new) : (item === null || item === void 0 || (_item$added = item.added) === null || _item$added === void 0 ? void 0 : _item$added.length) > 0 ? item === null || item === void 0 || (_item$added2 = item.added) === null || _item$added2 === void 0 ? void 0 : _item$added2.toString() : t('NONE', 'None')) : /*#__PURE__*/_react.default.createElement("td", null, /*#__PURE__*/_react.default.createElement(_styles.SeeChanges, {
|
|
209
|
+
onClick: function onClick() {
|
|
210
|
+
return scheduleModalData(item, 'new');
|
|
211
|
+
}
|
|
212
|
+
}, t('SEE_CHANGES', 'See changes')))));
|
|
213
|
+
}))), /*#__PURE__*/_react.default.createElement("td", null, /*#__PURE__*/_react.default.createElement(_styles.DataListTable, null, (log === null || log === void 0 ? void 0 : log.data) && getValidLogData(log === null || log === void 0 ? void 0 : log.data).map(function (item, i) {
|
|
214
|
+
var _item$removed, _item$removed2;
|
|
215
|
+
return /*#__PURE__*/_react.default.createElement("tbody", {
|
|
216
|
+
key: i
|
|
217
|
+
}, /*#__PURE__*/_react.default.createElement("tr", null, item.attribute !== 'schedule' ? /*#__PURE__*/_react.default.createElement("td", null, typeof (item === null || item === void 0 ? void 0 : item.old) !== 'undefined' && (item === null || item === void 0 ? void 0 : item.old) !== null ? "".concat(item === null || item === void 0 ? void 0 : item.old) : (item === null || item === void 0 || (_item$removed = item.removed) === null || _item$removed === void 0 ? void 0 : _item$removed.length) > 0 ? item === null || item === void 0 || (_item$removed2 = item.removed) === null || _item$removed2 === void 0 ? void 0 : _item$removed2.toString() : t('NONE', 'None')) : /*#__PURE__*/_react.default.createElement("td", null, /*#__PURE__*/_react.default.createElement(_styles.SeeChanges, {
|
|
218
|
+
onClick: function onClick() {
|
|
219
|
+
return scheduleModalData(item, 'old');
|
|
220
|
+
}
|
|
221
|
+
}, t('SEE_CHANGES', 'See changes')))));
|
|
160
222
|
}))), /*#__PURE__*/_react.default.createElement("td", null, /*#__PURE__*/_react.default.createElement(_styles.DateTimeWrapper, null, parseDate(log.created_at, {
|
|
161
223
|
utc: false
|
|
162
224
|
}))), /*#__PURE__*/_react.default.createElement("td", null, log === null || log === void 0 ? void 0 : log.user_agent)));
|
|
@@ -166,7 +228,21 @@ var DriversGroupLogsUI = function DriversGroupLogsUI(props) {
|
|
|
166
228
|
totalPages: paginationProps.totalPages,
|
|
167
229
|
handleChangePage: handleChangePage,
|
|
168
230
|
handleChangePageSize: handleChangePageSize
|
|
169
|
-
})))
|
|
231
|
+
}))), /*#__PURE__*/_react.default.createElement(_Shared.Modal, {
|
|
232
|
+
width: "40%",
|
|
233
|
+
height: "60vh",
|
|
234
|
+
style: {
|
|
235
|
+
overflowY: 'auto'
|
|
236
|
+
},
|
|
237
|
+
padding: "30px",
|
|
238
|
+
title: t('SCHEDULE_CHANGES', 'Schedule changes'),
|
|
239
|
+
open: open,
|
|
240
|
+
onClose: function onClose() {
|
|
241
|
+
return setOpen(false);
|
|
242
|
+
}
|
|
243
|
+
}, /*#__PURE__*/_react.default.createElement(_styles.SchedulesWrapper, {
|
|
244
|
+
border: !!(schedules !== null && schedules !== void 0 && schedules.oldSchedule)
|
|
245
|
+
}, (schedules === null || schedules === void 0 ? void 0 : schedules.newSchedule) && /*#__PURE__*/_react.default.createElement(_styles.Schedules, null, /*#__PURE__*/_react.default.createElement(_styles.ScheduleTitle, null, t('NEW', 'New')), getSchedule(schedules === null || schedules === void 0 ? void 0 : schedules.newSchedule)), (schedules === null || schedules === void 0 ? void 0 : schedules.oldSchedule) && /*#__PURE__*/_react.default.createElement(_styles.Schedules, null, /*#__PURE__*/_react.default.createElement(_styles.ScheduleTitle, null, t('OLD', 'Old')), getSchedule(schedules === null || schedules === void 0 ? void 0 : schedules.oldSchedule)))));
|
|
170
246
|
};
|
|
171
247
|
exports.DriversGroupLogsUI = DriversGroupLogsUI;
|
|
172
248
|
var DriversGroupLogs = function DriversGroupLogs(props) {
|
|
@@ -4,9 +4,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
|
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
-
exports.WrapperPagination = exports.UserInfoContainer = exports.TableWrapper = exports.Table = exports.NoData = exports.EventTypeContainer = exports.DriversGroupLogsContainer = exports.DateTimeWrapper = exports.DataListTable = void 0;
|
|
7
|
+
exports.WrapperPagination = exports.UserInfoContainer = exports.TableWrapper = exports.Table = exports.SeeChanges = exports.SchedulesWrapper = exports.Schedules = exports.ScheduleTitle = exports.ScheduleLapses = exports.ScheduleDay = exports.NoData = exports.EventTypeContainer = exports.DriversGroupLogsContainer = exports.DateTimeWrapper = exports.DataListTable = void 0;
|
|
8
8
|
var _styledComponents = _interopRequireWildcard(require("styled-components"));
|
|
9
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24;
|
|
9
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29;
|
|
10
10
|
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); }
|
|
11
11
|
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; }
|
|
12
12
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
@@ -17,61 +17,72 @@ var DriversGroupLogsContainer = _styledComponents.default.div(_templateObject ||
|
|
|
17
17
|
exports.DriversGroupLogsContainer = DriversGroupLogsContainer;
|
|
18
18
|
var TableWrapper = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n overflow: auto;\n height: 100%;\n"])));
|
|
19
19
|
exports.TableWrapper = TableWrapper;
|
|
20
|
-
var
|
|
20
|
+
var SeeChanges = _styledComponents.default.span(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n color: ", ";\n cursor: pointer;\n &:hover {\n text-decoration: underline;\n }\n"])), function (props) {
|
|
21
|
+
return props.theme.colors.primary;
|
|
22
|
+
});
|
|
23
|
+
exports.SeeChanges = SeeChanges;
|
|
24
|
+
var Table = _styledComponents.default.table(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n width: 100%;\n min-width: 1000px;\n color: ", ";\n\n thead {\n tr {\n border-bottom: solid 1px ", ";\n th {\n padding: 13px 0;\n font-size: 12px;\n &:first-child {\n width: 10%;\n ", "\n box-sizing: border-box;\n }\n &:nth-child(3) {\n width: 35%;\n padding-left: 15px;\n padding-right: 15px;\n box-sizing: border-box;\n }\n &:nth-child(4) {\n ", "\n box-sizing: border-box;\n }\n }\n }\n }\n\n > tbody {\n border-bottom: 1px solid ", ";\n td {\n padding: 13px 0;\n font-size: 12px;\n &:first-child {\n width: 10%;\n ", "\n box-sizing: border-box;\n }\n &:nth-child(3) {\n width: 35%;\n }\n &:nth-child(4) {\n ", "\n box-sizing: border-box;\n }\n }\n }\n"])), function (props) {
|
|
21
25
|
var _props$theme$colors;
|
|
22
26
|
return (_props$theme$colors = props.theme.colors) === null || _props$theme$colors === void 0 ? void 0 : _props$theme$colors.headingColor;
|
|
23
27
|
}, function (props) {
|
|
24
28
|
return props.theme.colors.disabled;
|
|
25
29
|
}, function (props) {
|
|
26
30
|
var _props$theme;
|
|
27
|
-
return (_props$theme = props.theme) !== null && _props$theme !== void 0 && _props$theme.rtl ? (0, _styledComponents.css)(
|
|
31
|
+
return (_props$theme = props.theme) !== null && _props$theme !== void 0 && _props$theme.rtl ? (0, _styledComponents.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n padding-left: 15px;\n "]))) : (0, _styledComponents.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n padding-right: 15px;\n "])));
|
|
28
32
|
}, function (props) {
|
|
29
33
|
var _props$theme2;
|
|
30
|
-
return (_props$theme2 = props.theme) !== null && _props$theme2 !== void 0 && _props$theme2.rtl ? (0, _styledComponents.css)(
|
|
34
|
+
return (_props$theme2 = props.theme) !== null && _props$theme2 !== void 0 && _props$theme2.rtl ? (0, _styledComponents.css)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n padding-right: 15px;\n "]))) : (0, _styledComponents.css)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n padding-left: 15px;\n "])));
|
|
31
35
|
}, function (props) {
|
|
32
36
|
return props.theme.colors.borderColor;
|
|
33
37
|
}, function (props) {
|
|
34
38
|
var _props$theme3;
|
|
35
|
-
return (_props$theme3 = props.theme) !== null && _props$theme3 !== void 0 && _props$theme3.rtl ? (0, _styledComponents.css)(
|
|
39
|
+
return (_props$theme3 = props.theme) !== null && _props$theme3 !== void 0 && _props$theme3.rtl ? (0, _styledComponents.css)(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n padding-left: 15px;\n "]))) : (0, _styledComponents.css)(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n padding-right: 15px;\n "])));
|
|
36
40
|
}, function (props) {
|
|
37
41
|
var _props$theme4;
|
|
38
|
-
return (_props$theme4 = props.theme) !== null && _props$theme4 !== void 0 && _props$theme4.rtl ? (0, _styledComponents.css)(
|
|
42
|
+
return (_props$theme4 = props.theme) !== null && _props$theme4 !== void 0 && _props$theme4.rtl ? (0, _styledComponents.css)(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n padding-right: 15px;\n "]))) : (0, _styledComponents.css)(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n padding-left: 15px;\n "])));
|
|
39
43
|
});
|
|
40
44
|
exports.Table = Table;
|
|
41
|
-
var UserInfoContainer = _styledComponents.default.div(
|
|
45
|
+
var UserInfoContainer = _styledComponents.default.div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n p {\n color: ", ";\n margin: 0px;\n font-size: 12px;\n &:first-child {\n color: ", ";\n font-weight: 500;\n }\n }\n"])), function (props) {
|
|
42
46
|
return props.theme.colors.lightGray;
|
|
43
47
|
}, function (props) {
|
|
44
48
|
return props.theme.colors.headingColor;
|
|
45
49
|
});
|
|
46
50
|
exports.UserInfoContainer = UserInfoContainer;
|
|
47
|
-
var DateTimeWrapper = _styledComponents.default.div(
|
|
51
|
+
var DateTimeWrapper = _styledComponents.default.div(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n white-space: nowrap;\n font-size: 12px;\n min-height: 36px;\n display: flex;\n align-items: center;\n\n ", "\n"])), function (props) {
|
|
48
52
|
var _props$theme5;
|
|
49
|
-
return (_props$theme5 = props.theme) !== null && _props$theme5 !== void 0 && _props$theme5.rtl ? (0, _styledComponents.css)(
|
|
53
|
+
return (_props$theme5 = props.theme) !== null && _props$theme5 !== void 0 && _props$theme5.rtl ? (0, _styledComponents.css)(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n padding-left: 15px;\n margin-left: 15px;\n border-left: 1px solid ", ";\n "])), function (props) {
|
|
50
54
|
return props.theme.colors.borderColor;
|
|
51
|
-
}) : (0, _styledComponents.css)(
|
|
55
|
+
}) : (0, _styledComponents.css)(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n padding-right: 15px;\n margin-right: 15px;\n border-right: 1px solid ", ";\n "])), function (props) {
|
|
52
56
|
return props.theme.colors.borderColor;
|
|
53
57
|
});
|
|
54
58
|
});
|
|
55
59
|
exports.DateTimeWrapper = DateTimeWrapper;
|
|
56
|
-
var NoData = _styledComponents.default.div(
|
|
60
|
+
var NoData = _styledComponents.default.div(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n font-size: 16px;\n"])));
|
|
57
61
|
exports.NoData = NoData;
|
|
58
|
-
var WrapperPagination = _styledComponents.default.div(
|
|
62
|
+
var WrapperPagination = _styledComponents.default.div(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n padding: 20px 0;\n"])));
|
|
59
63
|
exports.WrapperPagination = WrapperPagination;
|
|
60
|
-
var DataListTable = _styledComponents.default.table(
|
|
61
|
-
return props.theme.colors.borderColor;
|
|
62
|
-
}, function (props) {
|
|
64
|
+
var DataListTable = _styledComponents.default.table(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n width: 100%;\n border-right: 1px solid ", ";\n\n tbody {\n border-bottom: none;\n td {\n box-sizing: border-box;\n &:first-child {\n width: 50% !important;\n padding-left: 15px;\n padding-right: 15px;\n box-sizing: border-box;\n }\n &:not(:first-child) {\n width: initial !important;\n }\n white-space: nowrap;\n padding-top: 10px;\n padding-bottom: 10px;\n ", "\n }\n }\n"])), function (props) {
|
|
63
65
|
return props.theme.colors.borderColor;
|
|
64
66
|
}, function (props) {
|
|
65
67
|
var _props$theme6;
|
|
66
|
-
return (_props$theme6 = props.theme) !== null && _props$theme6 !== void 0 && _props$theme6.rtl ? (0, _styledComponents.css)(
|
|
68
|
+
return (_props$theme6 = props.theme) !== null && _props$theme6 !== void 0 && _props$theme6.rtl ? (0, _styledComponents.css)(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n padding-left: 15px;\n "]))) : (0, _styledComponents.css)(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n padding-right: 15px;\n "])));
|
|
67
69
|
});
|
|
68
70
|
exports.DataListTable = DataListTable;
|
|
69
|
-
var EventTypeContainer = _styledComponents.default.div(
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
71
|
+
var EventTypeContainer = _styledComponents.default.div(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["\n white-space: nowrap;\n font-size: 12px;\n min-height: 36px;\n display: flex;\n align-items: center;\n padding-right: 15px;\n padding-left: 15px;\n margin-left: 15px;\n margin-right: 10px;\n border-right: 1px solid ", ";\n border-left: 1px solid ", ";\n p{\n margin-bottom: 0px;\n }\n"])), function (props) {
|
|
72
|
+
return props.theme.colors.borderColor;
|
|
73
|
+
}, function (props) {
|
|
74
|
+
return props.theme.colors.borderColor;
|
|
75
|
+
});
|
|
76
|
+
exports.EventTypeContainer = EventTypeContainer;
|
|
77
|
+
var SchedulesWrapper = _styledComponents.default.div(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: row;\n gap: 30px;\n justify-content: center;\n\n ", "\n"])), function (props) {
|
|
78
|
+
return (props === null || props === void 0 ? void 0 : props.border) && (0, _styledComponents.css)(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n div:first-child {\n border-right: 1px solid #E9ECEF;\n padding-right: 30px;\n "])));
|
|
76
79
|
});
|
|
77
|
-
exports.
|
|
80
|
+
exports.SchedulesWrapper = SchedulesWrapper;
|
|
81
|
+
var Schedules = _styledComponents.default.div(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n gap: 20px;\n"])));
|
|
82
|
+
exports.Schedules = Schedules;
|
|
83
|
+
var ScheduleDay = _styledComponents.default.div(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n gap: 10px;\n justify-content: space-between;\n"])));
|
|
84
|
+
exports.ScheduleDay = ScheduleDay;
|
|
85
|
+
var ScheduleLapses = _styledComponents.default.div(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n border-left: 1px solid #E9ECEF;\n padding-left: 10px;\n\n p {\n margin: 0px;\n }\n"])));
|
|
86
|
+
exports.ScheduleLapses = ScheduleLapses;
|
|
87
|
+
var ScheduleTitle = _styledComponents.default.h2(_templateObject29 || (_templateObject29 = _taggedTemplateLiteral(["\n text-align: center;\n"])));
|
|
88
|
+
exports.ScheduleTitle = ScheduleTitle;
|
|
@@ -41,7 +41,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
|
|
|
41
41
|
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; } }
|
|
42
42
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
43
43
|
var UserDetailsUI = function UserDetailsUI(props) {
|
|
44
|
-
var _userState$user, _userState$user2, _userState$user3, _userState$user5, _userState$user7, _userState$user8, _userState$user9, _userState$user10, _userState$user11, _scheduleState$change, _userState$user12, _userState$user13, _userState$user14, _userState$user15, _userState$user16;
|
|
44
|
+
var _configs$allow_driver, _userState$user, _userState$user2, _userState$user3, _userState$user5, _userState$user7, _userState$user8, _userState$user9, _userState$user10, _userState$user11, _scheduleState$change, _userState$user12, _userState$user13, _userState$user14, _userState$user15, _userState$user16;
|
|
45
45
|
var isDriversPage = props.isDriversPage,
|
|
46
46
|
isDriversManagersPage = props.isDriversManagersPage,
|
|
47
47
|
userState = props.userState,
|
|
@@ -60,6 +60,9 @@ var UserDetailsUI = function UserDetailsUI(props) {
|
|
|
60
60
|
t = _useLanguage2[1];
|
|
61
61
|
var _useWindowSize = (0, _useWindowSize2.useWindowSize)(),
|
|
62
62
|
width = _useWindowSize.width;
|
|
63
|
+
var _useSession = (0, _orderingComponentsAdminExternal.useSession)(),
|
|
64
|
+
_useSession2 = _slicedToArray(_useSession, 1),
|
|
65
|
+
user = _useSession2[0].user;
|
|
63
66
|
var _useState = (0, _react.useState)('profile'),
|
|
64
67
|
_useState2 = _slicedToArray(_useState, 2),
|
|
65
68
|
currentMenuSelected = _useState2[0],
|
|
@@ -76,6 +79,10 @@ var UserDetailsUI = function UserDetailsUI(props) {
|
|
|
76
79
|
_useState8 = _slicedToArray(_useState7, 2),
|
|
77
80
|
isExpand = _useState8[0],
|
|
78
81
|
setIsExpand = _useState8[1];
|
|
82
|
+
var _useConfig = (0, _orderingComponentsAdminExternal.useConfig)(),
|
|
83
|
+
_useConfig2 = _slicedToArray(_useConfig, 1),
|
|
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;
|
|
79
86
|
var expandSidebar = function expandSidebar() {
|
|
80
87
|
var element = document.getElementById('user_lateral_bar');
|
|
81
88
|
if (!element) return;
|
|
@@ -164,8 +171,9 @@ var UserDetailsUI = function UserDetailsUI(props) {
|
|
|
164
171
|
}))), currentMenuSelected === 'schedule' && /*#__PURE__*/_react.default.createElement(_styles3.ScheduleSection, null, /*#__PURE__*/_react.default.createElement(_Shared.Schedule, {
|
|
165
172
|
isShowDate: !!isDriversPage,
|
|
166
173
|
scheduleList: userState === null || userState === void 0 || (_userState$user11 = userState.user) === null || _userState$user11 === void 0 ? void 0 : _userState$user11.schedule,
|
|
167
|
-
handleChangeScheduleState: handleScheduleState
|
|
168
|
-
|
|
174
|
+
handleChangeScheduleState: handleScheduleState,
|
|
175
|
+
disableSchedule: disableSchedule
|
|
176
|
+
}), !disableSchedule && /*#__PURE__*/_react.default.createElement(_styles2.ActionsForm, null, /*#__PURE__*/_react.default.createElement(_styles.Button, {
|
|
169
177
|
id: "form-btn",
|
|
170
178
|
color: "primary",
|
|
171
179
|
borderRadius: "5px",
|
|
@@ -45,7 +45,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
|
|
|
45
45
|
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; } }
|
|
46
46
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
47
47
|
var MessagesUI = function MessagesUI(props) {
|
|
48
|
-
var _order$business, _order$customer, _order$driver, _theme$images, _order$business6, _order$business7, _order$customer6, _order$customer7, _order$customer8, _order$driver6, _order$driver7, _order$driver8;
|
|
48
|
+
var _configs$change_order, _order$business, _order$customer, _order$driver, _theme$images, _order$business6, _order$business7, _order$customer6, _order$customer7, _order$customer8, _order$driver6, _order$driver7, _order$driver8;
|
|
49
49
|
var isChat = props.isChat,
|
|
50
50
|
order = props.order,
|
|
51
51
|
messages = props.messages,
|
|
@@ -119,6 +119,10 @@ var MessagesUI = function MessagesUI(props) {
|
|
|
119
119
|
setIsChatDisabled = _useState14[1];
|
|
120
120
|
var previousStatus = [1, 2, 5, 6, 10, 11, 12, 16, 17];
|
|
121
121
|
var chatDisabled = previousStatus.includes(order === null || order === void 0 ? void 0 : order.status);
|
|
122
|
+
var _useConfig = (0, _orderingComponentsAdminExternal.useConfig)(),
|
|
123
|
+
_useConfig2 = _slicedToArray(_useConfig, 1),
|
|
124
|
+
configs = _useConfig2[0].configs;
|
|
125
|
+
var showExternalId = (configs === null || configs === void 0 || (_configs$change_order = configs.change_order_id) === null || _configs$change_order === void 0 ? void 0 : _configs$change_order.value) === '1';
|
|
122
126
|
var adminMessageList = [{
|
|
123
127
|
key: 'message_1',
|
|
124
128
|
text: t('ADMIN_MESSAGE_1', 'admin_message_1')
|
|
@@ -337,7 +341,7 @@ var MessagesUI = function MessagesUI(props) {
|
|
|
337
341
|
}, /*#__PURE__*/_react.default.createElement(_styles.HeaderProfile, null, /*#__PURE__*/_react.default.createElement(_styles.WrapperHeader, {
|
|
338
342
|
messageDashboardView: messageDashboardView,
|
|
339
343
|
historyView: history
|
|
340
|
-
}, /*#__PURE__*/_react.default.createElement(_styles.HeaderInfo, null, isChat && /*#__PURE__*/_react.default.createElement(_styles.ChatHeader, null, /*#__PURE__*/_react.default.createElement(_styles.OrderNumber, null, t('INVOICE_ORDER_NO', 'Order No'), " ", order.id), /*#__PURE__*/_react.default.createElement(_styles.ImageContainer, null, (user === null || user === void 0 ? void 0 : user.level) !== 2 && /*#__PURE__*/_react.default.createElement(_Shared.Image, {
|
|
344
|
+
}, /*#__PURE__*/_react.default.createElement(_styles.HeaderInfo, null, isChat && /*#__PURE__*/_react.default.createElement(_styles.ChatHeader, null, /*#__PURE__*/_react.default.createElement(_styles.OrderNumber, null, t('INVOICE_ORDER_NO', 'Order No'), " ", showExternalId && !!(order !== null && order !== void 0 && order.external_id) ? order.external_id : order.id), /*#__PURE__*/_react.default.createElement(_styles.ImageContainer, null, (user === null || user === void 0 ? void 0 : user.level) !== 2 && /*#__PURE__*/_react.default.createElement(_Shared.Image, {
|
|
341
345
|
src: optimizeImage((_order$business = order.business) === null || _order$business === void 0 ? void 0 : _order$business.logo, 'h_40,c_limit'),
|
|
342
346
|
fallback: /*#__PURE__*/_react.default.createElement(_BisBusiness.default, null)
|
|
343
347
|
}), /*#__PURE__*/_react.default.createElement(_Shared.Image, {
|
|
@@ -30,7 +30,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
|
|
|
30
30
|
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; } }
|
|
31
31
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
32
32
|
var OrderContactInformation = function OrderContactInformation(props) {
|
|
33
|
-
var _configs$google_maps_, _order$business, _order$business2, _order$business3, _order$business4, _order$business5, _order$business6, _order$business7, _order$business8, _order$business9, _order$business10, _order$business11, _order$business12, _order$business13, _order$business14, _order$business15, _order$customer, _order$customer2, _order$customer3, _order$customer4, _order$customer5, _order$customer6, _order$customer7, _order$customer8, _order$customer9, _order$customer10, _order$customer11, _order$customer12, _order$customer13, _ref2, _customerInfoState$cu, _customerInfoState$cu2, _order$customer17, _ref3, _customerInfoState$cu3, _customerInfoState$cu4, _order$customer18, _order$customer$addre, _order$customer19, _configs$country_auto, _ref4, _customerInfoState$cu5, _customerInfoState$cu6, _order$customer20, _order$customer21, _order$customer22, _order$customer23, _order$customer24, _order$customer25, _order$customer26, _order$customer27, _order$customer28, _order$customer29, _order$customer30, _order$customer31, _order$customer32, _order$customer33, _order$customer34, _order$customer35, _order$customer36, _order$customer37, _order$customer38, _order$customer39, _order$customer40, _order$customer41, _order$customer42, _order$customer43, _order$customer44, _order$driver_company, _ref5, _commentInfoState$dri, _order$driver, _order$driver2, _order$driver3, _order$driver4, _order$driver5, _order$driver6, _order$driver7;
|
|
33
|
+
var _configs$google_maps_, _order$business, _order$business2, _order$business3, _order$business4, _order$business5, _order$business6, _order$business7, _order$business8, _order$business9, _order$business10, _order$business11, _order$business12, _order$business13, _order$business14, _order$business15, _order$customer, _order$customer2, _order$customer3, _order$customer4, _order$customer5, _order$customer6, _order$customer7, _order$customer8, _order$customer9, _order$customer10, _order$customer11, _order$customer12, _order$customer13, _ref2, _customerInfoState$cu, _customerInfoState$cu2, _order$customer17, _ref3, _customerInfoState$cu3, _customerInfoState$cu4, _order$customer18, _order$customer$addre, _order$customer19, _configs$country_auto, _ref4, _customerInfoState$cu5, _customerInfoState$cu6, _order$customer20, _order$customer21, _order$customer22, _order$customer23, _order$customer24, _order$customer25, _order$customer26, _order$customer27, _order$customer28, _order$customer29, _order$customer30, _order$customer31, _order$customer32, _order$customer33, _order$customer34, _order$customer35, _order$customer36, _order$customer37, _order$customer38, _order$customer39, _order$customer40, _order$customer41, _order$customer42, _order$customer43, _order$customer44, _order$driver_company, _ref5, _commentInfoState$dri, _order$driver, _order$external_drive, _order$driver2, _order$external_drive2, _order$driver3, _order$driver4, _order$driver5, _order$driver6, _order$driver7, _order$external_drive3, _order$external_drive4;
|
|
34
34
|
var order = props.order,
|
|
35
35
|
customerInfoState = props.customerInfoState,
|
|
36
36
|
handleChangeCustomerInfoState = props.handleChangeCustomerInfoState,
|
|
@@ -231,14 +231,19 @@ var OrderContactInformation = function OrderContactInformation(props) {
|
|
|
231
231
|
isOrderDrivers: true,
|
|
232
232
|
orderId: order === null || order === void 0 ? void 0 : order.id,
|
|
233
233
|
setCommentInfostate: setCommentInfostate
|
|
234
|
-
})), /*#__PURE__*/_react.default.createElement(_styles2.DriverInfoContainer, null, /*#__PURE__*/_react.default.createElement(_styles2.DriverInfo, null, /*#__PURE__*/_react.default.createElement(_styles2.PhotoWrapper, null, order !== null && order !== void 0 && (_order$driver = order.driver) !== null && _order$driver !== void 0 && _order$driver.photo ? /*#__PURE__*/_react.default.createElement(_styles2.Photo, {
|
|
235
|
-
bgimage: optimizeImage(order === null || order === void 0 || (_order$driver2 = order.driver) === null || _order$driver2 === void 0 ? void 0 : _order$driver2.photo, 'h_50,c_limit')
|
|
234
|
+
})), /*#__PURE__*/_react.default.createElement(_styles2.DriverInfoContainer, null, /*#__PURE__*/_react.default.createElement(_styles2.DriverInfo, null, /*#__PURE__*/_react.default.createElement(_styles2.PhotoWrapper, null, order !== null && order !== void 0 && (_order$driver = order.driver) !== null && _order$driver !== void 0 && _order$driver.photo || order !== null && order !== void 0 && (_order$external_drive = order.external_driver) !== null && _order$external_drive !== void 0 && _order$external_drive.photo ? /*#__PURE__*/_react.default.createElement(_styles2.Photo, {
|
|
235
|
+
bgimage: optimizeImage((order === null || order === void 0 || (_order$driver2 = order.driver) === null || _order$driver2 === void 0 ? void 0 : _order$driver2.photo) || (order === null || order === void 0 || (_order$external_drive2 = order.external_driver) === null || _order$external_drive2 === void 0 ? void 0 : _order$external_drive2.photo), 'h_50,c_limit')
|
|
236
236
|
}) : /*#__PURE__*/_react.default.createElement(_FaUserAlt.default, null)), order.driver_id ? /*#__PURE__*/_react.default.createElement(_styles2.InfoContent, null, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("p", null, order === null || order === void 0 || (_order$driver3 = order.driver) === null || _order$driver3 === void 0 ? void 0 : _order$driver3.name, " ", order === null || order === void 0 || (_order$driver4 = order.driver) === null || _order$driver4 === void 0 ? void 0 : _order$driver4.middle_name, " ", order === null || order === void 0 || (_order$driver5 = order.driver) === null || _order$driver5 === void 0 ? void 0 : _order$driver5.lastname, " ", order === null || order === void 0 || (_order$driver6 = order.driver) === null || _order$driver6 === void 0 ? void 0 : _order$driver6.second_lastname), (order === null || order === void 0 || (_order$driver7 = order.driver) === null || _order$driver7 === void 0 ? void 0 : _order$driver7.cellphone) && /*#__PURE__*/_react.default.createElement(_styles.IconButton, {
|
|
237
237
|
onClick: function onClick() {
|
|
238
238
|
var _order$driver8;
|
|
239
239
|
return window.open("tel:".concat(order === null || order === void 0 || (_order$driver8 = order.driver) === null || _order$driver8 === void 0 ? void 0 : _order$driver8.cellphone));
|
|
240
240
|
}
|
|
241
|
-
}, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Telephone, null))), /*#__PURE__*/_react.default.createElement("p", null, t('DRIVER', 'Driver'))) : /*#__PURE__*/_react.default.createElement(_styles2.InfoContent, null, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("p", null,
|
|
241
|
+
}, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Telephone, null))), /*#__PURE__*/_react.default.createElement("p", null, t('DRIVER', 'Driver'))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, order.external_driver_id ? /*#__PURE__*/_react.default.createElement(_styles2.InfoContent, null, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("p", null, order === null || order === void 0 || (_order$external_drive3 = order.external_driver) === null || _order$external_drive3 === void 0 ? void 0 : _order$external_drive3.name), (order === null || order === void 0 || (_order$external_drive4 = order.external_driver) === null || _order$external_drive4 === void 0 ? void 0 : _order$external_drive4.phone) && /*#__PURE__*/_react.default.createElement(_styles.IconButton, {
|
|
242
|
+
onClick: function onClick() {
|
|
243
|
+
var _order$external_drive5;
|
|
244
|
+
return window.open("tel:".concat(order === null || order === void 0 || (_order$external_drive5 = order.external_driver) === null || _order$external_drive5 === void 0 ? void 0 : _order$external_drive5.phone));
|
|
245
|
+
}
|
|
246
|
+
}, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Telephone, null))), /*#__PURE__*/_react.default.createElement("p", null, t('DRIVER', 'Driver'))) : /*#__PURE__*/_react.default.createElement(_styles2.InfoContent, null, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("p", null, t('NO_DRIVER', 'No driver')))))))), /*#__PURE__*/_react.default.createElement(_Shared.Modal, {
|
|
242
247
|
width: "700px",
|
|
243
248
|
open: isModalOpen,
|
|
244
249
|
onClose: function onClose() {
|
|
@@ -23,7 +23,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
|
|
|
23
23
|
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; } }
|
|
24
24
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
25
25
|
var OrderDetailsHeader = function OrderDetailsHeader(props) {
|
|
26
|
-
var _order$payment_events, _order$payment_events2, _order$paymethod, _order$paymethod2;
|
|
26
|
+
var _configs$change_order, _order$payment_events, _order$payment_events2, _order$paymethod, _order$paymethod2;
|
|
27
27
|
var order = props.order,
|
|
28
28
|
handleShowOption = props.handleShowOption,
|
|
29
29
|
actionSidebar = props.actionSidebar,
|
|
@@ -51,6 +51,10 @@ var OrderDetailsHeader = function OrderDetailsHeader(props) {
|
|
|
51
51
|
showPrinterOptions = _useState2[0],
|
|
52
52
|
setShowPrinterOptions = _useState2[1];
|
|
53
53
|
var dropdownReference = (0, _react.useRef)();
|
|
54
|
+
var _useConfig = (0, _orderingComponentsAdminExternal.useConfig)(),
|
|
55
|
+
_useConfig2 = _slicedToArray(_useConfig, 1),
|
|
56
|
+
configs = _useConfig2[0].configs;
|
|
57
|
+
var showExternalId = (configs === null || configs === void 0 || (_configs$change_order = configs.change_order_id) === null || _configs$change_order === void 0 ? void 0 : _configs$change_order.value) === '1';
|
|
54
58
|
var stripePaymethods = ['stripe', 'stripe_direct', 'stripe_connect', 'stripe_redirect'];
|
|
55
59
|
var walletName = {
|
|
56
60
|
cash: {
|
|
@@ -90,7 +94,7 @@ var OrderDetailsHeader = function OrderDetailsHeader(props) {
|
|
|
90
94
|
return document.removeEventListener('click', closeSelect);
|
|
91
95
|
};
|
|
92
96
|
}, [showPrinterOptions]);
|
|
93
|
-
return /*#__PURE__*/_react.default.createElement(_styles2.OrderDetailsHeaderContainer, null, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("h1", null, isServiceOrder ? t('APPOINTMENT_NO', 'Appointment No.') : t('INVOICE_ORDER_NO', 'Order No'), " ", order
|
|
97
|
+
return /*#__PURE__*/_react.default.createElement(_styles2.OrderDetailsHeaderContainer, null, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("h1", null, isServiceOrder ? t('APPOINTMENT_NO', 'Appointment No.') : t('INVOICE_ORDER_NO', 'Order No'), " ", showExternalId && !!(order !== null && order !== void 0 && order.external_id) ? order.external_id : order.id), /*#__PURE__*/_react.default.createElement(_styles2.ButtonGroup, null, (user === null || user === void 0 ? void 0 : user.level) !== 5 && /*#__PURE__*/_react.default.createElement(_styles.IconButton, {
|
|
94
98
|
color: "black",
|
|
95
99
|
active: openMessage === null || openMessage === void 0 ? void 0 : openMessage.chat,
|
|
96
100
|
onClick: function onClick() {
|
|
@@ -34,7 +34,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
|
|
|
34
34
|
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; } }
|
|
35
35
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
36
36
|
var OrdersCards = function OrdersCards(props) {
|
|
37
|
-
var _orderList$orders;
|
|
37
|
+
var _configState$configs, _orderList$orders;
|
|
38
38
|
var isMessagesView = props.isMessagesView,
|
|
39
39
|
orderList = props.orderList,
|
|
40
40
|
pagination = props.pagination,
|
|
@@ -70,6 +70,7 @@ var OrdersCards = function OrdersCards(props) {
|
|
|
70
70
|
_useState4 = _slicedToArray(_useState3, 2),
|
|
71
71
|
allowColumns = _useState4[0],
|
|
72
72
|
setAllowColumns = _useState4[1];
|
|
73
|
+
var showExternalId = (configState === null || configState === void 0 || (_configState$configs = configState.configs) === null || _configState$configs === void 0 || (_configState$configs = _configState$configs.change_order_id) === null || _configState$configs === void 0 ? void 0 : _configState$configs.value) === '1';
|
|
73
74
|
var handleChangePage = function handleChangePage(page) {
|
|
74
75
|
getPageOrders(pagination.pageSize, page);
|
|
75
76
|
};
|
|
@@ -219,8 +220,8 @@ var OrdersCards = function OrdersCards(props) {
|
|
|
219
220
|
}
|
|
220
221
|
}, [orderList === null || orderList === void 0 ? void 0 : orderList.orders]);
|
|
221
222
|
(0, _react.useEffect)(function () {
|
|
222
|
-
var _configState$
|
|
223
|
-
var slaSettings = (configState === null || configState === void 0 || (_configState$
|
|
223
|
+
var _configState$configs2;
|
|
224
|
+
var slaSettings = (configState === null || configState === void 0 || (_configState$configs2 = configState.configs) === null || _configState$configs2 === void 0 || (_configState$configs2 = _configState$configs2.order_deadlines_enabled) === null || _configState$configs2 === void 0 ? void 0 : _configState$configs2.value) === '1';
|
|
224
225
|
setAllowColumns(_objectSpread(_objectSpread({}, allowColumns), {}, {
|
|
225
226
|
timer: slaSettings,
|
|
226
227
|
slaBar: slaSettings
|
|
@@ -274,7 +275,7 @@ var OrdersCards = function OrdersCards(props) {
|
|
|
274
275
|
onClick: function onClick(e) {
|
|
275
276
|
return handleOrderClick(e, order);
|
|
276
277
|
}
|
|
277
|
-
}, /*#__PURE__*/_react.default.createElement(_styles.CardHeading, null, /*#__PURE__*/_react.default.createElement(_styles.OrderHeader, null, /*#__PURE__*/_react.default.createElement("h2", null, /*#__PURE__*/_react.default.createElement("span", null, t('INVOICE_ORDER_NO', 'Order No.'), " ", order
|
|
278
|
+
}, /*#__PURE__*/_react.default.createElement(_styles.CardHeading, null, /*#__PURE__*/_react.default.createElement(_styles.OrderHeader, null, /*#__PURE__*/_react.default.createElement("h2", null, /*#__PURE__*/_react.default.createElement("span", null, t('INVOICE_ORDER_NO', 'Order No.'), " ", showExternalId && !!(order !== null && order !== void 0 && order.external_id) ? order.external_id : order.id)), /*#__PURE__*/_react.default.createElement("p", null, (_getOrderStatus = getOrderStatus(order.status)) === null || _getOrderStatus === void 0 ? void 0 : _getOrderStatus.value), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("p", null, order !== null && order !== void 0 && order.delivery_datetime_utc ? parseDate(order === null || order === void 0 ? void 0 : order.delivery_datetime_utc) : parseDate(order === null || order === void 0 ? void 0 : order.delivery_datetime, {
|
|
278
279
|
utc: false
|
|
279
280
|
})), /*#__PURE__*/_react.default.createElement(_styles.ViewDetails, {
|
|
280
281
|
className: "view-details",
|
|
@@ -35,7 +35,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
|
|
|
35
35
|
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; } }
|
|
36
36
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
37
37
|
var OrdersTable = function OrdersTable(props) {
|
|
38
|
-
var _configState$configs, _orderList$orders3;
|
|
38
|
+
var _configState$configs, _configState$configs2, _orderList$orders3;
|
|
39
39
|
var hidePhoto = props.hidePhoto,
|
|
40
40
|
isSelectedOrders = props.isSelectedOrders,
|
|
41
41
|
orderList = props.orderList,
|
|
@@ -90,6 +90,7 @@ var OrdersTable = function OrdersTable(props) {
|
|
|
90
90
|
_useConfig2 = _slicedToArray(_useConfig, 1),
|
|
91
91
|
configState = _useConfig2[0];
|
|
92
92
|
var isEnabledRowInColor = (configState === null || configState === void 0 || (_configState$configs = configState.configs) === null || _configState$configs === void 0 || (_configState$configs = _configState$configs.row_in_color_enabled) === null || _configState$configs === void 0 ? void 0 : _configState$configs.value) === '1';
|
|
93
|
+
var showExternalId = (configState === null || configState === void 0 || (_configState$configs2 = configState.configs) === null || _configState$configs2 === void 0 || (_configState$configs2 = _configState$configs2.change_order_id) === null || _configState$configs2 === void 0 ? void 0 : _configState$configs2.value) === '1';
|
|
93
94
|
var optionsDefault = [{
|
|
94
95
|
value: 'status',
|
|
95
96
|
content: t('STATUS', 'Status')
|
|
@@ -412,7 +413,7 @@ var OrdersTable = function OrdersTable(props) {
|
|
|
412
413
|
return handleSelecteAllOrder();
|
|
413
414
|
},
|
|
414
415
|
className: "orderCheckBox"
|
|
415
|
-
}, !orderList.loading && isAllChecked ? /*#__PURE__*/_react.default.createElement(_RiCheckboxFill.default, null) : /*#__PURE__*/_react.default.createElement(_RiCheckboxBlankLine.default, null)), t('ORDER', 'Order')), column === _toConsumableArray(array).pop() && /*#__PURE__*/_react.default.createElement("th", {
|
|
416
|
+
}, !orderList.loading && isAllChecked ? /*#__PURE__*/_react.default.createElement(_RiCheckboxFill.default, null) : /*#__PURE__*/_react.default.createElement(_RiCheckboxBlankLine.default, null)), showExternalId ? t('DATE', 'Date') : t('ORDER', 'Order')), column === _toConsumableArray(array).pop() && /*#__PURE__*/_react.default.createElement("th", {
|
|
416
417
|
className: "orderPrice",
|
|
417
418
|
key: "noDragTh-".concat(i)
|
|
418
419
|
}, /*#__PURE__*/_react.default.createElement(_Shared.ColumnAllowSettingPopover, {
|
|
@@ -690,7 +691,7 @@ var OrdersTable = function OrdersTable(props) {
|
|
|
690
691
|
className: "orderCheckBox"
|
|
691
692
|
}, selectedOrderIds.includes(order === null || order === void 0 ? void 0 : order.id) ? /*#__PURE__*/_react.default.createElement(_RiCheckboxFill.default, null) : /*#__PURE__*/_react.default.createElement(_RiCheckboxBlankLine.default, null)), /*#__PURE__*/_react.default.createElement("div", {
|
|
692
693
|
className: "info"
|
|
693
|
-
}, (allowColumns === null || allowColumns === void 0 || (_allowColumns$orderNu5 = allowColumns.orderNumber) === null || _allowColumns$orderNu5 === void 0 ? void 0 : _allowColumns$orderNu5.visable) && /*#__PURE__*/_react.default.createElement("p", {
|
|
694
|
+
}, (allowColumns === null || allowColumns === void 0 || (_allowColumns$orderNu5 = allowColumns.orderNumber) === null || _allowColumns$orderNu5 === void 0 ? void 0 : _allowColumns$orderNu5.visable) && !showExternalId && /*#__PURE__*/_react.default.createElement("p", {
|
|
694
695
|
className: "bold"
|
|
695
696
|
}, t('INVOICE_ORDER_NO', 'Order No.'), " ", order === null || order === void 0 ? void 0 : order.id), (allowColumns === null || allowColumns === void 0 || (_allowColumns$dateTim5 = allowColumns.dateTime) === null || _allowColumns$dateTim5 === void 0 ? void 0 : _allowColumns$dateTim5.visable) && /*#__PURE__*/_react.default.createElement("p", {
|
|
696
697
|
className: "date"
|
|
@@ -44,7 +44,8 @@ var ScheduleUI = function ScheduleUI(props) {
|
|
|
44
44
|
cleanSelectedCopyDays = props.cleanSelectedCopyDays,
|
|
45
45
|
handleSelectCopyTimes = props.handleSelectCopyTimes,
|
|
46
46
|
handleApplyScheduleCopyTimes = props.handleApplyScheduleCopyTimes,
|
|
47
|
-
isShowDate = props.isShowDate
|
|
47
|
+
isShowDate = props.isShowDate,
|
|
48
|
+
disableSchedule = props.disableSchedule;
|
|
48
49
|
var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
|
|
49
50
|
_useLanguage2 = _slicedToArray(_useLanguage, 2),
|
|
50
51
|
t = _useLanguage2[1];
|
|
@@ -155,7 +156,7 @@ var ScheduleUI = function ScheduleUI(props) {
|
|
|
155
156
|
var _addScheduleTime$open, _addScheduleTime$open2, _addScheduleTime$open3, _addScheduleTime$open4, _addScheduleTime$open5, _addScheduleTime$open6, _addScheduleTime$clos, _addScheduleTime$clos2, _addScheduleTime$clos3, _addScheduleTime$clos4, _addScheduleTime$clos5, _addScheduleTime$clos6;
|
|
156
157
|
return /*#__PURE__*/_react.default.createElement(_styles2.TimeScheduleItemContainer, {
|
|
157
158
|
key: daysOfWeekIndex
|
|
158
|
-
}, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_styles.Checkbox, {
|
|
159
|
+
}, /*#__PURE__*/_react.default.createElement("div", null, !disableSchedule && /*#__PURE__*/_react.default.createElement(_styles.Checkbox, {
|
|
159
160
|
checked: schedule === null || schedule === void 0 ? void 0 : schedule.enabled,
|
|
160
161
|
onChange: function onChange(e) {
|
|
161
162
|
return handleEnabledSchedule(daysOfWeekIndex, e.target.checked);
|
|
@@ -168,7 +169,9 @@ var ScheduleUI = function ScheduleUI(props) {
|
|
|
168
169
|
var _lapse$open, _lapse$open2, _lapse$open3, _lapse$open4, _lapse$open5, _lapse$open6, _lapse$close, _lapse$close2, _lapse$close3, _lapse$close4, _lapse$close5, _lapse$close6;
|
|
169
170
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
170
171
|
key: index
|
|
171
|
-
}, /*#__PURE__*/_react.default.createElement(_styles2.SelectWrapper,
|
|
172
|
+
}, /*#__PURE__*/_react.default.createElement(_styles2.SelectWrapper, {
|
|
173
|
+
disabled: !disableSchedule
|
|
174
|
+
}, /*#__PURE__*/_react.default.createElement(_styles.SecondSelect, {
|
|
172
175
|
noSelected: true,
|
|
173
176
|
options: scheduleOptions,
|
|
174
177
|
defaultValue: (lapse === null || lapse === void 0 || (_lapse$open = lapse.open) === null || _lapse$open === void 0 ? void 0 : _lapse$open.hour) === 23 && (lapse === null || lapse === void 0 || (_lapse$open2 = lapse.open) === null || _lapse$open2 === void 0 ? void 0 : _lapse$open2.minute) === 59 ? "".concat(lapse === null || lapse === void 0 || (_lapse$open3 = lapse.open) === null || _lapse$open3 === void 0 ? void 0 : _lapse$open3.hour, ":").concat(lapse === null || lapse === void 0 || (_lapse$open4 = lapse.open) === null || _lapse$open4 === void 0 ? void 0 : _lapse$open4.minute) : "".concat(lapse === null || lapse === void 0 || (_lapse$open5 = lapse.open) === null || _lapse$open5 === void 0 ? void 0 : _lapse$open5.hour, ":").concat(parseInt((lapse === null || lapse === void 0 || (_lapse$open6 = lapse.open) === null || _lapse$open6 === void 0 ? void 0 : _lapse$open6.minute) / 15) * 15),
|
|
@@ -176,7 +179,9 @@ var ScheduleUI = function ScheduleUI(props) {
|
|
|
176
179
|
return handleChangeScheduleTime(val, daysOfWeekIndex, index, true);
|
|
177
180
|
},
|
|
178
181
|
optionInnerMaxHeight: "300px"
|
|
179
|
-
})), /*#__PURE__*/_react.default.createElement(_styles2.SplitLine, null), /*#__PURE__*/_react.default.createElement(_styles2.SelectWrapper,
|
|
182
|
+
})), /*#__PURE__*/_react.default.createElement(_styles2.SplitLine, null), /*#__PURE__*/_react.default.createElement(_styles2.SelectWrapper, {
|
|
183
|
+
disabled: !disableSchedule
|
|
184
|
+
}, /*#__PURE__*/_react.default.createElement(_styles.SecondSelect, {
|
|
180
185
|
noSelected: true,
|
|
181
186
|
options: scheduleOptions,
|
|
182
187
|
defaultValue: (lapse === null || lapse === void 0 || (_lapse$close = lapse.close) === null || _lapse$close === void 0 ? void 0 : _lapse$close.hour) === 23 && (lapse === null || lapse === void 0 || (_lapse$close2 = lapse.close) === null || _lapse$close2 === void 0 ? void 0 : _lapse$close2.minute) === 59 ? "".concat(lapse === null || lapse === void 0 || (_lapse$close3 = lapse.close) === null || _lapse$close3 === void 0 ? void 0 : _lapse$close3.hour, ":").concat(lapse === null || lapse === void 0 || (_lapse$close4 = lapse.close) === null || _lapse$close4 === void 0 ? void 0 : _lapse$close4.minute) : "".concat(lapse === null || lapse === void 0 || (_lapse$close5 = lapse.close) === null || _lapse$close5 === void 0 ? void 0 : _lapse$close5.hour, ":").concat(parseInt((lapse === null || lapse === void 0 || (_lapse$close6 = lapse.close) === null || _lapse$close6 === void 0 ? void 0 : _lapse$close6.minute) / 15) * 15),
|
|
@@ -186,7 +191,7 @@ var ScheduleUI = function ScheduleUI(props) {
|
|
|
186
191
|
optionInnerMaxHeight: "300px"
|
|
187
192
|
})), /*#__PURE__*/_react.default.createElement(_styles2.TrashIconWrapper, {
|
|
188
193
|
isHide: (schedule === null || schedule === void 0 ? void 0 : schedule.lapses.length) <= 1
|
|
189
|
-
}, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Trash, {
|
|
194
|
+
}, !disableSchedule && /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Trash, {
|
|
190
195
|
onClick: function onClick() {
|
|
191
196
|
return onClickDelete(daysOfWeekIndex, index);
|
|
192
197
|
}
|
|
@@ -215,7 +220,7 @@ var ScheduleUI = function ScheduleUI(props) {
|
|
|
215
220
|
onClick: function onClick() {
|
|
216
221
|
return handleOpenAddSchedule(null);
|
|
217
222
|
}
|
|
218
|
-
})))) : /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("p", null, t('UNAVAILABLE', 'Unavailable'))), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_styles2.IconWrapper, {
|
|
223
|
+
})))) : /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("p", null, t('UNAVAILABLE', 'Unavailable'))), !disableSchedule && /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_styles2.IconWrapper, {
|
|
219
224
|
isHide: !(schedule !== null && schedule !== void 0 && schedule.enabled)
|
|
220
225
|
}, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.PlusSquare, {
|
|
221
226
|
onClick: function onClick() {
|