ordering-ui-admin-external 1.42.14 → 1.42.16
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.12d91da09a4a1eb7c6e3.js → ordering-ui-admin.fe5b500282e81ee0fd32.js} +2 -2
- package/_modules/components/Banners/index.js +62 -0
- package/_modules/components/Banners/styles.js +17 -0
- package/_modules/components/Home/HomePage/index.js +5 -2
- package/_modules/components/Layout/index.js +3 -1
- package/_modules/components/Orders/DeliveryDashboard/index.js +1 -1
- package/_modules/components/Orders/OrdersCards/index.js +5 -1
- package/_modules/components/Orders/OrdersDashboard/index.js +1 -1
- package/_modules/components/Orders/OrdersTable/Order.js +9 -1
- package/_modules/components/Orders/OrdersTable/index.js +21 -2
- package/_modules/components/Orders/OrdersTable/styles.js +35 -34
- package/_modules/index.js +7 -0
- package/_modules/styles/Buttons/index.js +34 -23
- package/index-template.js +5 -2
- package/package.json +2 -2
- package/src/components/Banners/index.js +69 -0
- package/src/components/Banners/styles.js +68 -0
- package/src/components/Home/HomePage/index.js +2 -1
- package/src/components/Layout/index.js +1 -1
- package/src/components/Orders/DeliveryDashboard/index.js +1 -1
- package/src/components/Orders/OrdersCards/index.js +9 -0
- package/src/components/Orders/OrdersDashboard/index.js +1 -1
- package/src/components/Orders/OrdersTable/Order.js +11 -2
- package/src/components/Orders/OrdersTable/index.js +17 -4
- package/src/components/Orders/OrdersTable/styles.js +11 -0
- package/src/index.js +2 -0
- package/src/styles/Buttons/index.js +11 -0
- package/template/app.js +14 -1
- package/template/config.json +1 -1
- /package/_bundles/{ordering-ui-admin.12d91da09a4a1eb7c6e3.js.LICENSE.txt → ordering-ui-admin.fe5b500282e81ee0fd32.js.LICENSE.txt} +0 -0
|
@@ -0,0 +1,62 @@
|
|
|
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.Banners = void 0;
|
|
8
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
+
var _orderingComponentsAdminExternal = require("ordering-components-admin-external");
|
|
10
|
+
var _styledComponents = require("styled-components");
|
|
11
|
+
var _reactBootstrapIcons = require("react-bootstrap-icons");
|
|
12
|
+
var _styles = require("./styles");
|
|
13
|
+
var _styles2 = require("../../styles");
|
|
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 && 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; }
|
|
16
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
17
|
+
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
18
|
+
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); }
|
|
19
|
+
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; }
|
|
20
|
+
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; } }
|
|
21
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
22
|
+
var Banners = exports.Banners = function Banners(props) {
|
|
23
|
+
var type = props.type,
|
|
24
|
+
urlToGo = props.urlToGo,
|
|
25
|
+
setLayoutPT = props.setLayoutPT;
|
|
26
|
+
var fixedRef = (0, _react.useRef)(null);
|
|
27
|
+
var theme = (0, _styledComponents.useTheme)();
|
|
28
|
+
var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
|
|
29
|
+
_useLanguage2 = _slicedToArray(_useLanguage, 2),
|
|
30
|
+
t = _useLanguage2[1];
|
|
31
|
+
var _useSession = (0, _orderingComponentsAdminExternal.useSession)(),
|
|
32
|
+
_useSession2 = _slicedToArray(_useSession, 1),
|
|
33
|
+
user = _useSession2[0].user;
|
|
34
|
+
var handleClick = function handleClick() {
|
|
35
|
+
if (!urlToGo) return;
|
|
36
|
+
window.open(urlToGo, '_blank').focus();
|
|
37
|
+
};
|
|
38
|
+
(0, _react.useEffect)(function () {
|
|
39
|
+
if (fixedRef.current) {
|
|
40
|
+
setLayoutPT(fixedRef.current.offsetHeight);
|
|
41
|
+
}
|
|
42
|
+
});
|
|
43
|
+
return type === 'past_due' ? /*#__PURE__*/_react.default.createElement(_styles.Container, {
|
|
44
|
+
ref: fixedRef
|
|
45
|
+
}, /*#__PURE__*/_react.default.createElement(_styles.Banner, null, /*#__PURE__*/_react.default.createElement(_styles.Icon, null, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.ExclamationTriangle, {
|
|
46
|
+
size: 26,
|
|
47
|
+
color: theme.colors.warning
|
|
48
|
+
})), /*#__PURE__*/_react.default.createElement(_styles.Content, null, /*#__PURE__*/_react.default.createElement("h1", null, t('PAST_DUE_TITLE_BANNER', 'Hey :user:, we have a problem, your account is past due.').replace(':user:', user === null || user === void 0 ? void 0 : user.name)), /*#__PURE__*/_react.default.createElement("p", null, t('PAST_DUE_SUBTITLE_BANNER', 'There appears to be an issue with your payment. Kindly update the card on file and complete your payment.'))), /*#__PURE__*/_react.default.createElement(_styles.ButtonWrap, null, /*#__PURE__*/_react.default.createElement(_styles2.Button, {
|
|
49
|
+
color: "warning",
|
|
50
|
+
style: {
|
|
51
|
+
borderRadius: 8,
|
|
52
|
+
padding: '5px 30px',
|
|
53
|
+
maxHeight: '40px'
|
|
54
|
+
},
|
|
55
|
+
onClick: function onClick() {
|
|
56
|
+
return handleClick();
|
|
57
|
+
}
|
|
58
|
+
}, t('PAY_NOW', 'Pay now'))))) : null;
|
|
59
|
+
};
|
|
60
|
+
Banners.defaultProps = {
|
|
61
|
+
type: 'past_due'
|
|
62
|
+
};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.Icon = exports.Content = exports.Container = exports.ButtonWrap = exports.Banner = void 0;
|
|
7
|
+
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
8
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
|
|
9
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
10
|
+
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
11
|
+
var Container = exports.Container = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n width: 100vw;\n position: fixed;\n top: 0;\n left: 0;\n z-index: 10000;\n"])));
|
|
12
|
+
var Banner = exports.Banner = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n width: 100%;\n background-color: ", ";\n padding: 20px;\n border-radius: 8px;\n\n @media (max-width: 768px) {\n flex-direction: column;\n height: auto;\n }\n"])), function (props) {
|
|
13
|
+
return props.theme.colors.warning100;
|
|
14
|
+
});
|
|
15
|
+
var Icon = exports.Icon = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n flex: 1;\n max-width: 5%;\n text-align: center;\n\n @media (max-width: 768px) {\n max-width: 100%;\n margin-bottom: 10px;\n }\n"])));
|
|
16
|
+
var Content = exports.Content = _styledComponents.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n flex: 2;\n max-width: 80%;\n text-align: left;\n\n h1, p {\n font-size: 1rem;\n margin: 0;\n padding: 0;\n }\n\n h1 {\n font-weight: bold;\n }\n\n @media (max-width: 768px) {\n max-width: 100%;\n text-align: center;\n margin-bottom: 10px;\n }\n"])));
|
|
17
|
+
var ButtonWrap = exports.ButtonWrap = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n flex: 1;\n max-width: 15%;\n text-align: center;\n\n @media (max-width: 768px) {\n max-width: 100%;\n margin-bottom: 10px;\n }\n"])));
|
|
@@ -11,6 +11,7 @@ var _reactChartjs = require("react-chartjs-2");
|
|
|
11
11
|
var _moment = _interopRequireDefault(require("moment"));
|
|
12
12
|
var _Buttons = require("../../../styles/Buttons");
|
|
13
13
|
var _InfoShareContext = require("../../../contexts/InfoShareContext");
|
|
14
|
+
var _ProjectContext = require("../../../contexts/ProjectContext");
|
|
14
15
|
var _reactLoadingSkeleton = _interopRequireDefault(require("react-loading-skeleton"));
|
|
15
16
|
var _useWindowSize2 = require("../../../hooks/useWindowSize");
|
|
16
17
|
var _styledComponents = require("styled-components");
|
|
@@ -40,8 +41,7 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
|
|
|
40
41
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
41
42
|
var HomeUI = function HomeUI(props) {
|
|
42
43
|
var _configs$white_label_, _projectStatus$projec, _sessionState$user, _projectStatus$projec2, _projectStatus$projec3, _project$projectStatu, _projectStatus$projec4, _projectStatus$projec5, _project$projectStatu2, _projectStatus$projec6, _projectStatus$projec7, _project$projectStatu3, _projectStatus$projec8, _project$projectStatu4, _projectStatus$projec9, _sessionState$user2, _sessionState$user3;
|
|
43
|
-
var
|
|
44
|
-
ordersList = props.ordersList,
|
|
44
|
+
var ordersList = props.ordersList,
|
|
45
45
|
todaySalelsList = props.todaySalelsList,
|
|
46
46
|
monthSalesList = props.monthSalesList,
|
|
47
47
|
getCurrentDateRange = props.getCurrentDateRange;
|
|
@@ -66,6 +66,9 @@ var HomeUI = function HomeUI(props) {
|
|
|
66
66
|
var _useEvent = (0, _orderingComponentsAdminExternal.useEvent)(),
|
|
67
67
|
_useEvent2 = _slicedToArray(_useEvent, 1),
|
|
68
68
|
events = _useEvent2[0];
|
|
69
|
+
var _useProjectState = (0, _ProjectContext.useProjectState)(),
|
|
70
|
+
_useProjectState2 = _slicedToArray(_useProjectState, 1),
|
|
71
|
+
projectStatus = _useProjectState2[0];
|
|
69
72
|
var _useWindowSize = (0, _useWindowSize2.useWindowSize)(),
|
|
70
73
|
width = _useWindowSize.width;
|
|
71
74
|
var _useUtils = (0, _orderingComponentsAdminExternal.useUtils)(),
|
|
@@ -7,11 +7,13 @@ exports.Layout = void 0;
|
|
|
7
7
|
var _react = _interopRequireDefault(require("react"));
|
|
8
8
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
9
9
|
var Layout = exports.Layout = function Layout(props) {
|
|
10
|
+
var _props$pt;
|
|
10
11
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
11
12
|
className: "d-flex",
|
|
12
13
|
style: {
|
|
13
14
|
maxWidth: '100vw',
|
|
14
|
-
width: '100vw'
|
|
15
|
+
width: '100vw',
|
|
16
|
+
paddingTop: (_props$pt = props.pt) !== null && _props$pt !== void 0 ? _props$pt : 0
|
|
15
17
|
}
|
|
16
18
|
}, props.children);
|
|
17
19
|
};
|
|
@@ -41,7 +41,7 @@ var DeliveryDashboard = exports.DeliveryDashboard = function DeliveryDashboard(p
|
|
|
41
41
|
_useConfig2 = _slicedToArray(_useConfig, 1),
|
|
42
42
|
configs = _useConfig2[0].configs;
|
|
43
43
|
if (configs !== null && configs !== void 0 && configs.optimize_order_data && (configs === null || configs === void 0 || (_configs$optimize_ord = configs.optimize_order_data) === null || _configs$optimize_ord === void 0 ? void 0 : _configs$optimize_ord.value) === '1') {
|
|
44
|
-
ordersDashboardListProps.propsToFetch = ['app_id', 'business', 'business_id', 'created_at', 'customer', 'customer_id', 'delivery_type', 'driver_group_id', 'driver_id', 'driver', 'delivery_datetime', 'delivery_datetime_utc', 'external_id', 'eta_time', 'id', 'logistic_status', 'logistic_attemps', 'uuid', 'order_group', 'order_group_id', 'priority', 'summary', 'status', 'time_status', 'total'];
|
|
44
|
+
ordersDashboardListProps.propsToFetch = ['app_id', 'business', 'business_id', 'created_at', 'customer', 'customer_id', 'delivery_type', 'driver_group_id', 'driver_id', 'driver', 'delivery_datetime', 'delivery_datetime_utc', 'external_id', 'eta_time', 'id', 'logistic_status', 'logistic_attemps', 'uuid', 'order_group', 'order_group_id', 'priority', 'summary', 'status', 'time_status', 'total', 'metadata'];
|
|
45
45
|
}
|
|
46
46
|
var _useState = (0, _react.useState)(null),
|
|
47
47
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -248,7 +248,11 @@ var OrdersCards = exports.OrdersCards = function OrdersCards(props) {
|
|
|
248
248
|
className: "bold"
|
|
249
249
|
}, "Timer"), /*#__PURE__*/_react.default.createElement("p", {
|
|
250
250
|
className: order === null || order === void 0 ? void 0 : order.time_status
|
|
251
|
-
}, displayDelayedTime(order)))
|
|
251
|
+
}, displayDelayedTime(order))), (order === null || order === void 0 ? void 0 : order.codigoPod) && /*#__PURE__*/_react.default.createElement("div", {
|
|
252
|
+
style: {
|
|
253
|
+
paddingTop: 50
|
|
254
|
+
}
|
|
255
|
+
}, /*#__PURE__*/_react.default.createElement("p", null, "".concat(t('PODS', 'Pod'), ": ").concat(order === null || order === void 0 ? void 0 : order.codigoPod)))), isMessagesView && (order === null || order === void 0 ? void 0 : order.unread_count) > 0 && /*#__PURE__*/_react.default.createElement(_styles.UnreadMessageCounter, null, order === null || order === void 0 ? void 0 : order.unread_count), /*#__PURE__*/_react.default.createElement(_styles.CardContent, null, /*#__PURE__*/_react.default.createElement(_styles.InfoItemContainer, null, /*#__PURE__*/_react.default.createElement(_styles.WrapperImage, null, /*#__PURE__*/_react.default.createElement("img", {
|
|
252
256
|
src: optimizeImage(franchiseImages[order === null || order === void 0 || (_order$business = order.business) === null || _order$business === void 0 ? void 0 : _order$business.franchise_id] || ((_order$business2 = order.business) === null || _order$business2 === void 0 ? void 0 : _order$business2.logo) || ((_theme$images = theme.images) === null || _theme$images === void 0 || (_theme$images = _theme$images.dummies) === null || _theme$images === void 0 ? void 0 : _theme$images.businessLogo), 'h_50,c_limit'),
|
|
253
257
|
loading: "lazy",
|
|
254
258
|
alt: ""
|
|
@@ -30,7 +30,7 @@ var OrdersDashboard = exports.OrdersDashboard = function OrdersDashboard(props)
|
|
|
30
30
|
configs = _useConfig2[0].configs;
|
|
31
31
|
var ordersDashboardListProps = _objectSpread({}, props);
|
|
32
32
|
if (configs !== null && configs !== void 0 && configs.optimize_order_data && (configs === null || configs === void 0 || (_configs$optimize_ord = configs.optimize_order_data) === null || _configs$optimize_ord === void 0 ? void 0 : _configs$optimize_ord.value) === '1') {
|
|
33
|
-
ordersDashboardListProps.propsToFetch = ['app_id', 'business', 'business_id', 'created_at', 'customer', 'customer_id', 'delivery_type', 'driver_group_id', 'driver_id', 'driver', 'delivery_datetime', 'delivery_datetime_utc', 'external_id', 'eta_time', 'id', 'logistic_status', 'logistic_attemps', 'uuid', 'order_group', 'order_group_id', 'priority', 'summary', 'status', 'time_status', 'total', 'driver_group_business'];
|
|
33
|
+
ordersDashboardListProps.propsToFetch = ['app_id', 'business', 'business_id', 'created_at', 'customer', 'customer_id', 'delivery_type', 'driver_group_id', 'driver_id', 'driver', 'delivery_datetime', 'delivery_datetime_utc', 'external_id', 'eta_time', 'id', 'logistic_status', 'logistic_attemps', 'uuid', 'order_group', 'order_group_id', 'priority', 'summary', 'status', 'time_status', 'total', 'driver_group_business', 'metadata'];
|
|
34
34
|
}
|
|
35
35
|
return /*#__PURE__*/_react.default.createElement(_styles.OrdersManageContainer, null, /*#__PURE__*/_react.default.createElement(_OrdersDashboardList.OrdersDashboardList, _extends({}, ordersDashboardListProps, {
|
|
36
36
|
orderListView: "table"
|
|
@@ -239,7 +239,15 @@ var Order = exports.Order = /*#__PURE__*/_react.default.memo(function (props) {
|
|
|
239
239
|
key: "channelInfo".concat(i, "-").concat(index)
|
|
240
240
|
}, /*#__PURE__*/_react.default.createElement(_styles.ChannelInfo, null, /*#__PURE__*/_react.default.createElement("p", {
|
|
241
241
|
className: "bold"
|
|
242
|
-
}, order.app_id)));
|
|
242
|
+
}, order === null || order === void 0 ? void 0 : order.app_id)));
|
|
243
|
+
}
|
|
244
|
+
if (column === 'pod') {
|
|
245
|
+
return /*#__PURE__*/_react.default.createElement("td", {
|
|
246
|
+
className: "podInfo",
|
|
247
|
+
key: "podInfo".concat(i, "-").concat(index)
|
|
248
|
+
}, /*#__PURE__*/_react.default.createElement(_styles.PodInfo, null, /*#__PURE__*/_react.default.createElement("p", {
|
|
249
|
+
className: "bold"
|
|
250
|
+
}, order === null || order === void 0 ? void 0 : order.codigoPod)));
|
|
243
251
|
}
|
|
244
252
|
if (column === 'total') {
|
|
245
253
|
var _allowColumns$total, _order$summary;
|
|
@@ -137,6 +137,9 @@ var OrdersTable = exports.OrdersTable = /*#__PURE__*/(0, _react.memo)(function (
|
|
|
137
137
|
}, {
|
|
138
138
|
value: 'channel',
|
|
139
139
|
content: t('CHANNEL', 'Channel')
|
|
140
|
+
}, {
|
|
141
|
+
value: 'pod',
|
|
142
|
+
content: t('PODS', 'Pod')
|
|
140
143
|
}];
|
|
141
144
|
var getDelayMinutes = function getDelayMinutes(order) {
|
|
142
145
|
// targetMin = delivery_datetime + eta_time - now()
|
|
@@ -246,14 +249,25 @@ var OrdersTable = exports.OrdersTable = /*#__PURE__*/(0, _react.memo)(function (
|
|
|
246
249
|
var _column2;
|
|
247
250
|
var _column = {};
|
|
248
251
|
if (type === 'channel') {
|
|
252
|
+
var _allowColumns$type$vi, _allowColumns$type;
|
|
249
253
|
_column = {
|
|
250
|
-
visable: allowColumns[type].visable,
|
|
254
|
+
visable: (_allowColumns$type$vi = (_allowColumns$type = allowColumns[type]) === null || _allowColumns$type === void 0 ? void 0 : _allowColumns$type.visable) !== null && _allowColumns$type$vi !== void 0 ? _allowColumns$type$vi : false,
|
|
251
255
|
title: t('CHANNEL', 'Channel'),
|
|
252
256
|
className: 'channelInfo',
|
|
253
257
|
draggable: true,
|
|
254
258
|
colSpan: 1,
|
|
255
259
|
order: 12
|
|
256
260
|
};
|
|
261
|
+
} else if (type === 'pod') {
|
|
262
|
+
var _allowColumns$type$vi2, _allowColumns$type2;
|
|
263
|
+
_column = {
|
|
264
|
+
visable: (_allowColumns$type$vi2 = (_allowColumns$type2 = allowColumns[type]) === null || _allowColumns$type2 === void 0 ? void 0 : _allowColumns$type2.visable) !== null && _allowColumns$type$vi2 !== void 0 ? _allowColumns$type$vi2 : false,
|
|
265
|
+
title: t('PODS', 'Pod'),
|
|
266
|
+
className: 'podInfo',
|
|
267
|
+
draggable: true,
|
|
268
|
+
colSpan: 1,
|
|
269
|
+
order: 13
|
|
270
|
+
};
|
|
257
271
|
} else {
|
|
258
272
|
_column = allowColumns[type];
|
|
259
273
|
}
|
|
@@ -474,7 +488,7 @@ var OrdersTable = exports.OrdersTable = /*#__PURE__*/(0, _react.memo)(function (
|
|
|
474
488
|
alt: "six dots"
|
|
475
489
|
}), /*#__PURE__*/_react.default.createElement("span", null, (_allowColumns$column9 = allowColumns[column]) === null || _allowColumns$column9 === void 0 ? void 0 : _allowColumns$column9.title)));
|
|
476
490
|
})))), orderList.loading || !allowColumns ? _toConsumableArray(Array(10).keys()).map(function (i) {
|
|
477
|
-
var _allowColumns$slaBar2, _allowColumns$orderNu2, _allowColumns$dateTim2, _allowColumns$orderNu3, _allowColumns$dateTim3, _allowColumns$externa, _allowColumns$cartGro, _allowColumns$driverG, _allowColumns$status, _allowColumns$busines, _allowColumns$custome, _allowColumns$driver, _allowColumns$deliver, _allowColumns$status2, _allowColumns$advance, _allowColumns$advance2, _allowColumns$advance3, _allowColumns$channel, _allowColumns$total;
|
|
491
|
+
var _allowColumns$slaBar2, _allowColumns$orderNu2, _allowColumns$dateTim2, _allowColumns$orderNu3, _allowColumns$dateTim3, _allowColumns$externa, _allowColumns$cartGro, _allowColumns$driverG, _allowColumns$status, _allowColumns$busines, _allowColumns$custome, _allowColumns$driver, _allowColumns$deliver, _allowColumns$status2, _allowColumns$advance, _allowColumns$advance2, _allowColumns$advance3, _allowColumns$channel, _allowColumns$pod, _allowColumns$total;
|
|
478
492
|
return /*#__PURE__*/_react.default.createElement(_styles.OrderTbody, {
|
|
479
493
|
key: i
|
|
480
494
|
}, /*#__PURE__*/_react.default.createElement("tr", null, (allowColumns === null || allowColumns === void 0 || (_allowColumns$slaBar2 = allowColumns.slaBar) === null || _allowColumns$slaBar2 === void 0 ? void 0 : _allowColumns$slaBar2.visable) && /*#__PURE__*/_react.default.createElement("td", null, /*#__PURE__*/_react.default.createElement(_styles.Timestatus, null)), /*#__PURE__*/_react.default.createElement("td", {
|
|
@@ -606,6 +620,11 @@ var OrdersTable = exports.OrdersTable = /*#__PURE__*/(0, _react.memo)(function (
|
|
|
606
620
|
}, /*#__PURE__*/_react.default.createElement(_styles.WrapOrderStatusSelector, null, /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, {
|
|
607
621
|
width: 100,
|
|
608
622
|
height: 30
|
|
623
|
+
}))), (allowColumns === null || allowColumns === void 0 || (_allowColumns$pod = allowColumns.pod) === null || _allowColumns$pod === void 0 ? void 0 : _allowColumns$pod.visable) && !isSelectedOrders && /*#__PURE__*/_react.default.createElement("td", {
|
|
624
|
+
className: "orderStatusTitle"
|
|
625
|
+
}, /*#__PURE__*/_react.default.createElement(_styles.WrapOrderStatusSelector, null, /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, {
|
|
626
|
+
width: 100,
|
|
627
|
+
height: 30
|
|
609
628
|
}))), !isSelectedOrders && /*#__PURE__*/_react.default.createElement("td", {
|
|
610
629
|
className: "orderPrice"
|
|
611
630
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
@@ -4,9 +4,9 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
|
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
-
exports.WrapperPagination = exports.WrapperImage = exports.WrapOrderStatusSelector = exports.Timestatus = exports.Timer = exports.Table = exports.StatusInfo = exports.PriorityDot = exports.OrdersCountWrapper = exports.OrdersContainer = exports.OrderType = exports.OrderTbody = exports.OrderNumberContainer = exports.LogisticStatusDot = exports.InfoWrapper = exports.EtaInfo = exports.DriversInfo = exports.DragTh = exports.CustomerInfo = exports.CheckBox = exports.ChannelInfo = exports.BusinessInfo = void 0;
|
|
7
|
+
exports.WrapperPagination = exports.WrapperImage = exports.WrapOrderStatusSelector = exports.Timestatus = exports.Timer = exports.Table = exports.StatusInfo = exports.PriorityDot = exports.PodInfo = exports.OrdersCountWrapper = exports.OrdersContainer = exports.OrderType = exports.OrderTbody = exports.OrderNumberContainer = exports.LogisticStatusDot = exports.InfoWrapper = exports.EtaInfo = exports.DriversInfo = exports.DragTh = exports.CustomerInfo = exports.CheckBox = exports.ChannelInfo = exports.BusinessInfo = void 0;
|
|
8
8
|
var _styledComponents = _interopRequireWildcard(require("styled-components"));
|
|
9
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _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;
|
|
9
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _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;
|
|
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 && 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; }
|
|
12
12
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
@@ -88,116 +88,117 @@ var CustomerInfo = exports.CustomerInfo = (0, _styledComponents.default)(Busines
|
|
|
88
88
|
var StatusInfo = exports.StatusInfo = _styledComponents.default.div(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n .bold {\n max-width: 150px;\n font-weight: 600;\n margin: 0;\n }\n"])));
|
|
89
89
|
var ChannelInfo = exports.ChannelInfo = _styledComponents.default.div(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n .bold {\n max-width: 150px;\n font-weight: 600;\n margin: 0;\n }\n"])));
|
|
90
90
|
var EtaInfo = exports.EtaInfo = _styledComponents.default.div(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["\n .bold {\n max-width: 150px;\n font-weight: 600;\n margin: 0;\n }\n"])));
|
|
91
|
-
var
|
|
91
|
+
var PodInfo = exports.PodInfo = _styledComponents.default.div(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["\n .bold {\n max-width: 150px;\n font-weight: 600;\n margin: 0;\n }\n"])));
|
|
92
|
+
var DriversInfo = exports.DriversInfo = _styledComponents.default.div(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n .select {\n > div:first-child {\n padding-left: 0;\n padding-right: 0;\n }\n }\n > div {\n > div {\n border: none;\n &:first-child {\n .driver-photo {\n width: 45px;\n height: 45px;\n }\n .driver-info {\n p {\n color: ", ";\n font-size: 14px;\n font-weight: 600;\n }\n span {\n display: initial;\n }\n }\n }\n }\n }\n ", "\n"])), function (props) {
|
|
92
93
|
var _props$theme$colors6;
|
|
93
94
|
return (_props$theme$colors6 = props.theme.colors) === null || _props$theme$colors6 === void 0 ? void 0 : _props$theme$colors6.headingColor;
|
|
94
95
|
}, function (_ref6) {
|
|
95
96
|
var noClick = _ref6.noClick;
|
|
96
|
-
return noClick && (0, _styledComponents.css)(
|
|
97
|
+
return noClick && (0, _styledComponents.css)(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n pointer-events: none;\n "])));
|
|
97
98
|
});
|
|
98
|
-
var WrapperImage = exports.WrapperImage = _styledComponents.default.div(
|
|
99
|
-
var OrderType = exports.OrderType = _styledComponents.default.div(
|
|
99
|
+
var WrapperImage = exports.WrapperImage = _styledComponents.default.div(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["\n max-width: 45px;\n max-height: 45px;\n height: 45px;\n width: 45px;\n box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);\n border-radius: 7.6px;\n position: relative;\n\n img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n border-radius: 7.6px;\n }\n\n svg {\n width: 100%;\n height: 100%;\n padding: 7px;\n box-sizing: border-box;\n border-radius: 50%;\n }\n"])));
|
|
100
|
+
var OrderType = exports.OrderType = _styledComponents.default.div(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n\n img, svg {\n width: 25px;\n height: 30px;\n }\n\n img {\n border-radius: unset;\n border: none;\n }\n\n span {\n color: ", ";\n font-size: 14px;\n ", "\n }\n"])), function (props) {
|
|
100
101
|
return props.theme.colors.headingColor;
|
|
101
102
|
}, function (props) {
|
|
102
103
|
var _props$theme5;
|
|
103
|
-
return (_props$theme5 = props.theme) !== null && _props$theme5 !== void 0 && _props$theme5.rtl ? (0, _styledComponents.css)(
|
|
104
|
+
return (_props$theme5 = props.theme) !== null && _props$theme5 !== void 0 && _props$theme5.rtl ? (0, _styledComponents.css)(_templateObject29 || (_templateObject29 = _taggedTemplateLiteral(["\n margin-right: 5px;\n "]))) : (0, _styledComponents.css)(_templateObject30 || (_templateObject30 = _taggedTemplateLiteral(["\n margin-left: 5px;\n "])));
|
|
104
105
|
});
|
|
105
|
-
var WrapOrderStatusSelector = exports.WrapOrderStatusSelector = _styledComponents.default.div(
|
|
106
|
+
var WrapOrderStatusSelector = exports.WrapOrderStatusSelector = _styledComponents.default.div(_templateObject31 || (_templateObject31 = _taggedTemplateLiteral(["\n > div {\n p {\n font-size: 14px;\n }\n > div:first-child {\n p {\n color: ", ";\n max-width: 140px;\n }\n }\n }\n"])), function (props) {
|
|
106
107
|
var _props$theme$colors7;
|
|
107
108
|
return (_props$theme$colors7 = props.theme.colors) === null || _props$theme$colors7 === void 0 ? void 0 : _props$theme$colors7.headingColor;
|
|
108
109
|
});
|
|
109
|
-
var WrapperPagination = exports.WrapperPagination = _styledComponents.default.div(
|
|
110
|
-
var LogisticStatusDot = exports.LogisticStatusDot = _styledComponents.default.span(
|
|
110
|
+
var WrapperPagination = exports.WrapperPagination = _styledComponents.default.div(_templateObject32 || (_templateObject32 = _taggedTemplateLiteral(["\n padding-top: 5px;\n"])));
|
|
111
|
+
var LogisticStatusDot = exports.LogisticStatusDot = _styledComponents.default.span(_templateObject33 || (_templateObject33 = _taggedTemplateLiteral(["\n width: 6px;\n height: 6px;\n border-radius: 50%;\n display: inline-block;\n\n ", "\n\n ", "\n ", "\n ", "\n ", "\n ", "\n"])), function (props) {
|
|
111
112
|
var _props$theme6;
|
|
112
|
-
return (_props$theme6 = props.theme) !== null && _props$theme6 !== void 0 && _props$theme6.rtl ? (0, _styledComponents.css)(
|
|
113
|
+
return (_props$theme6 = props.theme) !== null && _props$theme6 !== void 0 && _props$theme6.rtl ? (0, _styledComponents.css)(_templateObject34 || (_templateObject34 = _taggedTemplateLiteral(["\n margin-right: 6px;\n "]))) : (0, _styledComponents.css)(_templateObject35 || (_templateObject35 = _taggedTemplateLiteral(["\n margin-left: 6px;\n "])));
|
|
113
114
|
}, function (_ref7) {
|
|
114
115
|
var status = _ref7.status;
|
|
115
|
-
return status === 0 && (0, _styledComponents.css)(
|
|
116
|
+
return status === 0 && (0, _styledComponents.css)(_templateObject36 || (_templateObject36 = _taggedTemplateLiteral(["\n background-color: ", ";\n "])), function (props) {
|
|
116
117
|
return props.theme.colors.orange;
|
|
117
118
|
});
|
|
118
119
|
}, function (_ref8) {
|
|
119
120
|
var status = _ref8.status;
|
|
120
|
-
return status === 1 && (0, _styledComponents.css)(
|
|
121
|
+
return status === 1 && (0, _styledComponents.css)(_templateObject37 || (_templateObject37 = _taggedTemplateLiteral(["\n background-color: ", ";\n "])), function (props) {
|
|
121
122
|
return props.theme.colors.warning;
|
|
122
123
|
});
|
|
123
124
|
}, function (_ref9) {
|
|
124
125
|
var status = _ref9.status;
|
|
125
|
-
return status === 2 && (0, _styledComponents.css)(
|
|
126
|
+
return status === 2 && (0, _styledComponents.css)(_templateObject38 || (_templateObject38 = _taggedTemplateLiteral(["\n background-color: ", ";\n "])), function (props) {
|
|
126
127
|
return props.theme.colors.info;
|
|
127
128
|
});
|
|
128
129
|
}, function (_ref10) {
|
|
129
130
|
var status = _ref10.status;
|
|
130
|
-
return status === 3 && (0, _styledComponents.css)(
|
|
131
|
+
return status === 3 && (0, _styledComponents.css)(_templateObject39 || (_templateObject39 = _taggedTemplateLiteral(["\n background-color: ", ";\n "])), function (props) {
|
|
131
132
|
return props.theme.colors.danger;
|
|
132
133
|
});
|
|
133
134
|
}, function (_ref11) {
|
|
134
135
|
var status = _ref11.status;
|
|
135
|
-
return status === 4 && (0, _styledComponents.css)(
|
|
136
|
+
return status === 4 && (0, _styledComponents.css)(_templateObject40 || (_templateObject40 = _taggedTemplateLiteral(["\n background-color: ", ";\n "])), function (props) {
|
|
136
137
|
return props.theme.colors.success;
|
|
137
138
|
});
|
|
138
139
|
});
|
|
139
|
-
var PriorityDot = exports.PriorityDot = _styledComponents.default.span(
|
|
140
|
+
var PriorityDot = exports.PriorityDot = _styledComponents.default.span(_templateObject41 || (_templateObject41 = _taggedTemplateLiteral(["\n width: 6px;\n height: 6px;\n border-radius: 50%;\n display: inline-block;\n\n ", "\n\n ", "\n ", "\n ", "\n ", "\n"])), function (props) {
|
|
140
141
|
var _props$theme7;
|
|
141
|
-
return (_props$theme7 = props.theme) !== null && _props$theme7 !== void 0 && _props$theme7.rtl ? (0, _styledComponents.css)(
|
|
142
|
+
return (_props$theme7 = props.theme) !== null && _props$theme7 !== void 0 && _props$theme7.rtl ? (0, _styledComponents.css)(_templateObject42 || (_templateObject42 = _taggedTemplateLiteral(["\n margin-right: 6px;\n "]))) : (0, _styledComponents.css)(_templateObject43 || (_templateObject43 = _taggedTemplateLiteral(["\n margin-left: 6px;\n "])));
|
|
142
143
|
}, function (_ref12) {
|
|
143
144
|
var priority = _ref12.priority;
|
|
144
|
-
return priority === -1 && (0, _styledComponents.css)(
|
|
145
|
+
return priority === -1 && (0, _styledComponents.css)(_templateObject44 || (_templateObject44 = _taggedTemplateLiteral(["\n background-color: ", ";\n "])), function (props) {
|
|
145
146
|
return props.theme.colors.secundaryLight;
|
|
146
147
|
});
|
|
147
148
|
}, function (_ref13) {
|
|
148
149
|
var priority = _ref13.priority;
|
|
149
|
-
return priority === 0 && (0, _styledComponents.css)(
|
|
150
|
+
return priority === 0 && (0, _styledComponents.css)(_templateObject45 || (_templateObject45 = _taggedTemplateLiteral(["\n background-color: ", ";\n "])), function (props) {
|
|
150
151
|
return props.theme.colors.primary;
|
|
151
152
|
});
|
|
152
153
|
}, function (_ref14) {
|
|
153
154
|
var priority = _ref14.priority;
|
|
154
|
-
return priority === 1 && (0, _styledComponents.css)(
|
|
155
|
+
return priority === 1 && (0, _styledComponents.css)(_templateObject46 || (_templateObject46 = _taggedTemplateLiteral(["\n background-color: ", ";\n "])), function (props) {
|
|
155
156
|
return props.theme.colors.warning;
|
|
156
157
|
});
|
|
157
158
|
}, function (_ref15) {
|
|
158
159
|
var priority = _ref15.priority;
|
|
159
|
-
return priority === 2 && (0, _styledComponents.css)(
|
|
160
|
+
return priority === 2 && (0, _styledComponents.css)(_templateObject47 || (_templateObject47 = _taggedTemplateLiteral(["\n background-color: ", ";\n "])), function (props) {
|
|
160
161
|
return props.theme.colors.danger;
|
|
161
162
|
});
|
|
162
163
|
});
|
|
163
|
-
var Timestatus = exports.Timestatus = _styledComponents.default.div(
|
|
164
|
+
var Timestatus = exports.Timestatus = _styledComponents.default.div(_templateObject48 || (_templateObject48 = _taggedTemplateLiteral(["\n width: 4px;\n height: 37px;\n border-radius: 20px 20px 20px 20px;\n ", "\n ", "\n ", "\n"])), function (_ref16) {
|
|
164
165
|
var timeState = _ref16.timeState;
|
|
165
|
-
return timeState === 'in_time' && (0, _styledComponents.css)(
|
|
166
|
+
return timeState === 'in_time' && (0, _styledComponents.css)(_templateObject49 || (_templateObject49 = _taggedTemplateLiteral(["\n background-color: #00D27A;\n "])));
|
|
166
167
|
}, function (_ref17) {
|
|
167
168
|
var timeState = _ref17.timeState;
|
|
168
|
-
return timeState === 'at_risk' && (0, _styledComponents.css)(
|
|
169
|
+
return timeState === 'at_risk' && (0, _styledComponents.css)(_templateObject50 || (_templateObject50 = _taggedTemplateLiteral(["\n background-color: #FFC700;\n "])));
|
|
169
170
|
}, function (_ref18) {
|
|
170
171
|
var timeState = _ref18.timeState;
|
|
171
|
-
return timeState === 'delayed' && (0, _styledComponents.css)(
|
|
172
|
+
return timeState === 'delayed' && (0, _styledComponents.css)(_templateObject51 || (_templateObject51 = _taggedTemplateLiteral(["\n background-color: #E63757;\n "])));
|
|
172
173
|
});
|
|
173
|
-
var Timer = exports.Timer = _styledComponents.default.div(
|
|
174
|
+
var Timer = exports.Timer = _styledComponents.default.div(_templateObject52 || (_templateObject52 = _taggedTemplateLiteral(["\n min-width: 65px;\n p {\n margin: 0px;\n color: ", ";\n font-size: 12px;\n }\n\n .bold {\n font-size: 14px;\n font-weight: 600;\n color: ", ";\n }\n\n .in_time{\n color: #00D27A;\n }\n\n .at_risk {\n color: #FFC700;\n }\n\n .delayed {\n color: #E63757;\n }\n"])), function (props) {
|
|
174
175
|
var _props$theme$colors8;
|
|
175
176
|
return (_props$theme$colors8 = props.theme.colors) === null || _props$theme$colors8 === void 0 ? void 0 : _props$theme$colors8.lightGray;
|
|
176
177
|
}, function (props) {
|
|
177
178
|
var _props$theme$colors9;
|
|
178
179
|
return (_props$theme$colors9 = props.theme.colors) === null || _props$theme$colors9 === void 0 ? void 0 : _props$theme$colors9.headingColor;
|
|
179
180
|
});
|
|
180
|
-
var OrdersCountWrapper = exports.OrdersCountWrapper = _styledComponents.default.div(
|
|
181
|
+
var OrdersCountWrapper = exports.OrdersCountWrapper = _styledComponents.default.div(_templateObject53 || (_templateObject53 = _taggedTemplateLiteral(["\n height: 16px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50px;\n background-color: ", ";\n color: ", ";\n font-weight: 400;\n font-size: 9px;\n line-height: 12px;\n padding: 2px 5px;\n position: absolute;\n top: -9px;\n right: -5px;\n ", "\n\n ", "\n"])), function (props) {
|
|
181
182
|
return props.theme.colors.backgroundInfo;
|
|
182
183
|
}, function (props) {
|
|
183
184
|
return props.theme.colors.primary;
|
|
184
185
|
}, function (props) {
|
|
185
|
-
return props.theme.rtl && (0, _styledComponents.css)(
|
|
186
|
+
return props.theme.rtl && (0, _styledComponents.css)(_templateObject54 || (_templateObject54 = _taggedTemplateLiteral(["\n left: -5px;\n right: initial;\n "])));
|
|
186
187
|
}, function (_ref19) {
|
|
187
188
|
var isNew = _ref19.isNew;
|
|
188
|
-
return isNew && (0, _styledComponents.css)(
|
|
189
|
+
return isNew && (0, _styledComponents.css)(_templateObject55 || (_templateObject55 = _taggedTemplateLiteral(["\n background-color: ", ";\n color: ", ";\n "])), function (props) {
|
|
189
190
|
return props.theme.colors.lightGreen;
|
|
190
191
|
}, function (props) {
|
|
191
192
|
return props.theme.colors.success;
|
|
192
193
|
});
|
|
193
194
|
});
|
|
194
|
-
var DragTh = exports.DragTh = _styledComponents.default.th(
|
|
195
|
+
var DragTh = exports.DragTh = _styledComponents.default.th(_templateObject56 || (_templateObject56 = _taggedTemplateLiteral(["\n cursor: pointer;\n ", "\n"])), function (_ref20) {
|
|
195
196
|
var selectedDragOver = _ref20.selectedDragOver;
|
|
196
|
-
return selectedDragOver && (0, _styledComponents.css)(
|
|
197
|
+
return selectedDragOver && (0, _styledComponents.css)(_templateObject57 || (_templateObject57 = _taggedTemplateLiteral(["\n border: 1px solid ", ";\n "])), function (props) {
|
|
197
198
|
return props.theme.colors.primary;
|
|
198
199
|
});
|
|
199
200
|
});
|
|
200
|
-
var InfoWrapper = exports.InfoWrapper = _styledComponents.default.div(
|
|
201
|
+
var InfoWrapper = exports.InfoWrapper = _styledComponents.default.div(_templateObject58 || (_templateObject58 = _taggedTemplateLiteral(["\n position: relative;\n ", "\n\n .bold {\n max-width: 150px;\n font-weight: 600;\n margin: 0;\n }\n\n &:hover > div {\n visibility: visible;\n opacity: 1;\n }\n"])), function (props) {
|
|
201
202
|
var _props$theme8;
|
|
202
|
-
return (_props$theme8 = props.theme) !== null && _props$theme8 !== void 0 && _props$theme8.rtl ? (0, _styledComponents.css)(
|
|
203
|
+
return (_props$theme8 = props.theme) !== null && _props$theme8 !== void 0 && _props$theme8.rtl ? (0, _styledComponents.css)(_templateObject59 || (_templateObject59 = _taggedTemplateLiteral(["\n margin-left: 4px;\n "]))) : (0, _styledComponents.css)(_templateObject60 || (_templateObject60 = _taggedTemplateLiteral(["\n margin-right: 4px;\n "])));
|
|
203
204
|
});
|
package/_modules/index.js
CHANGED
|
@@ -171,6 +171,12 @@ Object.defineProperty(exports, "AutoScroll", {
|
|
|
171
171
|
return _Shared.AutoScroll;
|
|
172
172
|
}
|
|
173
173
|
});
|
|
174
|
+
Object.defineProperty(exports, "Banners", {
|
|
175
|
+
enumerable: true,
|
|
176
|
+
get: function get() {
|
|
177
|
+
return _Banners.Banners;
|
|
178
|
+
}
|
|
179
|
+
});
|
|
174
180
|
Object.defineProperty(exports, "BatchImageForm", {
|
|
175
181
|
enumerable: true,
|
|
176
182
|
get: function get() {
|
|
@@ -2514,6 +2520,7 @@ Object.defineProperty(exports, "verifyDecimals", {
|
|
|
2514
2520
|
var _Messages = require("./components/Messages");
|
|
2515
2521
|
var _OrderingProducts = require("./components/OrderingProducts");
|
|
2516
2522
|
var _PageNotFound = require("./components/PageNotFound");
|
|
2523
|
+
var _Banners = require("./components/Banners");
|
|
2517
2524
|
var _Orders = require("./components/Orders");
|
|
2518
2525
|
var _Support = require("./components/Support");
|
|
2519
2526
|
var _BusinessIntelligence = require("./components/BusinessIntelligence");
|
|
@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.LinkButton = exports.IconButton = exports.Button = void 0;
|
|
8
8
|
var _styledComponents = _interopRequireWildcard(require("styled-components"));
|
|
9
9
|
var _polished = require("polished");
|
|
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;
|
|
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;
|
|
11
11
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
12
12
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && 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
13
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
@@ -36,7 +36,7 @@ var IconButton = exports.IconButton = _styledComponents.default.button(_template
|
|
|
36
36
|
var isDisabled = _ref4.isDisabled;
|
|
37
37
|
return isDisabled && (0, _styledComponents.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n pointer-events: none;\n "])));
|
|
38
38
|
});
|
|
39
|
-
var Button = exports.Button = _styledComponents.default.button(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n background: #CCC;\n color: #FFF;\n border: 1px solid #CCC;\n border-radius: ", ";\n line-height: 30px;\n padding-left: 15px;\n padding-right: 15px;\n font-size: 14px;\n cursor: pointer;\n outline: none;\n overflow: hidden;\n text-overflow: ellipsis;\n transition: all .2s ease-in;\n\n &:active {\n background: ", ";\n }\n &:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n }\n ", "\n\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n\n ", "\n ", "\n ", "\n ", "\n"])), function (_ref5) {
|
|
39
|
+
var Button = exports.Button = _styledComponents.default.button(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n background: #CCC;\n color: #FFF;\n border: 1px solid #CCC;\n border-radius: ", ";\n line-height: 30px;\n padding-left: 15px;\n padding-right: 15px;\n font-size: 14px;\n cursor: pointer;\n outline: none;\n overflow: hidden;\n text-overflow: ellipsis;\n transition: all .2s ease-in;\n\n &:active {\n background: ", ";\n }\n &:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n }\n ", "\n\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n\n ", "\n ", "\n ", "\n ", "\n ", "\n"])), function (_ref5) {
|
|
40
40
|
var borderRadius = _ref5.borderRadius;
|
|
41
41
|
return !borderRadius ? '30px' : borderRadius;
|
|
42
42
|
}, function () {
|
|
@@ -144,7 +144,18 @@ var Button = exports.Button = _styledComponents.default.button(_templateObject6
|
|
|
144
144
|
});
|
|
145
145
|
}, function (_ref17) {
|
|
146
146
|
var color = _ref17.color;
|
|
147
|
-
return color === '
|
|
147
|
+
return color === 'warning' && (0, _styledComponents.css)(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n background: ", ";\n color: #FFF;\n border-color: ", ";\n &:hover {\n background: ", ";\n }\n &:active {\n background: ", ";\n }\n "])), function (props) {
|
|
148
|
+
return props.theme.colors.warning;
|
|
149
|
+
}, function (props) {
|
|
150
|
+
return props.theme.colors.warning;
|
|
151
|
+
}, function (props) {
|
|
152
|
+
return (0, _polished.darken)(0.04, props.theme.colors.warning);
|
|
153
|
+
}, function (props) {
|
|
154
|
+
return (0, _polished.darken)(0.1, props.theme.colors.warning);
|
|
155
|
+
});
|
|
156
|
+
}, function (_ref18) {
|
|
157
|
+
var color = _ref18.color;
|
|
158
|
+
return color === 'secundaryDark' && (0, _styledComponents.css)(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n background: ", ";\n color: ", ";\n border-color: ", ";\n &:hover {\n background: ", ";\n }\n &:active {\n background: ", ";\n }\n "])), function (props) {
|
|
148
159
|
return props.theme.colors.secundaryDarkContrast;
|
|
149
160
|
}, function (props) {
|
|
150
161
|
return props.theme.colors.secundaryDark;
|
|
@@ -155,9 +166,9 @@ var Button = exports.Button = _styledComponents.default.button(_templateObject6
|
|
|
155
166
|
}, function (props) {
|
|
156
167
|
return (0, _polished.darken)(0.1, props.theme.colors.secundaryDarkContrast);
|
|
157
168
|
});
|
|
158
|
-
}, function (
|
|
159
|
-
var color =
|
|
160
|
-
return color === 'secundary' && (0, _styledComponents.css)(
|
|
169
|
+
}, function (_ref19) {
|
|
170
|
+
var color = _ref19.color;
|
|
171
|
+
return color === 'secundary' && (0, _styledComponents.css)(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n background: ", ";\n color: ", ";\n border-color: ", ";\n &:hover {\n background: ", ";\n }\n &:active {\n background: ", ";\n }\n ", "\n ", "\n ", "\n "])), function (props) {
|
|
161
172
|
return props.theme.colors.secundary;
|
|
162
173
|
}, function (props) {
|
|
163
174
|
return props.theme.colors.secundaryContrast;
|
|
@@ -167,9 +178,9 @@ var Button = exports.Button = _styledComponents.default.button(_templateObject6
|
|
|
167
178
|
return (0, _polished.darken)(0.04, props.theme.colors.secundary);
|
|
168
179
|
}, function (props) {
|
|
169
180
|
return (0, _polished.darken)(0.1, props.theme.colors.secundary);
|
|
170
|
-
}, function (
|
|
171
|
-
var outline =
|
|
172
|
-
return outline && (0, _styledComponents.css)(
|
|
181
|
+
}, function (_ref20) {
|
|
182
|
+
var outline = _ref20.outline;
|
|
183
|
+
return outline && (0, _styledComponents.css)(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["\n background: ", ";\n color: ", ";\n border-color: ", ";\n &:active {\n color: ", ";\n background: ", ";\n }\n &:hover {\n background: ", ";\n color: #FFF;\n }\n "])), function (props) {
|
|
173
184
|
var _props$theme$colors5;
|
|
174
185
|
return ((_props$theme$colors5 = props.theme.colors) === null || _props$theme$colors5 === void 0 ? void 0 : _props$theme$colors5.backgroundPage) || '#FFF';
|
|
175
186
|
}, function (props) {
|
|
@@ -183,9 +194,9 @@ var Button = exports.Button = _styledComponents.default.button(_templateObject6
|
|
|
183
194
|
}, function (props) {
|
|
184
195
|
return (0, _polished.darken)(0.07, props.theme.colors.secundary);
|
|
185
196
|
});
|
|
186
|
-
}, function (
|
|
187
|
-
var circle =
|
|
188
|
-
return circle && (0, _styledComponents.css)(
|
|
197
|
+
}, function (_ref21) {
|
|
198
|
+
var circle = _ref21.circle;
|
|
199
|
+
return circle && (0, _styledComponents.css)(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["\n background: ", ";\n color: ", ";\n border-color: ", ";\n padding: 0;\n width: 34px;\n height: 34px;\n line-height: 34px;\n text-align: center;\n border-radius: 50%;\n &:active {\n color: ", ";\n border-color: ", ";\n background: ", ";\n }\n "])), function (props) {
|
|
189
200
|
return props.theme.colors.secundary;
|
|
190
201
|
}, function (props) {
|
|
191
202
|
return props.theme.colors.secundaryContrast;
|
|
@@ -198,10 +209,10 @@ var Button = exports.Button = _styledComponents.default.button(_templateObject6
|
|
|
198
209
|
}, function (props) {
|
|
199
210
|
return (0, _polished.darken)(0.07, props.theme.colors.secundary);
|
|
200
211
|
});
|
|
201
|
-
}, function (
|
|
202
|
-
var circle =
|
|
203
|
-
outline =
|
|
204
|
-
return circle && outline && (0, _styledComponents.css)(
|
|
212
|
+
}, function (_ref22) {
|
|
213
|
+
var circle = _ref22.circle,
|
|
214
|
+
outline = _ref22.outline;
|
|
215
|
+
return circle && outline && (0, _styledComponents.css)(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n background: ", ";\n color: ", ";\n border-color: ", ";\n padding: 0;\n width: 34px;\n height: 34px;\n line-height: 34px;\n text-align: center;\n border-radius: 50%;\n &:active {\n border-color: ", ";\n background: ", ";\n color: ", ";\n }\n "])), function (props) {
|
|
205
216
|
var _props$theme$colors6;
|
|
206
217
|
return ((_props$theme$colors6 = props.theme.colors) === null || _props$theme$colors6 === void 0 ? void 0 : _props$theme$colors6.backgroundPage) || '#FFF';
|
|
207
218
|
}, function (props) {
|
|
@@ -216,9 +227,9 @@ var Button = exports.Button = _styledComponents.default.button(_templateObject6
|
|
|
216
227
|
return props.theme.colors.secundaryContrast;
|
|
217
228
|
});
|
|
218
229
|
});
|
|
219
|
-
}, function (
|
|
220
|
-
var color =
|
|
221
|
-
return color === 'black' && (0, _styledComponents.css)(
|
|
230
|
+
}, function (_ref23) {
|
|
231
|
+
var color = _ref23.color;
|
|
232
|
+
return color === 'black' && (0, _styledComponents.css)(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n background: ", ";\n color: ", ";\n border-color: ", ";\n &:hover {\n background: ", ";\n }\n &:active {\n background: ", ";\n }\n "])), function (props) {
|
|
222
233
|
return props.theme.colors.black;
|
|
223
234
|
}, function (props) {
|
|
224
235
|
return props.theme.colors.white;
|
|
@@ -230,9 +241,9 @@ var Button = exports.Button = _styledComponents.default.button(_templateObject6
|
|
|
230
241
|
return (0, _polished.darken)(0.1, props.theme.colors.black);
|
|
231
242
|
});
|
|
232
243
|
});
|
|
233
|
-
var LinkButton = exports.LinkButton = _styledComponents.default.a(
|
|
244
|
+
var LinkButton = exports.LinkButton = _styledComponents.default.a(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["\n font-size: 14px;\n cursor: pointer;\n color: ", ";\n &:hover {\n text-decoration: underline;\n }\n\n ", "\n"])), function (props) {
|
|
234
245
|
return props.theme.colors.primary;
|
|
235
|
-
}, function (
|
|
236
|
-
var disabled =
|
|
237
|
-
return disabled && (0, _styledComponents.css)(
|
|
246
|
+
}, function (_ref24) {
|
|
247
|
+
var disabled = _ref24.disabled;
|
|
248
|
+
return disabled && (0, _styledComponents.css)(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["\n pointer-events: none;\n opacity: 0.5;\n "])));
|
|
238
249
|
});
|