ordering-ui-admin-external 1.43.54 → 1.43.56

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 (19) hide show
  1. package/_bundles/{ordering-ui-admin.29d9fb7b8d8bbd05195a.js → ordering-ui-admin.630caf46d37ee75b00b8.js} +2 -2
  2. package/_modules/components/Delivery/DriversAdvancedLogs/index.js +101 -0
  3. package/_modules/components/Delivery/DriversAdvancedLogs/styles.js +66 -0
  4. package/_modules/components/Delivery/UserDetails/index.js +9 -5
  5. package/_modules/components/Delivery/UserDetailsMenu/index.js +3 -0
  6. package/_modules/components/Delivery/index.js +7 -0
  7. package/_modules/components/Orders/OrdersExportCSV/index.js +35 -2
  8. package/_modules/components/Orders/OrdersExportCSV/styles.js +8 -5
  9. package/_modules/index.js +6 -0
  10. package/package.json +2 -2
  11. package/src/components/Delivery/DriversAdvancedLogs/index.js +156 -0
  12. package/src/components/Delivery/DriversAdvancedLogs/styles.js +186 -0
  13. package/src/components/Delivery/UserDetails/index.js +7 -0
  14. package/src/components/Delivery/UserDetailsMenu/index.js +1 -0
  15. package/src/components/Delivery/index.js +2 -0
  16. package/src/components/Orders/OrdersExportCSV/index.js +25 -2
  17. package/src/components/Orders/OrdersExportCSV/styles.js +5 -1
  18. package/src/index.js +2 -0
  19. /package/_bundles/{ordering-ui-admin.29d9fb7b8d8bbd05195a.js.LICENSE.txt → ordering-ui-admin.630caf46d37ee75b00b8.js.LICENSE.txt} +0 -0
