@autobusal/routes-order 1.11.3 → 1.13.0

package/CHANGELOG.md

@@ -6,6 +6,25 @@ All notable changes to this package are documented here. This project follows
 > Note: 1.8.0 was published without a changelog entry. The gap is left as-is
 > rather than reconstructed after the fact.
 
+## 1.13.0
+
+The operator's rating on each result card. The operator's rather than the
+route's: a single route rarely has enough published reviews to clear the
+display threshold, and a card with a rating beats one without.
+
+## [1.12.0] - 2026-08-01
+
+### Removed
+
+- **The Booking.com hotel banner.** It was unmounted from `Found` earlier on
+  2026-08-01 for sitting between the date strip and the trips - advertising a
+  hotel to somebody still deciding whether they can travel at all - and the
+  component is now deleted rather than kept dormant. It was never an
+  integration, only a hand-built `searchresults.xu.html` link built from
+  `city.booking_id`; leaving the component, the column and its admin field in
+  place made it look like one. The `routes_order.step2.booking` strings and
+  the `s-ec.bstatic.com` CSP entry go with it.
+
 ## [1.11.1] - 2026-08-01
 
 ### Changed

package/Found/Found.tsx

@@ -90,12 +90,14 @@ const Found = ({ type, loading, data, step1, preferredStop, t, onSearch, onSave
       <Dates type={ type } step1={ step1 } t={ t } onSearch={ onSearch } />
 
       { /* Edited: Ferjolt Ozuni - Date: 2026-08-01
-           The Booking.com banner is gone from the results. It sat between
-           the date strip and the trips, pushing the actual results below
-           it and advertising a hotel to somebody still deciding whether
-           they can travel at all. The component is kept, unused, so the
-           affiliate placement can be reinstated somewhere it does not
-           interrupt the search. */ }
+           The Booking.com banner used to sit here, between the date strip
+           and the trips, pushing the actual results below it to advertise a
+           hotel to somebody still deciding whether they can travel at all.
+           It was unmounted earlier today and the component is now removed
+           outright, along with cities.booking_id - it was never really an
+           integration, just a hand-built searchresults.xu.html link, and
+           leaving the column and its admin field behind made it look like
+           one. */ }
 
       { showControls && (
         <>

package/Found/Route/Route.tsx

@@ -4,7 +4,7 @@ import { HiOutlineArrowNarrowRight, HiOutlineDocumentText } from 'react-icons/hi
 import { BiHourglass } from 'react-icons/bi';
 import { RiBus2Line } from 'react-icons/ri';
 import { formatDuration, splitPrice } from '../refine';
-import { Button, RouteFeature, Policy } from '@autobusal/common';
+import { Button, RouteFeature, Policy, Rating } from '@autobusal/common';
 import { Container, SpecialOffer, FavoriteStop, Trip, Company, Location, Stop, Iso, Time, Price, Amount, Decimals, Currency, PriceNotice, LinkCompany, Details, Detail, ButtonPolicy, TitleDetail, LinkRoute, FeaturesItems } from './styles';
 import { FoundData } from '@autobusal/providers/types/routes';
 
@@ -55,6 +55,14 @@ const Route = ({ data, type, passengers, t, onSave, children }: Props): JSX.Elem
       <Trip>
         <Company>
           <LinkCompany to={ bookOnUrl ?? data.operator.link } target="_blank" rel="noopener noreferrer" title={ data.operator.company }><img src={ data.operator.logo_url || LOGO_FALLBACK } onError={ (e) => { e.currentTarget.onerror = null; e.currentTarget.src = LOGO_FALLBACK; } } alt={ data.operator.company } /></LinkCompany>
+
+          { /* Edited: Ferjolt Ozuni - Date: 2026-08-03
+               The OPERATOR's rating rather than this route's: a single route
+               rarely has enough published reviews to clear the display
+               threshold, and a card with a rating beats one without. Renders
+               nothing when there is no rating yet, which is why a brand-new
+               operator does not look like a badly rated one. */ }
+          <Rating rating={ data.operator.rating } size="small" t={ t } />
         </Company>
 
         <Location>

package/Found/Route/styles.ts

@@ -63,6 +63,17 @@ export const Trip = styled.div`
 export const Company = styled.div`
   flex-basis: 100%;
 
+  /**
+   * Edited: Ferjolt Ozuni - Date: 2026-08-03
+   * A column now, because the operator's rating sits under the logo. Left
+   * as a bare block it would have laid the stars out beside the logo and
+   * eaten the 185px this cell gets on desktop.
+   */
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  align-items: flex-start;
+
   @media (min-width: 1024px) {
     flex: 0 0 185px;
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@autobusal/routes-order",
-  "version": "1.11.3",
+  "version": "1.13.0",
   "author": "Ferjolt Ozuni",
   "type": "module",
   "main": "index.ts"

package/Found/Booking/Booking.tsx

@@ -1,61 +0,0 @@
-import { TFunction } from 'i18next';
-import { createDate } from '@autobusal/utilities';
-import { Container, About, LinkBooking } from './styles';
-import { RoutesSearchForm } from '@autobusal/routes-search/types';
-import { FoundData } from '@autobusal/providers/types/routes';
-import { useGetSettings } from '@autobusal/providers/services';
-
-interface Props {
-  data?: FoundData[]
-  step1: RoutesSearchForm
-  t: TFunction<'public'>
-}
-
-const Booking = ({ data, step1, t }: Props): (JSX.Element | null) => {
-  const { data: settings } = useGetSettings();
-
-  if (data === undefined || data?.length === 0) {
-    return null;
-  }
-
-  const destination = data[0].locations.to;
-
-  // stop if no booking city
-  if (destination.city.booking_id === undefined) {
-    return null;
-  }
-
-  // stop if no booking id
-  if (settings.preferences.bookingID === undefined) {
-    return null;
-  }
-
-  const from = createDate(step1.departure);
-  const to = getReturnDate(step1._return, from);
-
-  const location = `https://www.booking.com/searchresults.xu.html?city=${ destination.city.booking_id }&aid=&checkin_monthday=${ from.getDate() }&checkin_month=${ from.getMonth() + 1 }&checkin_year=${ from.getFullYear() }&checkout_monthday=${ to.getDate() }&checkout_month=${ to.getMonth() + 1 }&checkout_year=${ to.getFullYear() }&no_rooms=1&group_adults=2&room1=A%2CA`;
-
-  return (
-    <Container>
-      <About>
-        { t('routes_order.step2.booking.title', { location: destination.city.name }) }
-        <img src="https://s-ec.bstatic.com/static/img/b26logo/booking_logo_retina/22615963add19ac6b6d715a97c8d477e8b95b7ea.png" alt="Booking.com" />
-      </About>
-
-      <LinkBooking to={ location } target="_blank" rel="noopener noreferrer">{ t('routes_order.step2.booking.search') }</LinkBooking>
-    </Container>
-  );
-};
-
-const getReturnDate = (_return: (string | undefined), from: Date): Date => {
-  if (_return !== undefined) {
-    return createDate(_return);
-  }
-
-  const to = new Date(from);
-  to.setDate(to.getDate() + 2);
-
-  return to;
-};
-
-export default Booking;

package/Found/Booking/styles.ts

@@ -1,50 +0,0 @@
-import { Link } from 'react-router-dom';
-import styled from 'styled-components';
-
-export const Container = styled.div`
-  display: flex;
-  flex-direction: column;
-  gap: 15px;
-  margin-bottom: 15px;
-  padding: 15px;
-  background: #003580;
-  border-radius: ${ props => props.theme.borderRadius };
-
-  @media (min-width: 480px) {
-    flex-direction: row;
-    align-items: center;
-  }
-`;
-
-export const About = styled.div`
-  color: #FFFFFF;
-  font-weight: 700;
-
-  > img {
-    display: block;
-    width: 110px;
-    margin-top: 6px;
-  }
-`;
-
-export const LinkBooking = styled(Link)`
-  display: inline-block;
-  max-width: 150px;
-  padding: 6px 0;
-  text-align: center;
-  font-weight: 700;
-  color: #333333;
-  background: #FFFFFF;
-  border-radius: 100px;
-  transition: all 0.3s ease;
-
-  &:hover {
-    text-decoration: none;
-    box-shadow: 0 4px 24px 0 rgba(255, 255, 255, 0.5);
-  }
-
-  @media (min-width: 480px) {
-    flex-basis: 150px;
-    margin-left: auto;
-  }
-`;