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.
Files changed (21) hide show
  1. package/_bundles/{7.ordering-ui.cb382f2d6328bf2368fb.js → 7.ordering-ui.e903b3a8ca5ebdd5b64b.js} +1 -1
  2. package/_bundles/{ordering-ui.cb382f2d6328bf2368fb.js → ordering-ui.e903b3a8ca5ebdd5b64b.js} +2 -2
  3. package/_modules/components/VerticalOrdersLayout/SingleOrderCard/index.js +4 -3
  4. package/_modules/themes/five/src/components/BusinessListingSearch/index.js +9 -8
  5. package/_modules/themes/five/src/components/ProductForm/index.js +3 -2
  6. package/_modules/themes/five/src/components/SingleProductCard/layouts/original/index.js +3 -2
  7. package/package.json +2 -2
  8. package/src/components/VerticalOrdersLayout/SingleOrderCard/index.js +4 -2
  9. package/src/themes/five/src/components/BusinessListingSearch/index.js +82 -70
  10. package/src/themes/five/src/components/ProductForm/index.js +2 -1
  11. package/src/themes/five/src/components/SingleProductCard/layouts/original/index.js +3 -2
  12. /package/_bundles/{0.ordering-ui.cb382f2d6328bf2368fb.js → 0.ordering-ui.e903b3a8ca5ebdd5b64b.js} +0 -0
  13. /package/_bundles/{1.ordering-ui.cb382f2d6328bf2368fb.js → 1.ordering-ui.e903b3a8ca5ebdd5b64b.js} +0 -0
  14. /package/_bundles/{2.ordering-ui.cb382f2d6328bf2368fb.js → 2.ordering-ui.e903b3a8ca5ebdd5b64b.js} +0 -0
  15. /package/_bundles/{4.ordering-ui.cb382f2d6328bf2368fb.js → 4.ordering-ui.e903b3a8ca5ebdd5b64b.js} +0 -0
  16. /package/_bundles/{5.ordering-ui.cb382f2d6328bf2368fb.js → 5.ordering-ui.e903b3a8ca5ebdd5b64b.js} +0 -0
  17. /package/_bundles/{6.ordering-ui.cb382f2d6328bf2368fb.js → 6.ordering-ui.e903b3a8ca5ebdd5b64b.js} +0 -0
  18. /package/_bundles/{7.ordering-ui.cb382f2d6328bf2368fb.js.LICENSE.txt → 7.ordering-ui.e903b3a8ca5ebdd5b64b.js.LICENSE.txt} +0 -0
  19. /package/_bundles/{8.ordering-ui.cb382f2d6328bf2368fb.js → 8.ordering-ui.e903b3a8ca5ebdd5b64b.js} +0 -0
  20. /package/_bundles/{9.ordering-ui.cb382f2d6328bf2368fb.js → 9.ordering-ui.e903b3a8ca5ebdd5b64b.js} +0 -0
  21. /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
- }, !!(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
+ }, 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.4",
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.18",
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
- {!!order?.review ? t('REVIEWED', 'Reviewed') : t('REVIEW', 'Review')}
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
- <SortContainer>
152
- <FilterAccordion title={t('SORT', 'Sort')}>
153
- {sortItems?.filter(item => !(orderState?.options?.type === 1 && item?.value === 'pickup_time') && !(orderState?.options?.type === 2 && item?.value === 'delivery_time'))?.map(item => (
154
- <SortItem
155
- key={item?.value}
156
- onClick={() => handleChangeFilters('orderBy', item?.value)}
157
- active={filters?.orderBy?.includes(item?.value)}
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
- {price.content}
199
- {(filters?.price_level === price?.level) && <Close />}
200
- </Button>
162
+ {item?.text} {(filters?.orderBy?.includes(item?.value)) && <>{filters?.orderBy?.includes('-') ? <BisUpArrow /> : <BisDownArrow />}</>}
163
+ </SortItem>
201
164
  ))}
202
- </PriceFilterListWrapper>
203
- </FilterAccordion>
204
- </PriceFilterWrapper>
205
- {orderState?.options?.type === 1 && (
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
- <MaxSectionItem
224
- title={t('MAX_DISTANCE', 'Max distance')}
225
- options={maxDistanceOptions}
226
- filter='max_distance'
227
- filters={filters}
228
- handleChangeFilters={handleChangeFilters}
229
- />
230
- <TagsContainer>
231
- <FilterAccordion title={t('BUSINESS_CATEGORIES', 'Business categories')}>
232
- <BusinessTypeFilter
233
- isSearchMode
234
- filters={filters}
235
- handleChangeFilters={handleChangeFilters}
236
- />
237
- </FilterAccordion>
238
- </TagsContainer>
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 ?? ''}></img>
195
+ <img src={tag.image ?? ''} />
195
196
  </div>
196
197
  ))}
197
198
  </WrapTags>