package/_modules/components/Delivery/DriversAdvancedLogs/index.js ADDED
@@ -0,0 +1,101 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.DriversAdvancedLogsUI = exports.DriversAdvancedLogs = void 0;
7
+ var _react = _interopRequireWildcard(require("react"));
8
+ var _orderingComponentsAdminExternal = require("ordering-components-admin-external");
9
+ var _reactLoadingSkeleton = _interopRequireDefault(require("react-loading-skeleton"));
10
+ var _Shared = require("../../Shared");
11
+ var _utils = require("../../../utils");
12
+ var _styles = require("./styles");
13
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
14
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
15
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
16
+ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
17
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
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; }
19
+ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
20
+ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
21
+ function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
22
+ function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
23
+ function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
24
+ function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
25
+ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
26
+ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
27
+ 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."); }
28
+ 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); }
29
+ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
30
+ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
31
+ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
32
+ var DriversAdvancedLogsUI = exports.DriversAdvancedLogsUI = function DriversAdvancedLogsUI(props) {
33
+ var _logsList$logs;
34
+ var logsList = props.logsList,
35
+ paginationProps = props.paginationProps,
36
+ getDriversAdvancedLogs = props.getDriversAdvancedLogs,
37
+ actionDisabled = props.actionDisabled;
38
+ var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
39
+ _useLanguage2 = _slicedToArray(_useLanguage, 2),
40
+ t = _useLanguage2[1];
41
+ var _useUtils = (0, _orderingComponentsAdminExternal.useUtils)(),
42
+ _useUtils2 = _slicedToArray(_useUtils, 1),
43
+ parseDate = _useUtils2[0].parseDate;
44
+ var handleChangePage = function handleChangePage(page) {
45
+ getDriversAdvancedLogs(page, 10);
46
+ };
47
+ var handleChangePageSize = function handleChangePageSize(pageSize) {
48
+ var expectedPage = Math.ceil(paginationProps.from / pageSize);
49
+ getDriversAdvancedLogs(expectedPage, pageSize);
50
+ };
51
+ var getValidLogData = function getValidLogData(data) {
52
+ return _typeof(data) === 'object' ? Object.values(data) : typeof data === 'string' ? JSON.parse(data) : data;
53
+ };
54
+ (0, _react.useEffect)(function () {
55
+ if (logsList.loading || logsList.logs.length > 0 || paginationProps.totalPages <= 1) return;
56
+ if (paginationProps.currentPage !== paginationProps.totalPages) {
57
+ handleChangePage(paginationProps.currentPage);
58
+ } else {
59
+ handleChangePage(paginationProps.currentPage - 1);
60
+ }
61
+ }, [logsList.logs, paginationProps]);
62
+ return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles.DriversAdvacedLogsContainer, {
63
+ disabled: actionDisabled
64
+ }, /*#__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('EVENTS_TYPE', 'Events type')), /*#__PURE__*/_react.default.createElement("th", null, t('DETAILS', 'Details')), /*#__PURE__*/_react.default.createElement("th", null, t('EXPORT_DATE', 'Date')))), logsList.loading ? _toConsumableArray(Array(10).keys()).map(function (i) {
65
+ return /*#__PURE__*/_react.default.createElement("tbody", {
66
+ key: i
67
+ }, /*#__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, {
68
+ width: 100
69
+ })), /*#__PURE__*/_react.default.createElement("p", null, /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, {
70
+ width: 120
71
+ })))), /*#__PURE__*/_react.default.createElement("td", null, /*#__PURE__*/_react.default.createElement(_styles.DataListTable, null, /*#__PURE__*/_react.default.createElement("tbody", null, /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", null, /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, {
72
+ width: 100
73
+ })), /*#__PURE__*/_react.default.createElement("td", null, /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, {
74
+ width: 20
75
+ })), /*#__PURE__*/_react.default.createElement("td", null, /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, {
76
+ width: 20
77
+ })))))), /*#__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))));
78
+ }) : !logsList.error && ((_logsList$logs = logsList.logs) === null || _logsList$logs === void 0 ? void 0 : _logsList$logs.map(function (log) {
79
+ return /*#__PURE__*/_react.default.createElement("tbody", {
80
+ key: log.id
81
+ }, /*#__PURE__*/_react.default.createElement("tr", null, /*#__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) {
82
+ return /*#__PURE__*/_react.default.createElement("tbody", {
83
+ key: i
84
+ }, /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", null, JSON.stringify((0, _utils.getAttributeName)(item)))));
85
+ }))), /*#__PURE__*/_react.default.createElement("td", null, /*#__PURE__*/_react.default.createElement(_styles.DateTimeWrapper, null, parseDate(log.created_at, {
86
+ utc: false
87
+ })))));
88
+ }))) : /*#__PURE__*/_react.default.createElement(_styles.NoData, null, t('NO_DATA', 'No Data'))), (logsList === null || logsList === void 0 ? void 0 : logsList.logs.length) > 0 && /*#__PURE__*/_react.default.createElement(_styles.WrapperPagination, null, /*#__PURE__*/_react.default.createElement(_Shared.Pagination, {
89
+ isHidePagecontrol: true,
90
+ currentPage: paginationProps.currentPage,
91
+ totalPages: paginationProps.totalPages,
92
+ handleChangePage: handleChangePage,
93
+ handleChangePageSize: handleChangePageSize
94
+ }))));
95
+ };
96
+ var DriversAdvancedLogs = exports.DriversAdvancedLogs = function DriversAdvancedLogs(props) {
97
+ var driversGroupLogsProps = _objectSpread(_objectSpread({}, props), {}, {
98
+ UIComponent: DriversAdvancedLogsUI
99
+ });
100
+ return /*#__PURE__*/_react.default.createElement(_orderingComponentsAdminExternal.DriversAdvancedLogs, driversGroupLogsProps);
101
+ };
package/_modules/components/Delivery/DriversAdvancedLogs/styles.js ADDED
@@ -0,0 +1,66 @@
1
+ "use strict";
2
+
3
+ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ exports.WrapperPagination = exports.UserInfoContainer = exports.TableWrapper = exports.Table = exports.SeeChanges = exports.NoData = exports.EventTypeContainer = exports.DriversAdvacedLogsContainer = exports.DateTimeWrapper = exports.DataListTable = void 0;
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;
10
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
11
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
12
+ function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
13
+ var DriversAdvacedLogsContainer = exports.DriversAdvacedLogsContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n height: calc(100% - 180px);\n ", "\n"])), function (_ref) {
14
+ var disabled = _ref.disabled;
15
+ return disabled && (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n opacity: 0.7;\n pointer-events: none;\n "])));
16
+ });
17
+ var TableWrapper = exports.TableWrapper = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n overflow: auto;\n height: 100%;\n"])));
18
+ var SeeChanges = exports.SeeChanges = _styledComponents.default.span(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n color: ", ";\n cursor: pointer;\n &:hover {\n text-decoration: underline;\n }\n"])), function (props) {
19
+ return props.theme.colors.primary;
20
+ });
21
+ var Table = exports.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(2) {\n width: 10%;\n padding-left: 15px;\n padding-right: 15px;\n }\n &:nth-child(3) {\n width: 15%;\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(2) {\n width: 10%;\n padding-left: 15px;\n padding-right: 15px;\n }\n &:nth-child(3) {\n width: 15%;\n padding-left: 15px;\n padding-right: 15px;\n }\n &:nth-child(4) {\n ", "\n box-sizing: border-box;\n }\n }\n }\n"])), function (props) {
22
+ var _props$theme$colors;
23
+ return (_props$theme$colors = props.theme.colors) === null || _props$theme$colors === void 0 ? void 0 : _props$theme$colors.headingColor;
24
+ }, function (props) {
25
+ return props.theme.colors.disabled;
26
+ }, function (props) {
27
+ var _props$theme;
28
+ 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 "])));
29
+ }, function (props) {
30
+ var _props$theme2;
31
+ 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 "])));
32
+ }, function (props) {
33
+ return props.theme.colors.borderColor;
34
+ }, function (props) {
35
+ var _props$theme3;
36
+ 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 "])));
37
+ }, function (props) {
38
+ var _props$theme4;
39
+ 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 "])));
40
+ });
41
+ var UserInfoContainer = exports.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
+ return props.theme.colors.lightGray;
43
+ }, function (props) {
44
+ return props.theme.colors.headingColor;
45
+ });
46
+ var DateTimeWrapper = exports.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) {
47
+ var _props$theme5;
48
+ 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) {
49
+ return props.theme.colors.borderColor;
50
+ }) : (0, _styledComponents.css)(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n padding-right: 15px;\n margin-right: 15px;\n border-right: 1px solid ", ";\n "])), function (props) {
51
+ return props.theme.colors.borderColor;
52
+ });
53
+ });
54
+ var NoData = exports.NoData = _styledComponents.default.div(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n font-size: 16px;\n"])));
55
+ var WrapperPagination = exports.WrapperPagination = _styledComponents.default.div(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n padding: 20px 0;\n"])));
56
+ var DataListTable = exports.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) {
57
+ return props.theme.colors.borderColor;
58
+ }, function (props) {
59
+ var _props$theme6;
60
+ 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 "])));
61
+ });
62
+ var EventTypeContainer = exports.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) {
63
+ return props.theme.colors.borderColor;
64
+ }, function (props) {
65
+ return props.theme.colors.borderColor;
66
+ });
package/_modules/components/Delivery/UserDetails/index.js CHANGED
@@ -20,6 +20,7 @@ var _Users = require("../../Users");
20
20
  var _DriversLogs = require("../DriversLogs");
