ordering-ui-external 2.5.3 → 2.5.4
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/{0.ordering-ui.b041abea697214292027.js → 0.ordering-ui.67fc029cdff9bbdf3d6a.js} +1 -1
- package/_bundles/{1.ordering-ui.b041abea697214292027.js → 1.ordering-ui.67fc029cdff9bbdf3d6a.js} +1 -1
- package/_bundles/{2.ordering-ui.b041abea697214292027.js → 2.ordering-ui.67fc029cdff9bbdf3d6a.js} +1 -1
- package/_bundles/{4.ordering-ui.b041abea697214292027.js → 4.ordering-ui.67fc029cdff9bbdf3d6a.js} +1 -1
- package/_bundles/{5.ordering-ui.b041abea697214292027.js → 5.ordering-ui.67fc029cdff9bbdf3d6a.js} +1 -1
- package/_bundles/{6.ordering-ui.b041abea697214292027.js → 6.ordering-ui.67fc029cdff9bbdf3d6a.js} +1 -1
- package/_bundles/{7.ordering-ui.b041abea697214292027.js → 7.ordering-ui.67fc029cdff9bbdf3d6a.js} +2 -2
- package/_bundles/{8.ordering-ui.b041abea697214292027.js → 8.ordering-ui.67fc029cdff9bbdf3d6a.js} +1 -1
- package/_bundles/{9.ordering-ui.b041abea697214292027.js → 9.ordering-ui.67fc029cdff9bbdf3d6a.js} +1 -1
- package/_bundles/{ordering-ui.b041abea697214292027.js → ordering-ui.67fc029cdff9bbdf3d6a.js} +2 -2
- package/_bundles/{ordering-ui.b041abea697214292027.js.LICENSE.txt → ordering-ui.67fc029cdff9bbdf3d6a.js.LICENSE.txt} +8 -0
- package/_modules/components/UserProfileForm/index.js +1 -1
- package/_modules/components/VerticalOrdersLayout/index.js +3 -1
- package/_modules/themes/five/src/components/BusinessBasicInformation/styles.js +48 -46
- package/_modules/themes/five/src/components/Cart/index.js +3 -3
- package/_modules/themes/five/src/components/Header/index.js +1 -1
- package/_modules/themes/five/src/components/MultiCheckout/index.js +4 -4
- package/_modules/themes/five/src/components/OrderDetails/OrderEta.js +4 -1
- package/_modules/themes/five/src/components/OrderDetails/OrderHistory.js +2 -2
- package/_modules/themes/five/src/components/OrdersOption/index.js +22 -10
- package/_modules/themes/five/src/components/ProductOptionSubOption/index.js +15 -9
- package/_modules/themes/five/src/components/ReviewOrder/styles.js +1 -1
- package/_modules/themes/five/src/components/Wallets/index.js +1 -1
- package/_modules/utils/index.js +10 -10
- package/package.json +2 -2
- package/src/components/UserProfileForm/index.js +1 -2
- package/src/components/VerticalOrdersLayout/index.js +3 -1
- package/src/themes/five/src/components/BusinessBasicInformation/styles.js +15 -9
- package/src/themes/five/src/components/Cart/index.js +5 -3
- package/src/themes/five/src/components/Header/index.js +1 -1
- package/src/themes/five/src/components/MultiCheckout/index.js +1 -1
- package/src/themes/five/src/components/OrderDetails/OrderEta.js +4 -3
- package/src/themes/five/src/components/OrderDetails/OrderHistory.js +9 -3
- package/src/themes/five/src/components/OrdersOption/index.js +11 -1
- package/src/themes/five/src/components/ProductOptionSubOption/index.js +12 -6
- package/src/themes/five/src/components/ReviewOrder/styles.js +2 -1
- package/src/themes/five/src/components/Wallets/index.js +1 -1
- package/src/utils/index.js +10 -10
- package/template/app.js +2 -1
- /package/_bundles/{7.ordering-ui.b041abea697214292027.js.LICENSE.txt → 7.ordering-ui.67fc029cdff9bbdf3d6a.js.LICENSE.txt} +0 -0
|
@@ -4,6 +4,14 @@
|
|
|
4
4
|
http://jedwatson.github.io/classnames
|
|
5
5
|
*/
|
|
6
6
|
|
|
7
|
+
/*!
|
|
8
|
+
* decimal.js v10.4.3
|
|
9
|
+
* An arbitrary-precision Decimal type for JavaScript.
|
|
10
|
+
* https://github.com/MikeMcl/decimal.js
|
|
11
|
+
* Copyright (c) 2022 Michael Mclaughlin <M8ch88l@gmail.com>
|
|
12
|
+
* MIT Licence
|
|
13
|
+
*/
|
|
14
|
+
|
|
7
15
|
/*!
|
|
8
16
|
* The buffer module from node.js, for the browser.
|
|
9
17
|
*
|
|
@@ -176,7 +176,7 @@ var UserProfileFormUI = function UserProfileFormUI(props) {
|
|
|
176
176
|
}), /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, {
|
|
177
177
|
width: 100,
|
|
178
178
|
height: 40
|
|
179
|
-
})) : /*#__PURE__*/_react.default.createElement(_styles.UserData, null, /*#__PURE__*/_react.default.createElement("h1", null, showCustomerName && ((userData === null || userData === void 0 ? void 0 : userData.name) || (user === null || user === void 0 ? void 0 : user.name)), showCustomerLastName && ((userData === null || userData === void 0 ? void 0 : userData.lastname) || (user === null || user === void 0 ? void 0 : user.lastname))), /*#__PURE__*/_react.default.createElement("p", null, showCustomerEmail && ((userData === null || userData === void 0 ? void 0 : userData.email) || user.email)), showCustomerCellphone && ((userData === null || userData === void 0 ? void 0 : userData.cellphone) || (user === null || user === void 0 ? void 0 : user.cellphone)) && /*#__PURE__*/_react.default.createElement("p", {
|
|
179
|
+
})) : /*#__PURE__*/_react.default.createElement(_styles.UserData, null, /*#__PURE__*/_react.default.createElement("h1", null, showCustomerName && ((userData === null || userData === void 0 ? void 0 : userData.name) || (user === null || user === void 0 ? void 0 : user.name)), " ", showCustomerLastName && ((userData === null || userData === void 0 ? void 0 : userData.lastname) || (user === null || user === void 0 ? void 0 : user.lastname))), /*#__PURE__*/_react.default.createElement("p", null, showCustomerEmail && ((userData === null || userData === void 0 ? void 0 : userData.email) || user.email)), showCustomerCellphone && ((userData === null || userData === void 0 ? void 0 : userData.cellphone) || (user === null || user === void 0 ? void 0 : user.cellphone)) && /*#__PURE__*/_react.default.createElement("p", {
|
|
180
180
|
style: {
|
|
181
181
|
direction: 'ltr'
|
|
182
182
|
}
|
|
@@ -29,7 +29,8 @@ var VerticalOrdersLayout = function VerticalOrdersLayout(props) {
|
|
|
29
29
|
var orders = props.orders,
|
|
30
30
|
pagination = props.pagination,
|
|
31
31
|
loadMoreOrders = props.loadMoreOrders,
|
|
32
|
-
handleUpdateOrderList = props.handleUpdateOrderList
|
|
32
|
+
handleUpdateOrderList = props.handleUpdateOrderList,
|
|
33
|
+
setRefreshOrders = props.setRefreshOrders;
|
|
33
34
|
var _useLanguage = (0, _orderingComponentsExternal.useLanguage)(),
|
|
34
35
|
_useLanguage2 = _slicedToArray(_useLanguage, 2),
|
|
35
36
|
t = _useLanguage2[1];
|
|
@@ -108,6 +109,7 @@ var VerticalOrdersLayout = function VerticalOrdersLayout(props) {
|
|
|
108
109
|
driver: false
|
|
109
110
|
});
|
|
110
111
|
setIsReviewOpen(false);
|
|
112
|
+
setRefreshOrders(true);
|
|
111
113
|
};
|
|
112
114
|
var handleClickReview = function handleClickReview(order) {
|
|
113
115
|
handleOpenReview && handleOpenReview();
|
|
@@ -7,27 +7,29 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.WrapperSearch = exports.WrapperFloatingSearch = exports.WrapperBusinessLogo = exports.TitleWrapper = exports.SocialList = exports.SearchWrapper = exports.SearchIconWrapper = exports.SearchComponentContainer = exports.RibbonBox = exports.IconWrapper = exports.CategorySelectedContainer = exports.BusinessMoreDetail = exports.BusinessLogo = exports.BusinessInfoWrapper = exports.BusinessInfoItem = exports.BusinessInfoContent = exports.BusinessInfoContainer = exports.BusinessInfo = exports.BusinessDetail = exports.BusinessContent = exports.BusinessContainer = void 0;
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
9
|
var _styledComponents = _interopRequireWildcard(require("styled-components"));
|
|
10
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _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;
|
|
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;
|
|
11
11
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
12
12
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
13
13
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
14
14
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
15
15
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
16
|
-
var BusinessContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n position: relative;\n max-height: 324px;\n height:
|
|
16
|
+
var BusinessContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n position: relative;\n max-height: 324px;\n height: 150px;\n background-repeat: no-repeat, repeat;\n background-size: cover;\n object-fit: cover;\n background-position: center;\n min-height: 150px;\n justify-content: start;\n align-items: flex-end;\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n h1 {\n color: #FFF;\n opacity: 0.5;\n position: absolute;\n top: 0;\n right: 0;\n margin: 0 10px;\n padding: 0;\n }\n\n @media (min-width: 576px) {\n border-radius: 7.6px;\n height: 324px;\n min-height: 200px;\n }\n\n\n"])), function (props) {
|
|
17
17
|
return props.isSkeleton && (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n background-color: #cccccc;\n "])));
|
|
18
18
|
}, function (props) {
|
|
19
|
-
return props.bgimage &&
|
|
19
|
+
return props.bgimage && props.isChew && (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n height: 180px;\n "])));
|
|
20
20
|
}, function (props) {
|
|
21
|
-
return props.bgimage && props.isClosed && !props.isChew && (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n background-image:
|
|
21
|
+
return props.bgimage && !props.isClosed && !props.isChew && (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n background-image: url(", ");\n "])), props.bgimage);
|
|
22
22
|
}, function (props) {
|
|
23
|
-
return props.bgimage && props.isChew && (0, _styledComponents.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n background-image: linear-gradient(rgba(
|
|
23
|
+
return props.bgimage && props.isClosed && !props.isChew && (0, _styledComponents.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(", ");\n "])), props.bgimage);
|
|
24
|
+
}, function (props) {
|
|
25
|
+
return props.bgimage && props.isChew && (0, _styledComponents.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n background-image: linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)), url(", ");\n "])), props.bgimage);
|
|
24
26
|
});
|
|
25
27
|
exports.BusinessContainer = BusinessContainer;
|
|
26
|
-
var BusinessContent = _styledComponents.default.div(
|
|
28
|
+
var BusinessContent = _styledComponents.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n margin: 0;\n margin-left: 35px;\n margin-bottom: -35px;\n max-height: 70px;\n width: 70px;\n box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;\n\n @media (min-width: 576px) {\n border-radius: 10px;\n margin: 10px;\n max-height: 124px;\n width: 124px;\n }\n\n @media (min-width: 768px) {\n margin: 25px;\n }\n"])));
|
|
27
29
|
exports.BusinessContent = BusinessContent;
|
|
28
|
-
var WrapperBusinessLogo = _styledComponents.default.div(
|
|
30
|
+
var WrapperBusinessLogo = _styledComponents.default.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n max-width: 70px;\n max-height: 70px;\n width: 70px;\n height: 70px;\n\n @media (min-width: 576px) {\n max-width: 124px;\n max-height: 124px;\n height: 124px;\n width: 124px;\n }\n"])));
|
|
29
31
|
exports.WrapperBusinessLogo = WrapperBusinessLogo;
|
|
30
|
-
var BusinessLogoStyled = _styledComponents.default.div(
|
|
32
|
+
var BusinessLogoStyled = _styledComponents.default.div(_templateObject9 || (_templateObject9 = _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 min-height: 70px;\n border-radius: 7.6px;\n @media (min-width: 576px) {\n min-height: 124px;\n }\n"])));
|
|
31
33
|
var BusinessLogo = function BusinessLogo(props) {
|
|
32
34
|
var style = {};
|
|
33
35
|
if (props.bgimage) {
|
|
@@ -38,11 +40,11 @@ var BusinessLogo = function BusinessLogo(props) {
|
|
|
38
40
|
}), props.children);
|
|
39
41
|
};
|
|
40
42
|
exports.BusinessLogo = BusinessLogo;
|
|
41
|
-
var BusinessInfo = _styledComponents.default.div(
|
|
43
|
+
var BusinessInfo = _styledComponents.default.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n display: flex;\n"])));
|
|
42
44
|
exports.BusinessInfo = BusinessInfo;
|
|
43
|
-
var BusinessInfoItem = _styledComponents.default.div(
|
|
45
|
+
var BusinessInfoItem = _styledComponents.default.div(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n width: 100%;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n padding-right:5px;\n ", "\n\n .type {\n font-size: 14px;\n color: ", ";\n margin: 0 0 5px 0;\n }\n\n .preorder-Reviews {\n span {\n user-select: none;\n cursor: pointer;\n font-size: 14px;\n color: ", ";\n &:not(:last-child) {\n margin-right: 5px;\n ", "\n }\n &:hover {\n text-decoration: underline;\n }\n\n &.dot {\n font-size: 12px;\n text-decoration: none;\n color: #909BA9;\n }\n }\n }\n\n ", "\n"])), function (props) {
|
|
44
46
|
var _props$theme;
|
|
45
|
-
return ((_props$theme = props.theme) === null || _props$theme === void 0 ? void 0 : _props$theme.rtl) && (0, _styledComponents.css)(
|
|
47
|
+
return ((_props$theme = props.theme) === null || _props$theme === void 0 ? void 0 : _props$theme.rtl) && (0, _styledComponents.css)(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n padding-left: 5px;\n padding-right: 0;\n "])));
|
|
46
48
|
}, function (props) {
|
|
47
49
|
return props.theme.colors.darkTextColor;
|
|
48
50
|
}, function (props) {
|
|
@@ -50,13 +52,13 @@ var BusinessInfoItem = _styledComponents.default.div(_templateObject10 || (_temp
|
|
|
50
52
|
return (_props$theme2 = props.theme) === null || _props$theme2 === void 0 ? void 0 : _props$theme2.colors.primary;
|
|
51
53
|
}, function (props) {
|
|
52
54
|
var _props$theme3;
|
|
53
|
-
return ((_props$theme3 = props.theme) === null || _props$theme3 === void 0 ? void 0 : _props$theme3.rtl) && (0, _styledComponents.css)(
|
|
55
|
+
return ((_props$theme3 = props.theme) === null || _props$theme3 === void 0 ? void 0 : _props$theme3.rtl) && (0, _styledComponents.css)(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n margin-left: 5px;\n margin-right: 0;\n "])));
|
|
54
56
|
}, function (_ref) {
|
|
55
57
|
var isInfoShrunken = _ref.isInfoShrunken;
|
|
56
|
-
return isInfoShrunken && (0, _styledComponents.css)(
|
|
58
|
+
return isInfoShrunken && (0, _styledComponents.css)(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n color: #FFFFFF;\n span, p, h5, svg {\n color: #FFFFFF !important;\n }\n "])));
|
|
57
59
|
});
|
|
58
60
|
exports.BusinessInfoItem = BusinessInfoItem;
|
|
59
|
-
var BusinessInfoContainer = _styledComponents.default.div(
|
|
61
|
+
var BusinessInfoContainer = _styledComponents.default.div(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n width: ", ";\n padding-top: 40px;\n padding-left: 5px;\n padding-right: 5px;\n display: flex;\n justify-content: ", ";\n flex-direction: column;\n box-sizing: border-box;\n align-items: ", ";\n\n @media (min-width: 576px) {\n padding-top: 0px;\n padding-left: 0px;\n padding-right: 0px;\n margin-top: 10px;\n }\n\n @media (min-width: 768px) {\n flex-direction: row;\n margin-bottom: 25px;\n margin-left: ", ";\n }\n"])), function (props) {
|
|
60
62
|
return props.isChew && '100%';
|
|
61
63
|
}, function (props) {
|
|
62
64
|
return props.isFlexEnd ? 'flex-end' : 'space-between';
|
|
@@ -66,43 +68,43 @@ var BusinessInfoContainer = _styledComponents.default.div(_templateObject14 || (
|
|
|
66
68
|
return props.isChew && '25px';
|
|
67
69
|
});
|
|
68
70
|
exports.BusinessInfoContainer = BusinessInfoContainer;
|
|
69
|
-
var BusinessInfoContent = _styledComponents.default.div(
|
|
71
|
+
var BusinessInfoContent = _styledComponents.default.div(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n width: 100%;\n"])));
|
|
70
72
|
exports.BusinessInfoContent = BusinessInfoContent;
|
|
71
|
-
var SearchWrapper = _styledComponents.default.div(
|
|
73
|
+
var SearchWrapper = _styledComponents.default.div(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n display: flex;\n"])));
|
|
72
74
|
exports.SearchWrapper = SearchWrapper;
|
|
73
|
-
var WrapperSearch = _styledComponents.default.div(
|
|
75
|
+
var WrapperSearch = _styledComponents.default.div(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n margin: 15px 0px 0px;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n box-sizing: border-box;\n z-index: 1002;\n\n .search-bar {\n margin-right: 10px;\n ", "\n input {\n width: 100%;\n\n @media (min-width: 500px) {\n width: 250px;\n }\n }\n }\n\n div:last-child {\n text-align: right;\n\n ", "\n }\n\n #select-input {\n background-color: transparent !important;\n border: none;\n color: #748194 !important;\n\n #list {\n border-radius: 8px;\n }\n }\n &.fixed-search {\n position: fixed;\n top: 0;\n right: 0;\n z-index: 1002;\n width: fit-content;\n margin-top: 0px;\n background-color: ", ";\n padding: 10px;\n }\n\n @media (min-width: 993px) {\n &.fixed-search {\n left: 0;\n width: 100vw;\n }\n }\n"])), function (props) {
|
|
74
76
|
var _props$theme4;
|
|
75
|
-
return ((_props$theme4 = props.theme) === null || _props$theme4 === void 0 ? void 0 : _props$theme4.rtl) && (0, _styledComponents.css)(
|
|
77
|
+
return ((_props$theme4 = props.theme) === null || _props$theme4 === void 0 ? void 0 : _props$theme4.rtl) && (0, _styledComponents.css)(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n margin-left: 10px;\n margin-right: 0;\n "])));
|
|
76
78
|
}, function (props) {
|
|
77
79
|
var _props$theme5;
|
|
78
|
-
return ((_props$theme5 = props.theme) === null || _props$theme5 === void 0 ? void 0 : _props$theme5.rtl) && (0, _styledComponents.css)(
|
|
80
|
+
return ((_props$theme5 = props.theme) === null || _props$theme5 === void 0 ? void 0 : _props$theme5.rtl) && (0, _styledComponents.css)(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n text-align: left;\n "])));
|
|
79
81
|
}, function (props) {
|
|
80
82
|
return props.theme.colors.backgroundPage;
|
|
81
83
|
});
|
|
82
84
|
exports.WrapperSearch = WrapperSearch;
|
|
83
|
-
var BusinessDetail = _styledComponents.default.div(
|
|
85
|
+
var BusinessDetail = _styledComponents.default.div(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n\n h5 {\n font-size: 14px;\n color: #909BA9;\n margin: 0 5px 0 0;\n font-weight: normal;\n ", "\n\n span {\n margin-right: 5px;\n ", "\n }\n }\n\n .review {\n color: #909BA9;\n margin: 0;\n display: flex;\n align-items: center;\n\n svg {\n font-size: 15px;\n margin-bottom: 1px;\n margin-right: 5px;\n ", "\n }\n\n p {\n font-size: 14px;\n margin: 0px;\n }\n }\n\n .dot {\n color: #909BA9;\n font-size: 12px;\n margin-right: 5px;\n ", "\n }\n\n ", "\n"])), function (props) {
|
|
84
86
|
var _props$theme6;
|
|
85
|
-
return ((_props$theme6 = props.theme) === null || _props$theme6 === void 0 ? void 0 : _props$theme6.rtl) && (0, _styledComponents.css)(
|
|
87
|
+
return ((_props$theme6 = props.theme) === null || _props$theme6 === void 0 ? void 0 : _props$theme6.rtl) && (0, _styledComponents.css)(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n margin-left: 5px;\n margin-right: 0px;\n "])));
|
|
86
88
|
}, function (props) {
|
|
87
89
|
var _props$theme7;
|
|
88
|
-
return ((_props$theme7 = props.theme) === null || _props$theme7 === void 0 ? void 0 : _props$theme7.rtl) && (0, _styledComponents.css)(
|
|
90
|
+
return ((_props$theme7 = props.theme) === null || _props$theme7 === void 0 ? void 0 : _props$theme7.rtl) && (0, _styledComponents.css)(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["\n margin-left: 5px;\n margin-right: 0px;\n "])));
|
|
89
91
|
}, function (props) {
|
|
90
92
|
var _props$theme8;
|
|
91
|
-
return ((_props$theme8 = props.theme) === null || _props$theme8 === void 0 ? void 0 : _props$theme8.rtl) && (0, _styledComponents.css)(
|
|
93
|
+
return ((_props$theme8 = props.theme) === null || _props$theme8 === void 0 ? void 0 : _props$theme8.rtl) && (0, _styledComponents.css)(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["\n margin-left: 5px;\n margin-right: 0px;\n "])));
|
|
92
94
|
}, function (props) {
|
|
93
95
|
var _props$theme9;
|
|
94
|
-
return ((_props$theme9 = props.theme) === null || _props$theme9 === void 0 ? void 0 : _props$theme9.rtl) && (0, _styledComponents.css)(
|
|
96
|
+
return ((_props$theme9 = props.theme) === null || _props$theme9 === void 0 ? void 0 : _props$theme9.rtl) && (0, _styledComponents.css)(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n margin-left: 5px;\n margin-right: 0px;\n "])));
|
|
95
97
|
}, function (_ref2) {
|
|
96
98
|
var isSkeleton = _ref2.isSkeleton;
|
|
97
|
-
return isSkeleton && (0, _styledComponents.css)(
|
|
99
|
+
return isSkeleton && (0, _styledComponents.css)(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n > span {\n display: flex;\n margin-right: 5px;\n ", "\n }\n "])), function (props) {
|
|
98
100
|
var _props$theme10;
|
|
99
|
-
return ((_props$theme10 = props.theme) === null || _props$theme10 === void 0 ? void 0 : _props$theme10.rtl) && (0, _styledComponents.css)(
|
|
101
|
+
return ((_props$theme10 = props.theme) === null || _props$theme10 === void 0 ? void 0 : _props$theme10.rtl) && (0, _styledComponents.css)(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["\n margin-left: 5px;\n margin-right: 0px;\n "])));
|
|
100
102
|
});
|
|
101
103
|
});
|
|
102
104
|
exports.BusinessDetail = BusinessDetail;
|
|
103
|
-
var BusinessMoreDetail = _styledComponents.default.div(
|
|
105
|
+
var BusinessMoreDetail = _styledComponents.default.div(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["\n ", "\n position: ", ";\n min-width: 24px;\n width: 24px;\n height: 24px;\n display: flex;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n\n svg {\n font-size: 24px;\n color: ", ";\n }\n"])), function (_ref3) {
|
|
104
106
|
var position = _ref3.position;
|
|
105
|
-
return position ? (0, _styledComponents.css)(
|
|
107
|
+
return position ? (0, _styledComponents.css)(_templateObject29 || (_templateObject29 = _taggedTemplateLiteral(["\n width: 100% !important;\n justify-content: flex-end !important;\n top: 0px;\n right: 0px;\n "]))) : (0, _styledComponents.css)(_templateObject30 || (_templateObject30 = _taggedTemplateLiteral(["\n top: 30px;\n right: 30px;\n "])));
|
|
106
108
|
}, function (props) {
|
|
107
109
|
var _props$position;
|
|
108
110
|
return (_props$position = props.position) !== null && _props$position !== void 0 ? _props$position : 'absolute';
|
|
@@ -110,67 +112,67 @@ var BusinessMoreDetail = _styledComponents.default.div(_templateObject27 || (_te
|
|
|
110
112
|
return props.position ? 'black' : 'white';
|
|
111
113
|
});
|
|
112
114
|
exports.BusinessMoreDetail = BusinessMoreDetail;
|
|
113
|
-
var TitleWrapper = _styledComponents.default.div(
|
|
115
|
+
var TitleWrapper = _styledComponents.default.div(_templateObject31 || (_templateObject31 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n\n h2 {\n font-size: 24px;\n line-height: 36px;\n margin: 0 0 10px 0;\n font-weight: 600;\n width: 100%;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n &.fixed-name {\n z-index: 1002;\n position: fixed;\n top: 0;\n width: calc(100vw - 190px);\n padding: 10px 0;\n font-size: 18px;\n ", "\n }\n @media (min-width: 768px) {\n font-size: 32px;\n }\n }\n"])), function (props) {
|
|
114
116
|
var _props$theme11;
|
|
115
|
-
return (_props$theme11 = props.theme) !== null && _props$theme11 !== void 0 && _props$theme11.rtl ? (0, _styledComponents.css)(
|
|
117
|
+
return (_props$theme11 = props.theme) !== null && _props$theme11 !== void 0 && _props$theme11.rtl ? (0, _styledComponents.css)(_templateObject32 || (_templateObject32 = _taggedTemplateLiteral(["\n right: 50px;\n "]))) : (0, _styledComponents.css)(_templateObject33 || (_templateObject33 = _taggedTemplateLiteral(["\n left: 50px;\n "])));
|
|
116
118
|
});
|
|
117
119
|
exports.TitleWrapper = TitleWrapper;
|
|
118
|
-
var RibbonBox = _styledComponents.default.div(
|
|
120
|
+
var RibbonBox = _styledComponents.default.div(_templateObject34 || (_templateObject34 = _taggedTemplateLiteral(["\n padding: 2px 8px;\n box-sizing: border-box;\n z-index: 10;\n color: ", ";\n font-weight: 400;\n font-size: 10px;\n line-height: 13px;\n background-color: ", ";\n max-width: 200px;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n overflow: hidden;\n margin-left: 5px;\n margin-bottom: 10px;\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n"])), function (props) {
|
|
119
121
|
return props.theme.colors.colorTextSignForm;
|
|
120
122
|
}, function (props) {
|
|
121
123
|
return props.theme.colors.primary;
|
|
122
124
|
}, function (props) {
|
|
123
|
-
return props.theme.rtl && (0, _styledComponents.css)(
|
|
125
|
+
return props.theme.rtl && (0, _styledComponents.css)(_templateObject35 || (_templateObject35 = _taggedTemplateLiteral(["\n margin-left: 0px;\n margin-right: 5px;\n "])));
|
|
124
126
|
}, function (_ref4) {
|
|
125
127
|
var bgColor = _ref4.bgColor;
|
|
126
|
-
return bgColor && (0, _styledComponents.css)(
|
|
128
|
+
return bgColor && (0, _styledComponents.css)(_templateObject36 || (_templateObject36 = _taggedTemplateLiteral(["\n background-color: ", ";\n "])), bgColor);
|
|
127
129
|
}, function (_ref5) {
|
|
128
130
|
var isRoundRect = _ref5.isRoundRect;
|
|
129
|
-
return isRoundRect && (0, _styledComponents.css)(
|
|
131
|
+
return isRoundRect && (0, _styledComponents.css)(_templateObject37 || (_templateObject37 = _taggedTemplateLiteral(["\n border-radius: 7.6px;\n "])));
|
|
130
132
|
}, function (_ref6) {
|
|
131
133
|
var isCapsule = _ref6.isCapsule;
|
|
132
|
-
return isCapsule && (0, _styledComponents.css)(
|
|
134
|
+
return isCapsule && (0, _styledComponents.css)(_templateObject38 || (_templateObject38 = _taggedTemplateLiteral(["\n border-radius: 50px;\n "])));
|
|
133
135
|
}, function (_ref7) {
|
|
134
136
|
var colorText = _ref7.colorText;
|
|
135
|
-
return colorText && (0, _styledComponents.css)(
|
|
137
|
+
return colorText && (0, _styledComponents.css)(_templateObject39 || (_templateObject39 = _taggedTemplateLiteral(["\n color: ", ";\n "])), colorText ? 'black' : 'white');
|
|
136
138
|
}, function (_ref8) {
|
|
137
139
|
var borderRibbon = _ref8.borderRibbon;
|
|
138
|
-
return borderRibbon && (0, _styledComponents.css)(
|
|
140
|
+
return borderRibbon && (0, _styledComponents.css)(_templateObject40 || (_templateObject40 = _taggedTemplateLiteral(["\n border: 1px solid ", ";\n "])), borderRibbon ? 'black' : 'white');
|
|
139
141
|
});
|
|
140
142
|
exports.RibbonBox = RibbonBox;
|
|
141
|
-
var SearchIconWrapper = _styledComponents.default.div(
|
|
143
|
+
var SearchIconWrapper = _styledComponents.default.div(_templateObject41 || (_templateObject41 = _taggedTemplateLiteral(["\n cursor: pointer;\n background-color: ", ";\n width: 36px;\n height: 36px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n\n svg {\n font-size: 18px;\n }\n"])), function (props) {
|
|
142
144
|
return props.theme.colors.gray200;
|
|
143
145
|
});
|
|
144
146
|
exports.SearchIconWrapper = SearchIconWrapper;
|
|
145
|
-
var SearchComponentContainer = _styledComponents.default.div(
|
|
147
|
+
var SearchComponentContainer = _styledComponents.default.div(_templateObject42 || (_templateObject42 = _taggedTemplateLiteral(["\n position: absolute;\n top: 10px;\n right: 60px;\n color: ", ";\n #select-input {\n color: #FFFFFF !important;\n }\n svg {\n color: #FFFFFF;\n }\n"])), function (_ref9) {
|
|
146
148
|
var theme = _ref9.theme;
|
|
147
149
|
return theme.colors.white;
|
|
148
150
|
});
|
|
149
151
|
exports.SearchComponentContainer = SearchComponentContainer;
|
|
150
|
-
var SocialList = _styledComponents.default.div(
|
|
151
|
-
return props.theme.rtl && (0, _styledComponents.css)(
|
|
152
|
+
var SocialList = _styledComponents.default.div(_templateObject43 || (_templateObject43 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n margin-left: -3px;\n ", "\n"])), function (props) {
|
|
153
|
+
return props.theme.rtl && (0, _styledComponents.css)(_templateObject44 || (_templateObject44 = _taggedTemplateLiteral(["\n margin-right: -3px;\n margin-left: 0px;\n "])));
|
|
152
154
|
});
|
|
153
155
|
exports.SocialList = SocialList;
|
|
154
|
-
var CategorySelectedContainer = _styledComponents.default.div(
|
|
156
|
+
var CategorySelectedContainer = _styledComponents.default.div(_templateObject45 || (_templateObject45 = _taggedTemplateLiteral(["\n display: inline;\n margin-left: 10px;\n color: ", ";\n padding-right: 5px;\n cursor: pointer;\n p{\n margin: 0;\n }\n svg {\n position: relative;\n top: 2px;\n margin-right: 3px;\n width: 14px;\n height: 14px;\n }\n"])), function (_ref10) {
|
|
155
157
|
var _theme$colors;
|
|
156
158
|
var theme = _ref10.theme;
|
|
157
159
|
return theme === null || theme === void 0 ? void 0 : (_theme$colors = theme.colors) === null || _theme$colors === void 0 ? void 0 : _theme$colors.primary;
|
|
158
160
|
});
|
|
159
161
|
exports.CategorySelectedContainer = CategorySelectedContainer;
|
|
160
|
-
var IconWrapper = _styledComponents.default.a(
|
|
162
|
+
var IconWrapper = _styledComponents.default.a(_templateObject46 || (_templateObject46 = _taggedTemplateLiteral(["\n margin: 0px 3px 10px 3px;\n border-radius: 3px;\n border: 0.5px solid ", ";\n width: 27px;\n height: 27px;\n min-width: 27px;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n transition: all 0.2s linear;\n\n ", "\n\n svg {\n height: 18px;\n font-size: 18px;\n transition: all 0.2s ease-in;\n color: ", ";\n }\n &:hover {\n background-color: ", ";\n svg {\n transform: scale(1.07);\n }\n }\n"])), function (props) {
|
|
161
163
|
return props.theme.colors.gray200;
|
|
162
164
|
}, function (_ref11) {
|
|
163
165
|
var isSkeleton = _ref11.isSkeleton;
|
|
164
|
-
return isSkeleton && (0, _styledComponents.css)(
|
|
166
|
+
return isSkeleton && (0, _styledComponents.css)(_templateObject47 || (_templateObject47 = _taggedTemplateLiteral(["\n border: none;\n "])));
|
|
165
167
|
}, function (props) {
|
|
166
168
|
return props.theme.colors.headingColor;
|
|
167
169
|
}, function (props) {
|
|
168
170
|
return props.theme.colors.gray200;
|
|
169
171
|
});
|
|
170
172
|
exports.IconWrapper = IconWrapper;
|
|
171
|
-
var BusinessInfoWrapper = _styledComponents.default.div(
|
|
173
|
+
var BusinessInfoWrapper = _styledComponents.default.div(_templateObject48 || (_templateObject48 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column-reverse;\n @media (min-width: 768px) {\n flex-direction: column;\n }\n"])));
|
|
172
174
|
exports.BusinessInfoWrapper = BusinessInfoWrapper;
|
|
173
|
-
var WrapperFloatingSearch = _styledComponents.default.div(
|
|
175
|
+
var WrapperFloatingSearch = _styledComponents.default.div(_templateObject49 || (_templateObject49 = _taggedTemplateLiteral(["\n position: absolute;\n color: ", ";\n display: flex;\n background: rgba(0,0,0,0.2);\n top: 80px;\n right: 10px;\n width: 80%;\n border-bottom: 1px solid #FFFFFF;\n #select-input {\n color: #FFFFFF !important;\n background: transparent;\n }\n svg, span {\n color: #FFFFFF !important;\n }\n @media (min-width: 681px){\n top: 23px;\n right: 60px;\n width: 300px;\n input {\n width: 80%;\n }\n }\n"])), function (_ref12) {
|
|
174
176
|
var theme = _ref12.theme;
|
|
175
177
|
return theme.colors.white;
|
|
176
178
|
});
|
|
@@ -380,7 +380,7 @@ var CartUI = function CartUI(props) {
|
|
|
380
380
|
type: 'offer_target_1'
|
|
381
381
|
});
|
|
382
382
|
}
|
|
383
|
-
}), /*#__PURE__*/_react.default.createElement(_MdCloseCircle.default, {
|
|
383
|
+
}), !!(offer !== null && offer !== void 0 && offer.id) && /*#__PURE__*/_react.default.createElement(_MdCloseCircle.default, {
|
|
384
384
|
size: "24",
|
|
385
385
|
color: theme.colors.primary,
|
|
386
386
|
onClick: function onClick() {
|
|
@@ -447,7 +447,7 @@ var CartUI = function CartUI(props) {
|
|
|
447
447
|
type: 'offer_target_3'
|
|
448
448
|
});
|
|
449
449
|
}
|
|
450
|
-
}),
|
|
450
|
+
}), !!(offer !== null && offer !== void 0 && offer.id) && /*#__PURE__*/_react.default.createElement(_MdCloseCircle.default, {
|
|
451
451
|
size: "24",
|
|
452
452
|
color: theme.colors.primary,
|
|
453
453
|
onClick: function onClick() {
|
|
@@ -472,7 +472,7 @@ var CartUI = function CartUI(props) {
|
|
|
472
472
|
type: 'offer_target_2'
|
|
473
473
|
});
|
|
474
474
|
}
|
|
475
|
-
}),
|
|
475
|
+
}), !!(offer !== null && offer !== void 0 && offer.id) && /*#__PURE__*/_react.default.createElement(_MdCloseCircle.default, {
|
|
476
476
|
size: "24",
|
|
477
477
|
color: theme.colors.primary,
|
|
478
478
|
onClick: function onClick() {
|
|
@@ -292,7 +292,7 @@ var Header = function Header(props) {
|
|
|
292
292
|
height: isChew ? '20px' : '45px',
|
|
293
293
|
src: isChew ? theme === null || theme === void 0 ? void 0 : (_theme$images3 = theme.images) === null || _theme$images3 === void 0 ? void 0 : (_theme$images3$logos = _theme$images3.logos) === null || _theme$images3$logos === void 0 ? void 0 : _theme$images3$logos.chewLogo : isHome && windowSize.width < 576 ? theme === null || theme === void 0 ? void 0 : (_theme$images4 = theme.images) === null || _theme$images4 === void 0 ? void 0 : (_theme$images4$logos = _theme$images4.logos) === null || _theme$images4$logos === void 0 ? void 0 : _theme$images4$logos.isotypeInvert : (orderingTheme === null || orderingTheme === void 0 ? void 0 : (_orderingTheme$theme9 = orderingTheme.theme) === null || _orderingTheme$theme9 === void 0 ? void 0 : (_orderingTheme$theme10 = _orderingTheme$theme9.my_products) === null || _orderingTheme$theme10 === void 0 ? void 0 : (_orderingTheme$theme11 = _orderingTheme$theme10.components) === null || _orderingTheme$theme11 === void 0 ? void 0 : (_orderingTheme$theme12 = _orderingTheme$theme11.images) === null || _orderingTheme$theme12 === void 0 ? void 0 : (_orderingTheme$theme13 = _orderingTheme$theme12.components) === null || _orderingTheme$theme13 === void 0 ? void 0 : (_orderingTheme$theme14 = _orderingTheme$theme13.logo) === null || _orderingTheme$theme14 === void 0 ? void 0 : (_orderingTheme$theme15 = _orderingTheme$theme14.components) === null || _orderingTheme$theme15 === void 0 ? void 0 : _orderingTheme$theme15.image) || (theme === null || theme === void 0 ? void 0 : (_theme$images5 = theme.images) === null || _theme$images5 === void 0 ? void 0 : (_theme$images5$logos = _theme$images5.logos) === null || _theme$images5$logos === void 0 ? void 0 : _theme$images5$logos.isotype),
|
|
294
294
|
loading: "lazy"
|
|
295
|
-
}))), isShowOrderOptions &&
|
|
295
|
+
}))), isShowOrderOptions && windowSize.width >= 576 && /*#__PURE__*/_react.default.createElement(_styles.Menu, {
|
|
296
296
|
id: "center-side",
|
|
297
297
|
className: "left-header",
|
|
298
298
|
isCustomerMode: isCustomerMode,
|
|
@@ -42,12 +42,11 @@ var mapConfigs = {
|
|
|
42
42
|
}
|
|
43
43
|
};
|
|
44
44
|
var MultiCheckoutUI = function MultiCheckoutUI(props) {
|
|
45
|
-
var _Object$values, _cartGroup$result, _paymethodSelected$pa, _cardList$cards, _configs$checkout_mul, _configs$driver_tip_o, _configs$driver_tip_o2, _configs$driver_tip_o3, _configs$multi_busine, _configs$driver_tip_o4, _configs$driver_tip_o5, _loyaltyPlansState$re, _creditPointPlan$busi, _creditPointPlan$busi2, _loyaltyPlansState$re2, _creditPointGeneralPl, _creditPointGeneralPl2, _configs$google_maps_, _customerState$user, _cartGroup$
|
|
45
|
+
var _Object$values, _cartGroup$result, _paymethodSelected$pa, _cardList$cards, _configs$checkout_mul, _configs$driver_tip_o, _configs$driver_tip_o2, _configs$driver_tip_o3, _configs$multi_busine, _configs$driver_tip_o4, _configs$driver_tip_o5, _cartGroup$result2, _loyaltyPlansState$re, _creditPointPlan$busi, _creditPointPlan$busi2, _loyaltyPlansState$re2, _creditPointGeneralPl, _creditPointGeneralPl2, _configs$google_maps_, _customerState$user, _cartGroup$result3, _cartGroup$result4, _validationFields$fie9, _validationFields$fie10, _validationFields$fie11, _configs$multi_busine2, _validationFields$fie12, _validationFields$fie13, _validationFields$fie14, _configs$driver_tip_t, _configs$driver_tip_u, _configs$driver_tip_t2, _openCarts$, _openCarts$2, _configs$multi_busine6, _configs$multi_busine7;
|
|
46
46
|
var placing = props.placing,
|
|
47
47
|
isCustomerMode = props.isCustomerMode,
|
|
48
48
|
openCarts = props.openCarts,
|
|
49
49
|
loyaltyPlansState = props.loyaltyPlansState,
|
|
50
|
-
totalCartsPrice = props.totalCartsPrice,
|
|
51
50
|
handleGroupPlaceOrder = props.handleGroupPlaceOrder,
|
|
52
51
|
paymethodSelected = props.paymethodSelected,
|
|
53
52
|
handleSelectPaymethod = props.handleSelectPaymethod,
|
|
@@ -111,6 +110,7 @@ var MultiCheckoutUI = function MultiCheckoutUI(props) {
|
|
|
111
110
|
var isMultiDriverTips = (configs === null || configs === void 0 ? void 0 : (_configs$checkout_mul = configs.checkout_multi_business_enabled) === null || _configs$checkout_mul === void 0 ? void 0 : _configs$checkout_mul.value) === '1';
|
|
112
111
|
var driverTipsOptions = typeof (configs === null || configs === void 0 ? void 0 : (_configs$driver_tip_o = configs.driver_tip_options) === null || _configs$driver_tip_o === void 0 ? void 0 : _configs$driver_tip_o.value) === 'string' ? JSON.parse(configs === null || configs === void 0 ? void 0 : (_configs$driver_tip_o2 = configs.driver_tip_options) === null || _configs$driver_tip_o2 === void 0 ? void 0 : _configs$driver_tip_o2.value) || [] : (configs === null || configs === void 0 ? void 0 : (_configs$driver_tip_o3 = configs.driver_tip_options) === null || _configs$driver_tip_o3 === void 0 ? void 0 : _configs$driver_tip_o3.value) || [];
|
|
113
112
|
var totalFeeEnabled = (configs === null || configs === void 0 ? void 0 : (_configs$multi_busine = configs.multi_business_checkout_show_combined_delivery_fee) === null || _configs$multi_busine === void 0 ? void 0 : _configs$multi_busine.value) === '1' ? JSON.parse(configs === null || configs === void 0 ? void 0 : (_configs$driver_tip_o4 = configs.driver_tip_options) === null || _configs$driver_tip_o4 === void 0 ? void 0 : _configs$driver_tip_o4.value) || [] : (configs === null || configs === void 0 ? void 0 : (_configs$driver_tip_o5 = configs.driver_tip_options) === null || _configs$driver_tip_o5 === void 0 ? void 0 : _configs$driver_tip_o5.value) || [];
|
|
113
|
+
var totalCartsPrice = cartGroup === null || cartGroup === void 0 ? void 0 : (_cartGroup$result2 = cartGroup.result) === null || _cartGroup$result2 === void 0 ? void 0 : _cartGroup$result2.balance;
|
|
114
114
|
var methodsPay = ['global_google_pay', 'global_apple_pay'];
|
|
115
115
|
var creditPointPlan = loyaltyPlansState === null || loyaltyPlansState === void 0 ? void 0 : (_loyaltyPlansState$re = loyaltyPlansState.result) === null || _loyaltyPlansState$re === void 0 ? void 0 : _loyaltyPlansState$re.find(function (loyal) {
|
|
116
116
|
return loyal.type === 'credit_point';
|
|
@@ -274,8 +274,8 @@ var MultiCheckoutUI = function MultiCheckoutUI(props) {
|
|
|
274
274
|
}))), /*#__PURE__*/_react.default.createElement(_styles.PaymentMethodContainer, null, /*#__PURE__*/_react.default.createElement("h1", null, t('PAYMENT_METHODS', 'Payment Methods')), /*#__PURE__*/_react.default.createElement(_MultiCartsPaymethodsAndWallets.MultiCartsPaymethodsAndWallets, {
|
|
275
275
|
userId: props.userId,
|
|
276
276
|
openCarts: openCarts,
|
|
277
|
-
balance: cartGroup === null || cartGroup === void 0 ? void 0 : (_cartGroup$
|
|
278
|
-
walletsPaymethod: cartGroup === null || cartGroup === void 0 ? void 0 : (_cartGroup$
|
|
277
|
+
balance: cartGroup === null || cartGroup === void 0 ? void 0 : (_cartGroup$result3 = cartGroup.result) === null || _cartGroup$result3 === void 0 ? void 0 : _cartGroup$result3.balance,
|
|
278
|
+
walletsPaymethod: cartGroup === null || cartGroup === void 0 ? void 0 : (_cartGroup$result4 = cartGroup.result) === null || _cartGroup$result4 === void 0 ? void 0 : _cartGroup$result4.wallets,
|
|
279
279
|
paymethodSelected: paymethodSelected,
|
|
280
280
|
handleSelectPaymethod: handleSelectPaymethod,
|
|
281
281
|
handleSelectWallet: handleSelectWallet,
|
|
@@ -51,7 +51,10 @@ var OrderEta = function OrderEta(props) {
|
|
|
51
51
|
}
|
|
52
52
|
_estimatedTime = _moment.default.utc(_delivery).add(totalEta, 'minutes');
|
|
53
53
|
} else {
|
|
54
|
-
var
|
|
54
|
+
var timesToAdd = 0;
|
|
55
|
+
if (order !== null && order !== void 0 && order.delivered_in) timesToAdd += order === null || order === void 0 ? void 0 : order.delivered_in;
|
|
56
|
+
if (order !== null && order !== void 0 && order.prepared_in) timesToAdd += order === null || order === void 0 ? void 0 : order.prepared_in;
|
|
57
|
+
var _etaTime = (order === null || order === void 0 ? void 0 : order.eta_time) + timesToAdd;
|
|
55
58
|
_estimatedTime = _moment.default.utc(_delivery).add(_etaTime, 'minutes');
|
|
56
59
|
}
|
|
57
60
|
_estimatedTime = outputFormat ? (0, _moment.default)(_estimatedTime).local().format(outputFormat) : parseDate(_estimatedTime, {
|
|
@@ -109,10 +109,10 @@ var OrderHistory = function OrderHistory(props) {
|
|
|
109
109
|
return /*#__PURE__*/_react.default.createElement(_styles.OrderHistoryContainer, null, !(messages !== null && messages !== void 0 && messages.loading) && order && /*#__PURE__*/_react.default.createElement(_styles.HistoryItemWrapper, null, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.CheckCircleFill, null), /*#__PURE__*/_react.default.createElement(_styles.DetailWrapper, null, /*#__PURE__*/_react.default.createElement("h3", null, t('ORDER_PLACED', 'Order placed'), " ", ' ', t('VIA', 'Via'), ' ', order.app_id ? t(order.app_id.toUpperCase(), order.app_id) : t('OTHER', 'Other')), /*#__PURE__*/_react.default.createElement("p", null, parseDate(order.created_at, {
|
|
110
110
|
outputFormat: 'MMM DD, hh:mm A'
|
|
111
111
|
})))), messages && (messages === null || messages === void 0 ? void 0 : messages.messages.map(function (message, i) {
|
|
112
|
-
var _message$change, _message$change2, _message$change3, _message$driver, _message$driver2;
|
|
112
|
+
var _message$change, _message$change2, _message$change3, _message$change4, _message$driver, _message$driver2;
|
|
113
113
|
return message.type === 1 && /*#__PURE__*/_react.default.createElement(_styles.HistoryItemWrapper, {
|
|
114
114
|
key: i
|
|
115
|
-
}, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.CheckCircleFill, null), /*#__PURE__*/_react.default.createElement(_styles.DetailWrapper, null, ((_message$change = message.change) === null || _message$change === void 0 ? void 0 : _message$change.attribute) !== 'driver_id' ? /*#__PURE__*/_react.default.createElement("h3", null, ((_message$change2 = message.change) === null || _message$change2 === void 0 ? void 0 : _message$change2.attribute) === 'logistic_status' ? getLogisticTagStatus(parseInt(message.change.new, 10)) : ((_message$change3 = message.change) === null || _message$change3 === void 0 ? void 0 : _message$change3.attribute) === 'delivered_in' ? /*#__PURE__*/_react.default.createElement("h3", null, /*#__PURE__*/_react.default.createElement("strong", null, t('TIME_ADDED_BY_DRIVER', 'Time added by driver')), /*#__PURE__*/_react.default.createElement("br", null), (0, _utils.formatSeconds)(parseInt(message.change.new, 10))) : t(getStatus(parseInt(message.change.new, 10)))) : /*#__PURE__*/_react.default.createElement("h3", null, message.change.new ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("strong", null, (_message$driver = message.driver) === null || _message$driver === void 0 ? void 0 : _message$driver.name, " ", ' ', " ", ((_message$driver2 = message.driver) === null || _message$driver2 === void 0 ? void 0 : _message$driver2.lastname) && message.driver.lastname, " "), t('WAS_ASSIGNED_AS_DRIVER', 'Was assigned as driver')) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, t('DRIVER_UNASSIGNED', 'Driver unassigned'))), /*#__PURE__*/_react.default.createElement("p", null, parseDate(message.created_at, {
|
|
115
|
+
}, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.CheckCircleFill, null), /*#__PURE__*/_react.default.createElement(_styles.DetailWrapper, null, ((_message$change = message.change) === null || _message$change === void 0 ? void 0 : _message$change.attribute) !== 'driver_id' ? /*#__PURE__*/_react.default.createElement("h3", null, ((_message$change2 = message.change) === null || _message$change2 === void 0 ? void 0 : _message$change2.attribute) === 'logistic_status' ? getLogisticTagStatus(parseInt(message.change.new, 10)) : ((_message$change3 = message.change) === null || _message$change3 === void 0 ? void 0 : _message$change3.attribute) === 'delivered_in' ? /*#__PURE__*/_react.default.createElement("h3", null, /*#__PURE__*/_react.default.createElement("strong", null, t('TIME_ADDED_BY_DRIVER', 'Time added by driver')), /*#__PURE__*/_react.default.createElement("br", null), (0, _utils.formatSeconds)(parseInt(message.change.new, 10))) : ((_message$change4 = message.change) === null || _message$change4 === void 0 ? void 0 : _message$change4.attribute) === 'prepared_in' ? /*#__PURE__*/_react.default.createElement("h3", null, /*#__PURE__*/_react.default.createElement("strong", null, t('TIME_ADDED_BY_BUSINESS', 'Time added by business')), /*#__PURE__*/_react.default.createElement("br", null), (0, _utils.formatSeconds)(parseInt(message.change.new, 10))) : t(getStatus(parseInt(message.change.new, 10)))) : /*#__PURE__*/_react.default.createElement("h3", null, message.change.new ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("strong", null, (_message$driver = message.driver) === null || _message$driver === void 0 ? void 0 : _message$driver.name, " ", ' ', " ", ((_message$driver2 = message.driver) === null || _message$driver2 === void 0 ? void 0 : _message$driver2.lastname) && message.driver.lastname, " "), t('WAS_ASSIGNED_AS_DRIVER', 'Was assigned as driver')) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, t('DRIVER_UNASSIGNED', 'Driver unassigned'))), /*#__PURE__*/_react.default.createElement("p", null, parseDate(message.created_at, {
|
|
116
116
|
outputFormat: 'MMM DD, hh:mm A'
|
|
117
117
|
}))));
|
|
118
118
|
})), /*#__PURE__*/_react.default.createElement(_styles.ButtonWrapper, null, /*#__PURE__*/_react.default.createElement(_Buttons.Button, {
|
|
@@ -77,7 +77,8 @@ var OrdersOptionUI = function OrdersOptionUI(props) {
|
|
|
77
77
|
handleUpdateProfessionals = props.handleUpdateProfessionals,
|
|
78
78
|
businesses = props.businesses,
|
|
79
79
|
handleUpdateBusinesses = props.handleUpdateBusinesses,
|
|
80
|
-
getPage = props.getPage
|
|
80
|
+
getPage = props.getPage,
|
|
81
|
+
loadOrders = props.loadOrders;
|
|
81
82
|
var _useLanguage = (0, _orderingComponentsExternal.useLanguage)(),
|
|
82
83
|
_useLanguage2 = _slicedToArray(_useLanguage, 2),
|
|
83
84
|
t = _useLanguage2[1];
|
|
@@ -92,6 +93,10 @@ var OrdersOptionUI = function OrdersOptionUI(props) {
|
|
|
92
93
|
var loading = orderList.loading,
|
|
93
94
|
error = orderList.error,
|
|
94
95
|
values = orderList.orders;
|
|
96
|
+
var _useState = (0, _react.useState)(false),
|
|
97
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
98
|
+
refreshOrders = _useState2[0],
|
|
99
|
+
setRefreshOrders = _useState2[1];
|
|
95
100
|
var _orders = customArray || values || [];
|
|
96
101
|
var uniqueOrders = [];
|
|
97
102
|
var ordersReduced = _orders.map(function (order) {
|
|
@@ -136,17 +141,17 @@ var OrdersOptionUI = function OrdersOptionUI(props) {
|
|
|
136
141
|
}).every(function (i) {
|
|
137
142
|
return !i;
|
|
138
143
|
}) : orders.length > 0;
|
|
139
|
-
var
|
|
140
|
-
|
|
141
|
-
loadingOrders =
|
|
142
|
-
setLoadingOrders =
|
|
143
|
-
var
|
|
144
|
+
var _useState3 = (0, _react.useState)(true),
|
|
145
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
146
|
+
loadingOrders = _useState4[0],
|
|
147
|
+
setLoadingOrders = _useState4[1];
|
|
148
|
+
var _useState5 = (0, _react.useState)({
|
|
144
149
|
open: false,
|
|
145
150
|
content: []
|
|
146
151
|
}),
|
|
147
|
-
|
|
148
|
-
alertState =
|
|
149
|
-
setAlertState =
|
|
152
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
153
|
+
alertState = _useState6[0],
|
|
154
|
+
setAlertState = _useState6[1];
|
|
150
155
|
var closeOrderModal = function closeOrderModal(e) {
|
|
151
156
|
var outsideModal = !window.document.getElementById('app-modals') || !window.document.getElementById('app-modals').contains(e.target);
|
|
152
157
|
if (outsideModal) {
|
|
@@ -238,6 +243,12 @@ var OrdersOptionUI = function OrdersOptionUI(props) {
|
|
|
238
243
|
}
|
|
239
244
|
}
|
|
240
245
|
}, [reorderState]);
|
|
246
|
+
(0, _react.useEffect)(function () {
|
|
247
|
+
if (refreshOrders) {
|
|
248
|
+
loadOrders(false, false, false, true);
|
|
249
|
+
setRefreshOrders(false);
|
|
250
|
+
}
|
|
251
|
+
}, [refreshOrders]);
|
|
241
252
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (_props$beforeElements = props.beforeElements) === null || _props$beforeElements === void 0 ? void 0 : _props$beforeElements.map(function (BeforeElement, i) {
|
|
242
253
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
|
|
243
254
|
key: i
|
|
@@ -345,7 +356,8 @@ var OrdersOptionUI = function OrdersOptionUI(props) {
|
|
|
345
356
|
onRedirectPage: onRedirectPage,
|
|
346
357
|
getOrderStatus: _utils.getOrderStatus,
|
|
347
358
|
handleReorder: handleReorder,
|
|
348
|
-
handleUpdateOrderList: handleUpdateOrderList
|
|
359
|
+
handleUpdateOrderList: handleUpdateOrderList,
|
|
360
|
+
setRefreshOrders: setRefreshOrders
|
|
349
361
|
})), /*#__PURE__*/_react.default.createElement(_Confirm.Alert, {
|
|
350
362
|
title: t('MY_ORDERS', 'My orders'),
|
|
351
363
|
content: alertState.content,
|
|
@@ -20,12 +20,12 @@ var _MdRadioButtonUnchecked = _interopRequireDefault(require("@meronex/icons/md/
|
|
|
20
20
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
21
21
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
22
22
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
23
|
+
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); }
|
|
23
24
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
24
25
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
25
26
|
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
26
27
|
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
27
28
|
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
28
|
-
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); }
|
|
29
29
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
30
30
|
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."); }
|
|
31
31
|
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); }
|
|
@@ -43,7 +43,8 @@ var ProductOptionSubOptionUI = function ProductOptionSubOptionUI(props) {
|
|
|
43
43
|
toggleSelect = props.toggleSelect,
|
|
44
44
|
changePosition = props.changePosition,
|
|
45
45
|
isSoldOut = props.isSoldOut,
|
|
46
|
-
setIsScrollAvailable = props.setIsScrollAvailable
|
|
46
|
+
setIsScrollAvailable = props.setIsScrollAvailable,
|
|
47
|
+
onChange = props.onChange;
|
|
47
48
|
var disableIncrement = option !== null && option !== void 0 && option.limit_suboptions_by_max ? balance === (option === null || option === void 0 ? void 0 : option.max) || state.quantity === suboption.max : state.quantity === (suboption === null || suboption === void 0 ? void 0 : suboption.max) || !state.selected && balance === (option === null || option === void 0 ? void 0 : option.max);
|
|
48
49
|
var price = option !== null && option !== void 0 && option.with_half_option && suboption !== null && suboption !== void 0 && suboption.half_price && state.position !== 'whole' ? suboption === null || suboption === void 0 ? void 0 : suboption.half_price : suboption === null || suboption === void 0 ? void 0 : suboption.price;
|
|
49
50
|
var _useLanguage = (0, _orderingComponentsExternal.useLanguage)(),
|
|
@@ -58,10 +59,7 @@ var ProductOptionSubOptionUI = function ProductOptionSubOptionUI(props) {
|
|
|
58
59
|
_useState2 = _slicedToArray(_useState, 2),
|
|
59
60
|
showMessage = _useState2[0],
|
|
60
61
|
setShowMessage = _useState2[1];
|
|
61
|
-
var
|
|
62
|
-
_useState4 = _slicedToArray(_useState3, 2),
|
|
63
|
-
isDirty = _useState4[0],
|
|
64
|
-
setIsDirty = _useState4[1];
|
|
62
|
+
var dirtyRef = (0, _react.useRef)(null);
|
|
65
63
|
var handleIncrement = function handleIncrement(e) {
|
|
66
64
|
e.stopPropagation();
|
|
67
65
|
increment();
|
|
@@ -76,8 +74,8 @@ var ProductOptionSubOptionUI = function ProductOptionSubOptionUI(props) {
|
|
|
76
74
|
};
|
|
77
75
|
var handleSuboptionClick = function handleSuboptionClick() {
|
|
78
76
|
var _option$suboptions;
|
|
77
|
+
dirtyRef.current = true;
|
|
79
78
|
toggleSelect();
|
|
80
|
-
setIsDirty(true);
|
|
81
79
|
if (balance === (option === null || option === void 0 ? void 0 : option.max) && (option === null || option === void 0 ? void 0 : (_option$suboptions = option.suboptions) === null || _option$suboptions === void 0 ? void 0 : _option$suboptions.length) > balance && !((option === null || option === void 0 ? void 0 : option.min) === 1 && (option === null || option === void 0 ? void 0 : option.max) === 1) && !state.selected) {
|
|
82
80
|
setShowMessage(true);
|
|
83
81
|
}
|
|
@@ -89,11 +87,19 @@ var ProductOptionSubOptionUI = function ProductOptionSubOptionUI(props) {
|
|
|
89
87
|
}
|
|
90
88
|
}, [balance]);
|
|
91
89
|
(0, _react.useEffect)(function () {
|
|
92
|
-
if (balance === (option === null || option === void 0 ? void 0 : option.max) && state !== null && state !== void 0 && state.selected &&
|
|
93
|
-
|
|
90
|
+
if (balance === (option === null || option === void 0 ? void 0 : option.max) && state !== null && state !== void 0 && state.selected && dirtyRef) {
|
|
91
|
+
dirtyRef.current = false;
|
|
94
92
|
setIsScrollAvailable(true);
|
|
95
93
|
}
|
|
96
94
|
}, [state === null || state === void 0 ? void 0 : state.selected]);
|
|
95
|
+
(0, _react.useEffect)(function () {
|
|
96
|
+
if (dirtyRef !== null && dirtyRef !== void 0 && dirtyRef.current || !(suboption !== null && suboption !== void 0 && suboption.preselected) || !(option !== null && option !== void 0 && option.respect_to)) return;
|
|
97
|
+
var newState = _objectSpread(_objectSpread({}, state), {}, {
|
|
98
|
+
selected: suboption === null || suboption === void 0 ? void 0 : suboption.preselected,
|
|
99
|
+
quantity: state.selected ? 0 : 1
|
|
100
|
+
});
|
|
101
|
+
onChange(newState, suboption, option);
|
|
102
|
+
}, [suboption, dirtyRef, option]);
|
|
97
103
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (_props$beforeElements = props.beforeElements) === null || _props$beforeElements === void 0 ? void 0 : _props$beforeElements.map(function (BeforeElement, i) {
|
|
98
104
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
|
|
99
105
|
key: i
|
|
@@ -95,7 +95,7 @@ var CommentButton = (0, _styledComponents.default)(_Buttons.Button)(_templateObj
|
|
|
95
95
|
});
|
|
96
96
|
});
|
|
97
97
|
exports.CommentButton = CommentButton;
|
|
98
|
-
var ContinueContainer = _styledComponents.default.div(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n p{\n flex: 1
|
|
98
|
+
var ContinueContainer = _styledComponents.default.div(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n p{\n flex: 1;\n margin: 0;\n }\n"])));
|
|
99
99
|
exports.ContinueContainer = ContinueContainer;
|
|
100
100
|
var MultiLogosContainer = _styledComponents.default.div(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n display: flex;\n justify-content: space-around;\n"])));
|
|
101
101
|
exports.MultiLogosContainer = MultiLogosContainer;
|
|
@@ -90,7 +90,7 @@ var WalletsUI = function WalletsUI(props) {
|
|
|
90
90
|
}, (_walletName$wallet$ty2 = walletName[wallet.type]) === null || _walletName$wallet$ty2 === void 0 ? void 0 : _walletName$wallet$ty2.name);
|
|
91
91
|
}))), /*#__PURE__*/_react.default.createElement(_styles.WrapContent, null, /*#__PURE__*/_react.default.createElement(_styles.Transactions, {
|
|
92
92
|
isLoyaltyLevel: !!loyaltyLevel
|
|
93
|
-
}, /*#__PURE__*/_react.default.createElement(_styles.SectionWrapper, null, /*#__PURE__*/_react.default.createElement(_styles.BalanceElement, null, /*#__PURE__*/_react.default.createElement("h1", null, (currentWalletSelected === null || currentWalletSelected === void 0 ? void 0 : currentWalletSelected.type) === 'cash' ? parsePrice(currentWalletSelected === null || currentWalletSelected === void 0 ? void 0 : currentWalletSelected.balance) : currentWalletSelected === null || currentWalletSelected === void 0 ? void 0 : currentWalletSelected.balance), /*#__PURE__*/_react.default.createElement("span", null, (currentWalletSelected === null || currentWalletSelected === void 0 ? void 0 : currentWalletSelected.type) === 'cash' ? configs === null || configs === void 0 ? void 0 : (_configs$stripe_curre = configs.stripe_currency) === null || _configs$stripe_curre === void 0 ? void 0 : _configs$stripe_curre.value : t('POINTS', 'Points')))), /*#__PURE__*/_react.default.createElement("div", {
|
|
93
|
+
}, /*#__PURE__*/_react.default.createElement(_styles.SectionWrapper, null, /*#__PURE__*/_react.default.createElement(_styles.BalanceElement, null, /*#__PURE__*/_react.default.createElement("h1", null, (currentWalletSelected === null || currentWalletSelected === void 0 ? void 0 : currentWalletSelected.type) === 'cash' ? parsePrice(currentWalletSelected === null || currentWalletSelected === void 0 ? void 0 : currentWalletSelected.balance) : currentWalletSelected === null || currentWalletSelected === void 0 ? void 0 : currentWalletSelected.balance), /*#__PURE__*/_react.default.createElement("span", null, (currentWalletSelected === null || currentWalletSelected === void 0 ? void 0 : currentWalletSelected.type) === 'cash' ? configs === null || configs === void 0 ? void 0 : (_configs$stripe_curre = configs.stripe_currency) === null || _configs$stripe_curre === void 0 ? void 0 : _configs$stripe_curre.value : t('POINTS', 'Points')))), /*#__PURE__*/_react.default.createElement(_GiftCardUI.GiftCardUI, null), /*#__PURE__*/_react.default.createElement("div", {
|
|
94
94
|
className: "transactions_list"
|
|
95
95
|
}, !(transactionsList !== null && transactionsList !== void 0 && transactionsList.loading) && ((_transactionsList$lis = transactionsList.list) === null || _transactionsList$lis === void 0 ? void 0 : (_transactionsList$lis2 = _transactionsList$lis["wallet:".concat(currentWalletSelected === null || currentWalletSelected === void 0 ? void 0 : currentWalletSelected.id)]) === null || _transactionsList$lis2 === void 0 ? void 0 : _transactionsList$lis2.length) > 0 && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("h2", {
|
|
96
96
|
style: {
|