@autobusal/routes-order 1.34.4 → 1.34.5

package/CHANGELOG.md

@@ -1,3 +1,7 @@
+## 1.34.5 - 2026-08-30
+
+- A fare a dynamic price rule brought DOWN shows the standard price struck through in red above the one being charged; a rise shows only the price (roadmap P5, ruled by Ferjolt).
+
 ## 1.34.4 - 2026-08-29
 
 - The date strip and the search-again panel WRITE THE SEARCH INTO THE URL, so a refresh keeps the chosen day and a shared link opens the results it was copied from (audit A3-02f).

package/Found/Route/Route.tsx

@@ -8,7 +8,7 @@ import { formatDuration, splitPrice } from '../refine';
 import { Button, RouteFeature, Information, Rating } from '@autobusal/common';
 import { useGetSettings } from '@autobusal/providers/services';
 import { createDate, getDayParts } from '@autobusal/utilities';
-import { Container, ButtonDetails, SpecialOffer, FavoriteStop, Trip, Company, Location, Stop, Iso, Time, Price, Amount, Decimals, Currency, PriceNotice, LinkCompany, CodeCompany, Details, Detail, ButtonPolicy, TitleDetail, FeaturesItems, Leaves, Day, NextDay, Stops, StopsItems, StopRow, StopTime, StopDay, StopBorder } from './styles';
+import { Container, ButtonDetails, SpecialOffer, FavoriteStop, Trip, Company, Location, Stop, Iso, Time, Price, Amount, Decimals, Currency, PriceNotice, LinkCompany, CodeCompany, Details, Detail, ButtonPolicy, TitleDetail, FeaturesItems, Leaves, Day, NextDay, Standard, Stops, StopsItems, StopRow, StopTime, StopDay, StopBorder } from './styles';
 import { FoundData } from '@autobusal/providers/types/routes';
 
 // neutral placeholder so a missing/broken operator logo doesn't render the
@@ -228,6 +228,15 @@ const Route = ({ data, type, date, passengers, t, onSave, children }: Props): JS
         </Location>
 
         <Price>
+          { /* Claude - 2026-08-30 (roadmap P5, ruled by Ferjolt): when a
+               dynamic price rule brought the fare DOWN, the standard fare is
+               shown struck through above the one being charged. A rise shows
+               only the price - the server publishes no `base` for one, so
+               there is nothing here to render by accident. */ }
+          { data.price.base_display && (
+            <Standard>{ data.price.base_display }</Standard>
+          ) }
+
           <Amount>
             { price.whole }
             { price.decimals !== null && <Decimals>{ price.decimals }</Decimals> }

package/Found/Route/styles.ts

@@ -381,6 +381,30 @@ export const Amount = styled.strong`
   font-size: ${ props => props.theme.size.xxl };
 `;
 
+/**
+ * The standard fare, struck through, above the reduced one.
+ *
+ * Claude - 2026-08-30 (roadmap P5, ruled by Ferjolt): "if price drops, to be
+ * displayed the standard fare cut, with a middle line in red, and the actual
+ * price discounted".
+ *
+ * The rule is line-through in the error colour, and the FIGURE is muted rather
+ * than red - a red number beside a black one reads as the price, which is the
+ * opposite of what the strike-through is saying. Only ever rendered when the
+ * server published a base, which it does only for a genuine reduction.
+ */
+export const Standard = styled.span`
+  display: block;
+  margin-bottom: 2px;
+  font-size: ${ props => props.theme.size.s };
+  font-weight: 400;
+  line-height: 1;
+  color: ${ props => props.theme.font.faded };
+  text-decoration: line-through;
+  text-decoration-color: ${ props => props.theme.font.error };
+  text-decoration-thickness: 2px;
+`;
+
 export const Decimals = styled.span`
   margin-left: 1px;
   font-size: ${ props => props.theme.size.s };

package/package.json

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