@autobusal/routes-order 1.38.0 → 1.38.2

package/Availability/Availability.tsx

@@ -1,4 +1,5 @@
 import { TFunction } from 'i18next';
+import { Link } from 'react-router-dom';
 import { NextDay } from '../Schedule/styles';
 import { Container, Heading, Lead, Wrap, Table, Time, Faded, Fare, Price, SeatsLeft, Book, Later, More, Updated } from './styles';
 import { LOW_SEATS, Day, Prepared } from './service';
@@ -27,6 +28,31 @@ interface Props {
  */
 export const VISIBLE = 7;
 
+/**
+ * Claude - 2026-09-25 (audit): the API builds each row's `url` for the
+ * partner/assistant feed - absolute, and tagged
+ * utm_source=busmagus-api&utm_medium=assistant. Rendered as-is on our own
+ * pair page, every "Book" click was a full page reload that credited our own
+ * visitors to the assistant channel. On this origin it becomes an in-app
+ * route with those two tags removed; any other origin keeps the plain link.
+ */
+const spaTarget = (url: string): string | null => {
+  try {
+    const parsed = new URL(url, window.location.href);
+
+    if (parsed.origin !== window.location.origin) {
+      return null;
+    }
+
+    parsed.searchParams.delete('utm_source');
+    parsed.searchParams.delete('utm_medium');
+
+    return parsed.pathname + parsed.search;
+  } catch {
+    return null;
+  }
+};
+
 /**
  * Real departures on real dates, for the next thirty days.
  *
@@ -113,7 +139,15 @@ const Availability = ({ id, data, t }: Props): JSX.Element => {
           </td>
 
           <td>
-            { row.url ? <Book href={ row.url }>{ t('routes_order.availability.book') }</Book> : null }
+            { row.url
+              ? (() => {
+                const to = spaTarget(row.url);
+
+                return to
+                  ? <Book as={ Link } to={ to }>{ t('routes_order.availability.book') }</Book>
+                  : <Book href={ row.url }>{ t('routes_order.availability.book') }</Book>;
+              })()
+              : null }
           </td>
         </tr>
       )) }

package/Found/Dates/Dates.tsx

@@ -176,6 +176,8 @@ const Dates = ({ type, step1, t, onSearch }: Props): JSX.Element => {
           size="small"
           noMargin
           text={ <AiOutlineCaretLeft /> }
+          // Claude - 2026-09-25 (audit): icon-only, so name it for screen readers
+          ariaLabel={ t('routes_order.step2.dates.previous') }
           onClick={ onPrevious }
         />
 
@@ -186,6 +188,7 @@ const Dates = ({ type, step1, t, onSearch }: Props): JSX.Element => {
           size="small"
           noMargin
           text={ <AiOutlineCaretRight /> }
+          ariaLabel={ t('routes_order.step2.dates.next') }
           onClick={ onNext }
         />
       </Inner>

package/RoutesOrder.tsx

@@ -432,7 +432,10 @@ const RoutesOrder = ({ t }: Props): JSX.Element => {
         <Step1
           value={ step1 }
           redirected={ redirected }
-          heading={ subject ? 'h2' : 'h1' }
+          // Claude - 2026-09-25 (audit): not a heading at all on the pair page -
+          // as an h2 it still sat ABOVE the facts h1, so the document outline
+          // opened on a second-level heading (an icon plus "Search Schedules")
+          heading={ subject ? 'div' : 'h1' }
           t={ t }
           onSave={ onStep1 }
         />

package/Step1/Step1.tsx

@@ -22,8 +22,12 @@ interface Props {
    * /bus-lines/{from}/{to} page named "Search Schedules" to crawlers and
    * screen readers alike. RoutesOrder decides, because it is the one place
    * that knows whether the facts block is going to render.
+   *
+   * Claude - 2026-09-25 (audit): 'div' added - the pair page's form label is
+   * no heading at all now (an h2 before the page's h1 broke the outline);
+   * Title carries the heading look itself so it renders the same.
    */
-  heading?: 'h1' | 'h2'
+  heading?: 'h1' | 'h2' | 'div'
   t: TFunction<'common'>
   onSave: (data: RoutesSearchForm) => void
 }

package/Step5/Billing/Billing.tsx

@@ -180,6 +180,24 @@ const Billing = ({ errors, t, refs, only }: Props): JSX.Element => {
         </div>
       ) }
 
+      { /* Claude - 2026-09-25 (Ferjolt): a PRIVATE buyer's identification for
+           the fiscal invoice - a company is identified by its VAT number
+           below, a person by a personal ID number; without one the first
+           passenger's passport stands in, so it stays optional. */ }
+      { asked('bill_company') && !company && (
+        <div className="row">
+          <label htmlFor={ id('bill_id_number') }>{ t('routes_order.step5.billing.id_number') }</label>
+
+          <input type="text" id={ id('bill_id_number') } { ...refs('bill_id_number', Validate('max_length:50', t)) } />
+
+          <NoticeEmail>
+            <AiOutlineInfoCircle /> { t('routes_order.step5.billing.id_number_info') }
+          </NoticeEmail>
+
+          { Display(errors.bill_id_number) }
+        </div>
+      ) }
+
       { asked('bill_company') && company && (
         <div className="column">
           <div className="row">

package/package.json

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

package/services.ts

@@ -241,7 +241,12 @@ export const usePostOrder = (
 
       if (data !== undefined) {
         Object.keys(data).forEach(index => {
-          order[index] = data[index as keyof typeof data];
+          const value = data[index as keyof typeof data];
+
+          // an optional billing field the buyer left out is not sent at all
+          if (value !== undefined) {
+            order[index] = value;
+          }
         });
       }
 

package/styles.ts

@@ -10,6 +10,15 @@ export const Title = styled.h1`
    * document-outline decision, not a request for a smaller heading.
    */
   font-size: ${ props => props.theme.size.xxl };
+  /*
+   * Claude - 2026-09-25 (audit): the global h1-h6 rules, restated, because
+   * the pair page now renders this as a <div> (not a heading - see Step1's
+   * heading prop) and it must look exactly like the h1 it is elsewhere.
+   */
+  margin: 0 0 20px 0;
+  font-weight: 700;
+  line-height: ${ props => props.theme.lineHeight.title };
+  font-family: ${ props => props.theme.fontFamily.title }, sans-serif;
 `;
 
 export const SubTitle = styled.h3`