21
21
  var _DriversGroupLogs = require("../DriversGroupLogs");
22
22
  var _DriverGroupSetting = require("../DriverGroupSetting");
23
+ var _DriversAdvancedLogs = require("../DriversAdvancedLogs");
23
24
  var _reactBootstrapIcons = require("react-bootstrap-icons");
24
25
  var _styles = require("../../../styles");
25
26
  var _styles2 = require("../UserFormDetails/styles");
@@ -41,7 +42,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
41
42
  function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
42
43
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
43
44
  var UserDetailsUI = exports.UserDetailsUI = function UserDetailsUI(props) {
44
- var _configs$allow_driver, _configs$white_label_, _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
+ var _configs$allow_driver, _configs$white_label_, _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, _userState$user17;
45
46
  var isDriversPage = props.isDriversPage,
46
47
  isDriversManagersPage = props.isDriversManagersPage,
47
48
  userState = props.userState,
@@ -189,13 +190,16 @@ var UserDetailsUI = exports.UserDetailsUI = function UserDetailsUI(props) {
189
190
  }, scheduleState.loading ? t('UPDATING', 'Updating...') : t('UPDATE', 'Update')))), currentMenuSelected === 'logs' && /*#__PURE__*/_react.default.createElement(_DriversLogs.DriversLogs, {
190
191
  userId: (_userState$user12 = userState.user) === null || _userState$user12 === void 0 ? void 0 : _userState$user12.id,
191
192
  UIComponent: _DriversGroupLogs.DriversGroupLogsUI
193
+ }), currentMenuSelected === 'advanced_logs' && /*#__PURE__*/_react.default.createElement(_DriversAdvancedLogs.DriversAdvancedLogs, {
194
+ userId: (_userState$user13 = userState.user) === null || _userState$user13 === void 0 ? void 0 : _userState$user13.id,
195
+ UIComponent: _DriversGroupLogs.DriversGroupLogsUI
192
196
  }), currentMenuSelected === 'orders' && /*#__PURE__*/_react.default.createElement(_OrdersManager.OrdersManager, {
193
197
  isSelectedOrders: true,
194
- customerId: (_userState$user13 = userState.user) === null || _userState$user13 === void 0 ? void 0 : _userState$user13.id,
198
+ customerId: (_userState$user14 = userState.user) === null || _userState$user14 === void 0 ? void 0 : _userState$user14.id,
195
199
  handleCustomOrderDetail: setExtraOpen
196
200
  }), currentMenuSelected === 'push_tokens' && /*#__PURE__*/_react.default.createElement(_Shared.PushTokens, {
197
- userId: userState === null || userState === void 0 || (_userState$user14 = userState.user) === null || _userState$user14 === void 0 ? void 0 : _userState$user14.id,
198
- pushTokens: (userState === null || userState === void 0 || (_userState$user15 = userState.user) === null || _userState$user15 === void 0 ? void 0 : _userState$user15.push_tokens) || []
201
+ userId: userState === null || userState === void 0 || (_userState$user15 = userState.user) === null || _userState$user15 === void 0 ? void 0 : _userState$user15.id,
202
+ pushTokens: (userState === null || userState === void 0 || (_userState$user16 = userState.user) === null || _userState$user16 === void 0 ? void 0 : _userState$user16.push_tokens) || []
199
203
  })), /*#__PURE__*/_react.default.createElement(_Shared.Modal, {
200
204
  width: "700px",
201
205
  height: "80vh",
@@ -206,7 +210,7 @@ var UserDetailsUI = exports.UserDetailsUI = function UserDetailsUI(props) {
206
210
  return setIsCustomField(false);
207
211
  }
208
212
  }, /*#__PURE__*/_react.default.createElement(_Users.UserMetaFields, {
209
- userId: (_userState$user16 = userState.user) === null || _userState$user16 === void 0 ? void 0 : _userState$user16.id
213
+ userId: (_userState$user17 = userState.user) === null || _userState$user17 === void 0 ? void 0 : _userState$user17.id
210
214
  })), /*#__PURE__*/_react.default.createElement(_Shared.Modal, {
211
215
  width: "700px",
212
216
  height: "80vh",
package/_modules/components/Delivery/UserDetailsMenu/index.js CHANGED
@@ -37,6 +37,9 @@ var UserDetailsMenu = exports.UserDetailsMenu = function UserDetailsMenu(props)
37
37
  }, {
38
38
  key: 'logs',
39
39
  content: t('LOGS', 'Logs')
40
+ }, {
41
+ key: 'advanced_logs',
42
+ content: t('ADVANCED_LOGS', 'Advanced logs')
40
43
  }, {
41
44
  key: 'push_tokens',
42
45
  content: t('PUSH_TOKENS', 'Push tokens')
package/_modules/components/Delivery/index.js CHANGED
@@ -27,6 +27,12 @@ Object.defineProperty(exports, "DriverGroupSetting", {
27
27
  return _DriverGroupSetting.DriverGroupSetting;
28
28
  }
29
29
  });
30
+ Object.defineProperty(exports, "DriversAdvancedLogs", {
31
+ enumerable: true,
32
+ get: function get() {
33
+ return _DriversAdvancedLogs.DriversAdvancedLogs;
34
+ }
35
+ });
30
36
  Object.defineProperty(exports, "DriversCompaniesList", {
31
37
  enumerable: true,
32
38
  get: function get() {
@@ -178,6 +184,7 @@ var _DriversGroupBusinesses = require("./DriversGroupBusinesses");
178
184
  var _DriversGroupPaymethods = require("./DriversGroupPaymethods");
179
185
  var _DriversGroupLogistics = require("./DriversGroupLogistics");
180
186
  var _DriversGroupLogs = require("./DriversGroupLogs");
187
+ var _DriversAdvancedLogs = require("./DriversAdvancedLogs");
181
188
  var _DriversGroupCompanies = require("./DriversGroupCompanies");
182
189
  var _DriversGroupDrivers = require("./DriversGroupDrivers");
183
190
  var _DriversGroupOrders = require("./DriversGroupOrders");
package/_modules/components/Orders/OrdersExportCSV/index.js CHANGED
@@ -42,6 +42,13 @@ var ExportCSVUI = function ExportCSVUI(props) {
42
42
  _useState4 = _slicedToArray(_useState3, 2),
43
43
  modalOpen = _useState4[0],
44
44
  setModalOpen = _useState4[1];
45
+ var _useState5 = (0, _react.useState)({
46
+ open: false,
47
+ content: []
48
+ }),
49
+ _useState6 = _slicedToArray(_useState5, 2),
50
+ alertState = _useState6[0],
51
+ setAlertState = _useState6[1];
45
52
  var handleExportAll = function handleExportAll() {
46
53
  setPopoverOpen(false);
47
54
  getCSV(false);
@@ -53,6 +60,12 @@ var ExportCSVUI = function ExportCSVUI(props) {
53
60
  var closePopover = function closePopover() {
54
61
  setPopoverOpen(false);
55
62
  };
63
+ var closeAlert = function closeAlert() {
64
+ setAlertState({
65
+ open: false,
66
+ content: []
67
+ });
68
+ };
56
69
  (0, _react.useEffect)(function () {
57
70
  if (!popoverOpen) return;
58
71
  document.addEventListener('click', closePopover);
@@ -61,6 +74,12 @@ var ExportCSVUI = function ExportCSVUI(props) {
61
74
  };
62
75
  }, [popoverOpen]);
63
76
  (0, _react.useEffect)(function () {
77
+ if (actionStatus !== null && actionStatus !== void 0 && actionStatus.error) {
78
+ setAlertState({
79
+ open: true,
80
+ content: actionStatus === null || actionStatus === void 0 ? void 0 : actionStatus.error
81
+ });
82
+ }
64
83
  if (!(actionStatus !== null && actionStatus !== void 0 && actionStatus.result) || actionStatus !== null && actionStatus !== void 0 && actionStatus.error) return;
65
84
  setModalOpen(true);
66
85
  }, [actionStatus]);
@@ -71,7 +90,9 @@ var ExportCSVUI = function ExportCSVUI(props) {
71
90
  onClick: function onClick() {
72
91
  return setPopoverOpen(!popoverOpen);
73
92
  }
74
- }, width > 600 && t('CSV', 'CSV'), /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Download, null)), popoverOpen && /*#__PURE__*/_react.default.createElement(_styles2.PopoverContainer, null, /*#__PURE__*/_react.default.createElement(_styles2.Item, {
93
+ }, width > 600 && t('CSV', 'CSV'), /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Download, null)), popoverOpen && /*#__PURE__*/_react.default.createElement(_styles2.PopoverContainer, {
94
+ disabled: actionStatus.loading
95
+ }, /*#__PURE__*/_react.default.createElement(_styles2.Item, {
75
96
  onClick: function onClick() {
76
97
  return handleExportAll();
77
98
  }
@@ -98,7 +119,19 @@ var ExportCSVUI = function ExportCSVUI(props) {
98
119
  onClick: function onClick() {
99
120
  return setModalOpen(false);
100
121
  }
101
- }, t('OK', 'OK')))));
122
+ }, t('OK', 'OK')))), /*#__PURE__*/_react.default.createElement(_Shared.Alert, {
123
+ title: t('CSV_ORDERS', 'Csv orders'),
124
+ content: alertState === null || alertState === void 0 ? void 0 : alertState.content,
125
+ acceptText: t('ACCEPT', 'Accept'),
126
+ open: alertState === null || alertState === void 0 ? void 0 : alertState.open,
127
+ onClose: function onClose() {
128
+ return closeAlert();
129
+ },
130
+ onAccept: function onAccept() {
131
+ return closeAlert();
132
+ },
133
+ closeOnBackdrop: false
134
+ }));
102
135
  };
