ordering-ui-external 2.0.3 → 2.1.0
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.a228aa8797d9d0fc5a6c.js → 0.ordering-ui.3861d1cf52cf041c74c5.js} +0 -0
- package/_bundles/{1.ordering-ui.a228aa8797d9d0fc5a6c.js → 1.ordering-ui.3861d1cf52cf041c74c5.js} +0 -0
- package/_bundles/{2.ordering-ui.a228aa8797d9d0fc5a6c.js → 2.ordering-ui.3861d1cf52cf041c74c5.js} +0 -0
- package/_bundles/{4.ordering-ui.a228aa8797d9d0fc5a6c.js → 4.ordering-ui.3861d1cf52cf041c74c5.js} +0 -0
- package/_bundles/{5.ordering-ui.a228aa8797d9d0fc5a6c.js → 5.ordering-ui.3861d1cf52cf041c74c5.js} +0 -0
- package/_bundles/{6.ordering-ui.a228aa8797d9d0fc5a6c.js → 6.ordering-ui.3861d1cf52cf041c74c5.js} +0 -0
- package/_bundles/{7.ordering-ui.a228aa8797d9d0fc5a6c.js → 7.ordering-ui.3861d1cf52cf041c74c5.js} +1 -1
- package/_bundles/{7.ordering-ui.a228aa8797d9d0fc5a6c.js.LICENSE.txt → 7.ordering-ui.3861d1cf52cf041c74c5.js.LICENSE.txt} +0 -0
- package/_bundles/{8.ordering-ui.a228aa8797d9d0fc5a6c.js → 8.ordering-ui.3861d1cf52cf041c74c5.js} +0 -0
- package/_bundles/{9.ordering-ui.a228aa8797d9d0fc5a6c.js → 9.ordering-ui.3861d1cf52cf041c74c5.js} +0 -0
- package/_bundles/{ordering-ui.a228aa8797d9d0fc5a6c.js → ordering-ui.3861d1cf52cf041c74c5.js} +2 -2
- package/_bundles/{ordering-ui.a228aa8797d9d0fc5a6c.js.LICENSE.txt → ordering-ui.3861d1cf52cf041c74c5.js.LICENSE.txt} +0 -0
- package/_modules/themes/five/src/components/BusinessBasicInformation/index.js +36 -28
- package/_modules/themes/five/src/components/BusinessBasicInformation/styles.js +48 -34
- package/_modules/themes/five/src/components/BusinessItemAccordion/index.js +3 -1
- package/_modules/themes/five/src/components/BusinessProductsCategories/index.js +9 -2
- package/_modules/themes/five/src/components/BusinessProductsCategories/layouts/groceries/styles.js +1 -1
- package/_modules/themes/five/src/components/BusinessProductsListing/index.js +2 -1
- package/_modules/themes/five/src/components/BusinessesListing/layouts/OriginalBusinessesListing/styles.js +1 -1
- package/_modules/themes/five/src/components/Cart/index.js +73 -25
- package/_modules/themes/five/src/components/CartContent/index.js +3 -1
- package/_modules/themes/five/src/components/Checkout/index.js +25 -15
- package/_modules/themes/five/src/components/DriverTips/index.js +26 -15
- package/_modules/themes/five/src/components/GiftCard/GiftCardUI/index.js +63 -0
- package/_modules/themes/five/src/components/GiftCard/GiftCardUI/styles.js +27 -0
- package/_modules/themes/five/src/components/GiftCard/PurchaseGiftCard/index.js +69 -0
- package/_modules/themes/five/src/components/GiftCard/PurchaseGiftCard/styles.js +29 -0
- package/_modules/themes/five/src/components/GiftCard/RedeemGiftCard/index.js +123 -0
- package/_modules/themes/five/src/components/GiftCard/RedeemGiftCard/styles.js +20 -0
- package/_modules/themes/five/src/components/GiftCard/SendGiftCard/index.js +114 -0
- package/_modules/themes/five/src/components/GiftCard/SendGiftCard/styles.js +14 -0
- package/_modules/themes/five/src/components/HorizontalOrdersLayout/index.js +3 -1
- package/_modules/themes/five/src/components/HorizontalOrdersLayout/styles.js +1 -1
- package/_modules/themes/five/src/components/LoginForm/index.js +6 -0
- package/_modules/themes/five/src/components/OrderDetails/OrderEta.js +69 -0
- package/_modules/themes/five/src/components/OrderDetails/index.js +84 -76
- package/_modules/themes/five/src/components/OrderDetails/styles.js +1 -1
- package/_modules/themes/five/src/components/OrderItAgain/styles.js +3 -3
- package/_modules/themes/five/src/components/OrderProgress/index.js +5 -14
- package/_modules/themes/five/src/components/PaymentOptions/index.js +22 -8
- package/_modules/themes/five/src/components/PaymentOptions/styles.js +9 -7
- package/_modules/themes/five/src/components/ProductOptionSubOption/styles.js +20 -14
- package/_modules/themes/five/src/components/ProfessionalFilter/index.js +23 -25
- package/_modules/themes/five/src/components/ProfessionalFilter/styles.js +6 -32
- package/_modules/themes/five/src/components/RenderProductsLayout/index.js +38 -22
- package/_modules/themes/five/src/components/RenderProductsLayout/styles.js +3 -9
- package/_modules/themes/five/src/components/ServiceForm/index.js +10 -4
- package/_modules/themes/five/src/components/ServiceForm/styles.js +23 -25
- package/_modules/themes/five/src/components/SignUpForm/index.js +6 -0
- package/_modules/themes/five/src/components/SingleOrderCard/index.js +22 -16
- package/_modules/themes/five/src/components/SingleProductCard/layouts/original/index.js +13 -2
- package/_modules/themes/five/src/components/SingleProductCard/layouts/original/styles.js +73 -51
- package/_modules/themes/five/src/components/SingleProfessionalCard/index.js +23 -7
- package/_modules/themes/five/src/components/SingleProfessionalCard/styles.js +29 -10
- package/_modules/themes/five/src/components/Wallets/index.js +2 -1
- package/package.json +2 -2
- package/src/themes/five/src/components/BusinessBasicInformation/index.js +49 -35
- package/src/themes/five/src/components/BusinessBasicInformation/styles.js +26 -4
- package/src/themes/five/src/components/BusinessItemAccordion/index.js +1 -1
- package/src/themes/five/src/components/BusinessProductsCategories/index.js +8 -2
- package/src/themes/five/src/components/BusinessProductsCategories/layouts/groceries/styles.js +2 -2
- package/src/themes/five/src/components/BusinessProductsListing/index.js +1 -0
- package/src/themes/five/src/components/BusinessesListing/layouts/OriginalBusinessesListing/styles.js +1 -1
- package/src/themes/five/src/components/Cart/index.js +44 -14
- package/src/themes/five/src/components/CartContent/index.js +1 -0
- package/src/themes/five/src/components/Checkout/index.js +67 -51
- package/src/themes/five/src/components/DriverTips/index.js +52 -40
- package/src/themes/five/src/components/GiftCard/GiftCardUI/index.js +59 -0
- package/src/themes/five/src/components/GiftCard/GiftCardUI/styles.js +41 -0
- package/src/themes/five/src/components/GiftCard/PurchaseGiftCard/index.js +70 -0
- package/src/themes/five/src/components/GiftCard/PurchaseGiftCard/styles.js +52 -0
- package/src/themes/five/src/components/GiftCard/RedeemGiftCard/index.js +122 -0
- package/src/themes/five/src/components/GiftCard/RedeemGiftCard/styles.js +41 -0
- package/src/themes/five/src/components/GiftCard/SendGiftCard/index.js +103 -0
- package/src/themes/five/src/components/GiftCard/SendGiftCard/styles.js +27 -0
- package/src/themes/five/src/components/HorizontalOrdersLayout/index.js +7 -4
- package/src/themes/five/src/components/HorizontalOrdersLayout/styles.js +0 -1
- package/src/themes/five/src/components/LoginForm/index.js +7 -0
- package/src/themes/five/src/components/OrderDetails/OrderEta.js +59 -0
- package/src/themes/five/src/components/OrderDetails/index.js +141 -133
- package/src/themes/five/src/components/OrderDetails/styles.js +0 -1
- package/src/themes/five/src/components/OrderItAgain/styles.js +6 -6
- package/src/themes/five/src/components/OrderProgress/index.js +3 -12
- package/src/themes/five/src/components/PaymentOptions/index.js +26 -5
- package/src/themes/five/src/components/PaymentOptions/styles.js +4 -0
- package/src/themes/five/src/components/ProductOptionSubOption/styles.js +24 -4
- package/src/themes/five/src/components/ProfessionalFilter/index.js +18 -30
- package/src/themes/five/src/components/ProfessionalFilter/styles.js +1 -57
- package/src/themes/five/src/components/RenderProductsLayout/index.js +33 -17
- package/src/themes/five/src/components/RenderProductsLayout/styles.js +0 -18
- package/src/themes/five/src/components/ServiceForm/index.js +11 -5
- package/src/themes/five/src/components/ServiceForm/styles.js +1 -9
- package/src/themes/five/src/components/SignUpForm/index.js +7 -0
- package/src/themes/five/src/components/SingleOrderCard/index.js +43 -26
- package/src/themes/five/src/components/SingleProductCard/layouts/original/index.js +12 -2
- package/src/themes/five/src/components/SingleProductCard/layouts/original/styles.js +51 -4
- package/src/themes/five/src/components/SingleProfessionalCard/index.js +17 -6
- package/src/themes/five/src/components/SingleProfessionalCard/styles.js +33 -6
- package/src/themes/five/src/components/Wallets/index.js +2 -1
|
@@ -178,15 +178,21 @@ var ServiceFormUI = function ServiceFormUI(props) {
|
|
|
178
178
|
setDateSelected(_moment);
|
|
179
179
|
};
|
|
180
180
|
var isBusyTime = function isBusyTime(professional) {
|
|
181
|
-
var _professional$
|
|
182
|
-
if (
|
|
181
|
+
var _professional$schedul, _professional$schedul2, _product$duration, _professional$schedul3, _professional$schedul4, _professional$busy_ti;
|
|
182
|
+
if (!dateSelected) return false;
|
|
183
|
+
var startDay = (0, _moment2.default)(dateSelected).utc().format('d');
|
|
184
|
+
var isStartScheduleEnabled = professional === null || professional === void 0 ? void 0 : (_professional$schedul = professional.schedule) === null || _professional$schedul === void 0 ? void 0 : (_professional$schedul2 = _professional$schedul[startDay]) === null || _professional$schedul2 === void 0 ? void 0 : _professional$schedul2.enabled;
|
|
183
185
|
var duration = (_product$duration = product === null || product === void 0 ? void 0 : product.duration) !== null && _product$duration !== void 0 ? _product$duration : 0;
|
|
186
|
+
var endDay = (0, _moment2.default)(dateSelected).add(duration - 1, 'minutes').utc().format('d');
|
|
187
|
+
var isEndScheduleEnabled = professional === null || professional === void 0 ? void 0 : (_professional$schedul3 = professional.schedule) === null || _professional$schedul3 === void 0 ? void 0 : (_professional$schedul4 = _professional$schedul3[endDay]) === null || _professional$schedul4 === void 0 ? void 0 : _professional$schedul4.enabled;
|
|
188
|
+
if (!isStartScheduleEnabled || !isEndScheduleEnabled) return true;
|
|
189
|
+
if ((professional === null || professional === void 0 ? void 0 : (_professional$busy_ti = professional.busy_times) === null || _professional$busy_ti === void 0 ? void 0 : _professional$busy_ti.length) === 0) return false;
|
|
184
190
|
var busyTimes = isCartProduct ? professional === null || professional === void 0 ? void 0 : professional.busy_times.filter(function (item) {
|
|
185
191
|
var _productCart$calendar, _productCart$calendar2;
|
|
186
192
|
return !(item.start === (productCart === null || productCart === void 0 ? void 0 : (_productCart$calendar = productCart.calendar_event) === null || _productCart$calendar === void 0 ? void 0 : _productCart$calendar.start) && item.end === (productCart === null || productCart === void 0 ? void 0 : (_productCart$calendar2 = productCart.calendar_event) === null || _productCart$calendar2 === void 0 ? void 0 : _productCart$calendar2.end));
|
|
187
193
|
}) : _toConsumableArray(professional === null || professional === void 0 ? void 0 : professional.busy_times);
|
|
188
194
|
var valid = busyTimes.some(function (item) {
|
|
189
|
-
return _moment2.default.utc(item === null || item === void 0 ? void 0 : item.start).local().valueOf() <= (0, _moment2.default)(dateSelected).valueOf() && (0, _moment2.default)(dateSelected).valueOf()
|
|
195
|
+
return _moment2.default.utc(item === null || item === void 0 ? void 0 : item.start).local().valueOf() <= (0, _moment2.default)(dateSelected).valueOf() && (0, _moment2.default)(dateSelected).valueOf() < _moment2.default.utc(item === null || item === void 0 ? void 0 : item.end).local().valueOf() || _moment2.default.utc(item === null || item === void 0 ? void 0 : item.start).local().valueOf() <= (0, _moment2.default)(dateSelected).add(duration, 'minutes').valueOf() && (0, _moment2.default)(dateSelected).add(duration, 'minutes').valueOf() < _moment2.default.utc(item === null || item === void 0 ? void 0 : item.end).local().valueOf();
|
|
190
196
|
});
|
|
191
197
|
return valid;
|
|
192
198
|
};
|
|
@@ -328,7 +334,7 @@ var ServiceFormUI = function ServiceFormUI(props) {
|
|
|
328
334
|
className: "status"
|
|
329
335
|
}, t('BUSY_ON_SELECTED_TIME', 'Busy on selected time'))) : /*#__PURE__*/_react.default.createElement("span", {
|
|
330
336
|
className: "status"
|
|
331
|
-
}, t('AVAILABLE', 'Available'))))) : /*#__PURE__*/_react.default.createElement("p", null, t('SELECT_PROFESSIONAL', 'Select professional')), /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.ChevronDown, null)), isDropDown && /*#__PURE__*/_react.default.createElement(_styles.DropDownWrapper, null,
|
|
337
|
+
}, t('AVAILABLE', 'Available'))))) : /*#__PURE__*/_react.default.createElement("p", null, t('SELECT_PROFESSIONAL', 'Select professional')), /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.ChevronDown, null)), isDropDown && /*#__PURE__*/_react.default.createElement(_styles.DropDownWrapper, null, professionalListState === null || professionalListState === void 0 ? void 0 : (_professionalListStat3 = professionalListState.professionals) === null || _professionalListStat3 === void 0 ? void 0 : _professionalListStat3.map(function (professional) {
|
|
332
338
|
return /*#__PURE__*/_react.default.createElement(_styles.SelectedItem, {
|
|
333
339
|
key: professional === null || professional === void 0 ? void 0 : professional.id,
|
|
334
340
|
isDropDown: true,
|
|
@@ -4,10 +4,10 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
|
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
-
exports.TimeListWrapper = exports.TimeItem = exports.SwiperWrapper = exports.StatusInfo = exports.SkeletonBlock = exports.SelectedItem = exports.SectionHeader = exports.ScheduleWrapper = exports.ProfessionalSelectWrapper = exports.ProfessionalPhoto = exports.ProfessionalInfoWrapper = exports.PriceAndDuration = exports.OrderTimeWrapper = exports.NameWrapper = exports.MonthYearLayer = exports.InfoWrapper = exports.ImageWrapper = exports.HeaderInfoWrapper = exports.EmptyProfessional = exports.DropDownWrapper = exports.
|
|
7
|
+
exports.TimeListWrapper = exports.TimeItem = exports.SwiperWrapper = exports.StatusInfo = exports.SkeletonBlock = exports.SelectedItem = exports.SectionHeader = exports.ScheduleWrapper = exports.ProfessionalSelectWrapper = exports.ProfessionalPhoto = exports.ProfessionalInfoWrapper = exports.PriceAndDuration = exports.OrderTimeWrapper = exports.NameWrapper = exports.MonthYearLayer = exports.InfoWrapper = exports.ImageWrapper = exports.HeaderInfoWrapper = exports.EmptyProfessional = exports.DropDownWrapper = exports.Divider = exports.DaysSwiper = exports.DayNumber = exports.DayName = exports.Day = exports.DateWrapper = exports.Container = exports.ClosedBusinessMsg = exports.ButtonWrapper = exports.ArrowButtonWrapper = void 0;
|
|
8
8
|
var _styledComponents = _interopRequireWildcard(require("styled-components"));
|
|
9
9
|
var _react = _interopRequireDefault(require("react"));
|
|
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
|
|
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;
|
|
11
11
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
12
12
|
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); }
|
|
13
13
|
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; }
|
|
@@ -59,7 +59,7 @@ var SelectedItem = _styledComponents.default.div(_templateObject14 || (_template
|
|
|
59
59
|
return props.theme.colors.gray200;
|
|
60
60
|
}, function (_ref) {
|
|
61
61
|
var isDropDown = _ref.isDropDown;
|
|
62
|
-
return isDropDown && (0, _styledComponents.css)(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n border: none;\n padding: 12px 0px;\n border-
|
|
62
|
+
return isDropDown && (0, _styledComponents.css)(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n border: none;\n padding: 12px 0px;\n border-bottom: 1px solid ", ";\n border-radius: 0px;\n &:hover {\n background-color: ", ";\n }\n "])), function (props) {
|
|
63
63
|
return props.theme.colors.gray200;
|
|
64
64
|
}, function (props) {
|
|
65
65
|
return props.theme.colors.grayDividerColor;
|
|
@@ -71,11 +71,9 @@ var SelectedItem = _styledComponents.default.div(_templateObject14 || (_template
|
|
|
71
71
|
});
|
|
72
72
|
});
|
|
73
73
|
exports.SelectedItem = SelectedItem;
|
|
74
|
-
var
|
|
75
|
-
exports.DropDownTitle = DropDownTitle;
|
|
76
|
-
var InfoWrapper = _styledComponents.default.div(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n flex: 1;\n\n svg {\n width: 42px;\n height: 42px;\n }\n"])));
|
|
74
|
+
var InfoWrapper = _styledComponents.default.div(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n flex: 1;\n\n svg {\n width: 42px;\n height: 42px;\n }\n"])));
|
|
77
75
|
exports.InfoWrapper = InfoWrapper;
|
|
78
|
-
var ProfessionalPhotoStyled = _styledComponents.default.div(
|
|
76
|
+
var ProfessionalPhotoStyled = _styledComponents.default.div(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n box-sizing: border-box;\n position: relative;\n background-repeat: no-repeat, repeat;\n background-size: cover;\n background-position: center;\n object-fit: cover;\n height: 42px;\n width: 42px;\n min-width: 42px;\n border-radius: 7.6px;\n"])));
|
|
79
77
|
var ProfessionalPhoto = function ProfessionalPhoto(props) {
|
|
80
78
|
var style = {};
|
|
81
79
|
if (props.bgimage) {
|
|
@@ -86,65 +84,65 @@ var ProfessionalPhoto = function ProfessionalPhoto(props) {
|
|
|
86
84
|
}), props.children);
|
|
87
85
|
};
|
|
88
86
|
exports.ProfessionalPhoto = ProfessionalPhoto;
|
|
89
|
-
var NameWrapper = _styledComponents.default.div(
|
|
90
|
-
return props.theme.rtl && (0, _styledComponents.css)(
|
|
87
|
+
var NameWrapper = _styledComponents.default.div(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n margin-left: 25px;\n flex: 1;\n ", "\n p {\n font-weight: 400;\n font-size: 14px;\n line-height: 24px;\n margin: 0px;\n }\n"])), function (props) {
|
|
88
|
+
return props.theme.rtl && (0, _styledComponents.css)(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n margin-right: 25px;\n margin-left: 0px;\n "])));
|
|
91
89
|
});
|
|
92
90
|
exports.NameWrapper = NameWrapper;
|
|
93
|
-
var StatusInfo = _styledComponents.default.div(
|
|
91
|
+
var StatusInfo = _styledComponents.default.div(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n span {\n font-weight: 400;\n font-size: 12px;\n line-height: 18px;\n &.status {\n color: ", ";\n }\n }\n\n ", "\n"])), function (props) {
|
|
94
92
|
return props.theme.colors.danger500;
|
|
95
93
|
}, function (_ref3) {
|
|
96
94
|
var available = _ref3.available;
|
|
97
|
-
return available && (0, _styledComponents.css)(
|
|
95
|
+
return available && (0, _styledComponents.css)(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n span.status {\n color: ", ";\n }\n "])), function (props) {
|
|
98
96
|
return props.theme.colors.success500;
|
|
99
97
|
});
|
|
100
98
|
});
|
|
101
99
|
exports.StatusInfo = StatusInfo;
|
|
102
|
-
var EmptyProfessional = _styledComponents.default.div(
|
|
100
|
+
var EmptyProfessional = _styledComponents.default.div(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["\n min-height: 100px;\n margin-bottom: 100px;\n text-align: center;\n display: flex;\n align-items: center;\n justify-content: center;\n"])));
|
|
103
101
|
exports.EmptyProfessional = EmptyProfessional;
|
|
104
|
-
var SkeletonBlock = _styledComponents.default.div(
|
|
102
|
+
var SkeletonBlock = _styledComponents.default.div(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["\n width: ", ";\n border-radius: 16px;\n margin: 50px auto 20px auto;\n\n span {\n margin-bottom: 10px;\n }\n"])), function (_ref4) {
|
|
105
103
|
var width = _ref4.width;
|
|
106
104
|
return width && "".concat(width, "%");
|
|
107
105
|
});
|
|
108
106
|
exports.SkeletonBlock = SkeletonBlock;
|
|
109
|
-
var OrderTimeWrapper = _styledComponents.default.div(
|
|
107
|
+
var OrderTimeWrapper = _styledComponents.default.div(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral([""])));
|
|
110
108
|
exports.OrderTimeWrapper = OrderTimeWrapper;
|
|
111
|
-
var DateWrapper = _styledComponents.default.div(
|
|
109
|
+
var DateWrapper = _styledComponents.default.div(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral([""])));
|
|
112
110
|
exports.DateWrapper = DateWrapper;
|
|
113
|
-
var MonthYearLayer = _styledComponents.default.div(
|
|
111
|
+
var MonthYearLayer = _styledComponents.default.div(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["\n margin-top: 0px;\n margin-bottom: 13px;\n\n span {\n font-size: 16px;\n line-height: 24px;\n }\n"])));
|
|
114
112
|
exports.MonthYearLayer = MonthYearLayer;
|
|
115
|
-
var DaysSwiper = _styledComponents.default.div(
|
|
113
|
+
var DaysSwiper = _styledComponents.default.div(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["\n width: 100%;\n position: relative;\n border-top: 1px solid ", ";\n border-bottom: 1px solid ", ";\n\n .swiper-datelist {\n padding: 0 20px;\n .swiper-button-prev {\n background-image: url(\"data:image/svg+xml,%3Csvg stroke='currentColor' fill='currentColor' stroke-width='0' viewBox='0 0 16 16' height='1em' width='1em' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.86 8.753l5.482 4.796c.646.566 1.658.106 1.658-.753V3.204a1 1 0 00-1.659-.753l-5.48 4.796a1 1 0 000 1.506z'%3E%3C/path%3E%3C/svg%3E\");\n background-repeat: no-repeat;\n background-size: 100% auto;\n background-position: center;\n width: 20px;\n }\n\n .swiper-button-prev::after {\n display: none;\n }\n .swiper-button-next {\n background-image: url(\"data:image/svg+xml,%3Csvg stroke='currentColor' fill='currentColor' stroke-width='0' viewBox='0 0 16 16' height='1em' width='1em' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.14 8.753l-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 011.659-.753l5.48 4.796a1 1 0 010 1.506z'%3E%3C/path%3E%3C/svg%3E\");\n background-repeat: no-repeat;\n background-size: 100% auto;\n background-position: center;\n width: 18px;\n }\n\n .swiper-button-next::after {\n display: none;\n }\n\n .swiper-button-next, .swiper-container-rtl .swiper-button-prev {\n right: 0px;\n left: auto;\n }\n .swiper-button-prev, .swiper-container-rtl .swiper-button-next {\n left: 0px;\n right: auto;\n }\n }\n"])), function (props) {
|
|
116
114
|
return props.theme.colors.gray200;
|
|
117
115
|
}, function (props) {
|
|
118
116
|
return props.theme.colors.gray200;
|
|
119
117
|
});
|
|
120
118
|
exports.DaysSwiper = DaysSwiper;
|
|
121
|
-
var Day = _styledComponents.default.div(
|
|
119
|
+
var Day = _styledComponents.default.div(_templateObject29 || (_templateObject29 = _taggedTemplateLiteral(["\n display: flex;\n flex-grow: 1;\n color: ", ";\n cursor: pointer;\n padding: 14px 0 13px 0;\n flex-direction: column;\n align-items: center;\n transition: background-color .16s ease -0.01s;\n\n ", "\n\n :hover {\n background-color: ", ";\n }\n"])), function (props) {
|
|
122
120
|
return props.theme.colors.lightGray;
|
|
123
121
|
}, function (_ref5) {
|
|
124
122
|
var selected = _ref5.selected;
|
|
125
|
-
return selected && (0, _styledComponents.css)(
|
|
123
|
+
return selected && (0, _styledComponents.css)(_templateObject30 || (_templateObject30 = _taggedTemplateLiteral(["\n color: ", ";\n "])), function (props) {
|
|
126
124
|
return props.theme.colors.headingColor;
|
|
127
125
|
});
|
|
128
126
|
}, function (props) {
|
|
129
127
|
return props.theme.colors.gray200;
|
|
130
128
|
});
|
|
131
129
|
exports.Day = Day;
|
|
132
|
-
var DayName = _styledComponents.default.div(
|
|
130
|
+
var DayName = _styledComponents.default.div(_templateObject31 || (_templateObject31 = _taggedTemplateLiteral(["\n display: flex;\n font-size: 14px;\n line-height: 24px;\n margin-bottom: 10px;\n &:first-letter {\n text-transform: uppercase;\n }\n"])));
|
|
133
131
|
exports.DayName = DayName;
|
|
134
|
-
var DayNumber = _styledComponents.default.div(
|
|
132
|
+
var DayNumber = _styledComponents.default.div(_templateObject32 || (_templateObject32 = _taggedTemplateLiteral(["\n display: flex;\n font-weight: 500;\n font-size: 20px;\n line-height: 30px;\n"])));
|
|
135
133
|
exports.DayNumber = DayNumber;
|
|
136
|
-
var TimeListWrapper = _styledComponents.default.div(
|
|
134
|
+
var TimeListWrapper = _styledComponents.default.div(_templateObject33 || (_templateObject33 = _taggedTemplateLiteral(["\n display: flex;\n flex-wrap: wrap;\n margin-left: -12px;\n width: calc(100% + 24px);\n margin-top: 30px;\n max-height: 250px;\n overflow: auto;\n"])));
|
|
137
135
|
exports.TimeListWrapper = TimeListWrapper;
|
|
138
|
-
var TimeItem = _styledComponents.default.div(
|
|
136
|
+
var TimeItem = _styledComponents.default.div(_templateObject34 || (_templateObject34 = _taggedTemplateLiteral(["\n cursor: pointer;\n display: flex;\n justify-content: center;\n align-items: center;\n background: ", ";\n border-radius: 7.6px;\n padding: 5px 15px;\n margin: 12px;\n width: calc(50% - 24px);\n min-width: calc(50% - 24px);\n box-sizing: border-box;\n user-select: none;\n\n ", "\n\n span {\n font-size: 14px;\n white-space: nowrap;\n }\n\n @media (min-width: 400px) {\n width: calc(33.33% - 24px);\n min-width: calc(33.33% - 24px);\n }\n\n @media (min-width: 576px) {\n width: calc(25% - 24px);\n min-width: calc(25% - 24px);\n }\n\n @media (min-width: 769px) {\n width: calc(16.66% - 24px);\n min-width: calc(16.66% - 24px);\n }\n"])), function (props) {
|
|
139
137
|
return props.theme.colors.gray200;
|
|
140
138
|
}, function (_ref6) {
|
|
141
139
|
var active = _ref6.active;
|
|
142
|
-
return active && (0, _styledComponents.css)(
|
|
140
|
+
return active && (0, _styledComponents.css)(_templateObject35 || (_templateObject35 = _taggedTemplateLiteral(["\n background: ", ";\n color: ", ";\n "])), function (props) {
|
|
143
141
|
return props.theme.colors.primaryContrast;
|
|
144
142
|
}, function (props) {
|
|
145
143
|
return props.theme.colors.primary;
|
|
146
144
|
});
|
|
147
145
|
});
|
|
148
146
|
exports.TimeItem = TimeItem;
|
|
149
|
-
var ClosedBusinessMsg = _styledComponents.default.div(
|
|
147
|
+
var ClosedBusinessMsg = _styledComponents.default.div(_templateObject36 || (_templateObject36 = _taggedTemplateLiteral(["\n text-align: center;\n font-size: 16px;\n width: 100%;\n"])));
|
|
150
148
|
exports.ClosedBusinessMsg = ClosedBusinessMsg;
|
|
@@ -336,6 +336,11 @@ var SignUpFormUI = function SignUpFormUI(props) {
|
|
|
336
336
|
});
|
|
337
337
|
}
|
|
338
338
|
}, [recaptchaConfig]);
|
|
339
|
+
var preventWhiteSpaceOnKeyDown = function preventWhiteSpaceOnKeyDown(e) {
|
|
340
|
+
if (e.key === " ") {
|
|
341
|
+
e.preventDefault();
|
|
342
|
+
}
|
|
343
|
+
};
|
|
339
344
|
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) {
|
|
340
345
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
|
|
341
346
|
key: i
|
|
@@ -401,6 +406,7 @@ var SignUpFormUI = function SignUpFormUI(props) {
|
|
|
401
406
|
required: isRequiredField(field.code) ? t('VALIDATION_ERROR_EMAIL_REQUIRED', 'The field Email is required').replace('_attribute_', t('EMAIL', 'Email')) : null,
|
|
402
407
|
pattern: /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i
|
|
403
408
|
}),
|
|
409
|
+
onKeyDown: preventWhiteSpaceOnKeyDown,
|
|
404
410
|
required: !!field.required,
|
|
405
411
|
autoComplete: "on",
|
|
406
412
|
isError: ((_formMethods$errors4 = formMethods.errors) === null || _formMethods$errors4 === void 0 ? void 0 : _formMethods$errors4.email) && !notValidationFields.includes(field.code)
|
|
@@ -18,6 +18,7 @@ var _Buttons = require("../../styles/Buttons");
|
|
|
18
18
|
var _reactLoadingSkeleton = _interopRequireDefault(require("react-loading-skeleton"));
|
|
19
19
|
var _Modal = require("../Modal");
|
|
20
20
|
var _Confirm = require("../Confirm");
|
|
21
|
+
var _OrderEta = require("../OrderDetails/OrderEta");
|
|
21
22
|
var _styles = require("./styles");
|
|
22
23
|
var _styles2 = require("../OrdersOption/styles");
|
|
23
24
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
@@ -39,7 +40,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
|
|
|
39
40
|
function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
|
|
40
41
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
41
42
|
var SingleOrderCardUI = function SingleOrderCardUI(props) {
|
|
42
|
-
var
|
|
43
|
+
var _theme$orders, _theme$orders$compone, _theme$orders$compone2, _theme$orders2, _theme$orders2$compon, _theme$orders2$compon2, _theme$orders3, _theme$orders3$compon, _theme$orders3$compon2, _theme$orders4, _theme$orders4$compon, _theme$orders4$compon2, _theme$orders5, _theme$orders5$compon, _theme$orders5$compon2, _theme$orders6, _theme$orders6$compon, _theme$orders6$compon2, _theme$orders7, _theme$orders7$compon, _theme$orders7$compon2, _theme$orders8, _theme$orders8$compon, _theme$orders8$compon2, _props$beforeElements, _props$beforeComponen, _order$business, _order$business2, _order$business3, _order$business4, _order$business5, _order$business6, _theme$images2, _theme$images2$dummie, _order$business7, _theme$images3, _theme$images3$dummie, _order$business8, _theme$images4, _theme$images4$dummie, _order$business9, _order$business10, _order$summary, _order$business11, _order$business12, _order$business13, _order$business14, _getOrderStatus, _order$business15, _order$summary2, _order$business16, _props$afterComponent, _props$afterElements;
|
|
43
44
|
var order = props.order,
|
|
44
45
|
isBusinessesPage = props.isBusinessesPage,
|
|
45
46
|
handleReorder = props.handleReorder,
|
|
@@ -68,9 +69,6 @@ var SingleOrderCardUI = function SingleOrderCardUI(props) {
|
|
|
68
69
|
var _useConfig = (0, _orderingComponentsExternal.useConfig)(),
|
|
69
70
|
_useConfig2 = _slicedToArray(_useConfig, 1),
|
|
70
71
|
configs = _useConfig2[0].configs;
|
|
71
|
-
var _useOrderingTheme = (0, _orderingComponentsExternal.useOrderingTheme)(),
|
|
72
|
-
_useOrderingTheme2 = _slicedToArray(_useOrderingTheme, 1),
|
|
73
|
-
orderingTheme = _useOrderingTheme2[0];
|
|
74
72
|
var _useState = (0, _react.useState)(false),
|
|
75
73
|
_useState2 = _slicedToArray(_useState, 2),
|
|
76
74
|
isReviewOpen = _useState2[0],
|
|
@@ -217,8 +215,14 @@ var SingleOrderCardUI = function SingleOrderCardUI(props) {
|
|
|
217
215
|
}));
|
|
218
216
|
handleReorder(order.id);
|
|
219
217
|
};
|
|
220
|
-
var
|
|
221
|
-
var
|
|
218
|
+
var hideBusinessLogo = theme === null || theme === void 0 ? void 0 : (_theme$orders = theme.orders) === null || _theme$orders === void 0 ? void 0 : (_theme$orders$compone = _theme$orders.components) === null || _theme$orders$compone === void 0 ? void 0 : (_theme$orders$compone2 = _theme$orders$compone.business_logo) === null || _theme$orders$compone2 === void 0 ? void 0 : _theme$orders$compone2.hidden;
|
|
219
|
+
var hideDate = theme === null || theme === void 0 ? void 0 : (_theme$orders2 = theme.orders) === null || _theme$orders2 === void 0 ? void 0 : (_theme$orders2$compon = _theme$orders2.components) === null || _theme$orders2$compon === void 0 ? void 0 : (_theme$orders2$compon2 = _theme$orders2$compon.date) === null || _theme$orders2$compon2 === void 0 ? void 0 : _theme$orders2$compon2.hidden;
|
|
220
|
+
var hideBusinessName = theme === null || theme === void 0 ? void 0 : (_theme$orders3 = theme.orders) === null || _theme$orders3 === void 0 ? void 0 : (_theme$orders3$compon = _theme$orders3.components) === null || _theme$orders3$compon === void 0 ? void 0 : (_theme$orders3$compon2 = _theme$orders3$compon.business_name) === null || _theme$orders3$compon2 === void 0 ? void 0 : _theme$orders3$compon2.hidden;
|
|
221
|
+
var hideOrderNumber = theme === null || theme === void 0 ? void 0 : (_theme$orders4 = theme.orders) === null || _theme$orders4 === void 0 ? void 0 : (_theme$orders4$compon = _theme$orders4.components) === null || _theme$orders4$compon === void 0 ? void 0 : (_theme$orders4$compon2 = _theme$orders4$compon.order_number) === null || _theme$orders4$compon2 === void 0 ? void 0 : _theme$orders4$compon2.hidden;
|
|
222
|
+
var hideReviewOrderButton = theme === null || theme === void 0 ? void 0 : (_theme$orders5 = theme.orders) === null || _theme$orders5 === void 0 ? void 0 : (_theme$orders5$compon = _theme$orders5.components) === null || _theme$orders5$compon === void 0 ? void 0 : (_theme$orders5$compon2 = _theme$orders5$compon.review_order_button) === null || _theme$orders5$compon2 === void 0 ? void 0 : _theme$orders5$compon2.hidden;
|
|
223
|
+
var hideReorderButton = theme === null || theme === void 0 ? void 0 : (_theme$orders6 = theme.orders) === null || _theme$orders6 === void 0 ? void 0 : (_theme$orders6$compon = _theme$orders6.components) === null || _theme$orders6$compon === void 0 ? void 0 : (_theme$orders6$compon2 = _theme$orders6$compon.reorder_button) === null || _theme$orders6$compon2 === void 0 ? void 0 : _theme$orders6$compon2.hidden;
|
|
224
|
+
var hideFavorite = theme === null || theme === void 0 ? void 0 : (_theme$orders7 = theme.orders) === null || _theme$orders7 === void 0 ? void 0 : (_theme$orders7$compon = _theme$orders7.components) === null || _theme$orders7$compon === void 0 ? void 0 : (_theme$orders7$compon2 = _theme$orders7$compon.favorite) === null || _theme$orders7$compon2 === void 0 ? void 0 : _theme$orders7$compon2.hidden;
|
|
225
|
+
var hideOrderStatus = theme === null || theme === void 0 ? void 0 : (_theme$orders8 = theme.orders) === null || _theme$orders8 === void 0 ? void 0 : (_theme$orders8$compon = _theme$orders8.components) === null || _theme$orders8$compon === void 0 ? void 0 : (_theme$orders8$compon2 = _theme$orders8$compon.order_status) === null || _theme$orders8$compon2 === void 0 ? void 0 : _theme$orders8$compon2.hidden;
|
|
222
226
|
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) {
|
|
223
227
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
|
|
224
228
|
key: i
|
|
@@ -240,7 +244,7 @@ var SingleOrderCardUI = function SingleOrderCardUI(props) {
|
|
|
240
244
|
}, isSkeleton ? /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, {
|
|
241
245
|
width: 60,
|
|
242
246
|
height: 60
|
|
243
|
-
}) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !isCustomerMode &&
|
|
247
|
+
}) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !isCustomerMode && !hideBusinessLogo && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (order === null || order === void 0 ? void 0 : (_order$business = order.business) === null || _order$business === void 0 ? void 0 : _order$business.length) > 1 ? /*#__PURE__*/_react.default.createElement(_styles.MultiLogosContainer, null, order === null || order === void 0 ? void 0 : (_order$business2 = order.business) === null || _order$business2 === void 0 ? void 0 : _order$business2.map(function (business, i) {
|
|
244
248
|
var _theme$images, _theme$images$dummies;
|
|
245
249
|
return i < 2 && /*#__PURE__*/_react.default.createElement(_styles.BusinessLogoWrapper, {
|
|
246
250
|
key: business === null || business === void 0 ? void 0 : business.id,
|
|
@@ -249,7 +253,7 @@ var SingleOrderCardUI = function SingleOrderCardUI(props) {
|
|
|
249
253
|
});
|
|
250
254
|
}), (order === null || order === void 0 ? void 0 : (_order$business3 = order.business) === null || _order$business3 === void 0 ? void 0 : _order$business3.length) > 1 && (order === null || order === void 0 ? void 0 : (_order$business4 = order.business) === null || _order$business4 === void 0 ? void 0 : _order$business4.length) - 2 > 0 && /*#__PURE__*/_react.default.createElement("p", null, "+ ", (order === null || order === void 0 ? void 0 : (_order$business5 = order.business) === null || _order$business5 === void 0 ? void 0 : _order$business5.length) - 2)) : /*#__PURE__*/_react.default.createElement(_styles.BusinessLogoWrapper, {
|
|
251
255
|
bgimage: optimizeImage((order === null || order === void 0 ? void 0 : (_order$business6 = order.business) === null || _order$business6 === void 0 ? void 0 : _order$business6.logo) || ((_theme$images2 = theme.images) === null || _theme$images2 === void 0 ? void 0 : (_theme$images2$dummie = _theme$images2.dummies) === null || _theme$images2$dummie === void 0 ? void 0 : _theme$images2$dummie.businessLogo), 'h_400,c_limit')
|
|
252
|
-
})), isCustomerMode &&
|
|
256
|
+
})), isCustomerMode && !hideBusinessLogo && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (((_order$business7 = order.business) === null || _order$business7 === void 0 ? void 0 : _order$business7.logo) || ((_theme$images3 = theme.images) === null || _theme$images3 === void 0 ? void 0 : (_theme$images3$dummie = _theme$images3.dummies) === null || _theme$images3$dummie === void 0 ? void 0 : _theme$images3$dummie.businessLogo)) && /*#__PURE__*/_react.default.createElement(_styles.Logo, null, /*#__PURE__*/_react.default.createElement("img", {
|
|
253
257
|
src: ((_order$business8 = order.business) === null || _order$business8 === void 0 ? void 0 : _order$business8.logo) || ((_theme$images4 = theme.images) === null || _theme$images4 === void 0 ? void 0 : (_theme$images4$dummie = _theme$images4.dummies) === null || _theme$images4$dummie === void 0 ? void 0 : _theme$images4$dummie.businessLogo),
|
|
254
258
|
alt: "business-logo",
|
|
255
259
|
width: "75px",
|
|
@@ -257,7 +261,7 @@ var SingleOrderCardUI = function SingleOrderCardUI(props) {
|
|
|
257
261
|
})))), /*#__PURE__*/_react.default.createElement(_styles2.BusinessInformation, {
|
|
258
262
|
activeOrders: true,
|
|
259
263
|
isMultiCart: (order === null || order === void 0 ? void 0 : (_order$business9 = order.business) === null || _order$business9 === void 0 ? void 0 : _order$business9.length) > 1
|
|
260
|
-
}, isCustomerMode ? /*#__PURE__*/_react.default.createElement(_styles.TitleContainer, null, /*#__PURE__*/_react.default.createElement("h2", null, isSkeleton ? /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, {
|
|
264
|
+
}, !hideBusinessName && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isCustomerMode ? /*#__PURE__*/_react.default.createElement(_styles.TitleContainer, null, /*#__PURE__*/_react.default.createElement("h2", null, isSkeleton ? /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, {
|
|
261
265
|
width: 120
|
|
262
266
|
}) : (_order$business10 = order.business) === null || _order$business10 === void 0 ? void 0 : _order$business10.name), /*#__PURE__*/_react.default.createElement(_styles.Price, {
|
|
263
267
|
isBusinessesPage: isBusinessesPage,
|
|
@@ -266,19 +270,21 @@ var SingleOrderCardUI = function SingleOrderCardUI(props) {
|
|
|
266
270
|
width: 50
|
|
267
271
|
}) : parsePrice((order === null || order === void 0 ? void 0 : (_order$summary = order.summary) === null || _order$summary === void 0 ? void 0 : _order$summary.total) || (order === null || order === void 0 ? void 0 : order.total))))) : /*#__PURE__*/_react.default.createElement("h2", null, isSkeleton ? /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, {
|
|
268
272
|
width: 120
|
|
269
|
-
}) : (order === null || order === void 0 ? void 0 : (_order$business11 = order.business) === null || _order$business11 === void 0 ? void 0 : _order$business11.length) > 1 ? "".concat(t('GROUP_ORDER', 'Group Order'), " ").concat(t('No', 'No'), ". ").concat(order === null || order === void 0 ? void 0 : order.cart_group_id) : (_order$business12 = order.business) === null || _order$business12 === void 0 ? void 0 : _order$business12.name), isSkeleton ? /*#__PURE__*/_react.default.createElement("div", {
|
|
273
|
+
}) : (order === null || order === void 0 ? void 0 : (_order$business11 = order.business) === null || _order$business11 === void 0 ? void 0 : _order$business11.length) > 1 ? "".concat(t('GROUP_ORDER', 'Group Order'), " ").concat(t('No', 'No'), ". ").concat(order === null || order === void 0 ? void 0 : order.cart_group_id) : (_order$business12 = order.business) === null || _order$business12 === void 0 ? void 0 : _order$business12.name)), isSkeleton ? /*#__PURE__*/_react.default.createElement("div", {
|
|
270
274
|
className: "orders-detail"
|
|
271
275
|
}, /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, {
|
|
272
276
|
width: 150
|
|
273
277
|
})) : /*#__PURE__*/_react.default.createElement("div", {
|
|
274
278
|
className: "orders-detail"
|
|
275
|
-
}, (order === null || order === void 0 ? void 0 : order.id) && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_BsDot.default, null), /*#__PURE__*/_react.default.createElement("p", {
|
|
279
|
+
}, (order === null || order === void 0 ? void 0 : order.id) && !hideOrderNumber && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_BsDot.default, null), /*#__PURE__*/_react.default.createElement("p", {
|
|
276
280
|
name: "order_number"
|
|
277
|
-
}, (order === null || order === void 0 ? void 0 : (_order$business13 = order.business) === null || _order$business13 === void 0 ? void 0 : _order$business13.length) > 1 ? "".concat(order === null || order === void 0 ? void 0 : (_order$business14 = order.business) === null || _order$business14 === void 0 ? void 0 : _order$business14.length, " ").concat(t('ORDERS', 'orders')) : "".concat(t('ORDER_NUM', 'Order No.'), " ").concat(order.id))),
|
|
281
|
+
}, (order === null || order === void 0 ? void 0 : (_order$business13 = order.business) === null || _order$business13 === void 0 ? void 0 : _order$business13.length) > 1 ? "".concat(order === null || order === void 0 ? void 0 : (_order$business14 = order.business) === null || _order$business14 === void 0 ? void 0 : _order$business14.length, " ").concat(t('ORDERS', 'orders')) : "".concat(t('ORDER_NUM', 'Order No.'), " ").concat(order.id))), !hideDate && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_BsDot.default, null), /*#__PURE__*/_react.default.createElement("p", null, pastOrders ? order !== null && order !== void 0 && order.delivery_datetime_utc ? parseDate(order === null || order === void 0 ? void 0 : order.delivery_datetime_utc, {
|
|
278
282
|
outputFormat: 'MM/DD/YY hh:mm A'
|
|
279
283
|
}) : parseDate(order === null || order === void 0 ? void 0 : order.delivery_datetime, {
|
|
280
284
|
utc: false
|
|
281
|
-
})
|
|
285
|
+
}) : /*#__PURE__*/_react.default.createElement(_OrderEta.OrderEta, {
|
|
286
|
+
order: order
|
|
287
|
+
})))), !hideOrderStatus && /*#__PURE__*/_react.default.createElement("p", {
|
|
282
288
|
className: "order-status"
|
|
283
289
|
}, isSkeleton ? /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, {
|
|
284
290
|
width: 80
|
|
@@ -286,21 +292,21 @@ var SingleOrderCardUI = function SingleOrderCardUI(props) {
|
|
|
286
292
|
isBusinessesPage: isBusinessesPage
|
|
287
293
|
}, !pastOrders && /*#__PURE__*/_react.default.createElement("h2", null, isSkeleton ? /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, {
|
|
288
294
|
width: 50
|
|
289
|
-
}) : parsePrice((order === null || order === void 0 ? void 0 : (_order$business15 = order.business) === null || _order$business15 === void 0 ? void 0 : _order$business15.length) > 1 ? order === null || order === void 0 ? void 0 : order.total : (order === null || order === void 0 ? void 0 : (_order$summary2 = order.summary) === null || _order$summary2 === void 0 ? void 0 : _order$summary2.total) || (order === null || order === void 0 ? void 0 : order.total)))), pastOrders && !isCustomerMode && /*#__PURE__*/_react.default.createElement(_styles.ButtonWrapper, null, !isOrderReviewed && !isFavorite && (!(order !== null && order !== void 0 && order.review) || order.driver && !(order !== null && order !== void 0 && order.user_review)) && /*#__PURE__*/_react.default.createElement(_Buttons.Button, {
|
|
295
|
+
}) : parsePrice((order === null || order === void 0 ? void 0 : (_order$business15 = order.business) === null || _order$business15 === void 0 ? void 0 : _order$business15.length) > 1 ? order === null || order === void 0 ? void 0 : order.total : (order === null || order === void 0 ? void 0 : (_order$summary2 = order.summary) === null || _order$summary2 === void 0 ? void 0 : _order$summary2.total) || (order === null || order === void 0 ? void 0 : order.total)))), pastOrders && !isCustomerMode && /*#__PURE__*/_react.default.createElement(_styles.ButtonWrapper, null, !isOrderReviewed && !isFavorite && (!(order !== null && order !== void 0 && order.review) || order.driver && !(order !== null && order !== void 0 && order.user_review)) && !hideReviewOrderButton && /*#__PURE__*/_react.default.createElement(_Buttons.Button, {
|
|
290
296
|
outline: true,
|
|
291
297
|
color: "primary",
|
|
292
298
|
className: "review",
|
|
293
299
|
onClick: function onClick() {
|
|
294
300
|
return handleClickReview(order);
|
|
295
301
|
}
|
|
296
|
-
}, t('REVIEW', 'Review')), order.cart && /*#__PURE__*/_react.default.createElement(_Buttons.Button, {
|
|
302
|
+
}, t('REVIEW', 'Review')), order.cart && !hideReorderButton && /*#__PURE__*/_react.default.createElement(_Buttons.Button, {
|
|
297
303
|
color: "primary",
|
|
298
304
|
className: "reorder",
|
|
299
305
|
outline: true,
|
|
300
306
|
onClick: function onClick() {
|
|
301
307
|
return handleClickReorder(order);
|
|
302
308
|
}
|
|
303
|
-
}, cartState !== null && cartState !== void 0 && cartState.loading ? t('LOADING', 'Loading...') : t('REORDER', 'Reorder'))), !(order !== null && order !== void 0 && (_order$business16 = order.business) !== null && _order$business16 !== void 0 && _order$business16.length) && /*#__PURE__*/_react.default.createElement(_styles.FavoriteWrapper, {
|
|
309
|
+
}, cartState !== null && cartState !== void 0 && cartState.loading ? t('LOADING', 'Loading...') : t('REORDER', 'Reorder'))), !(order !== null && order !== void 0 && (_order$business16 = order.business) !== null && _order$business16 !== void 0 && _order$business16.length) && !hideFavorite && /*#__PURE__*/_react.default.createElement(_styles.FavoriteWrapper, {
|
|
304
310
|
onClick: function onClick() {
|
|
305
311
|
return handleChangeFavorite(order);
|
|
306
312
|
},
|
|
@@ -183,9 +183,20 @@ var SingleProductCardUI = function SingleProductCardUI(props) {
|
|
|
183
183
|
}, product !== null && product !== void 0 && product.favorite ? /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.HeartFill, null) : /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Heart, null)) : /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, {
|
|
184
184
|
width: 16,
|
|
185
185
|
height: 16
|
|
186
|
-
}))), !isSkeleton ? /*#__PURE__*/_react.default.createElement(_styles.PriceWrapper,
|
|
186
|
+
}))), !isSkeleton ? /*#__PURE__*/_react.default.createElement(_styles.PriceWrapper, {
|
|
187
|
+
isOffPrice: (product === null || product === void 0 ? void 0 : product.offer_price) && (product === null || product === void 0 ? void 0 : product.in_offer)
|
|
188
|
+
}, /*#__PURE__*/_react.default.createElement("span", {
|
|
189
|
+
className: "current-price"
|
|
190
|
+
}, product !== null && product !== void 0 && product.price ? parsePrice(product === null || product === void 0 ? void 0 : product.price) : ''), !(isSoldOut || maxProductQuantity <= 0) && /*#__PURE__*/_react.default.createElement("span", {
|
|
187
191
|
className: "off-price"
|
|
188
|
-
}, product !== null && product !== void 0 && product.offer_price && product !== null && product !== void 0 && product.in_offer ? parsePrice(product === null || product === void 0 ? void 0 : product.offer_price) : '')) : /*#__PURE__*/_react.default.createElement(
|
|
192
|
+
}, product !== null && product !== void 0 && product.offer_price && product !== null && product !== void 0 && product.in_offer ? parsePrice(product === null || product === void 0 ? void 0 : product.offer_price) : ''), (product === null || product === void 0 ? void 0 : product.tags) && (product === null || product === void 0 ? void 0 : product.tags.length) > 0 && /*#__PURE__*/_react.default.createElement(_styles.WrapTags, null, product === null || product === void 0 ? void 0 : product.tags.map(function (tag, i) {
|
|
193
|
+
var _tag$image;
|
|
194
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
195
|
+
key: i
|
|
196
|
+
}, /*#__PURE__*/_react.default.createElement("img", {
|
|
197
|
+
src: (_tag$image = tag.image) !== null && _tag$image !== void 0 ? _tag$image : ''
|
|
198
|
+
}));
|
|
199
|
+
}))) : /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, {
|
|
189
200
|
width: 100
|
|
190
201
|
}), !isSkeleton ? /*#__PURE__*/_react.default.createElement("p", null, product === null || product === void 0 ? void 0 : product.description) : /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, {
|
|
191
202
|
width: 100
|