ordering-ui-external 14.1.4 → 14.1.6
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/{7.ordering-ui.cb382f2d6328bf2368fb.js → 7.ordering-ui.e903b3a8ca5ebdd5b64b.js} +1 -1
- package/_bundles/{ordering-ui.cb382f2d6328bf2368fb.js → ordering-ui.e903b3a8ca5ebdd5b64b.js} +2 -2
- package/_modules/components/VerticalOrdersLayout/SingleOrderCard/index.js +4 -3
- package/_modules/themes/five/src/components/BusinessListingSearch/index.js +9 -8
- package/_modules/themes/five/src/components/ProductForm/index.js +3 -2
- package/_modules/themes/five/src/components/SingleProductCard/layouts/original/index.js +3 -2
- package/package.json +2 -2
- package/src/components/VerticalOrdersLayout/SingleOrderCard/index.js +4 -2
- package/src/themes/five/src/components/BusinessListingSearch/index.js +82 -70
- package/src/themes/five/src/components/ProductForm/index.js +2 -1
- package/src/themes/five/src/components/SingleProductCard/layouts/original/index.js +3 -2
- /package/_bundles/{0.ordering-ui.cb382f2d6328bf2368fb.js → 0.ordering-ui.e903b3a8ca5ebdd5b64b.js} +0 -0
- /package/_bundles/{1.ordering-ui.cb382f2d6328bf2368fb.js → 1.ordering-ui.e903b3a8ca5ebdd5b64b.js} +0 -0
- /package/_bundles/{2.ordering-ui.cb382f2d6328bf2368fb.js → 2.ordering-ui.e903b3a8ca5ebdd5b64b.js} +0 -0
- /package/_bundles/{4.ordering-ui.cb382f2d6328bf2368fb.js → 4.ordering-ui.e903b3a8ca5ebdd5b64b.js} +0 -0
- /package/_bundles/{5.ordering-ui.cb382f2d6328bf2368fb.js → 5.ordering-ui.e903b3a8ca5ebdd5b64b.js} +0 -0
- /package/_bundles/{6.ordering-ui.cb382f2d6328bf2368fb.js → 6.ordering-ui.e903b3a8ca5ebdd5b64b.js} +0 -0
- /package/_bundles/{7.ordering-ui.cb382f2d6328bf2368fb.js.LICENSE.txt → 7.ordering-ui.e903b3a8ca5ebdd5b64b.js.LICENSE.txt} +0 -0
- /package/_bundles/{8.ordering-ui.cb382f2d6328bf2368fb.js → 8.ordering-ui.e903b3a8ca5ebdd5b64b.js} +0 -0
- /package/_bundles/{9.ordering-ui.cb382f2d6328bf2368fb.js → 9.ordering-ui.e903b3a8ca5ebdd5b64b.js} +0 -0
- /package/_bundles/{ordering-ui.cb382f2d6328bf2368fb.js.LICENSE.txt → ordering-ui.e903b3a8ca5ebdd5b64b.js.LICENSE.txt} +0 -0
|
@@ -26,7 +26,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
|
|
|
26
26
|
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
27
27
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
28
28
|
var SingleOrderCardUI = function SingleOrderCardUI(props) {
|
|
29
|
-
var _theme$orders, _theme$orders2, _theme$orders3, _theme$orders4, _theme$orders5, _theme$orders6, _theme$orders7, _configs$change_order, _order$business, _theme$images, _order$business2, _order$business3, _order$business4, _order$business5, _order$business6, _order$business7, _theme$images3, _order$business8, _order$business9, _order$business10, _order$business11, _order$business12, _getOrderStatus;
|
|
29
|
+
var _theme$orders, _theme$orders2, _theme$orders3, _theme$orders4, _theme$orders5, _theme$orders6, _theme$orders7, _theme$orders8, _configs$change_order, _order$business, _theme$images, _order$business2, _order$business3, _order$business4, _order$business5, _order$business6, _order$business7, _theme$images3, _order$business8, _order$business9, _order$business10, _order$business11, _order$business12, _getOrderStatus;
|
|
30
30
|
var order = props.order,
|
|
31
31
|
getOrderStatus = props.getOrderStatus,
|
|
32
32
|
handleReorder = props.handleReorder,
|
|
@@ -67,6 +67,7 @@ var SingleOrderCardUI = function SingleOrderCardUI(props) {
|
|
|
67
67
|
var hideReviewOrderButton = theme === null || theme === void 0 || (_theme$orders5 = theme.orders) === null || _theme$orders5 === void 0 || (_theme$orders5 = _theme$orders5.components) === null || _theme$orders5 === void 0 || (_theme$orders5 = _theme$orders5.review_order_button) === null || _theme$orders5 === void 0 ? void 0 : _theme$orders5.hidden;
|
|
68
68
|
var hideReorderButton = theme === null || theme === void 0 || (_theme$orders6 = theme.orders) === null || _theme$orders6 === void 0 || (_theme$orders6 = _theme$orders6.components) === null || _theme$orders6 === void 0 || (_theme$orders6 = _theme$orders6.reorder_button) === null || _theme$orders6 === void 0 ? void 0 : _theme$orders6.hidden;
|
|
69
69
|
var hideOrderStatus = theme === null || theme === void 0 || (_theme$orders7 = theme.orders) === null || _theme$orders7 === void 0 || (_theme$orders7 = _theme$orders7.components) === null || _theme$orders7 === void 0 || (_theme$orders7 = _theme$orders7.order_status) === null || _theme$orders7 === void 0 ? void 0 : _theme$orders7.hidden;
|
|
70
|
+
var hideFavorite = theme === null || theme === void 0 || (_theme$orders8 = theme.orders) === null || _theme$orders8 === void 0 || (_theme$orders8 = _theme$orders8.components) === null || _theme$orders8 === void 0 || (_theme$orders8 = _theme$orders8.favorite) === null || _theme$orders8 === void 0 ? void 0 : _theme$orders8.hidden;
|
|
70
71
|
var changeIdToExternalId = (configs === null || configs === void 0 || (_configs$change_order = configs.change_order_id) === null || _configs$change_order === void 0 ? void 0 : _configs$change_order.value) === '1';
|
|
71
72
|
return /*#__PURE__*/_react.default.createElement(_styles2.SingleCard, {
|
|
72
73
|
key: order.id,
|
|
@@ -92,7 +93,7 @@ var SingleOrderCardUI = function SingleOrderCardUI(props) {
|
|
|
92
93
|
width: "55px",
|
|
93
94
|
height: "64px",
|
|
94
95
|
loading: "lazy"
|
|
95
|
-
}))), /*#__PURE__*/_react.default.createElement(_styles.BusinessInformation, null, /*#__PURE__*/_react.default.createElement(_styles2.WrapperBusinessTitle, null, !hideBusinessName && /*#__PURE__*/_react.default.createElement("h2", null, (order === null || order === void 0 || (_order$business8 = order.business) === null || _order$business8 === void 0 ? void 0 : _order$business8.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$business9 = order.business) === null || _order$business9 === void 0 ? void 0 : _order$business9.name), !(order !== null && order !== void 0 && (_order$business10 = order.business) !== null && _order$business10 !== void 0 && _order$business10.length) && /*#__PURE__*/_react.default.createElement(_styles2.FavoriteWrapper, {
|
|
96
|
+
}))), /*#__PURE__*/_react.default.createElement(_styles.BusinessInformation, null, /*#__PURE__*/_react.default.createElement(_styles2.WrapperBusinessTitle, null, !hideBusinessName && /*#__PURE__*/_react.default.createElement("h2", null, (order === null || order === void 0 || (_order$business8 = order.business) === null || _order$business8 === void 0 ? void 0 : _order$business8.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$business9 = order.business) === null || _order$business9 === void 0 ? void 0 : _order$business9.name), !(order !== null && order !== void 0 && (_order$business10 = order.business) !== null && _order$business10 !== void 0 && _order$business10.length) && !hideFavorite && /*#__PURE__*/_react.default.createElement(_styles2.FavoriteWrapper, {
|
|
96
97
|
onClick: function onClick() {
|
|
97
98
|
return handleChangeFavorite(order);
|
|
98
99
|
},
|
|
@@ -113,7 +114,7 @@ var SingleOrderCardUI = function SingleOrderCardUI(props) {
|
|
|
113
114
|
onClick: function onClick() {
|
|
114
115
|
return setOrderSelected(order);
|
|
115
116
|
}
|
|
116
|
-
},
|
|
117
|
+
}, order !== null && order !== void 0 && order.review ? t('REVIEWED', 'Reviewed') : t('REVIEW', 'Review')), !hideReorderButton && typeof (order === null || order === void 0 ? void 0 : order.id) === 'number' && /*#__PURE__*/_react.default.createElement(_Buttons.Button, {
|
|
117
118
|
color: "primary",
|
|
118
119
|
className: "reorder",
|
|
119
120
|
outline: true,
|
|
@@ -48,7 +48,7 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
|
|
|
48
48
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
49
49
|
var PIXELS_TO_SCROLL = 300;
|
|
50
50
|
var BusinessListingSearchUI = exports.BusinessListingSearchUI = function BusinessListingSearchUI(props) {
|
|
51
|
-
var _configs$format_numbe, _configs$distance_uni, _businessesSearchList, _Object$values$find, _businessesSearchList3, _businessesSearchList4, _businessesSearchList6, _curProduct$business2, _curProduct$business3, _curProduct$product, _curProduct$product2, _currentCart$products;
|
|
51
|
+
var _configs$format_numbe, _configs$distance_uni, _configs$filter_searc, _businessesSearchList, _Object$values$find, _businessesSearchList3, _businessesSearchList4, _businessesSearchList6, _curProduct$business2, _curProduct$business3, _curProduct$product, _curProduct$product2, _currentCart$products;
|
|
52
52
|
var businessesSearchList = props.businessesSearchList,
|
|
53
53
|
onBusinessClick = props.onBusinessClick,
|
|
54
54
|
handleChangeFilters = props.handleChangeFilters,
|
|
@@ -125,6 +125,7 @@ var BusinessListingSearchUI = exports.BusinessListingSearchUI = function Busines
|
|
|
125
125
|
level: '5',
|
|
126
126
|
content: "".concat(Array(5).fill(currency).join(''))
|
|
127
127
|
}];
|
|
128
|
+
var filterOptionsEnabled = (configs === null || configs === void 0 || (_configs$filter_searc = configs.filter_search_options) === null || _configs$filter_searc === void 0 || (_configs$filter_searc = _configs$filter_searc.value) === null || _configs$filter_searc === void 0 ? void 0 : _configs$filter_searc.split('|')) || [];
|
|
128
129
|
var noResults = !businessesSearchList.loading && !businessesSearchList.lengthError && (businessesSearchList === null || businessesSearchList === void 0 || (_businessesSearchList = businessesSearchList.businesses) === null || _businessesSearchList === void 0 ? void 0 : _businessesSearchList.length) === 0;
|
|
129
130
|
var currentCart = (_Object$values$find = Object.values(orderState === null || orderState === void 0 ? void 0 : orderState.carts).find(function (cart) {
|
|
130
131
|
var _cart$business, _curProduct$business;
|
|
@@ -176,7 +177,7 @@ var BusinessListingSearchUI = exports.BusinessListingSearchUI = function Busines
|
|
|
176
177
|
}, [handleScroll]);
|
|
177
178
|
var filtersComponent = function filtersComponent() {
|
|
178
179
|
var _sortItems$filter, _brandList$brands, _orderState$options3, _orderState$options4, _orderState$options5;
|
|
179
|
-
return /*#__PURE__*/_react.default.createElement(_styles.Filters, null, /*#__PURE__*/_react.default.createElement(_styles.SortContainer, null, /*#__PURE__*/_react.default.createElement(_Accordion.FilterAccordion, {
|
|
180
|
+
return /*#__PURE__*/_react.default.createElement(_styles.Filters, null, filterOptionsEnabled.includes('sort') && /*#__PURE__*/_react.default.createElement(_styles.SortContainer, null, /*#__PURE__*/_react.default.createElement(_Accordion.FilterAccordion, {
|
|
180
181
|
title: t('SORT', 'Sort')
|
|
181
182
|
}, sortItems === null || sortItems === void 0 || (_sortItems$filter = sortItems.filter(function (item) {
|
|
182
183
|
var _orderState$options, _orderState$options2;
|
|
@@ -190,7 +191,7 @@ var BusinessListingSearchUI = exports.BusinessListingSearchUI = function Busines
|
|
|
190
191
|
},
|
|
191
192
|
active: filters === null || filters === void 0 || (_filters$orderBy = filters.orderBy) === null || _filters$orderBy === void 0 ? void 0 : _filters$orderBy.includes(item === null || item === void 0 ? void 0 : item.value)
|
|
192
193
|
}, item === null || item === void 0 ? void 0 : item.text, " ", (filters === null || filters === void 0 || (_filters$orderBy2 = filters.orderBy) === null || _filters$orderBy2 === void 0 ? void 0 : _filters$orderBy2.includes(item === null || item === void 0 ? void 0 : item.value)) && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, filters !== null && filters !== void 0 && (_filters$orderBy3 = filters.orderBy) !== null && _filters$orderBy3 !== void 0 && _filters$orderBy3.includes('-') ? /*#__PURE__*/_react.default.createElement(_BisUpArrow.default, null) : /*#__PURE__*/_react.default.createElement(_BisDownArrow.default, null)));
|
|
193
|
-
}))), /*#__PURE__*/_react.default.createElement(_styles.BrandContainer, null, /*#__PURE__*/_react.default.createElement(_Accordion.FilterAccordion, {
|
|
194
|
+
}))), filterOptionsEnabled.includes('brands') && /*#__PURE__*/_react.default.createElement(_styles.BrandContainer, null, /*#__PURE__*/_react.default.createElement(_Accordion.FilterAccordion, {
|
|
194
195
|
title: t('BRANDS', 'Brands')
|
|
195
196
|
}, /*#__PURE__*/_react.default.createElement(_styles.BrandListWrapper, null, (brandList === null || brandList === void 0 ? void 0 : brandList.loading) && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, _toConsumableArray(Array(5).keys()).map(function (index) {
|
|
196
197
|
return /*#__PURE__*/_react.default.createElement(_styles.BrandItem, {
|
|
@@ -212,7 +213,7 @@ var BusinessListingSearchUI = exports.BusinessListingSearchUI = function Busines
|
|
|
212
213
|
}, /*#__PURE__*/_react.default.createElement("span", null, brand === null || brand === void 0 ? void 0 : brand.name), (filters === null || filters === void 0 || (_filters$franchise_id3 = filters.franchise_ids) === null || _filters$franchise_id3 === void 0 ? void 0 : _filters$franchise_id3.includes(brand === null || brand === void 0 ? void 0 : brand.id)) && /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Check2, null));
|
|
213
214
|
})), !(brandList !== null && brandList !== void 0 && brandList.loading) && (brandList === null || brandList === void 0 || (_brandList$brands = brandList.brands) === null || _brandList$brands === void 0 || (_brandList$brands = _brandList$brands.filter(function (brand) {
|
|
214
215
|
return brand === null || brand === void 0 ? void 0 : brand.enabled;
|
|
215
|
-
})) === null || _brandList$brands === void 0 ? void 0 : _brandList$brands.length) === 0 && /*#__PURE__*/_react.default.createElement(_styles.NoResult, null, t('NO_RESULTS_FOUND', 'Sorry, no results found'))))), /*#__PURE__*/_react.default.createElement(_styles.PriceFilterWrapper, null, /*#__PURE__*/_react.default.createElement(_Accordion.FilterAccordion, {
|
|
216
|
+
})) === null || _brandList$brands === void 0 ? void 0 : _brandList$brands.length) === 0 && /*#__PURE__*/_react.default.createElement(_styles.NoResult, null, t('NO_RESULTS_FOUND', 'Sorry, no results found'))))), filterOptionsEnabled.includes('price_range') && /*#__PURE__*/_react.default.createElement(_styles.PriceFilterWrapper, null, /*#__PURE__*/_react.default.createElement(_Accordion.FilterAccordion, {
|
|
216
217
|
title: t('PRICE_RANGE', 'Price range')
|
|
217
218
|
}, /*#__PURE__*/_react.default.createElement(_styles.PriceFilterListWrapper, null, priceList.map(function (price, i) {
|
|
218
219
|
return /*#__PURE__*/_react.default.createElement(_Buttons.Button, {
|
|
@@ -222,25 +223,25 @@ var BusinessListingSearchUI = exports.BusinessListingSearchUI = function Busines
|
|
|
222
223
|
return handleChangePriceRange(price === null || price === void 0 ? void 0 : price.level);
|
|
223
224
|
}
|
|
224
225
|
}, price.content, (filters === null || filters === void 0 ? void 0 : filters.price_level) === (price === null || price === void 0 ? void 0 : price.level) && /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.XLg, null));
|
|
225
|
-
})))), (orderState === null || orderState === void 0 || (_orderState$options3 = orderState.options) === null || _orderState$options3 === void 0 ? void 0 : _orderState$options3.type) === 1 && /*#__PURE__*/_react.default.createElement(_MaxSectionItem.MaxSectionItem, {
|
|
226
|
+
})))), (orderState === null || orderState === void 0 || (_orderState$options3 = orderState.options) === null || _orderState$options3 === void 0 ? void 0 : _orderState$options3.type) === 1 && filterOptionsEnabled.includes('max_delivery_fee') && /*#__PURE__*/_react.default.createElement(_MaxSectionItem.MaxSectionItem, {
|
|
226
227
|
title: t('MAX_DELIVERY_FEE', 'Max delivery fee'),
|
|
227
228
|
options: maxDeliveryFeeOptions,
|
|
228
229
|
filter: "max_delivery_price",
|
|
229
230
|
filters: filters,
|
|
230
231
|
handleChangeFilters: handleChangeFilters
|
|
231
|
-
}), [1, 2].includes(orderState === null || orderState === void 0 || (_orderState$options4 = orderState.options) === null || _orderState$options4 === void 0 ? void 0 : _orderState$options4.type) && /*#__PURE__*/_react.default.createElement(_MaxSectionItem.MaxSectionItem, {
|
|
232
|
+
}), [1, 2].includes(orderState === null || orderState === void 0 || (_orderState$options4 = orderState.options) === null || _orderState$options4 === void 0 ? void 0 : _orderState$options4.type) && filterOptionsEnabled.includes('max_delivery_time') && /*#__PURE__*/_react.default.createElement(_MaxSectionItem.MaxSectionItem, {
|
|
232
233
|
title: (orderState === null || orderState === void 0 || (_orderState$options5 = orderState.options) === null || _orderState$options5 === void 0 ? void 0 : _orderState$options5.type) === 1 ? t('MAX_DELIVERY_TIME', 'Max delivery time') : t('MAX_PICKUP_TIME', 'Max pickup time'),
|
|
233
234
|
options: maxTimeOptions,
|
|
234
235
|
filter: "max_eta",
|
|
235
236
|
filters: filters,
|
|
236
237
|
handleChangeFilters: handleChangeFilters
|
|
237
|
-
}), /*#__PURE__*/_react.default.createElement(_MaxSectionItem.MaxSectionItem, {
|
|
238
|
+
}), filterOptionsEnabled.includes('max_distance') && /*#__PURE__*/_react.default.createElement(_MaxSectionItem.MaxSectionItem, {
|
|
238
239
|
title: t('MAX_DISTANCE', 'Max distance'),
|
|
239
240
|
options: maxDistanceOptions,
|
|
240
241
|
filter: "max_distance",
|
|
241
242
|
filters: filters,
|
|
242
243
|
handleChangeFilters: handleChangeFilters
|
|
243
|
-
}), /*#__PURE__*/_react.default.createElement(_styles.TagsContainer, null, /*#__PURE__*/_react.default.createElement(_Accordion.FilterAccordion, {
|
|
244
|
+
}), filterOptionsEnabled.includes('business_categories') && /*#__PURE__*/_react.default.createElement(_styles.TagsContainer, null, /*#__PURE__*/_react.default.createElement(_Accordion.FilterAccordion, {
|
|
244
245
|
title: t('BUSINESS_CATEGORIES', 'Business categories')
|
|
245
246
|
}, /*#__PURE__*/_react.default.createElement(_BusinessTypeFilter.BusinessTypeFilter, {
|
|
246
247
|
isSearchMode: true,
|
|
@@ -55,7 +55,7 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
|
|
|
55
55
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
56
56
|
_swiper.default.use([_swiper.Navigation, _swiper.Thumbs]);
|
|
57
57
|
var ProductOptionsUI = function ProductOptionsUI(props) {
|
|
58
|
-
var _configs$unaddressed_, _configs$guest_checko, _orderState$options, _configs$allowed_orde, _orderState$options2, _theme$business_view, _theme$business_view2, _theme$defaultLanguag, _product$tags, _product$ingredients2, _product$extras, _product$ingredients3, _product$ingredients4, _product$ingredients5, _product$extras2, _theme$defaultLanguag2, _theme$defaultLanguag3, _props$afterMidElemen, _props$afterMidCompon, _orderState$options3, _orderState$options4, _orderState$options5, _orderState$options6, _theme$defaultLanguag4, _theme$defaultLanguag5, _theme$defaultLanguag6, _orderState$options7, _orderState$options8, _theme$defaultLanguag7, _orderState$options9, _theme$defaultLanguag8, _theme$defaultLanguag9, _theme$defaultLanguag10, _theme$defaultLanguag11, _theme$defaultLanguag12, _theme$defaultLanguag13, _error$;
|
|
58
|
+
var _configs$unaddressed_, _configs$guest_checko, _orderState$options, _configs$allowed_orde, _orderState$options2, _theme$business_view, _theme$business_view2, _theme$business_view3, _theme$defaultLanguag, _product$tags, _product$ingredients2, _product$extras, _product$ingredients3, _product$ingredients4, _product$ingredients5, _product$extras2, _theme$defaultLanguag2, _theme$defaultLanguag3, _props$afterMidElemen, _props$afterMidCompon, _orderState$options3, _orderState$options4, _orderState$options5, _orderState$options6, _theme$defaultLanguag4, _theme$defaultLanguag5, _theme$defaultLanguag6, _orderState$options7, _orderState$options8, _theme$defaultLanguag7, _orderState$options9, _theme$defaultLanguag8, _theme$defaultLanguag9, _theme$defaultLanguag10, _theme$defaultLanguag11, _theme$defaultLanguag12, _theme$defaultLanguag13, _error$;
|
|
59
59
|
var businessSlug = props.businessSlug,
|
|
60
60
|
editMode = props.editMode,
|
|
61
61
|
isSoldOut = props.isSoldOut,
|
|
@@ -175,6 +175,7 @@ var ProductOptionsUI = function ProductOptionsUI(props) {
|
|
|
175
175
|
var orderTypeEnabled = !_utils.orderTypeList[(orderState === null || orderState === void 0 || (_orderState$options = orderState.options) === null || _orderState$options === void 0 ? void 0 : _orderState$options.type) - 1] || (configs === null || configs === void 0 || (_configs$allowed_orde = configs.allowed_order_types_guest_checkout) === null || _configs$allowed_orde === void 0 || (_configs$allowed_orde = _configs$allowed_orde.value) === null || _configs$allowed_orde === void 0 ? void 0 : _configs$allowed_orde.includes(_utils.orderTypeList[(orderState === null || orderState === void 0 || (_orderState$options2 = orderState.options) === null || _orderState$options2 === void 0 ? void 0 : _orderState$options2.type) - 1]));
|
|
176
176
|
var hideProductDescription = theme === null || theme === void 0 || (_theme$business_view = theme.business_view) === null || _theme$business_view === void 0 || (_theme$business_view = _theme$business_view.components) === null || _theme$business_view === void 0 || (_theme$business_view = _theme$business_view.products) === null || _theme$business_view === void 0 || (_theme$business_view = _theme$business_view.components) === null || _theme$business_view === void 0 || (_theme$business_view = _theme$business_view.product) === null || _theme$business_view === void 0 || (_theme$business_view = _theme$business_view.components) === null || _theme$business_view === void 0 || (_theme$business_view = _theme$business_view.description) === null || _theme$business_view === void 0 ? void 0 : _theme$business_view.hidden;
|
|
177
177
|
var hideProductDummyLogo = theme === null || theme === void 0 || (_theme$business_view2 = theme.business_view) === null || _theme$business_view2 === void 0 || (_theme$business_view2 = _theme$business_view2.components) === null || _theme$business_view2 === void 0 || (_theme$business_view2 = _theme$business_view2.products) === null || _theme$business_view2 === void 0 || (_theme$business_view2 = _theme$business_view2.components) === null || _theme$business_view2 === void 0 || (_theme$business_view2 = _theme$business_view2.product) === null || _theme$business_view2 === void 0 || (_theme$business_view2 = _theme$business_view2.components) === null || _theme$business_view2 === void 0 || (_theme$business_view2 = _theme$business_view2.dummy) === null || _theme$business_view2 === void 0 ? void 0 : _theme$business_view2.hidden;
|
|
178
|
+
var hideFavoriteIcon = theme === null || theme === void 0 || (_theme$business_view3 = theme.business_view) === null || _theme$business_view3 === void 0 || (_theme$business_view3 = _theme$business_view3.components) === null || _theme$business_view3 === void 0 || (_theme$business_view3 = _theme$business_view3.products) === null || _theme$business_view3 === void 0 || (_theme$business_view3 = _theme$business_view3.components) === null || _theme$business_view3 === void 0 || (_theme$business_view3 = _theme$business_view3.product) === null || _theme$business_view3 === void 0 || (_theme$business_view3 = _theme$business_view3.components) === null || _theme$business_view3 === void 0 || (_theme$business_view3 = _theme$business_view3.favorite) === null || _theme$business_view3 === void 0 ? void 0 : _theme$business_view3.hidden;
|
|
178
179
|
var closeModal = function closeModal() {
|
|
179
180
|
setModalIsOpen(false);
|
|
180
181
|
setModalPageToShow('login');
|
|
@@ -546,7 +547,7 @@ var ProductOptionsUI = function ProductOptionsUI(props) {
|
|
|
546
547
|
}), /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, {
|
|
547
548
|
variant: "rect",
|
|
548
549
|
height: 200
|
|
549
|
-
})), !loading && !error && product && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles.ProductInfo, null, /*#__PURE__*/_react.default.createElement(_styles.ProductFormTitle, null, /*#__PURE__*/_react.default.createElement(_styles.TitleWrapper, null, /*#__PURE__*/_react.default.createElement(_styles.ProductName, null, /*#__PURE__*/_react.default.createElement("span", null, product === null || product === void 0 ? void 0 : product.name)), !isCustomerMode && /*#__PURE__*/_react.default.createElement("span", {
|
|
550
|
+
})), !loading && !error && product && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles.ProductInfo, null, /*#__PURE__*/_react.default.createElement(_styles.ProductFormTitle, null, /*#__PURE__*/_react.default.createElement(_styles.TitleWrapper, null, /*#__PURE__*/_react.default.createElement(_styles.ProductName, null, /*#__PURE__*/_react.default.createElement("span", null, product === null || product === void 0 ? void 0 : product.name)), !isCustomerMode && !hideFavoriteIcon && /*#__PURE__*/_react.default.createElement("span", {
|
|
550
551
|
className: "favorite",
|
|
551
552
|
onClick: function onClick() {
|
|
552
553
|
return handleChangeFavorite();
|
|
@@ -41,7 +41,7 @@ var singleProductCardPropsAreEqual = function singleProductCardPropsAreEqual(pre
|
|
|
41
41
|
return JSON.stringify(prevProps.product) === JSON.stringify(nextProps.product) && prevProps.isSkeleton === nextProps.isSkeleton && prevProps.isSoldOut === nextProps.isSoldOut && prevProps.isCartOnProductsList === nextProps.isCartOnProductsList && prevProps.productAddedToCartLength === nextProps.productAddedToCartLength;
|
|
42
42
|
};
|
|
43
43
|
var SingleProductCardUI = /*#__PURE__*/_react.default.memo(function (props) {
|
|
44
|
-
var _theme$business_view$, _theme$business_view, _theme$business_view2, _theme$business_view3, _theme$viewString, _theme$business_view4, _theme$images, _theme$images2, _product$ribbon, _product$ribbon2, _product$ribbon3, _product$ribbon4, _product$ribbon5, _theme$images3, _product$ribbon6, _theme$defaultLanguag, _theme$defaultLanguag2, _theme$defaultLanguag3, _theme$defaultLanguag4;
|
|
44
|
+
var _theme$business_view$, _theme$business_view, _theme$business_view2, _theme$business_view3, _theme$viewString, _theme$business_view4, _theme$business_view5, _theme$images, _theme$images2, _product$ribbon, _product$ribbon2, _product$ribbon3, _product$ribbon4, _product$ribbon5, _theme$images3, _product$ribbon6, _theme$defaultLanguag, _theme$defaultLanguag2, _theme$defaultLanguag3, _theme$defaultLanguag4;
|
|
45
45
|
var product = props.product,
|
|
46
46
|
isSoldOut = props.isSoldOut,
|
|
47
47
|
isSkeleton = props.isSkeleton,
|
|
@@ -113,6 +113,7 @@ var SingleProductCardUI = /*#__PURE__*/_react.default.memo(function (props) {
|
|
|
113
113
|
var hideProductDescription = theme === null || theme === void 0 || (_theme$business_view2 = theme.business_view) === null || _theme$business_view2 === void 0 || (_theme$business_view2 = _theme$business_view2.components) === null || _theme$business_view2 === void 0 || (_theme$business_view2 = _theme$business_view2.products) === null || _theme$business_view2 === void 0 || (_theme$business_view2 = _theme$business_view2.components) === null || _theme$business_view2 === void 0 || (_theme$business_view2 = _theme$business_view2.product) === null || _theme$business_view2 === void 0 || (_theme$business_view2 = _theme$business_view2.components) === null || _theme$business_view2 === void 0 || (_theme$business_view2 = _theme$business_view2.description) === null || _theme$business_view2 === void 0 ? void 0 : _theme$business_view2.hidden;
|
|
114
114
|
var hideProductDummyLogo = theme === null || theme === void 0 || (_theme$business_view3 = theme.business_view) === null || _theme$business_view3 === void 0 || (_theme$business_view3 = _theme$business_view3.components) === null || _theme$business_view3 === void 0 || (_theme$business_view3 = _theme$business_view3.products) === null || _theme$business_view3 === void 0 || (_theme$business_view3 = _theme$business_view3.components) === null || _theme$business_view3 === void 0 || (_theme$business_view3 = _theme$business_view3.product) === null || _theme$business_view3 === void 0 || (_theme$business_view3 = _theme$business_view3.components) === null || _theme$business_view3 === void 0 || (_theme$business_view3 = _theme$business_view3.dummy) === null || _theme$business_view3 === void 0 ? void 0 : _theme$business_view3.hidden;
|
|
115
115
|
var hideProductLogo = viewString ? theme === null || theme === void 0 || (_theme$viewString = theme[viewString]) === null || _theme$viewString === void 0 || (_theme$viewString = _theme$viewString.components) === null || _theme$viewString === void 0 || (_theme$viewString = _theme$viewString.cart) === null || _theme$viewString === void 0 || (_theme$viewString = _theme$viewString.components) === null || _theme$viewString === void 0 || (_theme$viewString = _theme$viewString.products) === null || _theme$viewString === void 0 || (_theme$viewString = _theme$viewString.image) === null || _theme$viewString === void 0 ? void 0 : _theme$viewString.hidden : theme === null || theme === void 0 || (_theme$business_view4 = theme.business_view) === null || _theme$business_view4 === void 0 || (_theme$business_view4 = _theme$business_view4.components) === null || _theme$business_view4 === void 0 || (_theme$business_view4 = _theme$business_view4.products) === null || _theme$business_view4 === void 0 || (_theme$business_view4 = _theme$business_view4.components) === null || _theme$business_view4 === void 0 || (_theme$business_view4 = _theme$business_view4.product) === null || _theme$business_view4 === void 0 || (_theme$business_view4 = _theme$business_view4.components) === null || _theme$business_view4 === void 0 || (_theme$business_view4 = _theme$business_view4.image) === null || _theme$business_view4 === void 0 ? void 0 : _theme$business_view4.hidden;
|
|
116
|
+
var hideFavoriteIcon = theme === null || theme === void 0 || (_theme$business_view5 = theme.business_view) === null || _theme$business_view5 === void 0 || (_theme$business_view5 = _theme$business_view5.components) === null || _theme$business_view5 === void 0 || (_theme$business_view5 = _theme$business_view5.products) === null || _theme$business_view5 === void 0 || (_theme$business_view5 = _theme$business_view5.components) === null || _theme$business_view5 === void 0 || (_theme$business_view5 = _theme$business_view5.product) === null || _theme$business_view5 === void 0 || (_theme$business_view5 = _theme$business_view5.components) === null || _theme$business_view5 === void 0 || (_theme$business_view5 = _theme$business_view5.favorite) === null || _theme$business_view5 === void 0 ? void 0 : _theme$business_view5.hidden;
|
|
116
117
|
|
|
117
118
|
// const productsRows = theme?.layouts?.business_view?.components?.products?.components?.layout?.rows
|
|
118
119
|
|
|
@@ -184,7 +185,7 @@ var SingleProductCardUI = /*#__PURE__*/_react.default.memo(function (props) {
|
|
|
184
185
|
oneLine: isPreviously
|
|
185
186
|
}, /*#__PURE__*/_react.default.createElement(_styles.TitleWrapper, null, !isSkeleton ? /*#__PURE__*/_react.default.createElement("h1", null, product === null || product === void 0 ? void 0 : product.name) : /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, {
|
|
186
187
|
width: 100
|
|
187
|
-
}), !useKioskApp && !isPreviously && isCustomerMode && (!isSkeleton ? /*#__PURE__*/_react.default.createElement("span", {
|
|
188
|
+
}), !useKioskApp && !isPreviously && isCustomerMode && !hideFavoriteIcon && (!isSkeleton ? /*#__PURE__*/_react.default.createElement("span", {
|
|
188
189
|
onClick: function onClick() {
|
|
189
190
|
return handleChangeFavorite();
|
|
190
191
|
},
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "ordering-ui-external",
|
|
3
|
-
"version": "14.1.
|
|
3
|
+
"version": "14.1.6",
|
|
4
4
|
"description": "Ordering UI Components",
|
|
5
5
|
"main": "./_modules/index.js",
|
|
6
6
|
"exports": {
|
|
@@ -88,7 +88,7 @@
|
|
|
88
88
|
"lodash": "^4.17.19",
|
|
89
89
|
"moment": "^2.29.4",
|
|
90
90
|
"nanoid": "^4.0.0",
|
|
91
|
-
"ordering-components-external": "13.0.
|
|
91
|
+
"ordering-components-external": "13.0.19",
|
|
92
92
|
"payment": "^2.4.6",
|
|
93
93
|
"polished": "^3.6.6",
|
|
94
94
|
"react-bootstrap-icons": "^1.7.2",
|
|
@@ -56,6 +56,8 @@ const SingleOrderCardUI = (props) => {
|
|
|
56
56
|
const hideReviewOrderButton = theme?.orders?.components?.review_order_button?.hidden
|
|
57
57
|
const hideReorderButton = theme?.orders?.components?.reorder_button?.hidden
|
|
58
58
|
const hideOrderStatus = theme?.orders?.components?.order_status?.hidden
|
|
59
|
+
const hideFavorite = theme?.orders?.components?.favorite?.hidden
|
|
60
|
+
|
|
59
61
|
const changeIdToExternalId = configs?.change_order_id?.value === '1'
|
|
60
62
|
|
|
61
63
|
return (
|
|
@@ -91,7 +93,7 @@ const SingleOrderCardUI = (props) => {
|
|
|
91
93
|
{!hideBusinessName && (
|
|
92
94
|
<h2>{order?.business?.length > 1 ? `${t('GROUP_ORDER', 'Group Order')} ${t('No', 'No')}. ${order?.cart_group_id}` : order.business?.name}</h2>
|
|
93
95
|
)}
|
|
94
|
-
{!order?.business?.length && (
|
|
96
|
+
{!order?.business?.length && !hideFavorite && (
|
|
95
97
|
<FavoriteWrapper onClick={() => handleChangeFavorite(order)} className='favorite'>
|
|
96
98
|
{order?.favorite ? <Like /> : <DisLike />}
|
|
97
99
|
</FavoriteWrapper>
|
|
@@ -123,7 +125,7 @@ const SingleOrderCardUI = (props) => {
|
|
|
123
125
|
className='review'
|
|
124
126
|
onClick={() => setOrderSelected(order)}
|
|
125
127
|
>
|
|
126
|
-
{
|
|
128
|
+
{order?.review ? t('REVIEWED', 'Reviewed') : t('REVIEW', 'Review')}
|
|
127
129
|
</Button>
|
|
128
130
|
)}
|
|
129
131
|
{!hideReorderButton && typeof order?.id === 'number' && (
|
|
@@ -104,6 +104,8 @@ export const BusinessListingSearchUI = (props) => {
|
|
|
104
104
|
{ level: '5', content: `${Array(5).fill(currency).join('')}` }
|
|
105
105
|
]
|
|
106
106
|
|
|
107
|
+
const filterOptionsEnabled = configs?.filter_search_options?.value?.split('|') || []
|
|
108
|
+
|
|
107
109
|
const noResults = (!businessesSearchList.loading && !businessesSearchList.lengthError && businessesSearchList?.businesses?.length === 0)
|
|
108
110
|
const currentCart = Object.values(orderState?.carts).find(cart => cart?.business?.slug === curProduct?.business?.slug) ?? {}
|
|
109
111
|
|
|
@@ -148,61 +150,67 @@ export const BusinessListingSearchUI = (props) => {
|
|
|
148
150
|
const filtersComponent = () => {
|
|
149
151
|
return (
|
|
150
152
|
<Filters>
|
|
151
|
-
|
|
152
|
-
<
|
|
153
|
-
{
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
{item?.text} {(filters?.orderBy?.includes(item?.value)) && <>{filters?.orderBy?.includes('-') ? <BisUpArrow /> : <BisDownArrow />}</>}
|
|
160
|
-
</SortItem>
|
|
161
|
-
))}
|
|
162
|
-
</FilterAccordion>
|
|
163
|
-
</SortContainer>
|
|
164
|
-
<BrandContainer>
|
|
165
|
-
<FilterAccordion title={t('BRANDS', 'Brands')}>
|
|
166
|
-
<BrandListWrapper>
|
|
167
|
-
{brandList?.loading && (
|
|
168
|
-
<>
|
|
169
|
-
{[...Array(5).keys()].map(index => (
|
|
170
|
-
<BrandItem key={index}>
|
|
171
|
-
<Skeleton width={120} height={15} />
|
|
172
|
-
<Skeleton width={16} height={16} />
|
|
173
|
-
</BrandItem>
|
|
174
|
-
))}
|
|
175
|
-
</>
|
|
176
|
-
)}
|
|
177
|
-
{!brandList?.loading && brandList?.brands.map((brand, i) => brand?.enabled && (
|
|
178
|
-
<BrandItem key={i} onClick={() => handleChangeBrandFilter(brand?.id)}>
|
|
179
|
-
<span>{brand?.name}</span>
|
|
180
|
-
{filters?.franchise_ids?.includes(brand?.id) && <Check2 />}
|
|
181
|
-
</BrandItem>
|
|
182
|
-
))}
|
|
183
|
-
{!brandList?.loading && ((brandList?.brands?.filter(brand => brand?.enabled))?.length === 0) && (
|
|
184
|
-
<NoResult>{t('NO_RESULTS_FOUND', 'Sorry, no results found')}</NoResult>
|
|
185
|
-
)}
|
|
186
|
-
</BrandListWrapper>
|
|
187
|
-
</FilterAccordion>
|
|
188
|
-
</BrandContainer>
|
|
189
|
-
<PriceFilterWrapper>
|
|
190
|
-
<FilterAccordion title={t('PRICE_RANGE', 'Price range')}>
|
|
191
|
-
<PriceFilterListWrapper>
|
|
192
|
-
{priceList.map((price, i) => (
|
|
193
|
-
<Button
|
|
194
|
-
key={i}
|
|
195
|
-
color={(filters?.price_level === price?.level) ? 'primary' : 'lightGray'}
|
|
196
|
-
onClick={() => handleChangePriceRange(price?.level)}
|
|
153
|
+
{filterOptionsEnabled.includes('sort') && (
|
|
154
|
+
<SortContainer>
|
|
155
|
+
<FilterAccordion title={t('SORT', 'Sort')}>
|
|
156
|
+
{sortItems?.filter(item => !(orderState?.options?.type === 1 && item?.value === 'pickup_time') && !(orderState?.options?.type === 2 && item?.value === 'delivery_time'))?.map(item => (
|
|
157
|
+
<SortItem
|
|
158
|
+
key={item?.value}
|
|
159
|
+
onClick={() => handleChangeFilters('orderBy', item?.value)}
|
|
160
|
+
active={filters?.orderBy?.includes(item?.value)}
|
|
197
161
|
>
|
|
198
|
-
{
|
|
199
|
-
|
|
200
|
-
</Button>
|
|
162
|
+
{item?.text} {(filters?.orderBy?.includes(item?.value)) && <>{filters?.orderBy?.includes('-') ? <BisUpArrow /> : <BisDownArrow />}</>}
|
|
163
|
+
</SortItem>
|
|
201
164
|
))}
|
|
202
|
-
</
|
|
203
|
-
</
|
|
204
|
-
|
|
205
|
-
{
|
|
165
|
+
</FilterAccordion>
|
|
166
|
+
</SortContainer>
|
|
167
|
+
)}
|
|
168
|
+
{filterOptionsEnabled.includes('brands') && (
|
|
169
|
+
<BrandContainer>
|
|
170
|
+
<FilterAccordion title={t('BRANDS', 'Brands')}>
|
|
171
|
+
<BrandListWrapper>
|
|
172
|
+
{brandList?.loading && (
|
|
173
|
+
<>
|
|
174
|
+
{[...Array(5).keys()].map(index => (
|
|
175
|
+
<BrandItem key={index}>
|
|
176
|
+
<Skeleton width={120} height={15} />
|
|
177
|
+
<Skeleton width={16} height={16} />
|
|
178
|
+
</BrandItem>
|
|
179
|
+
))}
|
|
180
|
+
</>
|
|
181
|
+
)}
|
|
182
|
+
{!brandList?.loading && brandList?.brands.map((brand, i) => brand?.enabled && (
|
|
183
|
+
<BrandItem key={i} onClick={() => handleChangeBrandFilter(brand?.id)}>
|
|
184
|
+
<span>{brand?.name}</span>
|
|
185
|
+
{filters?.franchise_ids?.includes(brand?.id) && <Check2 />}
|
|
186
|
+
</BrandItem>
|
|
187
|
+
))}
|
|
188
|
+
{!brandList?.loading && ((brandList?.brands?.filter(brand => brand?.enabled))?.length === 0) && (
|
|
189
|
+
<NoResult>{t('NO_RESULTS_FOUND', 'Sorry, no results found')}</NoResult>
|
|
190
|
+
)}
|
|
191
|
+
</BrandListWrapper>
|
|
192
|
+
</FilterAccordion>
|
|
193
|
+
</BrandContainer>
|
|
194
|
+
)}
|
|
195
|
+
{filterOptionsEnabled.includes('price_range') && (
|
|
196
|
+
<PriceFilterWrapper>
|
|
197
|
+
<FilterAccordion title={t('PRICE_RANGE', 'Price range')}>
|
|
198
|
+
<PriceFilterListWrapper>
|
|
199
|
+
{priceList.map((price, i) => (
|
|
200
|
+
<Button
|
|
201
|
+
key={i}
|
|
202
|
+
color={(filters?.price_level === price?.level) ? 'primary' : 'lightGray'}
|
|
203
|
+
onClick={() => handleChangePriceRange(price?.level)}
|
|
204
|
+
>
|
|
205
|
+
{price.content}
|
|
206
|
+
{(filters?.price_level === price?.level) && <Close />}
|
|
207
|
+
</Button>
|
|
208
|
+
))}
|
|
209
|
+
</PriceFilterListWrapper>
|
|
210
|
+
</FilterAccordion>
|
|
211
|
+
</PriceFilterWrapper>
|
|
212
|
+
)}
|
|
213
|
+
{orderState?.options?.type === 1 && filterOptionsEnabled.includes('max_delivery_fee') && (
|
|
206
214
|
<MaxSectionItem
|
|
207
215
|
title={t('MAX_DELIVERY_FEE', 'Max delivery fee')}
|
|
208
216
|
options={maxDeliveryFeeOptions}
|
|
@@ -211,7 +219,7 @@ export const BusinessListingSearchUI = (props) => {
|
|
|
211
219
|
handleChangeFilters={handleChangeFilters}
|
|
212
220
|
/>
|
|
213
221
|
)}
|
|
214
|
-
{[1, 2].includes(orderState?.options?.type) && (
|
|
222
|
+
{[1, 2].includes(orderState?.options?.type) && filterOptionsEnabled.includes('max_delivery_time') && (
|
|
215
223
|
<MaxSectionItem
|
|
216
224
|
title={orderState?.options?.type === 1 ? t('MAX_DELIVERY_TIME', 'Max delivery time') : t('MAX_PICKUP_TIME', 'Max pickup time')}
|
|
217
225
|
options={maxTimeOptions}
|
|
@@ -220,22 +228,26 @@ export const BusinessListingSearchUI = (props) => {
|
|
|
220
228
|
handleChangeFilters={handleChangeFilters}
|
|
221
229
|
/>
|
|
222
230
|
)}
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
231
|
+
{filterOptionsEnabled.includes('max_distance') && (
|
|
232
|
+
<MaxSectionItem
|
|
233
|
+
title={t('MAX_DISTANCE', 'Max distance')}
|
|
234
|
+
options={maxDistanceOptions}
|
|
235
|
+
filter='max_distance'
|
|
236
|
+
filters={filters}
|
|
237
|
+
handleChangeFilters={handleChangeFilters}
|
|
238
|
+
/>
|
|
239
|
+
)}
|
|
240
|
+
{filterOptionsEnabled.includes('business_categories') && (
|
|
241
|
+
<TagsContainer>
|
|
242
|
+
<FilterAccordion title={t('BUSINESS_CATEGORIES', 'Business categories')}>
|
|
243
|
+
<BusinessTypeFilter
|
|
244
|
+
isSearchMode
|
|
245
|
+
filters={filters}
|
|
246
|
+
handleChangeFilters={handleChangeFilters}
|
|
247
|
+
/>
|
|
248
|
+
</FilterAccordion>
|
|
249
|
+
</TagsContainer>
|
|
250
|
+
)}
|
|
239
251
|
</Filters>
|
|
240
252
|
)
|
|
241
253
|
}
|
|
@@ -142,6 +142,7 @@ const ProductOptionsUI = (props) => {
|
|
|
142
142
|
const orderTypeEnabled = !orderTypeList[orderState?.options?.type - 1] || configs?.allowed_order_types_guest_checkout?.value?.includes(orderTypeList[orderState?.options?.type - 1])
|
|
143
143
|
const hideProductDescription = theme?.business_view?.components?.products?.components?.product?.components?.description?.hidden
|
|
144
144
|
const hideProductDummyLogo = theme?.business_view?.components?.products?.components?.product?.components?.dummy?.hidden
|
|
145
|
+
const hideFavoriteIcon = theme?.business_view?.components?.products?.components?.product?.components?.favorite?.hidden
|
|
145
146
|
|
|
146
147
|
const closeModal = () => {
|
|
147
148
|
setModalIsOpen(false)
|
|
@@ -524,7 +525,7 @@ const ProductOptionsUI = (props) => {
|
|
|
524
525
|
<ProductName>
|
|
525
526
|
<span>{product?.name}</span>
|
|
526
527
|
</ProductName>
|
|
527
|
-
{!isCustomerMode && (
|
|
528
|
+
{!isCustomerMode && !hideFavoriteIcon && (
|
|
528
529
|
<span className='favorite' onClick={() => handleChangeFavorite()}>
|
|
529
530
|
{product?.favorite ? <Like /> : <DisLike />}
|
|
530
531
|
</span>
|
|
@@ -85,6 +85,7 @@ const SingleProductCardUI = React.memo((props) => {
|
|
|
85
85
|
const hideProductLogo = viewString
|
|
86
86
|
? theme?.[viewString]?.components?.cart?.components?.products?.image?.hidden
|
|
87
87
|
: theme?.business_view?.components?.products?.components?.product?.components?.image?.hidden
|
|
88
|
+
const hideFavoriteIcon = theme?.business_view?.components?.products?.components?.product?.components?.favorite?.hidden
|
|
88
89
|
|
|
89
90
|
// const productsRows = theme?.layouts?.business_view?.components?.products?.components?.layout?.rows
|
|
90
91
|
|
|
@@ -173,7 +174,7 @@ const SingleProductCardUI = React.memo((props) => {
|
|
|
173
174
|
<CardInfo soldOut={isSoldOut || maxProductQuantity <= 0} isBgimage={optimizeImage(product?.images || theme?.images?.dummies?.product, 'h_86,c_limit')} oneLine={isPreviously}>
|
|
174
175
|
<TitleWrapper>
|
|
175
176
|
{!isSkeleton ? (<h1>{product?.name}</h1>) : (<Skeleton width={100} />)}
|
|
176
|
-
{(!useKioskApp && !isPreviously && isCustomerMode) && (
|
|
177
|
+
{(!useKioskApp && !isPreviously && isCustomerMode && !hideFavoriteIcon) && (
|
|
177
178
|
!isSkeleton ? (
|
|
178
179
|
<span onClick={() => handleChangeFavorite()} ref={favoriteRef}>
|
|
179
180
|
{product?.favorite ? <Like /> : <DisLike />}
|
|
@@ -191,7 +192,7 @@ const SingleProductCardUI = React.memo((props) => {
|
|
|
191
192
|
<WrapTags>
|
|
192
193
|
{product?.tags.map((tag, i) => (
|
|
193
194
|
<div key={i}>
|
|
194
|
-
<img src={tag.image ?? ''}
|
|
195
|
+
<img src={tag.image ?? ''} />
|
|
195
196
|
</div>
|
|
196
197
|
))}
|
|
197
198
|
</WrapTags>
|
/package/_bundles/{0.ordering-ui.cb382f2d6328bf2368fb.js → 0.ordering-ui.e903b3a8ca5ebdd5b64b.js}
RENAMED
|
File without changes
|
/package/_bundles/{1.ordering-ui.cb382f2d6328bf2368fb.js → 1.ordering-ui.e903b3a8ca5ebdd5b64b.js}
RENAMED
|
File without changes
|
/package/_bundles/{2.ordering-ui.cb382f2d6328bf2368fb.js → 2.ordering-ui.e903b3a8ca5ebdd5b64b.js}
RENAMED
|
File without changes
|
/package/_bundles/{4.ordering-ui.cb382f2d6328bf2368fb.js → 4.ordering-ui.e903b3a8ca5ebdd5b64b.js}
RENAMED
|
File without changes
|
/package/_bundles/{5.ordering-ui.cb382f2d6328bf2368fb.js → 5.ordering-ui.e903b3a8ca5ebdd5b64b.js}
RENAMED
|
File without changes
|
/package/_bundles/{6.ordering-ui.cb382f2d6328bf2368fb.js → 6.ordering-ui.e903b3a8ca5ebdd5b64b.js}
RENAMED
|
File without changes
|
|
File without changes
|
/package/_bundles/{8.ordering-ui.cb382f2d6328bf2368fb.js → 8.ordering-ui.e903b3a8ca5ebdd5b64b.js}
RENAMED
|
File without changes
|
/package/_bundles/{9.ordering-ui.cb382f2d6328bf2368fb.js → 9.ordering-ui.e903b3a8ca5ebdd5b64b.js}
RENAMED
|
File without changes
|