@autobusal/operator-routes 1.10.3 → 1.10.5

package/Prices/Browse/Browse.tsx

@@ -54,6 +54,7 @@ const Browse = ({ id, type, data, name, t, onReload }: Props): JSX.Element => {
           id={ id }
           type={ type }
           group={ group }
+          others={ groups.length > 1 }
           name={ name }
           t={ t }
           onReload={ onReload }

package/Prices/Browse/Group.tsx

@@ -3,18 +3,21 @@ import { TFunction } from 'i18next';
 import { useForm } from 'react-hook-form';
 import { BiEditAlt } from 'react-icons/bi';
 import { IoArrowDown } from 'react-icons/io5';
-import { FaRegCopy } from 'react-icons/fa';
+import { FaRegCopy, FaArrowDown } from 'react-icons/fa';
 import { Button } from '@autobusal/common';
 import { Validate, Display, success } from '@autobusal/utilities';
 import { Group as Container, Header, Origin, Country, Tools, Dirty, Copy, Columns, Column, Fill, Row, Destination, Changed } from './styles';
 import { FareColumn, GroupForm, OriginGroup } from '../types';
 import { COLUMNS, field, toForm, toPrices } from '../utilities';
-import { usePostPrices, usePostCopy } from '../services';
+import { usePostPrices, usePostCopy, usePostSpread } from '../services';
 
 interface Props {
   id: number
   type: 'normal' | 'alternate'
   group: OriginGroup
+
+  /** whether the route has more than this one origin - nothing to spread to otherwise */
+  others: boolean
   name: string
   t: TFunction<'normal'>
   onReload: () => void
@@ -35,7 +38,7 @@ interface Props {
  * that changed carry a dot - on a twelve-destination group, pressing Save
  * should not be a guess about what you edited near the top.
  */
-const Group = ({ id, type, group, name, t, onReload }: Props): JSX.Element => {
+const Group = ({ id, type, group, others, name, t, onReload }: Props): JSX.Element => {
   const defaults = useMemo(() => toForm(group.prices), [ group.prices ]);
 
   const { register, handleSubmit, setValue, getValues, reset, formState: { errors, isDirty, dirtyFields } } = useForm<GroupForm>({
@@ -54,6 +57,7 @@ const Group = ({ id, type, group, name, t, onReload }: Props): JSX.Element => {
 
   const { mutate: Save, isPending } = usePostPrices(id, type, name);
   const { mutate: CopyPrices, isPending: copying } = usePostCopy(id, type, name);
+  const { mutate: Spread, isPending: spreading } = usePostSpread(id, type, name);
 
   const city = group.from.city;
 
@@ -76,8 +80,27 @@ const Group = ({ id, type, group, name, t, onReload }: Props): JSX.Element => {
         success(t('prices_manage.messages.saved_group', { city: city.name, ns: 'common' }));
 
         // the values just written are the new baseline, so the group goes
-        // clean without a refetch
+        // clean immediately rather than waiting for the round trip below
         reset(data);
+
+        /*
+         * Claude - 2026-08-30: AND THE CACHE HAS TO FOLLOW, or the next
+         * refetch is a no-op.
+         *
+         * Resetting the form alone left react-query holding the fares from
+         * page load. A later copy writes on the server and refetches - and
+         * if what comes back happens to equal that stale cache, structural
+         * sharing hands back the SAME object reference, the memo does not
+         * recompute, the effect above never fires, and the screen keeps
+         * showing the pre-copy fares while the database holds the copied
+         * ones. Pressing Update then writes the stale figures back over the
+         * copy.
+         *
+         * Measured, not theorised: copied Tirana's first fare over a
+         * destination saved at 99 and watched the row stay at 99 with the
+         * group marked clean, while the table said 50.
+         */
+        onReload();
       }
     });
   };
@@ -96,6 +119,29 @@ const Group = ({ id, type, group, name, t, onReload }: Props): JSX.Element => {
     });
   };
 
+  /**
+   * Hand this origin's fares to every other origin, destination by
+   * destination.
+   *
+   * Claude - 2026-08-30. The confirm spells out what it will do rather than
+   * asking "are you sure": this overwrites every other group on the route and
+   * there is no undo, so the sentence has to be the thing the operator checks
+   * before agreeing, not a formality they click through.
+   */
+  const onSpread = (): void => {
+    if (!window.confirm(t('prices_manage.group.spread_ask', { city: city.name, ns: 'common' }))) {
+      return;
+    }
+
+    Spread({ location_from: group.from.id }, {
+      onSuccess: () => {
+        success(t('prices_manage.messages.spread', { city: city.name, ns: 'common' }));
+
+        onReload();
+      }
+    });
+  };
+
   /**
    * Fill one column down the group from its first destination.
    *
@@ -138,6 +184,18 @@ const Group = ({ id, type, group, name, t, onReload }: Props): JSX.Element => {
               </Copy>
             ) }
 
+            { others && (
+              <Copy
+                type="button"
+                disabled={ spreading }
+                onClick={ onSpread }
+                title={ t('prices_manage.group.spread_hint', { ns: 'common' }) }
+              >
+                <FaArrowDown />
+                { t('prices_manage.group.spread', { ns: 'common' }) }
+              </Copy>
+            ) }
+
             <Button
               type="submit"
               active={ isDirty }

package/Prices/services.ts

@@ -72,6 +72,33 @@ export const usePostPrices = (id: number, type: ('normal' | 'alternate'), name:
   })
 );
 
+/**
+ * Give every other origin this one's fares, matched destination by
+ * destination.
+ *
+ * Claude - 2026-08-30. Not the same question as usePostCopy below: that one
+ * flattens a set of fares to a single figure, this one carries the SHAPE of
+ * an origin across - whatever it charges to Thessaloniki becomes what every
+ * other stop charges to Thessaloniki.
+ */
+export const usePostSpread = (id: number, type: ('normal' | 'alternate'), name: string): UseMutationResult<{ copied: number }, Error, { location_from: number }, unknown> => (
+  useMutation({
+    mutationKey: ['operator-prices-spread', { id, type, name }],
+    mutationFn: async (data: { location_from: number }) => (
+      await apiClient
+        .post('/api/prices/operator/copy-origins', {
+          ...data,
+          id,
+          type,
+          name
+        })
+        .then(response => (
+          response.data
+        ))
+    )
+  })
+);
+
 /**
  * Copy the first fare over the rest.
  *

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@autobusal/operator-routes",
-  "version": "1.10.3",
+  "version": "1.10.5",
   "author": "Ferjolt Ozuni",
   "type": "module",
   "main": "index.ts"