103
136
  var OrdersExportCSV = exports.OrdersExportCSV = function OrdersExportCSV(props) {
104
137
  var ExportCSVControlProps = _objectSpread(_objectSpread({}, props), {}, {
package/_modules/components/Orders/OrdersExportCSV/styles.js CHANGED
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
6
6
  });
7
7
  exports.PopoverContainer = exports.Item = exports.ExportContainer = exports.ExportCSVResult = exports.ErrorMessage = void 0;
8
8
  var _styledComponents = _interopRequireWildcard(require("styled-components"));
9
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
9
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12;
10
10
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
11
11
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
12
12
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
@@ -17,19 +17,22 @@ var ExportContainer = exports.ExportContainer = _styledComponents.default.div(_t
17
17
  var _props$theme2;
18
18
  return (_props$theme2 = props.theme) !== null && _props$theme2 !== void 0 && _props$theme2.rtl ? (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n margin-right: 5px;\n "]))) : (0, _styledComponents.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n margin-left: 5px;\n "])));
19
19
  });
20
- var PopoverContainer = exports.PopoverContainer = _styledComponents.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n position: absolute;\n margin-top: 5px;\n padding: 5px 0;\n background: ", ";\n box-shadow: 0 6px 12px rgba(0,0,0,.175);\n z-index: 110;\n\n ", "\n"])), function (props) {
20
+ var PopoverContainer = exports.PopoverContainer = _styledComponents.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n position: absolute;\n margin-top: 5px;\n padding: 5px 0;\n background: ", ";\n box-shadow: 0 6px 12px rgba(0,0,0,.175);\n z-index: 1100;\n\n ", "\n\n ", "\n"])), function (props) {
21
21
  var _props$theme$colors;
