@autobusal/common 1.33.12 → 1.33.14

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # Changelog
 
+## 1.33.14 (2026-08-26)
+
+- ChooseSeat: seat-selection add-on mode - `optional` + `fee` props; unpicked state shows the free-auto note, a made choice gets a back-to-automatic control. Default behaviour (required free pick) unchanged.
+
+## 1.33.13
+
+### Fixed
+
+- **`RouteItem` no longer advertises "From 0.00"**: zero-fare rows are unpriced legs search never sells, so they no longer count toward the cheapest-of figure. (Audit RT-11b.)
+
 ## 1.33.12
 
 ### Added

package/RouteItem/RouteItem.tsx

@@ -25,8 +25,12 @@ const RouteItem = ({ type, route, t }: Props): JSX.Element => {
   // reformatting `adult` itself - the server already applied this label's
   // currency symbol/decimal convention, and re-deriving that here would
   // risk disagreeing with every other price on the site.
-  const cheapest = route.prices.length > 0
-    ? route.prices.reduce((min, price) => (price.adult < min.adult ? price : min))
+  // Claude - 2026-08-22 (audit finding RT-11b): zero-fare rows are
+  // unpriced legs search never sells - see RouteView's matching note.
+  const priced = route.prices.filter(price => price.adult > 0);
+
+  const cheapest = priced.length > 0
+    ? priced.reduce((min, price) => (price.adult < min.adult ? price : min))
     : null;
 
   return (

package/Seats/ChooseSeat.tsx

@@ -6,7 +6,7 @@ import { MdEventSeat } from 'react-icons/md';
 import { Validate } from '@autobusal/utilities';
 import Unavailable from './Unavailable';
 import Preview from './Preview';
-import { ButtonSeat } from './styles';
+import { ButtonSeat, AutoNote, ClearChoice } from './styles';
 import { OccupiedData } from '@autobusal/providers/types/buses';
 import { PersonData } from '@autobusal/providers/types/persons';
 
@@ -17,12 +17,29 @@ interface Props {
   bus: OccupiedData
   picked: number[]
   validation: string
+  /**
+   * Edited: Claude - Date: 2026-08-26
+   *
+   * The seat-selection ADD-ON mode. When the brand sells seat choice
+   * (settings addons.seats.available), picking becomes optional: the
+   * unpicked state is honest ("a seat is assigned automatically, free"),
+   * the call to action carries the fee, and a made choice can be taken
+   * back. When absent, this component behaves exactly as it always has -
+   * a required, free pick - which is what every brand still on the old
+   * model gets.
+   *
+   * `fee` is the DISPLAY string ("1.5 EUR"), already formatted by the
+   * caller; the figure actually charged is the server's own
+   * (obtapi Orders\Make\Addons), never this.
+   */
+  optional?: boolean
+  fee?: string
   t: TFunction<'common'>
   refs: UseFormRegister<PersonData | any>
   onUpdate: (name: string, type: ('from' | 'to'), value: number, previous: number) => void
 }
 
-const ChooseSeat = ({ name, type, defaultValue, bus, picked, validation, t, refs, onUpdate }: Props): JSX.Element => {
+const ChooseSeat = ({ name, type, defaultValue, bus, picked, validation, optional, fee, t, refs, onUpdate }: Props): JSX.Element => {
   const [ show, setShow ] = useState<boolean>(false);
   const [ selected, setSelected ] = useState<number>(defaultValue ?? 0);
 
@@ -41,14 +58,35 @@ const ChooseSeat = ({ name, type, defaultValue, bus, picked, validation, t, refs
     }
   };
 
+  // back to the free automatic assignment - the parent drops the seat from
+  // its picked list and the form value goes to 0, which the order submission
+  // strips entirely (the API auto-assigns absent fields)
+  const onClear = (): void => {
+    onUpdate(name, type, 0, selected);
+
+    setSelected(0);
+  };
+
   return (
     <div>
       <ButtonSeat type="button" $selected={ selected > 0 } onClick={ () => setShow(true) }>
         { selected > 0
           ? <><FaCheck /> { t('seats.chosen', { ns: 'common', number: selected }) }</>
-          : <><MdEventSeat /> { t('seats.choose', { ns: 'common' }) }</> }
+          : <><MdEventSeat /> { (optional && fee)
+              ? t('seats.choose_fee', { ns: 'common', price: fee })
+              : t('seats.choose', { ns: 'common' }) }</> }
       </ButtonSeat>
 
+      { (optional && selected === 0) && (
+        <AutoNote>{ t('seats.auto', { ns: 'common' }) }</AutoNote>
+      ) }
+
+      { (optional && selected > 0) && (
+        <ClearChoice type="button" onClick={ onClear }>
+          { t('seats.clear', { ns: 'common' }) }
+        </ClearChoice>
+      ) }
+
       { (show && bus.bus !== undefined) && (
         <Preview
           bus={ bus.bus }
@@ -66,4 +104,4 @@ const ChooseSeat = ({ name, type, defaultValue, bus, picked, validation, t, refs
   );
 };
 
-export default ChooseSeat;
+export default ChooseSeat;

package/Seats/styles.ts

@@ -25,6 +25,29 @@ export const ButtonSeat = styled.button<{ $selected: boolean }>`
   ` }
 `;
 
+// Edited: Claude - Date: 2026-08-26 - the two states of the seat-selection
+// ADD-ON mode (see ChooseSeat): the honest "you get a seat anyway, free"
+// note under an unpicked button, and the way back out of a paid choice.
+export const AutoNote = styled.div`
+  margin-top: 3px;
+  font-size: ${ props => props.theme.size.xs };
+  color: ${ props => props.theme.font.faded };
+`;
+
+export const ClearChoice = styled.button`
+  margin-top: 3px;
+  padding: 0;
+  font-size: ${ props => props.theme.size.xs };
+  color: ${ props => props.theme.font.faded };
+  background: none;
+  text-decoration: underline;
+  transition: all 0.3s ease;
+
+  &:hover {
+    color: ${ props => props.theme.font.error };
+  }
+`;
+
 export const Seats = styled.div`
   overflow-x: auto;
 `;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@autobusal/common",
-  "version": "1.33.12",
+  "version": "1.33.14",
   "author": "Ferjolt Ozuni",
   "type": "module",
   "main": "index.ts"