ordering-ui-external 14.1.34 → 14.1.35

package/_modules/themes/callcenterOriginal/src/components/PhoneAutocomplete/index.js

@@ -37,7 +37,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 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; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var PhoneAutocompleteUI = function PhoneAutocompleteUI(props) {
-  var _orderState$options, _ref, _userCustomer$country, _userCustomer$address, _configState$configs, _userCustomer$name, _orderState$options5, _orderState$options8, _orderState$options9, _theme$images2, _theme$images3, _orderState$options12, _orderState$options13, _orderState$options15, _orderState$options16, _theme$colors, _theme$images4, _customerState$result, _customerState$result2;
+  var _orderState$options, _ref, _userCustomer$country, _userCustomer$address, _configState$configs, _userCustomer$name, _orderState$options5, _orderState$options8, _orderState$options9, _theme$images2, _theme$images3, _theme$images4, _orderState$options12, _orderState$options13, _orderState$options15, _orderState$options16, _theme$colors, _theme$images5, _customerState$result, _customerState$result2;
   var phone = props.phone,
     customerState = props.customerState,
     customersPhones = props.customersPhones,
@@ -57,7 +57,8 @@ var PhoneAutocompleteUI = function PhoneAutocompleteUI(props) {
     franchiseId = props.franchiseId,
     getUsers = props.getUsers;
   var allOrderTypes = [1, 2, 3, 4, 5];
-  var pickupTypes = [2, 3, 4, 5];
+  var pickupTypes = [2, 4, 5];
+  var eatInType = 3;
   var _useOrder = (0, _orderingComponentsExternal.useOrder)(),
     _useOrder2 = _slicedToArray(_useOrder, 2),
     orderState = _useOrder2[0],
@@ -90,10 +91,10 @@ var PhoneAutocompleteUI = function PhoneAutocompleteUI(props) {
     _useState6 = _slicedToArray(_useState5, 2),
     isAddressFormOpen = _useState6[0],
     setIsAddressFormOpen = _useState6[1];
-  var _useState7 = (0, _react.useState)(pickupTypes.includes(orderState === null || orderState === void 0 || (_orderState$options = orderState.options) === null || _orderState$options === void 0 ? void 0 : _orderState$options.type)),
+  var _useState7 = (0, _react.useState)(orderState === null || orderState === void 0 || (_orderState$options = orderState.options) === null || _orderState$options === void 0 ? void 0 : _orderState$options.type),
     _useState8 = _slicedToArray(_useState7, 2),
-    isPickupSelected = _useState8[0],
-    setIsPickupSelected = _useState8[1];
+    orderTypeSelected = _useState8[0],
+    setOrderTypeSelected = _useState8[1];
   var userCustomer = JSON.parse(window.localStorage.getItem('user-customer'));
   var _useState9 = (0, _react.useState)((_ref = urlPhone !== null && urlPhone !== void 0 ? urlPhone : userCustomer === null || userCustomer === void 0 ? void 0 : userCustomer.cellphone) !== null && _ref !== void 0 ? _ref : ''),
     _useState10 = _slicedToArray(_useState9, 2),
@@ -156,9 +157,7 @@ var PhoneAutocompleteUI = function PhoneAutocompleteUI(props) {
   var handleChangeType = function handleChangeType(value) {
     if (!(orderState !== null && orderState !== void 0 && orderState.loading)) {
       changeType(value);
-      if (value === 1) {
-        setIsPickupSelected(false);
-      }
+      setOrderTypeSelected(value);
     }
   };
   (0, _react.useEffect)(function () {
@@ -264,7 +263,7 @@ var PhoneAutocompleteUI = function PhoneAutocompleteUI(props) {
       return (configTypes === null || configTypes === void 0 ? void 0 : configTypes.includes(type.value)) && type.value !== 1;
     })) === null || _orderTypes$find === void 0 ? void 0 : _orderTypes$find.value;
     handleChangeType(firstEnabledPickupType);
-    setIsPickupSelected(true);
+    setOrderTypeSelected(firstEnabledPickupType);
   };
   var handleDeleteUser = function handleDeleteUser() {
     deleteUserCustomer(true);
@@ -352,7 +351,7 @@ var PhoneAutocompleteUI = function PhoneAutocompleteUI(props) {
   }, [urlPhone, customersPhones === null || customersPhones === void 0 ? void 0 : customersPhones.loading]);
   (0, _react.useEffect)(function () {
     var _orderState$options4;
-    setIsPickupSelected(!!pickupTypes.includes(orderState === null || orderState === void 0 || (_orderState$options4 = orderState.options) === null || _orderState$options4 === void 0 ? void 0 : _orderState$options4.type));
+    setOrderTypeSelected(orderState === null || orderState === void 0 || (_orderState$options4 = orderState.options) === null || _orderState$options4 === void 0 ? void 0 : _orderState$options4.type);
   }, [orderState === null || orderState === void 0 || (_orderState$options5 = orderState.options) === null || _orderState$options5 === void 0 ? void 0 : _orderState$options5.type]);
   (0, _react.useEffect)(function () {
     var _orderState$options6, _orderState$options7;
@@ -369,7 +368,7 @@ var PhoneAutocompleteUI = function PhoneAutocompleteUI(props) {
   }, [userCustomer === null || userCustomer === void 0 ? void 0 : userCustomer.id, orderState === null || orderState === void 0 ? void 0 : orderState.loading]);
   var OrderTypesComponent = function OrderTypesComponent() {
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, orderTypes && (configTypes ? orderTypes.filter(function (type) {
-      return (configTypes === null || configTypes === void 0 ? void 0 : configTypes.includes(type.value)) && type.value !== 1;
+      return (configTypes === null || configTypes === void 0 ? void 0 : configTypes.includes(type.value)) && pickupTypes.includes(type === null || type === void 0 ? void 0 : type.value);
     }) : orderTypes).map(function (item, i) {
       var _orderState$options10, _orderState$options11;
       return /*#__PURE__*/_react.default.createElement(_Buttons.Button, {
@@ -388,9 +387,9 @@ var PhoneAutocompleteUI = function PhoneAutocompleteUI(props) {
       return handleChangeType(1);
     },
     disabled: orderState === null || orderState === void 0 ? void 0 : orderState.loading,
-    activated: !isPickupSelected
+    activated: orderTypeSelected === 1
   }, /*#__PURE__*/_react.default.createElement(_styles.IconTypeButton, {
-    activated: !isPickupSelected
+    activated: orderTypeSelected === 1
   }, /*#__PURE__*/_react.default.createElement("img", {
     src: theme === null || theme === void 0 || (_theme$images2 = theme.images) === null || _theme$images2 === void 0 || (_theme$images2 = _theme$images2.general) === null || _theme$images2 === void 0 ? void 0 : _theme$images2.deliveryIco,
     width: 20,
@@ -399,17 +398,31 @@ var PhoneAutocompleteUI = function PhoneAutocompleteUI(props) {
     return pickupTypes.includes(type);
   }) && /*#__PURE__*/_react.default.createElement(_styles.TypeButton, {
     disabled: orderState === null || orderState === void 0 ? void 0 : orderState.loading,
-    activated: isPickupSelected,
+    activated: pickupTypes.includes(orderTypeSelected),
     onClick: function onClick() {
       return handleChangeToPickup();
     }
   }, /*#__PURE__*/_react.default.createElement(_styles.IconTypeButton, {
-    activated: isPickupSelected
+    activated: pickupTypes.includes(orderTypeSelected)
   }, /*#__PURE__*/_react.default.createElement("img", {
     src: theme === null || theme === void 0 || (_theme$images3 = theme.images) === null || _theme$images3 === void 0 || (_theme$images3 = _theme$images3.general) === null || _theme$images3 === void 0 ? void 0 : _theme$images3.pickupIco,
     width: 22,
     height: 22
-  })), /*#__PURE__*/_react.default.createElement("p", null, t('PICKUP', 'Pickup')))), isPickupSelected && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("p", null, t('WHAT_PICKUP_YOU_NEED', 'What kind of pickup do you need?')), /*#__PURE__*/_react.default.createElement(_styles.AdditionalTypesContainer, null, /*#__PURE__*/_react.default.createElement(OrderTypesComponent, null))), configTypes.includes(orderState === null || orderState === void 0 || (_orderState$options12 = orderState.options) === null || _orderState$options12 === void 0 ? void 0 : _orderState$options12.type) && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles.PhoneAutocompleteContainer, null, /*#__PURE__*/_react.default.createElement("h2", null, t('ADDING_CUSTOMERS_PHONE_NUMBER', 'Adding the customers’ phone number')), /*#__PURE__*/_react.default.createElement(_styles.WrappBtn, null, /*#__PURE__*/_react.default.createElement(_Buttons.Button, {
+  })), /*#__PURE__*/_react.default.createElement("p", null, t('PICKUP', 'Pickup'))), configTypes.some(function (type) {
+    return eatInType === type;
+  }) && /*#__PURE__*/_react.default.createElement(_styles.TypeButton, {
+    disabled: orderState === null || orderState === void 0 ? void 0 : orderState.loading,
+    activated: orderTypeSelected === 3,
+    onClick: function onClick() {
+      return handleChangeType(3);
+    }
+  }, /*#__PURE__*/_react.default.createElement(_styles.IconTypeButton, {
+    activated: orderTypeSelected === 3
+  }, /*#__PURE__*/_react.default.createElement("img", {
+    src: theme === null || theme === void 0 || (_theme$images4 = theme.images) === null || _theme$images4 === void 0 || (_theme$images4 = _theme$images4.general) === null || _theme$images4 === void 0 ? void 0 : _theme$images4.eatinIco,
+    width: 22,
+    height: 22
+  })), /*#__PURE__*/_react.default.createElement("p", null, t('EAT_IN', 'Eat in')))), pickupTypes.includes(orderTypeSelected) && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("p", null, t('WHAT_PICKUP_YOU_NEED', 'What kind of pickup do you need?')), /*#__PURE__*/_react.default.createElement(_styles.AdditionalTypesContainer, null, /*#__PURE__*/_react.default.createElement(OrderTypesComponent, null))), configTypes.includes(orderState === null || orderState === void 0 || (_orderState$options12 = orderState.options) === null || _orderState$options12 === void 0 ? void 0 : _orderState$options12.type) && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles.PhoneAutocompleteContainer, null, /*#__PURE__*/_react.default.createElement("h2", null, t('ADDING_CUSTOMERS_PHONE_NUMBER', 'Adding the customers’ phone number')), /*#__PURE__*/_react.default.createElement(_styles.WrappBtn, null, /*#__PURE__*/_react.default.createElement(_Buttons.Button, {
     color: inputValue || userCustomer && orderState !== null && orderState !== void 0 && (_orderState$options13 = orderState.options) !== null && _orderState$options13 !== void 0 && (_orderState$options13 = _orderState$options13.address) !== null && _orderState$options13 !== void 0 && _orderState$options13.address ? 'primary' : 'secundary',
     onMouseDown: function onMouseDown() {
       var _orderState$options14;
@@ -448,7 +461,7 @@ var PhoneAutocompleteUI = function PhoneAutocompleteUI(props) {
     },
     color: "primary"
   }, t('CONTINUE', 'Continue'))))))), /*#__PURE__*/_react.default.createElement(_styles.ImageWrapper, {
-    bgimage: theme === null || theme === void 0 || (_theme$images4 = theme.images) === null || _theme$images4 === void 0 || (_theme$images4 = _theme$images4.general) === null || _theme$images4 === void 0 ? void 0 : _theme$images4.phoneHero
+    bgimage: theme === null || theme === void 0 || (_theme$images5 = theme.images) === null || _theme$images5 === void 0 || (_theme$images5 = _theme$images5.general) === null || _theme$images5 === void 0 ? void 0 : _theme$images5.phoneHero
   })), /*#__PURE__*/_react.default.createElement(_Modal.Modal, {
     open: openModal.signup,
     width: "80%",

package/_modules/themes/five/src/components/BusinessesListing/layouts/OriginalBusinessesListing/index.js

@@ -53,7 +53,7 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var PIXELS_TO_SCROLL = 300;
 var BusinessesListingUI = function BusinessesListingUI(props) {
-  var _orderState$options, _citiesState$cities, _ref, _theme$business_listi, _orderState$options2, _theme$business_listi2, _theme$business_listi3, _theme$business_listi4, _theme$business_listi5, _theme$business_listi6, _theme$business_listi7, _businessesList$busin, _theme$header, _orderState$options3, _orderState$options4, _configs$order_types_, _businessesList$busin4, _orderState$options8, _orderState$options10, _configs$business_lis, _configs$business_lis2, _configs$business_lis3, _theme$images2, _theme$business_listi8, _orderState$options13, _theme$images3, _theme$images4, _configs$business_lis4, _theme$images5, _theme$business_listi9, _citiesState$cities5, _citiesState$cities6, _orderState$options15, _configs$advanced_bus2, _citiesState$cities7, _citiesState$cities8, _orderState$options17, _businessesList$busin6, _businessesList$busin7, _orderState$options20;
+  var _orderState$options, _citiesState$cities, _ref, _theme$business_listi, _orderState$options2, _theme$business_listi2, _theme$business_listi3, _theme$business_listi4, _theme$business_listi5, _theme$business_listi6, _theme$business_listi7, _businessesList$busin, _theme$header, _orderState$options3, _orderState$options4, _configs$order_types_, _businessesList$busin4, _orderState$options8, _orderState$options10, _configs$business_lis, _configs$business_lis2, _configs$business_lis3, _theme$images2, _theme$business_listi8, _orderState$options13, _theme$images3, _theme$images4, _theme$images5, _configs$business_lis4, _theme$images6, _theme$business_listi9, _citiesState$cities5, _citiesState$cities6, _orderState$options15, _configs$advanced_bus2, _citiesState$cities7, _citiesState$cities8, _orderState$options17, _businessesList$busin6, _businessesList$busin7, _orderState$options20;
   var businessesList = props.businessesList,
     paginationProps = props.paginationProps,
     searchValue = props.searchValue,
@@ -72,7 +72,8 @@ var BusinessesListingUI = function BusinessesListingUI(props) {
     actualSlug = props.actualSlug,
     orderTypes = props.orderTypes;
   var allOrderTypes = [1, 2, 3, 4, 5];
-  var pickupTypes = [2, 3, 4, 5];
+  var pickupTypes = [2, 4, 5];
+  var eatInType = 3;
   var _useLanguage = (0, _orderingComponentsExternal.useLanguage)(),
     _useLanguage2 = _slicedToArray(_useLanguage, 2),
     t = _useLanguage2[1];
@@ -125,10 +126,10 @@ var BusinessesListingUI = function BusinessesListingUI(props) {
     _useState14 = _slicedToArray(_useState13, 2),
     hasHighRatedBusiness = _useState14[0],
     setHasHighRatedBusiness = _useState14[1];
-  var _useState15 = (0, _react.useState)(pickupTypes.includes(orderState === null || orderState === void 0 || (_orderState$options = orderState.options) === null || _orderState$options === void 0 ? void 0 : _orderState$options.type)),
+  var _useState15 = (0, _react.useState)(orderState === null || orderState === void 0 || (_orderState$options = orderState.options) === null || _orderState$options === void 0 ? void 0 : _orderState$options.type),
     _useState16 = _slicedToArray(_useState15, 2),
-    isPickupSelected = _useState16[0],
-    setIsPickupSelected = _useState16[1];
+    orderTypeSelected = _useState16[0],
+    setOrderTypeSelected = _useState16[1];
   var userCustomer = JSON.parse(window.localStorage.getItem('user-customer'));
   var _useState17 = (0, _react.useState)([]),
     _useState18 = _slicedToArray(_useState17, 2),
@@ -227,9 +228,7 @@ var BusinessesListingUI = function BusinessesListingUI(props) {
   var handleChangeType = function handleChangeType(value) {
     if (!(orderState !== null && orderState !== void 0 && orderState.loading)) {
       changeType(value);
-      if (value === 1) {
-        setIsPickupSelected(false);
-      }
+      setOrderTypeSelected(value);
     }
   };
   var handleChangeToPickup = function handleChangeToPickup() {
@@ -238,7 +237,7 @@ var BusinessesListingUI = function BusinessesListingUI(props) {
       return (configTypes === null || configTypes === void 0 ? void 0 : configTypes.includes(type.value)) && type.value !== 1;
     })) === null || _orderTypes$find === void 0 ? void 0 : _orderTypes$find.value;
     handleChangeType(firstEnabledPickupType);
-    setIsPickupSelected(true);
+    setOrderTypeSelected(firstEnabledPickupType);
   };
   (0, _react.useEffect)(function () {
     if (preorderBusiness) setIsPreorder(true);
@@ -273,13 +272,11 @@ var BusinessesListingUI = function BusinessesListingUI(props) {
   }, [citiesState, orderState === null || orderState === void 0 || (_orderState$options8 = orderState.options) === null || _orderState$options8 === void 0 ? void 0 : _orderState$options8.city_id]);
   (0, _react.useEffect)(function () {
     var _orderState$options9;
-    if (pickupTypes.includes(orderState === null || orderState === void 0 || (_orderState$options9 = orderState.options) === null || _orderState$options9 === void 0 ? void 0 : _orderState$options9.type) && isCustomerMode) {
-      setIsPickupSelected(true);
-    }
+    setOrderTypeSelected(orderState === null || orderState === void 0 || (_orderState$options9 = orderState.options) === null || _orderState$options9 === void 0 ? void 0 : _orderState$options9.type);
   }, [orderState === null || orderState === void 0 || (_orderState$options10 = orderState.options) === null || _orderState$options10 === void 0 ? void 0 : _orderState$options10.type]);
   var OrderTypesComponent = function OrderTypesComponent() {
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, orderTypes && (configTypes ? orderTypes.filter(function (type) {
-      return (configTypes === null || configTypes === void 0 ? void 0 : configTypes.includes(type.value)) && type.value !== 1;
+      return (configTypes === null || configTypes === void 0 ? void 0 : configTypes.includes(type.value)) && pickupTypes.includes(type === null || type === void 0 ? void 0 : type.value);
     }) : orderTypes).map(function (item, i) {
       var _orderState$options11, _orderState$options12;
       return /*#__PURE__*/_react.default.createElement(_Buttons.Button, {
@@ -331,9 +328,9 @@ var BusinessesListingUI = function BusinessesListingUI(props) {
       return handleChangeType(1);
     },
     disabled: orderState === null || orderState === void 0 ? void 0 : orderState.loading,
-    activated: !isPickupSelected
+    activated: orderTypeSelected === 1
   }, /*#__PURE__*/_react.default.createElement(_styles.IconTypeButton, {
-    activated: !isPickupSelected
+    activated: orderTypeSelected === 1
   }, /*#__PURE__*/_react.default.createElement("img", {
     src: theme === null || theme === void 0 || (_theme$images3 = theme.images) === null || _theme$images3 === void 0 || (_theme$images3 = _theme$images3.general) === null || _theme$images3 === void 0 ? void 0 : _theme$images3.deliveryIco,
     width: 20,
@@ -342,24 +339,38 @@ var BusinessesListingUI = function BusinessesListingUI(props) {
     return pickupTypes.includes(type);
   }) && /*#__PURE__*/_react.default.createElement(_styles.TypeButton, {
     disabled: orderState === null || orderState === void 0 ? void 0 : orderState.loading,
-    activated: isPickupSelected,
+    activated: pickupTypes.includes(orderTypeSelected),
     onClick: function onClick() {
       return handleChangeToPickup();
     }
   }, /*#__PURE__*/_react.default.createElement(_styles.IconTypeButton, {
-    activated: isPickupSelected
+    activated: pickupTypes.includes(orderTypeSelected)
   }, /*#__PURE__*/_react.default.createElement("img", {
     src: theme === null || theme === void 0 || (_theme$images4 = theme.images) === null || _theme$images4 === void 0 || (_theme$images4 = _theme$images4.general) === null || _theme$images4 === void 0 ? void 0 : _theme$images4.pickupIco,
     width: 22,
     height: 22
-  })), /*#__PURE__*/_react.default.createElement("p", null, t('PICKUP', 'Pickup')))), isPickupSelected && /*#__PURE__*/_react.default.createElement(_styles.TypesWrapper, null, /*#__PURE__*/_react.default.createElement("p", null, t('WHAT_PICKUP_YOU_NEED', 'What kind of pickup do you need?')), /*#__PURE__*/_react.default.createElement(_styles.AdditionalTypesContainer, null, /*#__PURE__*/_react.default.createElement(OrderTypesComponent, null)))), !isCustomerMode && /*#__PURE__*/_react.default.createElement(_OrderProgress.OrderProgress, {
+  })), /*#__PURE__*/_react.default.createElement("p", null, t('PICKUP', 'Pickup'))), configTypes.some(function (type) {
+    return eatInType === type;
+  }) && /*#__PURE__*/_react.default.createElement(_styles.TypeButton, {
+    disabled: orderState === null || orderState === void 0 ? void 0 : orderState.loading,
+    activated: orderTypeSelected === 3,
+    onClick: function onClick() {
+      return handleChangeType(3);
+    }
+  }, /*#__PURE__*/_react.default.createElement(_styles.IconTypeButton, {
+    activated: orderTypeSelected === 3
+  }, /*#__PURE__*/_react.default.createElement("img", {
+    src: theme === null || theme === void 0 || (_theme$images5 = theme.images) === null || _theme$images5 === void 0 || (_theme$images5 = _theme$images5.general) === null || _theme$images5 === void 0 ? void 0 : _theme$images5.eatinIco,
+    width: 22,
+    height: 22
+  })), /*#__PURE__*/_react.default.createElement("p", null, t('EAT_IN', 'Eat in')))), pickupTypes.includes(orderTypeSelected) && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("p", null, t('WHAT_PICKUP_YOU_NEED', 'What kind of pickup do you need?')), /*#__PURE__*/_react.default.createElement(_styles.AdditionalTypesContainer, null, /*#__PURE__*/_react.default.createElement(OrderTypesComponent, null)))), !isCustomerMode && /*#__PURE__*/_react.default.createElement(_OrderProgress.OrderProgress, {
     isChew: isChew,
     franchiseId: props.franchiseId,
     userCustomerId: userCustomer === null || userCustomer === void 0 ? void 0 : userCustomer.id,
     asDashboard: isCustomerMode,
     isCustomerMode: isCustomerMode
   }), (configs === null || configs === void 0 || (_configs$business_lis4 = configs.business_listing_hide_image) === null || _configs$business_lis4 === void 0 ? void 0 : _configs$business_lis4.value) !== '1' && isChew && /*#__PURE__*/_react.default.createElement(_styles.BusinessHeroImg, {
-    bgimage: (_theme$images5 = theme.images) === null || _theme$images5 === void 0 || (_theme$images5 = _theme$images5.general) === null || _theme$images5 === void 0 ? void 0 : _theme$images5.businessHero,
+    bgimage: (_theme$images6 = theme.images) === null || _theme$images6 === void 0 || (_theme$images6 = _theme$images6.general) === null || _theme$images6 === void 0 ? void 0 : _theme$images6.businessHero,
     height: theme === null || theme === void 0 || (_theme$business_listi9 = theme.business_listing_view) === null || _theme$business_listi9 === void 0 || (_theme$business_listi9 = _theme$business_listi9.components) === null || _theme$business_listi9 === void 0 || (_theme$business_listi9 = _theme$business_listi9.business_hero) === null || _theme$business_listi9 === void 0 || (_theme$business_listi9 = _theme$business_listi9.style) === null || _theme$business_listi9 === void 0 ? void 0 : _theme$business_listi9.height
   }), isCustomerMode && !hidePreviousOrders && !businessesList.loading && /*#__PURE__*/_react.default.createElement(_OrdersSection.OrdersSection, {
     titleContent: t('PREVIOUS_ORDERS', 'Previous orders'),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ordering-ui-external",
-  "version": "14.1.34",
+  "version": "14.1.35",
   "description": "Ordering UI Components",
   "main": "./_modules/index.js",
   "exports": {
@@ -88,7 +88,7 @@
     "lodash": "^4.17.19",
     "moment": "^2.29.4",
     "nanoid": "^4.0.0",
-    "ordering-components-external": "13.0.35",
+    "ordering-components-external": "13.0.36",
     "payment": "^2.4.6",
     "polished": "^3.6.6",
     "react-bootstrap-icons": "^1.7.2",

package/src/themes/callcenterOriginal/src/components/PhoneAutocomplete/index.js

@@ -59,7 +59,8 @@ const PhoneAutocompleteUI = (props) => {
     getUsers
   } = props
   const allOrderTypes = [1, 2, 3, 4, 5]
-  const pickupTypes = [2, 3, 4, 5]
+  const pickupTypes = [2, 4, 5]
+  const eatInType = 3
   const [orderState, { changeType }] = useOrder()
   const [, t] = useLanguage()
   const theme = useTheme()
@@ -69,7 +70,7 @@ const PhoneAutocompleteUI = (props) => {
   const [alertState, setAlertState] = useState({ open: false, content: [] })
   const [isOpenUserData, setIsOpenUserData] = useState(false)
   const [isAddressFormOpen, setIsAddressFormOpen] = useState(false)
-  const [isPickupSelected, setIsPickupSelected] = useState(pickupTypes.includes(orderState?.options?.type))
+  const [orderTypeSelected, setOrderTypeSelected] = useState(orderState?.options?.type)
   const userCustomer = JSON.parse(window.localStorage.getItem('user-customer'))
   const [inputValue, setInputValue] = useState(urlPhone ?? userCustomer?.cellphone ?? '')
   const [isSavedAddress, setIsSavedAddress] = useState(false)
@@ -110,9 +111,7 @@ const PhoneAutocompleteUI = (props) => {
   const handleChangeType = (value) => {
     if (!orderState?.loading) {
       changeType(value)
-      if (value === 1) {
-        setIsPickupSelected(false)
-      }
+      setOrderTypeSelected(value)
     }
   }
 
@@ -195,7 +194,7 @@ const PhoneAutocompleteUI = (props) => {
   const handleChangeToPickup = () => {
     const firstEnabledPickupType = orderTypes.find(type => configTypes?.includes(type.value) && type.value !== 1)?.value
     handleChangeType(firstEnabledPickupType)
-    setIsPickupSelected(true)
+    setOrderTypeSelected(firstEnabledPickupType)
   }
 
   const handleDeleteUser = () => {
@@ -275,7 +274,7 @@ const PhoneAutocompleteUI = (props) => {
   }, [urlPhone, customersPhones?.loading])
 
   useEffect(() => {
-    setIsPickupSelected(!!pickupTypes.includes(orderState?.options?.type))
+    setOrderTypeSelected(orderState?.options?.type)
   }, [orderState?.options?.type])
 
   useEffect(() => {
@@ -296,7 +295,7 @@ const PhoneAutocompleteUI = (props) => {
   const OrderTypesComponent = () => {
     return (
       <>
-        {orderTypes && (configTypes ? orderTypes.filter(type => configTypes?.includes(type.value) && type.value !== 1) : orderTypes).map((item, i) => (
+        {orderTypes && (configTypes ? orderTypes.filter(type => configTypes?.includes(type.value) && pickupTypes.includes(type?.value)) : orderTypes).map((item, i) => (
           <Button
             key={item.value}
             onClick={() => handleChangeType(item.value)}
@@ -319,8 +318,8 @@ const PhoneAutocompleteUI = (props) => {
           <Slogan>{t('SUBTITLE_HOME_CALLCENTER', 'Start first by selecting a delivery type')}</Slogan>
           <TypesContainer>
             {configTypes.includes(1) && (
-              <TypeButton onClick={() => handleChangeType(1)} disabled={orderState?.loading} activated={!isPickupSelected}>
-                <IconTypeButton activated={!isPickupSelected}>
+              <TypeButton onClick={() => handleChangeType(1)} disabled={orderState?.loading} activated={orderTypeSelected === 1}>
+                <IconTypeButton activated={orderTypeSelected === 1}>
                   <img
                     src={theme?.images?.general?.deliveryIco}
                     width={20}
@@ -333,10 +332,10 @@ const PhoneAutocompleteUI = (props) => {
             {configTypes.some(type => pickupTypes.includes(type)) && (
               <TypeButton
                 disabled={orderState?.loading}
-                activated={isPickupSelected}
+                activated={pickupTypes.includes(orderTypeSelected)}
                 onClick={() => handleChangeToPickup()}
               >
-                <IconTypeButton activated={isPickupSelected}>
+                <IconTypeButton activated={pickupTypes.includes(orderTypeSelected)}>
                   <img
                     src={theme?.images?.general?.pickupIco}
                     width={22}
@@ -346,8 +345,24 @@ const PhoneAutocompleteUI = (props) => {
                 <p>{t('PICKUP', 'Pickup')}</p>
               </TypeButton>
             )}
+            {configTypes.some(type => eatInType === type) && (
+              <TypeButton
+                disabled={orderState?.loading}
+                activated={orderTypeSelected === 3}
+                onClick={() => handleChangeType(3)}
+              >
+                <IconTypeButton activated={orderTypeSelected === 3}>
+                  <img
+                    src={theme?.images?.general?.eatinIco}
+                    width={22}
+                    height={22}
+                  />
+                </IconTypeButton>
+                <p>{t('EAT_IN', 'Eat in')}</p>
+              </TypeButton>
+            )}
           </TypesContainer>
-          {isPickupSelected && (
+          {pickupTypes.includes(orderTypeSelected) && (
             <>
               <p>{t('WHAT_PICKUP_YOU_NEED', 'What kind of pickup do you need?')}</p>
               <AdditionalTypesContainer>

package/src/themes/five/src/components/BusinessesListing/layouts/OriginalBusinessesListing/index.js

@@ -80,7 +80,8 @@ const BusinessesListingUI = (props) => {
     orderTypes
   } = props
   const allOrderTypes = [1, 2, 3, 4, 5]
-  const pickupTypes = [2, 3, 4, 5]
+  const pickupTypes = [2, 4, 5]
+  const eatInType = 3
   const [, t] = useLanguage()
   const [orderState, { changeCityFilter, changeType }] = useOrder()
   const [{ auth }] = useSession()
@@ -94,7 +95,7 @@ const BusinessesListingUI = (props) => {
   const [isPreorder, setIsPreorder] = useState(false)
   const [preorderBusiness, setPreorderBusiness] = useState(null)
   const [hasHighRatedBusiness, setHasHighRatedBusiness] = useState(true)
-  const [isPickupSelected, setIsPickupSelected] = useState(pickupTypes.includes(orderState?.options?.type))
+  const [orderTypeSelected, setOrderTypeSelected] = useState(orderState?.options?.type)
   const userCustomer = JSON.parse(window.localStorage.getItem('user-customer'))
   const [favoriteIds, setFavoriteIds] = useState([])
   const allCitiesDisabled = citiesState?.cities?.every(city => !city.enabled)
@@ -185,16 +186,14 @@ const BusinessesListingUI = (props) => {
   const handleChangeType = (value) => {
     if (!orderState?.loading) {
       changeType(value)
-      if (value === 1) {
-        setIsPickupSelected(false)
-      }
+      setOrderTypeSelected(value)
     }
   }
 
   const handleChangeToPickup = () => {
     const firstEnabledPickupType = orderTypes.find(type => configTypes?.includes(type.value) && type.value !== 1)?.value
     handleChangeType(firstEnabledPickupType)
-    setIsPickupSelected(true)
+    setOrderTypeSelected(firstEnabledPickupType)
   }
 
   useEffect(() => {
@@ -227,15 +226,13 @@ const BusinessesListingUI = (props) => {
   }, [citiesState, orderState?.options?.city_id])
 
   useEffect(() => {
-    if (pickupTypes.includes(orderState?.options?.type) && isCustomerMode) {
-      setIsPickupSelected(true)
-    }
+    setOrderTypeSelected(orderState?.options?.type)
   }, [orderState?.options?.type])
 
   const OrderTypesComponent = () => {
     return (
       <>
-        {orderTypes && (configTypes ? orderTypes.filter(type => configTypes?.includes(type.value) && type.value !== 1) : orderTypes).map((item, i) => (
+        {orderTypes && (configTypes ? orderTypes.filter(type => configTypes?.includes(type.value) && pickupTypes.includes(type?.value)) : orderTypes).map((item, i) => (
           <Button
             key={item.value}
             onClick={() => handleChangeType(item.value)}
@@ -304,8 +301,8 @@ const BusinessesListingUI = (props) => {
           )}
           <TypesContainer>
             {configTypes.includes(1) && (
-              <TypeButton onClick={() => handleChangeType(1)} disabled={orderState?.loading} activated={!isPickupSelected}>
-                <IconTypeButton activated={!isPickupSelected}>
+              <TypeButton onClick={() => handleChangeType(1)} disabled={orderState?.loading} activated={orderTypeSelected === 1}>
+                <IconTypeButton activated={orderTypeSelected === 1}>
                   <img
                     src={theme?.images?.general?.deliveryIco}
                     width={20}
@@ -318,10 +315,10 @@ const BusinessesListingUI = (props) => {
             {configTypes.some(type => pickupTypes.includes(type)) && (
               <TypeButton
                 disabled={orderState?.loading}
-                activated={isPickupSelected}
+                activated={pickupTypes.includes(orderTypeSelected)}
                 onClick={() => handleChangeToPickup()}
               >
-                <IconTypeButton activated={isPickupSelected}>
+                <IconTypeButton activated={pickupTypes.includes(orderTypeSelected)}>
                   <img
                     src={theme?.images?.general?.pickupIco}
                     width={22}
@@ -331,14 +328,30 @@ const BusinessesListingUI = (props) => {
                 <p>{t('PICKUP', 'Pickup')}</p>
               </TypeButton>
             )}
+            {configTypes.some(type => eatInType === type) && (
+              <TypeButton
+                disabled={orderState?.loading}
+                activated={orderTypeSelected === 3}
+                onClick={() => handleChangeType(3)}
+              >
+                <IconTypeButton activated={orderTypeSelected === 3}>
+                  <img
+                    src={theme?.images?.general?.eatinIco}
+                    width={22}
+                    height={22}
+                  />
+                </IconTypeButton>
+                <p>{t('EAT_IN', 'Eat in')}</p>
+              </TypeButton>
+            )}
           </TypesContainer>
-          {isPickupSelected && (
-            <TypesWrapper>
+          {pickupTypes.includes(orderTypeSelected) && (
+            <>
               <p>{t('WHAT_PICKUP_YOU_NEED', 'What kind of pickup do you need?')}</p>
               <AdditionalTypesContainer>
                 <OrderTypesComponent />
               </AdditionalTypesContainer>
-            </TypesWrapper>
+            </>
           )}
         </>
       )}