ordering-ui-admin-external 1.43.20 → 1.43.22
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.93ac710b95858715130d.js → ordering-ui-admin.3f67563d0aa434e9729f.js} +2 -2
- package/_modules/components/Delivery/DriverGroupSelectorHeader/index.js +130 -0
- package/_modules/components/Delivery/DriverGroupSelectorHeader/styles.js +32 -0
- package/_modules/components/Delivery/DriversGroupGeneralForm/index.js +14 -5
- package/_modules/components/Delivery/DriversTimeDisplay/DriverBlockAddForm.js +212 -0
- package/_modules/components/Delivery/DriversTimeDisplay/UserList.js +226 -0
- package/_modules/components/Delivery/DriversTimeDisplay/index.js +485 -0
- package/_modules/components/Delivery/DriversTimeDisplay/styles.js +198 -0
- package/_modules/components/Delivery/index.js +8 -1
- package/_modules/components/Settings/SettingsLogs/index.js +28 -16
- package/_modules/components/SidebarMenu/index.js +30 -24
- package/_modules/components/Stores/BusinessDetails/index.js +2 -0
- package/_modules/components/Stores/BusinessSummary/index.js +16 -1
- package/_modules/index.js +6 -0
- package/_modules/utils/index.js +4 -2
- package/package.json +3 -2
- package/src/components/Delivery/DriverGroupSelectorHeader/index.js +124 -0
- package/src/components/Delivery/DriverGroupSelectorHeader/styles.js +97 -0
- package/src/components/Delivery/DriversGroupGeneralForm/index.js +12 -2
- package/src/components/Delivery/DriversTimeDisplay/DriverBlockAddForm.js +271 -0
- package/src/components/Delivery/DriversTimeDisplay/UserList.js +292 -0
- package/src/components/Delivery/DriversTimeDisplay/index.js +535 -0
- package/src/components/Delivery/DriversTimeDisplay/styles.js +853 -0
- package/src/components/Delivery/index.js +2 -0
- package/src/components/Settings/SettingsLogs/index.js +13 -0
- package/src/components/SidebarMenu/index.js +9 -1
- package/src/components/Stores/BusinessDetails/index.js +2 -0
- package/src/components/Stores/BusinessSummary/index.js +29 -8
- package/src/index.js +2 -0
- package/src/utils/index.js +54 -0
- package/template/app.js +4 -1
- package/template/components/ListenPageChanges/index.js +1 -0
- package/template/helmetdata.json +7 -0
- package/template/pages/DriverTimeDisplay/index.js +12 -0
- /package/_bundles/{ordering-ui-admin.93ac710b95858715130d.js.LICENSE.txt → ordering-ui-admin.3f67563d0aa434e9729f.js.LICENSE.txt} +0 -0
|
@@ -0,0 +1,198 @@
|
|
|
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.WrapperImage = exports.WeekHeader = exports.WeekDayCheckWrapper = exports.ViewButtonsWrapper = exports.VerifiedItemsContainer = exports.VerifiedItem = exports.UsersTable = exports.UsersListingContainer = exports.UsersConatiner = exports.UsersBottomContainer = exports.UserTypeWrapper = exports.UserTableWrapper = exports.UserRow = exports.UserName = exports.UserMainInfo = exports.UserIdWrapper = exports.UserEnableWrapper = exports.TimeOptions = exports.ThName = exports.ThId = exports.StackedBlock = exports.SplitLine = exports.SpinnerLoaderWrapper = exports.ShowBreakBlocksWrapper = exports.SelectsWrapper = exports.SelectWrapper = exports.SelectTitleWrappre = exports.SelectTitle = exports.RrulesListWrapper = exports.RrulesItem = exports.OrderStatusTypeSelectWrapper = exports.Option = exports.InfoBlock = exports.Image = exports.HoursHeader = exports.HeaderWrapper = exports.HeaderTitleContainer = exports.Header = exports.FormWrapper = exports.FormControl = exports.EventProfessionalPhoto = exports.EventContainer = exports.EmptyBlock = exports.DriversGroupFilterWrapper = exports.DriversGroupCalendarWrapper = exports.DriverGroupSelectorWrapper = exports.DriverGroupName = exports.DeleteWrapper = exports.DeleteButtons = exports.DeleteBlock = exports.DateBlockWrapper = exports.Container = exports.ChecksWrapper = exports.CheckBoxWrapper = exports.CalendarLabelContainer = exports.CalendarHeaderContainer = exports.ButtonsWrapper = exports.ButtonWrapper = exports.BlocksWrapper = exports.Block = exports.AnalyticsTimeZoneWrapper = exports.ActionsContainer = void 0;
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
var _styledComponents = _interopRequireWildcard(require("styled-components"));
|
|
10
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34, _templateObject35, _templateObject36, _templateObject37, _templateObject38, _templateObject39, _templateObject40, _templateObject41, _templateObject42, _templateObject43, _templateObject44, _templateObject45, _templateObject46, _templateObject47, _templateObject48, _templateObject49, _templateObject50, _templateObject51, _templateObject52, _templateObject53, _templateObject54, _templateObject55, _templateObject56, _templateObject57, _templateObject58, _templateObject59, _templateObject60, _templateObject61, _templateObject62, _templateObject63, _templateObject64, _templateObject65, _templateObject66, _templateObject67, _templateObject68, _templateObject69, _templateObject70, _templateObject71, _templateObject72, _templateObject73, _templateObject74, _templateObject75, _templateObject76, _templateObject77, _templateObject78, _templateObject79, _templateObject80, _templateObject81, _templateObject82, _templateObject83, _templateObject84, _templateObject85, _templateObject86, _templateObject87, _templateObject88, _templateObject89, _templateObject90, _templateObject91, _templateObject92;
|
|
11
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
12
|
+
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 && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
13
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
14
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
15
|
+
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
16
|
+
var Container = exports.Container = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n flex: 1;\n padding: 20px;\n box-sizing: border-box;\n transition: all 0.5s;\n max-height: 100vh;\n overflow: auto;\n display: flex;\n flex-direction: column;\n position: relative;\n"])));
|
|
17
|
+
var SpinnerLoaderWrapper = exports.SpinnerLoaderWrapper = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n z-index: 100;\n\n > div {\n height: 100%;\n }\n"])));
|
|
18
|
+
var Header = exports.Header = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 10px;\n"])));
|
|
19
|
+
var HeaderTitleContainer = exports.HeaderTitleContainer = _styledComponents.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n width: 100%;\n h1 {\n font-size: 20px;\n margin: 0px;\n line-height: 30px;\n font-weight: 700;\n }\n > button {\n ", "\n\n svg {\n width: 25px;\n height: 25px;\n }\n }\n"])), function (props) {
|
|
20
|
+
var _props$theme;
|
|
21
|
+
return (_props$theme = props.theme) !== null && _props$theme !== void 0 && _props$theme.rtl ? (0, _styledComponents.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n margin-left: 8px;\n margin-right: -8px;\n "]))) : (0, _styledComponents.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n margin-right: 8px;\n margin-left: -8px;\n "])));
|
|
22
|
+
});
|
|
23
|
+
var DriverGroupName = exports.DriverGroupName = _styledComponents.default.span(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n cursor: pointer;\n"])));
|
|
24
|
+
var DriverGroupSelectorWrapper = exports.DriverGroupSelectorWrapper = _styledComponents.default.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n position: relative;\n width: fit-content;\n margin: 3px 0;\n\n > span {\n font-size: 14px;\n color: ", ";\n &.calendar {\n color: ", ";\n }\n }\n\n > svg {\n margin: 0 10px;\n }\n"])), function (props) {
|
|
25
|
+
return props.theme.colors.secundaryLight;
|
|
26
|
+
}, function (props) {
|
|
27
|
+
return props.theme.colors.primary;
|
|
28
|
+
});
|
|
29
|
+
var CalendarHeaderContainer = exports.CalendarHeaderContainer = _styledComponents.default.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 15px;\n"])));
|
|
30
|
+
var CalendarLabelContainer = exports.CalendarLabelContainer = _styledComponents.default.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n\n span.label {\n font-weight: 600;\n font-size: 16px;\n margin: 0 3px;\n color: ", ";\n }\n > button {\n > svg {\n width: 16px;\n height: 16px;\n }\n }\n"])), function (props) {
|
|
31
|
+
return props.theme.colors.headingColor;
|
|
32
|
+
});
|
|
33
|
+
var ViewButtonsWrapper = exports.ViewButtonsWrapper = _styledComponents.default.div(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n button {\n margin: 0 3px;\n }\n"])));
|
|
34
|
+
var EventContainer = exports.EventContainer = _styledComponents.default.div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n display: flex;\n justify-content: space-between;\n border: 1px solid ", ";\n padding: 2px 5px;\n border-radius: 8px;\n height: 100%;\n\n > div.info {\n width: calc(100% - 42px);\n p {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n p.name {\n font-size: 12px;\n font-weight: 500;\n line-height: 18px;\n margin: 0;\n }\n p.date {\n font-size: 10px;\n line-height: 15px;\n color: ", ";\n margin: 0;\n }\n }\n"])), function (props) {
|
|
35
|
+
return props.theme.colors.gray;
|
|
36
|
+
}, function (props) {
|
|
37
|
+
return props.theme.colors.lightGray;
|
|
38
|
+
});
|
|
39
|
+
var HeaderWrapper = exports.HeaderWrapper = _styledComponents.default.div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n"])));
|
|
40
|
+
var EventProfessionalPhoto = exports.EventProfessionalPhoto = _styledComponents.default.div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n width: 32px;\n height: 32px;\n border-radius: 8px;\n box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);\n display: flex;\n align-items: center;\n justify-content: center;\n img {\n width: 100%;\n height: 100%;\n border-radius: 8px;\n object-fit: cover;\n }\n svg {\n width: 85%;\n height: 85%;\n }\n"])));
|
|
41
|
+
var Option = exports.Option = _styledComponents.default.div(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n padding: 5px 10px;\n column-gap: 5px;\n\n p {\n margin: 0px;\n white-space: nowrap;\n font-size: 14px;\n line-height: 26px;\n color: ", ";\n }\n\n ", "\n"])), function (props) {
|
|
42
|
+
return props.theme.colors.secundaryContrast;
|
|
43
|
+
}, function (_ref) {
|
|
44
|
+
var noPadding = _ref.noPadding;
|
|
45
|
+
return noPadding && (0, _styledComponents.css)(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n padding: 0px;\n "])));
|
|
46
|
+
});
|
|
47
|
+
var DeleteWrapper = exports.DeleteWrapper = _styledComponents.default.div(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n gap: 20px;\n"])));
|
|
48
|
+
var OrderStatusTypeSelectWrapper = exports.OrderStatusTypeSelectWrapper = _styledComponents.default.div(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n position: relative;\n\n .select {\n font-size: 14px;\n background: ", ";\n height: 44px;\n border: 1px solid ", ";\n }\n\n .list {\n width: 100%;\n }\n"])), function (props) {
|
|
49
|
+
var _props$theme$colors;
|
|
50
|
+
return (_props$theme$colors = props.theme.colors) === null || _props$theme$colors === void 0 ? void 0 : _props$theme$colors.secundary;
|
|
51
|
+
}, function (props) {
|
|
52
|
+
var _props$theme$colors2;
|
|
53
|
+
return (_props$theme$colors2 = props.theme.colors) === null || _props$theme$colors2 === void 0 ? void 0 : _props$theme$colors2.secundary;
|
|
54
|
+
});
|
|
55
|
+
var DriversGroupFilterWrapper = exports.DriversGroupFilterWrapper = _styledComponents.default.div(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n > button {\n background: #F8F9FA;\n border-radius: 7.6px;\n padding: 7px 12px;\n font-size: 14px;\n color: #748194;\n border: none;\n }\n\n @media (min-width: 600px) {\n margin-left: 25px;\n ", "\n }\n"])), function (props) {
|
|
56
|
+
return props.theme.rtl && (0, _styledComponents.css)(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n margin-right: 25px;\n margin-left: 0;\n "])));
|
|
57
|
+
});
|
|
58
|
+
var DriversGroupCalendarWrapper = exports.DriversGroupCalendarWrapper = (0, _styledComponents.default)(DriversGroupFilterWrapper)(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n position: relative;\n\n > button {\n svg {\n font-size: 16px;\n margin-right: 12px;\n ", "\n }\n }\n\n @media only screen and (min-width: 374px) and (max-width: 450px) {\n .ordering-calendar {\n right: calc((100vw - 374px) / 2);\n }\n }\n"])), function (props) {
|
|
59
|
+
return props.theme.rtl && (0, _styledComponents.css)(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n margin-left: 12px;\n margin-right: 0;\n "])));
|
|
60
|
+
});
|
|
61
|
+
var AnalyticsTimeZoneWrapper = exports.AnalyticsTimeZoneWrapper = (0, _styledComponents.default)(DriversGroupFilterWrapper)(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral([""])));
|
|
62
|
+
var UsersConatiner = exports.UsersConatiner = _styledComponents.default.div(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["\n margin-top: 20px;\n"])));
|
|
63
|
+
var UserTableWrapper = exports.UserTableWrapper = _styledComponents.default.div(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n overflow: auto;\n"])));
|
|
64
|
+
var UsersTable = exports.UsersTable = _styledComponents.default.table(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n color: ", ";\n overflow: auto;\n\n td {\n padding: 10px 0;\n font-size: 14px;\n border-right: 1px solid ", ";\n }\n\n th {\n padding: 10px 0;\n font-size: 14px;\n white-space: nowrap;\n padding: 0 10px;\n border-right: 1px solid ", ";\n border-left: 1px solid ", ";\n text-align: center;\n &:first-child {\n border-left: none;\n border-right: none;\n }\n }\n\n thead {\n tr {\n border-bottom: 1px solid ", ";\n }\n }\n\n tbody {\n border-bottom: 1px solid ", ";\n\n }\n"])), function (props) {
|
|
65
|
+
var _props$theme$colors3;
|
|
66
|
+
return (_props$theme$colors3 = props.theme.colors) === null || _props$theme$colors3 === void 0 ? void 0 : _props$theme$colors3.headingColor;
|
|
67
|
+
}, function (props) {
|
|
68
|
+
return props.theme.colors.borderColor;
|
|
69
|
+
}, function (props) {
|
|
70
|
+
return props.theme.colors.disabled;
|
|
71
|
+
}, function (props) {
|
|
72
|
+
return props.theme.colors.disabled;
|
|
73
|
+
}, function (props) {
|
|
74
|
+
return props.theme.colors.disabled;
|
|
75
|
+
}, function (props) {
|
|
76
|
+
return props.theme.colors.borderColor;
|
|
77
|
+
});
|
|
78
|
+
var UserName = exports.UserName = _styledComponents.default.span(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["\n font-size: 14px;\n font-weight: 600;\n max-width: 190px;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n color: ", ";\n"])), function (props) {
|
|
79
|
+
return props.theme.colors.headingColor;
|
|
80
|
+
});
|
|
81
|
+
var TimeOptions = exports.TimeOptions = _styledComponents.default.div(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["\n white-space: nowrap;\n font-size: 15px;\n"])));
|
|
82
|
+
var SplitLine = exports.SplitLine = _styledComponents.default.div(_templateObject29 || (_templateObject29 = _taggedTemplateLiteral(["\n height: 1px;\n width: 8px;\n margin: 0 8px;\n background-color: ", ";\n"])), function (props) {
|
|
83
|
+
return props.theme.colors.disabled;
|
|
84
|
+
});
|
|
85
|
+
var SelectWrapper = exports.SelectWrapper = _styledComponents.default.div(_templateObject30 || (_templateObject30 = _taggedTemplateLiteral(["\n border: 1px solid ", ";\n border-radius: 8px;\n width: 70px;\n display: flex;\n margin-left: 10px;\n justify-content: center;\n .select {\n border: none;\n svg {\n display: none;\n }\n > div {\n padding-left: 13px;\n padding-right: 13px;\n font-size: 13px;\n > div:last-child {\n margin: 0px;\n }\n }\n }\n\n .list {\n .options {\n > div {\n > div {\n min-width: initial;\n }\n }\n }\n }\n\n @media (min-width: 450px) {\n width: 95px;\n .select {\n > div {\n font-size: 16px;\n }\n }\n }\n"])), function (props) {
|
|
86
|
+
return props.theme.colors.borderColor;
|
|
87
|
+
});
|
|
88
|
+
var SelectTitleWrappre = exports.SelectTitleWrappre = _styledComponents.default.div(_templateObject31 || (_templateObject31 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 300px;\n"])));
|
|
89
|
+
var SelectTitle = exports.SelectTitle = _styledComponents.default.span(_templateObject32 || (_templateObject32 = _taggedTemplateLiteral([""])));
|
|
90
|
+
var WrapperImage = exports.WrapperImage = _styledComponents.default.div(_templateObject33 || (_templateObject33 = _taggedTemplateLiteral(["\n max-width: 45px;\n max-height: 45px;\n height: 45px;\n width: 45px;\n min-width: 45px;\n ", "\n border-radius: 10px;\n\n svg {\n width: 100%;\n height: 100%;\n padding: 7px;\n box-sizing: border-box;\n border-radius: 50%;\n }\n\n ", "\n"])), function (_ref2) {
|
|
91
|
+
var isSkeleton = _ref2.isSkeleton;
|
|
92
|
+
return !isSkeleton && (0, _styledComponents.css)(_templateObject34 || (_templateObject34 = _taggedTemplateLiteral(["\n border: 1px solid #E3E3E3;\n "])));
|
|
93
|
+
}, function (props) {
|
|
94
|
+
var _props$theme2;
|
|
95
|
+
return (_props$theme2 = props.theme) !== null && _props$theme2 !== void 0 && _props$theme2.rtl ? (0, _styledComponents.css)(_templateObject35 || (_templateObject35 = _taggedTemplateLiteral(["\n margin-left: 10px;\n "]))) : (0, _styledComponents.css)(_templateObject36 || (_templateObject36 = _taggedTemplateLiteral(["\n margin-right: 0px;\n "])));
|
|
96
|
+
});
|
|
97
|
+
var ImageStyled = _styledComponents.default.div(_templateObject37 || (_templateObject37 = _taggedTemplateLiteral(["\n display: flex;\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n position: relative;\n background-repeat: no-repeat, repeat;\n background-size: cover;\n object-fit: cover;\n background-position: center;\n border-radius: 8px;\n"])));
|
|
98
|
+
var Image = exports.Image = function Image(props) {
|
|
99
|
+
return /*#__PURE__*/_react.default.createElement(ImageStyled, _extends({}, props, {
|
|
100
|
+
style: {
|
|
101
|
+
backgroundImage: "url(".concat(props.bgimage, ")")
|
|
102
|
+
}
|
|
103
|
+
}), props.children);
|
|
104
|
+
};
|
|
105
|
+
var UserMainInfo = exports.UserMainInfo = _styledComponents.default.div(_templateObject38 || (_templateObject38 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n position: relative;\n gap: 10px;\n\n ", "\n\n > div:last-child {\n flex: 1;\n }\n"])), function (props) {
|
|
106
|
+
var _props$theme3;
|
|
107
|
+
return (_props$theme3 = props.theme) !== null && _props$theme3 !== void 0 && _props$theme3.rtl ? (0, _styledComponents.css)(_templateObject39 || (_templateObject39 = _taggedTemplateLiteral(["\n margin-left: 20px;\n padding-left: 10px;\n "]))) : (0, _styledComponents.css)(_templateObject40 || (_templateObject40 = _taggedTemplateLiteral(["\n padding: 0px 5px;\n "])));
|
|
108
|
+
});
|
|
109
|
+
var CheckBoxWrapper = exports.CheckBoxWrapper = _styledComponents.default.div(_templateObject41 || (_templateObject41 = _taggedTemplateLiteral(["\n cursor: pointer;\n ", "\n svg {\n font-size: 24px;\n color: #B1BCCC;\n }\n\n ", "\n"])), function (props) {
|
|
110
|
+
var _props$theme4;
|
|
111
|
+
return (_props$theme4 = props.theme) !== null && _props$theme4 !== void 0 && _props$theme4.rtl ? (0, _styledComponents.css)(_templateObject42 || (_templateObject42 = _taggedTemplateLiteral(["\n margin-left: 10px;\n "]))) : (0, _styledComponents.css)(_templateObject43 || (_templateObject43 = _taggedTemplateLiteral(["\n margin-right: 10px;\n "])));
|
|
112
|
+
}, function (_ref3) {
|
|
113
|
+
var isChecked = _ref3.isChecked;
|
|
114
|
+
return isChecked && (0, _styledComponents.css)(_templateObject44 || (_templateObject44 = _taggedTemplateLiteral(["\n svg {\n color: ", ";\n }\n"])), function (props) {
|
|
115
|
+
var _props$theme$colors4;
|
|
116
|
+
return (_props$theme$colors4 = props.theme.colors) === null || _props$theme$colors4 === void 0 ? void 0 : _props$theme$colors4.primary;
|
|
117
|
+
});
|
|
118
|
+
});
|
|
119
|
+
var DeleteBlock = exports.DeleteBlock = _styledComponents.default.span(_templateObject45 || (_templateObject45 = _taggedTemplateLiteral(["\n color: ", ";\n"])), function (props) {
|
|
120
|
+
return props.theme.colors.lightGray;
|
|
121
|
+
});
|
|
122
|
+
var DeleteButtons = exports.DeleteButtons = _styledComponents.default.div(_templateObject46 || (_templateObject46 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n justify-content: flex-end;\n gap: 10px;\n position: absolute;\n bottom: 20px;\n right: 20px;\n"])));
|
|
123
|
+
var InfoBlock = exports.InfoBlock = _styledComponents.default.div(_templateObject47 || (_templateObject47 = _taggedTemplateLiteral(["\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n display: flex;\n flex-direction: column;\n\n span {\n margin: 5px 0 0 0;\n font-size: 12px;\n color: ", ";\n text-overflow: ellipsis;\n overflow: hidden;\n }\n span.bold {\n margin: 0px;\n font-size: 14px;\n font-weight: 600;\n color: ", ";\n }\n"])), function (props) {
|
|
124
|
+
return props.theme.colors.lightGray;
|
|
125
|
+
}, function (props) {
|
|
126
|
+
return props.theme.colors.headingColor;
|
|
127
|
+
});
|
|
128
|
+
var UserTypeWrapper = exports.UserTypeWrapper = _styledComponents.default.div(_templateObject48 || (_templateObject48 = _taggedTemplateLiteral(["\n ", "\n > div {\n display: flex;\n\n .select {\n border: none;\n padding: 0px;\n\n > div {\n padding: 0px;\n }\n }\n\n .list {\n .options {\n border: 1px solid #E9ECEF;\n box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.12);\n border-radius: 8px;\n }\n }\n }\n > p {\n margin: 5px 0 0 0;\n font-size: 12px;\n color: ", ";\n }\n"])), function (props) {
|
|
129
|
+
var _props$theme5;
|
|
130
|
+
return (_props$theme5 = props.theme) !== null && _props$theme5 !== void 0 && _props$theme5.rtl ? (0, _styledComponents.css)(_templateObject49 || (_templateObject49 = _taggedTemplateLiteral(["\n border-left: 1px solid ", ";\n margin-left: 20px;\n "])), function (props) {
|
|
131
|
+
return props.theme.colors.borderColor;
|
|
132
|
+
}) : (0, _styledComponents.css)(_templateObject50 || (_templateObject50 = _taggedTemplateLiteral(["\n border-right: 1px solid ", ";\n margin-right: 20px;\n "])), function (props) {
|
|
133
|
+
return props.theme.colors.borderColor;
|
|
134
|
+
});
|
|
135
|
+
}, function (props) {
|
|
136
|
+
return props.theme.colors.lightGray;
|
|
137
|
+
});
|
|
138
|
+
var UserEnableWrapper = exports.UserEnableWrapper = _styledComponents.default.div(_templateObject51 || (_templateObject51 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n width: fit-content;\n\n span {\n font-size: 14px;\n\n ", "\n }\n"])), function (props) {
|
|
139
|
+
var _props$theme6;
|
|
140
|
+
return (_props$theme6 = props.theme) !== null && _props$theme6 !== void 0 && _props$theme6.rtl ? (0, _styledComponents.css)(_templateObject52 || (_templateObject52 = _taggedTemplateLiteral(["\n padding-left: 10px;\n "]))) : (0, _styledComponents.css)(_templateObject53 || (_templateObject53 = _taggedTemplateLiteral(["\n padding-right: 10px;\n "])));
|
|
141
|
+
});
|
|
142
|
+
var WrapperPagination = exports.WrapperPagination = _styledComponents.default.div(_templateObject54 || (_templateObject54 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n"])));
|
|
143
|
+
var UsersBottomContainer = exports.UsersBottomContainer = _styledComponents.default.div(_templateObject55 || (_templateObject55 = _taggedTemplateLiteral(["\n display: flex;\n flex-wrap: wrap;\n justify-content: flex-end;\n align-items: center;\n margin-top: 10px;\n margin-bottom: 38px;\n"])));
|
|
144
|
+
var VerifiedItem = exports.VerifiedItem = _styledComponents.default.span(_templateObject56 || (_templateObject56 = _taggedTemplateLiteral(["\n font-size: 10px;\n background-color: ", ";\n padding: 3px 10px;\n border-radius: 50px;\n color: ", ";\n display: flex;\n align-items: center;\n\n svg {\n font-size: 12px;\n ", "\n }\n"])), function (props) {
|
|
145
|
+
return props.theme.colors.lightGreen;
|
|
146
|
+
}, function (props) {
|
|
147
|
+
return props.theme.colors.green;
|
|
148
|
+
}, function (props) {
|
|
149
|
+
var _props$theme7;
|
|
150
|
+
return (_props$theme7 = props.theme) !== null && _props$theme7 !== void 0 && _props$theme7.rtl ? (0, _styledComponents.css)(_templateObject57 || (_templateObject57 = _taggedTemplateLiteral(["\n margin-left: 3px;\n "]))) : (0, _styledComponents.css)(_templateObject58 || (_templateObject58 = _taggedTemplateLiteral(["\n margin-right: 3px;\n "])));
|
|
151
|
+
});
|
|
152
|
+
var VerifiedItemsContainer = exports.VerifiedItemsContainer = _styledComponents.default.div(_templateObject59 || (_templateObject59 = _taggedTemplateLiteral(["\n position: absolute;\n top: 0;\n display: flex;\n flex-direction: column;\n\n ", "\n\n > span {\n &:not(:first-child) {\n margin-top: 5px;\n }\n }\n"])), function (props) {
|
|
153
|
+
var _props$theme8;
|
|
154
|
+
return (_props$theme8 = props.theme) !== null && _props$theme8 !== void 0 && _props$theme8.rtl ? (0, _styledComponents.css)(_templateObject60 || (_templateObject60 = _taggedTemplateLiteral(["\n left: 10px;\n "]))) : (0, _styledComponents.css)(_templateObject61 || (_templateObject61 = _taggedTemplateLiteral(["\n right: 10px;\n "])));
|
|
155
|
+
});
|
|
156
|
+
var UserIdWrapper = exports.UserIdWrapper = _styledComponents.default.div(_templateObject62 || (_templateObject62 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n font-size: 12px;\n"])));
|
|
157
|
+
var ActionsContainer = exports.ActionsContainer = _styledComponents.default.div(_templateObject63 || (_templateObject63 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n > div {\n &:not(:first-child) {\n ", "\n }\n }\n"])), function (props) {
|
|
158
|
+
var _props$theme9;
|
|
159
|
+
return (_props$theme9 = props.theme) !== null && _props$theme9 !== void 0 && _props$theme9.rtl ? (0, _styledComponents.css)(_templateObject64 || (_templateObject64 = _taggedTemplateLiteral(["\n margin-right: 25px;\n "]))) : (0, _styledComponents.css)(_templateObject65 || (_templateObject65 = _taggedTemplateLiteral(["\n margin-left: 25px;\n "])));
|
|
160
|
+
});
|
|
161
|
+
var UsersListingContainer = exports.UsersListingContainer = _styledComponents.default.div(_templateObject66 || (_templateObject66 = _taggedTemplateLiteral(["\n flex: 1;\n padding: 20px;\n box-sizing: border-box;\n transition: all 0.5s;\n max-height: 100vh;\n overflow: auto;\n\n @media print {\n display: none;\n }\n"])));
|
|
162
|
+
var ButtonWrapper = exports.ButtonWrapper = _styledComponents.default.div(_templateObject67 || (_templateObject67 = _taggedTemplateLiteral(["\n position: absolute;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: center;\n height: 70%;\n top: 11px;\n z-index: 80;\n\n ", "\n"])), function (props) {
|
|
163
|
+
return (props.rowPosition || props.rowPosition === 0) && (0, _styledComponents.css)(_templateObject68 || (_templateObject68 = _taggedTemplateLiteral(["\n left: ", "px;\n "])), props.rowPosition * props.cellWidth + 285);
|
|
164
|
+
});
|
|
165
|
+
var StackedBlock = exports.StackedBlock = _styledComponents.default.div(_templateObject69 || (_templateObject69 = _taggedTemplateLiteral(["\n border: 1px solid #B1BCCC;\n border-radius: 6px;\n padding: 6px;\n cursor: pointer;\n\n &:hover {\n box-shadow: 0px 0px 3px 4px rgba(238,250,255);\n }\n"])));
|
|
166
|
+
var Block = exports.Block = _styledComponents.default.div(_templateObject70 || (_templateObject70 = _taggedTemplateLiteral(["\n position: absolute;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: center;\n height: 70%;\n border: 1px solid #B1BCCC;\n border-radius: 6px;\n min-height: 40px;\n padding: 5px 10px;\n background-color: #FFF;\n cursor: pointer;\n top: 11px;\n z-index: 80;\n ", "\n ", "\n\n &:hover {\n box-shadow: 0px 0px 3px 4px rgba(238,250,255);\n z-index: 90;\n }\n\n p {\n margin: 0px;\n font-size: 12px;\n color: #B1BCCC;\n }\n"])), function (props) {
|
|
167
|
+
return props.innerWidth && (0, _styledComponents.css)(_templateObject71 || (_templateObject71 = _taggedTemplateLiteral(["\n width: ", "px;\n "])), props.innerWidth);
|
|
168
|
+
}, function (props) {
|
|
169
|
+
return (props.rowPosition || props.rowPosition === 0) && (0, _styledComponents.css)(_templateObject72 || (_templateObject72 = _taggedTemplateLiteral(["\n left: ", "px;\n "])), props.rowPosition * props.cellWidth + 249 + (props.cellPosition === 0 ? 0 : props.cellSections * props.cellPosition));
|
|
170
|
+
});
|
|
171
|
+
var EmptyBlock = exports.EmptyBlock = _styledComponents.default.div(_templateObject73 || (_templateObject73 = _taggedTemplateLiteral(["\n height: 100%;\n min-height: 50px;\n cursor: pointer;\n"])));
|
|
172
|
+
var UserRow = exports.UserRow = _styledComponents.default.tr(_templateObject74 || (_templateObject74 = _taggedTemplateLiteral(["\n position: relative;\n\n td {\n max-width: 214.2px;\n }\n"])));
|
|
173
|
+
var HoursHeader = exports.HoursHeader = _styledComponents.default.th(_templateObject75 || (_templateObject75 = _taggedTemplateLiteral(["\n max-width: 86px;\n min-width: 86px;\n"])));
|
|
174
|
+
var ThId = exports.ThId = _styledComponents.default.th(_templateObject76 || (_templateObject76 = _taggedTemplateLiteral(["\n max-width: 34.6px;\n min-width: 34.6px;\n"])));
|
|
175
|
+
var ThName = exports.ThName = _styledComponents.default.th(_templateObject77 || (_templateObject77 = _taggedTemplateLiteral(["\n max-width: 214.2px;\n min-width: 214.2px;\n"])));
|
|
176
|
+
var WeekHeader = exports.WeekHeader = _styledComponents.default.th(_templateObject78 || (_templateObject78 = _taggedTemplateLiteral(["\n max-width: 160px;\n min-width: 160px;\n\n span {\n text-transform: uppercase;\n font-weight: 300;\n }\n\n h4 {\n font-weight: bold;\n }\n"])));
|
|
177
|
+
var FormWrapper = exports.FormWrapper = _styledComponents.default.div(_templateObject79 || (_templateObject79 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: center;\n gap: 10px;\n position: relative;\n min-height: 500px;\n .react-datepicker-popper {\n z-index: 1000;\n }\n\n span {\n font-weight: 600;\n }\n\n input {\n margin: 5px 0 10px 0;\n border: 1px solid #DEE2E6;\n color: ", ";\n width: 100%;\n &:focus {\n border: 1px solid #B1BCCC;\n }\n }\n\n textarea {\n margin-bottom: 10px;\n width: 100%;\n }\n"])), function (props) {
|
|
178
|
+
return props.theme.colors.headingColor;
|
|
179
|
+
});
|
|
180
|
+
var FormControl = exports.FormControl = _styledComponents.default.div(_templateObject80 || (_templateObject80 = _taggedTemplateLiteral(["\n > label {\n font-weight: 400;\n font-size: 14px;\n line-height: 24px;\n margin-bottom: 10px;\n }\n input {\n width: 100%;\n height: 44px;\n }\n"])));
|
|
181
|
+
var RrulesListWrapper = exports.RrulesListWrapper = _styledComponents.default.div(_templateObject81 || (_templateObject81 = _taggedTemplateLiteral(["\n display: flex;\n gap: 20px;\n"])));
|
|
182
|
+
var RrulesItem = exports.RrulesItem = _styledComponents.default.div(_templateObject82 || (_templateObject82 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n padding: 8px 0;\n cursor: pointer;\n\n svg {\n font-size: 16px;\n color: ", ";\n &.active {\n color: ", ";\n }\n margin-right: 10px;\n ", "\n }\n span {\n font-weight: 400;\n font-size: 14px;\n line-height: 24px;\n }\n"])), function (props) {
|
|
183
|
+
return props.theme.colors.secundaryLight;
|
|
184
|
+
}, function (props) {
|
|
185
|
+
return props.theme.colors.primary;
|
|
186
|
+
}, function (props) {
|
|
187
|
+
return props.theme.rtl && (0, _styledComponents.css)(_templateObject83 || (_templateObject83 = _taggedTemplateLiteral(["\n margin-left: 20px;\n margin-right: 0px;\n "])));
|
|
188
|
+
});
|
|
189
|
+
var ButtonsWrapper = exports.ButtonsWrapper = _styledComponents.default.div(_templateObject84 || (_templateObject84 = _taggedTemplateLiteral(["\n display: flex;\n justify-content: flex-end;\n margin-top: 20px;\n width: 100%;\n button:nth-child(2){\n margin-left: 10px;\n }\n"])));
|
|
190
|
+
var WeekDayCheckWrapper = exports.WeekDayCheckWrapper = _styledComponents.default.div(_templateObject85 || (_templateObject85 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n margin-bottom: 15px;\n gap: 10px;\n\n > input {\n ", "\n }\n h4 {\n font-size: 12px;\n margin: 0px;\n text-transform: capitalize;\n }\n"])), function (props) {
|
|
191
|
+
var _props$theme10;
|
|
192
|
+
return (_props$theme10 = props.theme) !== null && _props$theme10 !== void 0 && _props$theme10.rtl ? (0, _styledComponents.css)(_templateObject86 || (_templateObject86 = _taggedTemplateLiteral(["\n margin-left: 5px;\n "]))) : (0, _styledComponents.css)(_templateObject87 || (_templateObject87 = _taggedTemplateLiteral(["\n margin-right: 5px;\n "])));
|
|
193
|
+
});
|
|
194
|
+
var ShowBreakBlocksWrapper = exports.ShowBreakBlocksWrapper = _styledComponents.default.div(_templateObject88 || (_templateObject88 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n gap: 20px;\n"])));
|
|
195
|
+
var ChecksWrapper = exports.ChecksWrapper = _styledComponents.default.div(_templateObject89 || (_templateObject89 = _taggedTemplateLiteral(["\n display: flex;\n justify-content: space-between;\n width: 100%;\n"])));
|
|
196
|
+
var SelectsWrapper = exports.SelectsWrapper = _styledComponents.default.div(_templateObject90 || (_templateObject90 = _taggedTemplateLiteral(["\n display: grid;\n grid-template-columns: repeat(2, 2fr);\n gap: 20px;\n"])));
|
|
197
|
+
var BlocksWrapper = exports.BlocksWrapper = _styledComponents.default.div(_templateObject91 || (_templateObject91 = _taggedTemplateLiteral(["\n display: flex;\n justifyContent: space-between;\n gap: 60px;\n"])));
|
|
198
|
+
var DateBlockWrapper = exports.DateBlockWrapper = _styledComponents.default.div(_templateObject92 || (_templateObject92 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n"])));
|
|
@@ -141,6 +141,12 @@ Object.defineProperty(exports, "DriversMarkAsBusy", {
|
|
|
141
141
|
return _DriversMarkAsBusy.DriversMarkAsBusy;
|
|
142
142
|
}
|
|
143
143
|
});
|
|
144
|
+
Object.defineProperty(exports, "DriversTimeDisplay", {
|
|
145
|
+
enumerable: true,
|
|
146
|
+
get: function get() {
|
|
147
|
+
return _DriversTimeDisplay.DriversTimeDisplay;
|
|
148
|
+
}
|
|
149
|
+
});
|
|
144
150
|
Object.defineProperty(exports, "GoogleGpsButton", {
|
|
145
151
|
enumerable: true,
|
|
146
152
|
get: function get() {
|
|
@@ -177,4 +183,5 @@ var _DriversGroupDrivers = require("./DriversGroupDrivers");
|
|
|
177
183
|
var _DriversGroupOrders = require("./DriversGroupOrders");
|
|
178
184
|
var _DriversGroupAutoassign = require("./DriversGroupAutoassign");
|
|
179
185
|
var _DriversMarkAsBusy = require("./DriversMarkAsBusy");
|
|
180
|
-
var _GoogleGpsButton = require("./GoogleGpsButton");
|
|
186
|
+
var _GoogleGpsButton = require("./GoogleGpsButton");
|
|
187
|
+
var _DriversTimeDisplay = require("./DriversTimeDisplay");
|
|
@@ -8,7 +8,10 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
8
8
|
var _orderingComponentsAdminExternal = require("ordering-components-admin-external");
|
|
9
9
|
var _reactLoadingSkeleton = _interopRequireDefault(require("react-loading-skeleton"));
|
|
10
10
|
var _Shared = require("../../Shared");
|
|
11
|
-
var _styles = require("
|
|
11
|
+
var _styles = require("../../../styles");
|
|
12
|
+
var _InfoShareContext = require("../../../contexts/InfoShareContext");
|
|
13
|
+
var _reactBootstrapIcons = require("react-bootstrap-icons");
|
|
14
|
+
var _styles2 = require("./styles");
|
|
12
15
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
16
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
14
17
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.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; }
|
|
@@ -39,6 +42,10 @@ var SettingsLogsUI = function SettingsLogsUI(props) {
|
|
|
39
42
|
var _useUtils = (0, _orderingComponentsAdminExternal.useUtils)(),
|
|
40
43
|
_useUtils2 = _slicedToArray(_useUtils, 1),
|
|
41
44
|
parseDate = _useUtils2[0].parseDate;
|
|
45
|
+
var _useInfoShare = (0, _InfoShareContext.useInfoShare)(),
|
|
46
|
+
_useInfoShare2 = _slicedToArray(_useInfoShare, 2),
|
|
47
|
+
isCollapse = _useInfoShare2[0].isCollapse,
|
|
48
|
+
handleMenuCollapse = _useInfoShare2[1].handleMenuCollapse;
|
|
42
49
|
var _React$useState = _react.default.useState(false),
|
|
43
50
|
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
44
51
|
open = _React$useState2[0],
|
|
@@ -92,59 +99,64 @@ var SettingsLogsUI = function SettingsLogsUI(props) {
|
|
|
92
99
|
var getSchedule = function getSchedule(_schedules) {
|
|
93
100
|
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) {
|
|
94
101
|
var _schedule$lapses;
|
|
95
|
-
return /*#__PURE__*/_react.default.createElement(
|
|
102
|
+
return /*#__PURE__*/_react.default.createElement(_styles2.ScheduleDay, {
|
|
96
103
|
key: i
|
|
97
|
-
}, /*#__PURE__*/_react.default.createElement("span", null, daysOptions[i]), /*#__PURE__*/_react.default.createElement(
|
|
104
|
+
}, /*#__PURE__*/_react.default.createElement("span", null, daysOptions[i]), /*#__PURE__*/_react.default.createElement(_styles2.ScheduleLapses, null, schedule === null || schedule === void 0 || (_schedule$lapses = schedule.lapses) === null || _schedule$lapses === void 0 ? void 0 : _schedule$lapses.map(function (item, i) {
|
|
98
105
|
return /*#__PURE__*/_react.default.createElement("p", {
|
|
99
106
|
key: i
|
|
100
107
|
}, "".concat(timeFormated(item === null || item === void 0 ? void 0 : item.open), " - ").concat(timeFormated(item === null || item === void 0 ? void 0 : item.close)));
|
|
101
108
|
})));
|
|
102
109
|
});
|
|
103
110
|
};
|
|
104
|
-
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(
|
|
111
|
+
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles2.DriversGroupLogsContainer, null, isCollapse && /*#__PURE__*/_react.default.createElement(_styles.IconButton, {
|
|
112
|
+
color: "black",
|
|
113
|
+
onClick: function onClick() {
|
|
114
|
+
return handleMenuCollapse(false);
|
|
115
|
+
}
|
|
116
|
+
}, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.List, null)), /*#__PURE__*/_react.default.createElement(_styles2.HeaderContainer, null, /*#__PURE__*/_react.default.createElement(_styles2.HeaderTitleContainer, null, /*#__PURE__*/_react.default.createElement("h1", null, t('SETTINGS_LOGS', 'Settings Logs')))), /*#__PURE__*/_react.default.createElement(_styles2.TableWrapper, null, logsList.loading || logsList.logs.length > 0 ? /*#__PURE__*/_react.default.createElement(_styles2.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('CONFIG', 'Config')), /*#__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) {
|
|
105
117
|
return /*#__PURE__*/_react.default.createElement("tbody", {
|
|
106
118
|
key: i
|
|
107
|
-
}, /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", null, /*#__PURE__*/_react.default.createElement(
|
|
119
|
+
}, /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", null, /*#__PURE__*/_react.default.createElement(_styles2.UserInfoContainer, null, /*#__PURE__*/_react.default.createElement("p", null, /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, {
|
|
108
120
|
width: 100
|
|
109
121
|
})), /*#__PURE__*/_react.default.createElement("p", null, /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, {
|
|
110
122
|
width: 120
|
|
111
|
-
})))), /*#__PURE__*/_react.default.createElement("td", null, /*#__PURE__*/_react.default.createElement(
|
|
123
|
+
})))), /*#__PURE__*/_react.default.createElement("td", null, /*#__PURE__*/_react.default.createElement(_styles2.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, {
|
|
112
124
|
width: 100
|
|
113
125
|
})), /*#__PURE__*/_react.default.createElement("td", null, /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, {
|
|
114
126
|
width: 20
|
|
115
127
|
})), /*#__PURE__*/_react.default.createElement("td", null, /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, {
|
|
116
128
|
width: 20
|
|
117
|
-
})))))), /*#__PURE__*/_react.default.createElement("td", null, /*#__PURE__*/_react.default.createElement(
|
|
129
|
+
})))))), /*#__PURE__*/_react.default.createElement("td", null, /*#__PURE__*/_react.default.createElement(_styles2.DateTimeWrapper, null, /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, null))), /*#__PURE__*/_react.default.createElement("td", null, /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, null))));
|
|
118
130
|
}) : !logsList.error && ((_logsList$logs = logsList.logs) === null || _logsList$logs === void 0 ? void 0 : _logsList$logs.map(function (log) {
|
|
119
131
|
var _log$author, _log$user, _log$author2, _log$user2, _log$author3, _log$user3, _log$config, _log$config2;
|
|
120
132
|
return /*#__PURE__*/_react.default.createElement("tbody", {
|
|
121
133
|
key: log.id
|
|
122
|
-
}, /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", null, /*#__PURE__*/_react.default.createElement(
|
|
134
|
+
}, /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", null, /*#__PURE__*/_react.default.createElement(_styles2.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(_styles2.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(_styles2.ConfigListTable, null, /*#__PURE__*/_react.default.createElement("p", null, t(((log === null || log === void 0 || (_log$config = log.config) === null || _log$config === void 0 ? void 0 : _log$config.key) || '').toUpperCase(), ((log === null || log === void 0 || (_log$config2 = log.config) === null || _log$config2 === void 0 ? void 0 : _log$config2.key) || '').replaceAll('_', ' '))))), /*#__PURE__*/_react.default.createElement("td", null, /*#__PURE__*/_react.default.createElement(_styles2.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) {
|
|
123
135
|
return /*#__PURE__*/_react.default.createElement("tbody", {
|
|
124
136
|
key: i
|
|
125
137
|
}, /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", null, t(item === null || item === void 0 ? void 0 : item.attribute.toUpperCase(), item === null || item === void 0 ? void 0 : item.attribute.replaceAll('_', ' ')))));
|
|
126
|
-
}))), /*#__PURE__*/_react.default.createElement("td", null, /*#__PURE__*/_react.default.createElement(
|
|
138
|
+
}))), /*#__PURE__*/_react.default.createElement("td", null, /*#__PURE__*/_react.default.createElement(_styles2.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) {
|
|
127
139
|
var _item$added, _item$added2;
|
|
128
140
|
return /*#__PURE__*/_react.default.createElement("tbody", {
|
|
129
141
|
key: i
|
|
130
|
-
}, /*#__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(
|
|
142
|
+
}, /*#__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(_styles2.SeeChanges, {
|
|
131
143
|
onClick: function onClick() {
|
|
132
144
|
return scheduleModalData(item, 'new');
|
|
133
145
|
}
|
|
134
146
|
}, t('SEE_CHANGES', 'See changes')))));
|
|
135
|
-
}))), /*#__PURE__*/_react.default.createElement("td", null, /*#__PURE__*/_react.default.createElement(
|
|
147
|
+
}))), /*#__PURE__*/_react.default.createElement("td", null, /*#__PURE__*/_react.default.createElement(_styles2.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) {
|
|
136
148
|
var _item$removed, _item$removed2;
|
|
137
149
|
return /*#__PURE__*/_react.default.createElement("tbody", {
|
|
138
150
|
key: i
|
|
139
|
-
}, /*#__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(
|
|
151
|
+
}, /*#__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(_styles2.SeeChanges, {
|
|
140
152
|
onClick: function onClick() {
|
|
141
153
|
return scheduleModalData(item, 'old');
|
|
142
154
|
}
|
|
143
155
|
}, t('SEE_CHANGES', 'See changes')))));
|
|
144
|
-
}))), /*#__PURE__*/_react.default.createElement("td", null, /*#__PURE__*/_react.default.createElement(
|
|
156
|
+
}))), /*#__PURE__*/_react.default.createElement("td", null, /*#__PURE__*/_react.default.createElement(_styles2.DateTimeWrapper, null, parseDate(log.created_at, {
|
|
145
157
|
utc: false
|
|
146
158
|
}))), /*#__PURE__*/_react.default.createElement("td", null, log === null || log === void 0 ? void 0 : log.user_agent)));
|
|
147
|
-
}))) : /*#__PURE__*/_react.default.createElement(
|
|
159
|
+
}))) : /*#__PURE__*/_react.default.createElement(_styles2.NoData, null, t('NO_DATA', 'No Data'))), (logsList === null || logsList === void 0 ? void 0 : logsList.logs.length) > 0 && /*#__PURE__*/_react.default.createElement(_styles2.WrapperPagination, null, /*#__PURE__*/_react.default.createElement(_Shared.Pagination, {
|
|
148
160
|
isHidePagecontrol: true,
|
|
149
161
|
currentPage: paginationProps.currentPage,
|
|
150
162
|
totalPages: paginationProps.totalPages,
|
|
@@ -162,9 +174,9 @@ var SettingsLogsUI = function SettingsLogsUI(props) {
|
|
|
162
174
|
onClose: function onClose() {
|
|
163
175
|
return setOpen(false);
|
|
164
176
|
}
|
|
165
|
-
}, /*#__PURE__*/_react.default.createElement(
|
|
177
|
+
}, /*#__PURE__*/_react.default.createElement(_styles2.SchedulesWrapper, {
|
|
166
178
|
border: !!(schedules !== null && schedules !== void 0 && schedules.oldSchedule)
|
|
167
|
-
}, (schedules === null || schedules === void 0 ? void 0 : schedules.newSchedule) && /*#__PURE__*/_react.default.createElement(
|
|
179
|
+
}, (schedules === null || schedules === void 0 ? void 0 : schedules.newSchedule) && /*#__PURE__*/_react.default.createElement(_styles2.Schedules, null, /*#__PURE__*/_react.default.createElement(_styles2.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(_styles2.Schedules, null, /*#__PURE__*/_react.default.createElement(_styles2.ScheduleTitle, null, t('OLD', 'Old')), getSchedule(schedules === null || schedules === void 0 ? void 0 : schedules.oldSchedule)))));
|
|
168
180
|
};
|
|
169
181
|
var SettingsLogs = exports.SettingsLogs = function SettingsLogs(props) {
|
|
170
182
|
var settingsLogsProps = _objectSpread(_objectSpread({}, props), {}, {
|