22
22
  return ((_props$theme$colors = props.theme.colors) === null || _props$theme$colors === void 0 ? void 0 : _props$theme$colors.backgroundPage) || '#FFF';
23
23
  }, function (props) {
24
24
  var _props$theme3;
25
25
  return (_props$theme3 = props.theme) !== null && _props$theme3 !== void 0 && _props$theme3.rtl ? (0, _styledComponents.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n left: 14px;\n "]))) : (0, _styledComponents.css)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n right: 14px;\n "])));
26
+ }, function (_ref) {
27
+ var disabled = _ref.disabled;
28
+ return disabled && (0, _styledComponents.css)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n pointer-events: none;\n "])));
26
29
  });
27
- var Item = exports.Item = _styledComponents.default.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n padding: 3px 20px;\n white-space: nowrap;\n cursor: pointer;\n &:hover {\n background-color: #F2F2F2;\n }\n"])));
28
- var ExportCSVResult = exports.ExportCSVResult = _styledComponents.default.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n align-items: center;\n\n h1 {\n font-size: 24px;\n color: ", ";\n }\n\n button {\n width: 100%;\n padding-top: 5px;\n padding-bottom: 5px;\n margin-top: 20px;\n }\n"])), function (props) {
30
+ var Item = exports.Item = _styledComponents.default.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n padding: 3px 20px;\n white-space: nowrap;\n cursor: pointer;\n &:hover {\n background-color: #F2F2F2;\n }\n"])));
31
+ var ExportCSVResult = exports.ExportCSVResult = _styledComponents.default.div(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n align-items: center;\n\n h1 {\n font-size: 24px;\n color: ", ";\n }\n\n button {\n width: 100%;\n padding-top: 5px;\n padding-bottom: 5px;\n margin-top: 20px;\n }\n"])), function (props) {
29
32
  var _props$theme$colors2;
30
33
  return (_props$theme$colors2 = props.theme.colors) === null || _props$theme$colors2 === void 0 ? void 0 : _props$theme$colors2.headingColor;
31
34
  });
32
- var ErrorMessage = exports.ErrorMessage = _styledComponents.default.p(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n text-align: center;\n margin: 5px 0;\n color: ", ";\n"])), function (props) {
35
+ var ErrorMessage = exports.ErrorMessage = _styledComponents.default.p(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n text-align: center;\n margin: 5px 0;\n color: ", ";\n"])), function (props) {
33
36
  var _props$theme$colors3;
34
37
  return (_props$theme$colors3 = props.theme.colors) === null || _props$theme$colors3 === void 0 ? void 0 : _props$theme$colors3.headingColor;
35
38
  });
package/_modules/index.js CHANGED
@@ -909,6 +909,12 @@ Object.defineProperty(exports, "DriverSelector", {
909
909
  return _Orders.DriverSelector;
910
910
  }
911
911
  });
