@autobusal/common 1.21.0 → 1.24.0

package/CHANGELOG.md

@@ -1,11 +1,51 @@
 # Changelog
 
+## 1.24.0
+
+**`Policy` is now `Information`.**
+
+- `Policy` → `Information`, `useGetPolicy` → `useGetInformation`, and the endpoint behind it moves from `/api/routes/policy` to `/api/routes/information`. **Breaking**: update the import.
+- `RouteItem`'s `ReadPolicy` → `ReadInformation`, reading `route_item.information`.
+- Translation keys: `policy.title` → `information.title`, `route_item.policy` → `route_item.information`.
+
+The rename follows the Flexible Ticket model, where what a ticket permits comes from the add-on and the operator's own windows — not from this box.
+
 All notable changes to `@autobusal/common` are documented here. This project follows
 [Keep a Changelog](https://keepachangelog.com/) and [Semantic Versioning](https://semver.org/).
 
 > Note: 1.10.0 through 1.15.1 were published without changelog entries. The
 > gap is left as-is rather than reconstructed after the fact.
 
+## 1.23.0
+
+An unbookable date is inert, not merely faded.
+
+It was dimmed and otherwise fully interactive: the pointer cursor and the
+hover highlight still invited a click, and the click was answered with a
+browser alert saying the date was invalid. The calendar offered a day, let
+somebody reach for it, then told them off for taking the offer.
+
+`pointer-events: none` removes it from the conversation entirely — no cursor
+change, no hover, no click to refuse — alongside the `aria-disabled` and
+`tabIndex=-1` already on the element. Unreachable by mouse, keyboard and
+screen reader alike, and the alert is gone with it.
+
+## 1.22.0
+
+The booking calendar floors on the SERVER's date, not the browser's.
+
+`new Date()` is the buyer's device clock, which says nothing about where they
+are travelling. Somebody in Shanghai at 06:00 on the 5th, looking at an
+Italian coach that does not leave until the evening of the 4th, had that day
+greyed out — while the server would have sold them the seat quite happily. The
+calendar was refusing a sale the API accepted.
+
+It also makes the picker agree with the date strip beside it, which has always
+been built server-side; the two used to disagree about which day came first.
+
+A date of birth keeps the local clock, because that one genuinely is about the
+person in front of the screen.
+
 ## 1.21.0
 
 `reply` joins the table actions with its own icon and label. The operator

package/Calendar/Days.tsx

@@ -19,6 +19,9 @@ const Days = ({ type, value, selected, minDate, onSelected }: Props): JSX.Elemen
     setCalendar(getCalendar(value));
   }, [value]);
 
+  // Edited: Ferjolt Ozuni - Date: 2026-08-03
+  // Only used to mark which cell is "today" visually - the FLOOR comes from
+  // getLimits below, which for a booking picker follows the server.
   const today = prepareDate(new Date());
 
   const limits = getLimits(type);

package/Calendar/Picker.tsx

@@ -19,8 +19,13 @@ const Picker = ({ type, value, selected, minDate, t, onClick }: Props): (JSX.Ele
   const [ prepared, setPrepared ] = useState<string>(value);
 
   const onSelected = (prepared: string, disabled: boolean): void => {
+    // Edited: Ferjolt Ozuni - Date: 2026-08-03
+    // Silently, not with an alert. A disabled day is now inert in CSS as
+    // well (see Day in styles), so this can only be reached by something
+    // focusing the element programmatically - and a control that cannot be
+    // used should not interrupt somebody to say so.
     if (disabled) {
-      return alert(t('general:errors.invalid.date'));
+      return;
     }
 
     onClick(prepared);

package/Calendar/styles.ts

@@ -51,8 +51,26 @@ export const Day = styled.div<{
     color: ${ props => props.theme.primary.normal };
   ` }
 
+  /**
+   * Edited: Ferjolt Ozuni - Date: 2026-08-03
+   *
+   * A date that cannot be booked is INERT, not merely faded.
+   *
+   * It was dimmed and otherwise fully interactive: the pointer cursor and
+   * the hover highlight still invited a click, and the click was answered
+   * with a browser alert saying the date was invalid. So the calendar
+   * offered a day, let somebody reach for it, and then told them off for
+   * taking the offer.
+   *
+   * pointer-events: none removes it from the conversation entirely - no
+   * cursor change, no hover, no click to refuse. Together with the
+   * aria-disabled and tabIndex=-1 already on the element, it is unreachable
+   * by mouse, keyboard and screen reader alike.
+   */
   ${ props => props.$disabled === true && css`
     opacity: .3;
+    cursor: default;
+    pointer-events: none;
   ` }
 
   ${ props => props.$selected && css`

package/Calendar/utilities/settings.ts

@@ -1,8 +1,48 @@
 import { createDate } from '@autobusal/utilities';
 import { CalendarLimit, DatesLimit, CalendarData } from '../types';
 
+/**
+ * The earliest bookable date, as the server reckons it.
+ *
+ * Edited: Ferjolt Ozuni - Date: 2026-08-03
+ *
+ * Set once at startup from the settings payload. A module-level value rather
+ * than a prop threaded through four components: every calendar in the app
+ * wants the same answer, and the alternative was passing it through Picker
+ * and Days to reach the one function that needs it.
+ */
+let serverToday: Date | null = null;
+
+export const setServerToday = (value?: string): void => {
+  if (!value) {
+    return;
+  }
+
+  const [ day, month, year ] = value.split('/').map(Number);
+
+  if (!day || !month || !year) {
+    return;
+  }
+
+  serverToday = new Date(year, month - 1, day, 0, 0, 0, 0);
+};
+
 export const getLimits = (type: ('picker' | 'dob' | 'date')): CalendarLimit => {
-  const today = new Date();
+  // Edited: Ferjolt Ozuni - Date: 2026-08-03
+  //
+  // The BOOKING floor comes from the server; a date of birth does not.
+  //
+  // `new Date()` is the buyer's device clock, which has nothing to do with
+  // where they are travelling: somebody in Shanghai at 06:00 on the 5th
+  // looking at an Italian coach leaving on the evening of the 4th had that
+  // day greyed out, because their phone said it was past. The server would
+  // have sold them the seat; the calendar would not let them ask.
+  //
+  // A date of birth genuinely is about the person in front of the screen,
+  // so that one keeps the local clock.
+  const today = (type === 'picker' && serverToday)
+    ? new Date(serverToday.getTime())
+    : new Date();
 
   today.setHours(0, 0, 0, 0);
 

package/{Policy/Policy.tsx → Information/Information.tsx}

@@ -1,7 +1,7 @@
 import { TFunction } from 'i18next';
 import { sanitizeHtml } from '@autobusal/utilities';
 import Modal from '../Modal/Modal';
-import { useGetPolicy } from './services';
+import { useGetInformation } from './services';
 
 interface Props {
   id: number
@@ -9,20 +9,20 @@ interface Props {
   onClose: () => void
 }
 
-const Policy = ({ id, t, onClose }: Props): JSX.Element => {
-  const { data, isFetching } = useGetPolicy(id);
+const Information = ({ id, t, onClose }: Props): JSX.Element => {
+  const { data, isFetching } = useGetInformation(id);
 
   return (
     <Modal
       loading={ isFetching }
       width={ 750 }
-      title={ t('policy.title') }
+      title={ t('information.title') }
       content={
-        <div dangerouslySetInnerHTML={{ __html: sanitizeHtml(data?.policies) }} />
+        <div dangerouslySetInnerHTML={{ __html: sanitizeHtml(data?.information) }} />
       }
       onClose={ onClose }
     />
   );
 };
 
-export default Policy;
+export default Information;

package/{Policy → Information}/services.ts

@@ -1,13 +1,13 @@
 import { useQuery, UseQueryResult } from '@tanstack/react-query';
 import { apiClient } from '@autobusal/providers';
-import { PolicyData } from '@autobusal/providers/types/routes';
+import { InformationData } from '@autobusal/providers/types/routes';
 
-export const useGetPolicy = (id: number): UseQueryResult<PolicyData> => (
+export const useGetInformation = (id: number): UseQueryResult<InformationData> => (
   useQuery({
-    queryKey: ['route-policy', { id }],
+    queryKey: ['route-information', { id }],
     queryFn: async () => (
       await apiClient
-        .get('/api/routes/policy', {
+        .get('/api/routes/information', {
           params: { id }
         })
         .then(response => (

package/RouteItem/More/More.tsx

@@ -1,5 +1,5 @@
 import { TFunction } from 'i18next';
-import ReadPolicy from './ReadPolicy';
+import ReadInformation from './ReadInformation';
 import Schedule from './Schedule';
 import Transiting from './Transiting';
 import Douane from './Douane';
@@ -25,7 +25,7 @@ const More = ({ route, t }: Props): JSX.Element => (
     </Details>
 
     <Policy>
-      <ReadPolicy id={ route.id } t={ t } />
+      <ReadInformation id={ route.id } t={ t } />
     </Policy>
   </Container>
 );

package/RouteItem/More/{ReadPolicy.tsx → ReadInformation.tsx}

@@ -1,7 +1,7 @@
 import { useState } from 'react';
 import { TFunction } from 'i18next';
 import { IoDocumentText } from 'react-icons/io5';
-import Policy from '../../Policy/Policy';
+import Information from '../../Information/Information';
 import { ButtonPolicy } from './styles';
 
 interface Props {
@@ -9,19 +9,19 @@ interface Props {
   t: TFunction<'public'>
 }
 
-const ReadPolicy = ({ id, t }: Props): JSX.Element => {
+const ReadInformation = ({ id, t }: Props): JSX.Element => {
   const [ view, setView ] = useState<boolean>(false);
 
   return (
     <>
       <ButtonPolicy type="button" onClick={ () => setView(!view) }>
         <IoDocumentText />
-        { t('route_item.policy') }
+        { t('route_item.information') }
       </ButtonPolicy>
 
-      { view && <Policy id={ id } t={ t } onClose={ () => setView(false) } /> }
+      { view && <Information id={ id } t={ t } onClose={ () => setView(false) } /> }
     </>
   );
 };
 
-export default ReadPolicy;
+export default ReadInformation;

package/index.ts

@@ -26,7 +26,8 @@ import Paragraph from './Loading/Paragraph';
 import Passengers from './Passengers/Passengers';
 import Password from './Password/Password';
 import Rating from './Rating/Rating';
-import Policy from './Policy/Policy';
+import { setServerToday } from './Calendar/utilities/settings';
+import Information from './Information/Information';
 import Report from './Report/Report';
 import RouteFeature from './RouteFeature/RouteFeature';
 import Required from './Required/Required';
@@ -75,7 +76,8 @@ export {
   Passengers,
   Password,
   Rating,
-  Policy,
+  setServerToday,
+  Information,
   Report,
   RouteFeature,
   Required,

package/package.json

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