912
+ Object.defineProperty(exports, "DriversAdvancedLogs", {
913
+ enumerable: true,
914
+ get: function get() {
915
+ return _Delivery.DriversAdvancedLogs;
916
+ }
917
+ });
912
918
  Object.defineProperty(exports, "DriversBusyStatusFilter", {
913
919
  enumerable: true,
914
920
  get: function get() {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ordering-ui-admin-external",
3
- "version": "1.43.54",
3
+ "version": "1.43.56",
4
4
  "description": "Ordering UI Admin Components",
5
5
  "main": "./_modules/index.js",
6
6
  "exports": {
@@ -83,7 +83,7 @@
83
83
  "lodash": "^4.17.20",
84
84
  "moment": "^2.29.1",
85
85
  "moment-range": "^4.0.2",
86
- "ordering-components-admin-external": "1.43.35",
86
+ "ordering-components-admin-external": "1.43.37",
87
87
  "polished": "^3.6.7",
88
88
  "prop-types": "^15.7.2",
89
89
  "react-big-calendar": "^1.4.2",
package/src/components/Delivery/DriversAdvancedLogs/index.js ADDED
@@ -0,0 +1,156 @@
1
+ import React, { useEffect } from 'react'
2
+ import { useLanguage, useUtils, DriversAdvancedLogs as DriversAdvancedLogsController } from 'ordering-components-admin-external'
3
+ import Skeleton from 'react-loading-skeleton'
4
+ import { Pagination } from '../../Shared'
5
+ import { getAttributeName } from '../../../utils'
6
+ import {
7
+ DriversAdvacedLogsContainer,
8
+ TableWrapper,
9
+ Table,
10
+ UserInfoContainer,
11
+ DateTimeWrapper,
12
+ NoData,
13
+ WrapperPagination,
14
+ DataListTable,
15
+ EventTypeContainer
16
+ } from './styles'
17
+
18
+ export const DriversAdvancedLogsUI = (props) => {
19
+ const {
20
+ logsList,
21
+ paginationProps,
22
+ getDriversAdvancedLogs,
23
+ actionDisabled
24
+ } = props
25
+
26
+ const [, t] = useLanguage()
27
+ const [{ parseDate }] = useUtils()
28
+
29
+ const handleChangePage = (page) => {
30
+ getDriversAdvancedLogs(page, 10)
31
+ }
32
+
33
+ const handleChangePageSize = (pageSize) => {
34
+ const expectedPage = Math.ceil(paginationProps.from / pageSize)
35
+ getDriversAdvancedLogs(expectedPage, pageSize)
36
+ }
37
+
38
+ const getValidLogData = (data) => {
39
+ return typeof data === 'object'
40
+ ? Object.values(data)
41
+ : typeof data === 'string' ? JSON.parse(data) : data
42
+ }
43
+
44
+ useEffect(() => {
45
+ if (logsList.loading || logsList.logs.length > 0 || paginationProps.totalPages <= 1) return
46
+ if (paginationProps.currentPage !== paginationProps.totalPages) {
47
+ handleChangePage(paginationProps.currentPage)
48
+ } else {
49
+ handleChangePage(paginationProps.currentPage - 1)
50
+ }
51
+ }, [logsList.logs, paginationProps])
52
+
53
+ return (
54
+ <>
55
+ <DriversAdvacedLogsContainer
56
+ disabled={actionDisabled}
57
+ >
58
+ <TableWrapper>
59
+ {(logsList.loading || logsList.logs.length > 0) ? (
60
+ <Table>
61
+ <thead>
62
+ <tr>
63
+ <th>{t('EVENTS_TYPE', 'Events type')}</th>
64
+ <th>{t('DETAILS', 'Details')}</th>
65
+ <th>{t('EXPORT_DATE', 'Date')}</th>
66
+ </tr>
67
+ </thead>
68
+ {logsList.loading ? (
69
+ [...Array(10).keys()].map(i => (
70
+ <tbody key={i}>
71
+ <tr>
72
+ <td>
73
+ <UserInfoContainer>
74
+ <p><Skeleton width={100} /></p>
75
+ <p><Skeleton width={120} /></p>
76
+ </UserInfoContainer>
77
+ </td>
78
+ <td>
79
+ <DataListTable>
80
+ <tbody>
81
+ <tr>
82
+ <td><Skeleton width={100} /></td>
83
+ <td><Skeleton width={20} /></td>
84
+ <td><Skeleton width={20} /></td>
85
+ </tr>
86
+ </tbody>
87
+ </DataListTable>
88
+ </td>
89
+ <td>
90
+ <DateTimeWrapper>
91
+ <Skeleton />
92
+ </DateTimeWrapper>
93
+ </td>
94
+ <td>
95
+ <Skeleton />
96
+ </td>
97
+ </tr>
98
+ </tbody>
99
+ ))
100
+ ) : (
101
+ !logsList.error && logsList.logs?.map(log => (
102
+ <tbody key={log.id}>
103
+ <tr>
104
+ <td>
105
+ <EventTypeContainer>
106
+ <p>{t((log?.event || '').toUpperCase())}</p>
107
+ </EventTypeContainer>
108
+ </td>
109
+ <td>
110
+ <DataListTable>
111
+ {log?.data && getValidLogData(log?.data).map((item, i) => (
112
+ <tbody key={i}>
113
+ <tr>
114
+ <td>{JSON.stringify(getAttributeName(item))}</td>
115
+ </tr>
116
+ </tbody>
117
+ ))}
118
+ </DataListTable>
119
+ </td>
120
+ <td>
121
+ <DateTimeWrapper>
122
+ {parseDate(log.created_at, { utc: false })}
123
+ </DateTimeWrapper>
124
+ </td>
125
+ </tr>
126
+ </tbody>
127
+ ))
128
+ )}
129
+ </Table>
130
+ ) : (
131
+ <NoData>{t('NO_DATA', 'No Data')}</NoData>
132
+ )}
133
+ </TableWrapper>
134
+ {logsList?.logs.length > 0 && (
135
+ <WrapperPagination>
136
+ <Pagination
137
+ isHidePagecontrol
138
+ currentPage={paginationProps.currentPage}
139
+ totalPages={paginationProps.totalPages}
140
+ handleChangePage={handleChangePage}
141
+ handleChangePageSize={handleChangePageSize}
142
+ />
143
+ </WrapperPagination>
144
+ )}
145
+ </DriversAdvacedLogsContainer>
146
+ </>
147
+ )
148
+ }
149
+
150
+ export const DriversAdvancedLogs = (props) => {
151
+ const driversGroupLogsProps = {
152
+ ...props,
153
+ UIComponent: DriversAdvancedLogsUI
154
+ }
155
+ return <DriversAdvancedLogsController {...driversGroupLogsProps} />
156
+ }