@mrfylke/contact-form 0.1.10 → 0.1.21

package/lib/lines/use-lines.d.ts

@@ -1,20 +1,19 @@
 import { TransportModeType } from '../types';
 import { Line } from '../server/journey-planner/validators';
-/**
- * Get available transport modes based on config (ferry flag).
- * Returns the standard list ['bus', 'expressboat', 'ferry'] or ['bus', 'expressboat'] if ferry is disabled.
- */
+export declare function getTransportModeOptions(includeFerry: boolean, includeBestillingstransport: boolean): TransportModeType[];
 export declare const useTransportModeOptions: () => TransportModeType[];
+export declare function filterLinesByMode(lines: Line[], transportMode: TransportModeType, includeFerry: boolean): Line[];
 export declare const useLines: () => {
     lines: {
         id: string;
         name: string;
         publicCode: string | null;
-        transportMode: "unknown" | "bus" | "coach" | "rail" | "tram" | "water" | "air" | "foot" | "metro" | "funicular" | "bicycle" | "cableway" | "car" | "lift" | "monorail" | "scooter" | "taxi" | "trolleybus" | "carpool" | "snowAndIce" | null;
-        transportSubmode: "undefined" | "unknown" | "metro" | "funicular" | "lift" | "local" | "SchengenAreaFlight" | "airportBoatLink" | "airportLinkBus" | "airportLinkRail" | "airshipService" | "allFunicularServices" | "allHireVehicles" | "allTaxiServices" | "bikeTaxi" | "blackCab" | "cableCar" | "cableFerry" | "canalBarge" | "carTransportRailService" | "chairLift" | "charterTaxi" | "cityTram" | "communalTaxi" | "commuterCoach" | "crossCountryRail" | "dedicatedLaneBus" | "demandAndResponseBus" | "domesticCharterFlight" | "domesticFlight" | "domesticScheduledFlight" | "dragLift" | "escooter" | "expressBus" | "helicopterService" | "highFrequencyBus" | "highSpeedPassengerService" | "highSpeedRail" | "highSpeedVehicleService" | "hireCar" | "hireCycle" | "hireMotorbike" | "hireVan" | "intercontinentalCharterFlight" | "intercontinentalFlight" | "international" | "internationalCarFerry" | "internationalCharterFlight" | "internationalCoach" | "internationalFlight" | "internationalPassengerFerry" | "interregionalRail" | "localBus" | "localCarFerry" | "localPassengerFerry" | "localTram" | "longDistance" | "miniCab" | "mobilityBus" | "mobilityBusForRegisteredDisabled" | "nationalCarFerry" | "nationalCoach" | "nationalPassengerFerry" | "nightBus" | "nightRail" | "postBoat" | "postBus" | "rackAndPinionRailway" | "railReplacementBus" | "railShuttle" | "railTaxi" | "regionalBus" | "regionalCarFerry" | "regionalCoach" | "regionalPassengerFerry" | "regionalRail" | "regionalTram" | "replacementRailService" | "riverBus" | "roadFerryLink" | "roundTripCharterFlight" | "scheduledFerry" | "schoolAndPublicServiceBus" | "schoolBoat" | "schoolBus" | "schoolCoach" | "shortHaulInternationalFlight" | "shuttleBus" | "shuttleCoach" | "shuttleFerryService" | "shuttleFlight" | "shuttleTram" | "sightseeingBus" | "sightseeingCoach" | "sightseeingFlight" | "sightseeingService" | "sightseeingTram" | "sleeperRailService" | "specialCoach" | "specialNeedsBus" | "specialTrain" | "streetCableCar" | "suburbanRailway" | "telecabin" | "telecabinLink" | "touristCoach" | "touristRailway" | "trainFerry" | "trainTram" | "tube" | "undefinedFunicular" | "urbanRailway" | "waterTaxi" | null;
+        transportMode: "unknown" | "air" | "bus" | "foot" | "bicycle" | "cableway" | "car" | "carpool" | "coach" | "funicular" | "lift" | "metro" | "monorail" | "rail" | "scooter" | "taxi" | "tram" | "trolleybus" | "water" | "snowAndIce" | null;
+        transportSubmode: "undefined" | "unknown" | "funicular" | "lift" | "metro" | "SchengenAreaFlight" | "airportBoatLink" | "airportLinkBus" | "airportLinkRail" | "airshipService" | "allFunicularServices" | "allHireVehicles" | "allTaxiServices" | "bikeTaxi" | "blackCab" | "cableCar" | "cableFerry" | "canalBarge" | "carTransportRailService" | "chairLift" | "charterTaxi" | "cityTram" | "communalTaxi" | "commuterCoach" | "crossCountryRail" | "dedicatedLaneBus" | "demandAndResponseBus" | "domesticCharterFlight" | "domesticFlight" | "domesticScheduledFlight" | "dragLift" | "escooter" | "expressBus" | "helicopterService" | "highFrequencyBus" | "highSpeedPassengerService" | "highSpeedRail" | "highSpeedVehicleService" | "hireCar" | "hireCycle" | "hireMotorbike" | "hireVan" | "intercontinentalCharterFlight" | "intercontinentalFlight" | "international" | "internationalCarFerry" | "internationalCharterFlight" | "internationalCoach" | "internationalFlight" | "internationalPassengerFerry" | "interregionalRail" | "local" | "localBus" | "localCarFerry" | "localPassengerFerry" | "localTram" | "longDistance" | "miniCab" | "mobilityBus" | "mobilityBusForRegisteredDisabled" | "nationalCarFerry" | "nationalCoach" | "nationalPassengerFerry" | "nightBus" | "nightRail" | "postBoat" | "postBus" | "rackAndPinionRailway" | "railReplacementBus" | "railShuttle" | "railTaxi" | "regionalBus" | "regionalCarFerry" | "regionalCoach" | "regionalPassengerFerry" | "regionalRail" | "regionalTram" | "replacementRailService" | "riverBus" | "roadFerryLink" | "roundTripCharterFlight" | "scheduledFerry" | "schoolAndPublicServiceBus" | "schoolBoat" | "schoolBus" | "schoolCoach" | "shortHaulInternationalFlight" | "shuttleBus" | "shuttleCoach" | "shuttleFerryService" | "shuttleFlight" | "shuttleTram" | "sightseeingBus" | "sightseeingCoach" | "sightseeingFlight" | "sightseeingService" | "sightseeingTram" | "sleeperRailService" | "specialCoach" | "specialNeedsBus" | "specialTrain" | "streetCableCar" | "suburbanRailway" | "telecabin" | "telecabinLink" | "touristCoach" | "touristRailway" | "trainFerry" | "trainTram" | "tube" | "undefinedFunicular" | "urbanRailway" | "waterTaxi" | null;
         quays: {
             id: string;
             name: string;
+            description: string | null;
         }[];
     }[] | undefined;
     error: any;

package/lib/lines/use-lines.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-lines.d.ts","sourceRoot":"","sources":["../../src/lines/use-lines.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,sCAAsC,CAAC;AAK5D;;;GAGG;AACH,eAAO,MAAM,uBAAuB,QAAO,iBAAiB,EAQ3D,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;oCA0BoB,iBAAiB,KAAG,IAAI,EAAE;6BAkCjC,MAAM,KAAG,IAAI,CAAC,OAAO,CAAC;CAYvD,CAAC"}
+{"version":3,"file":"use-lines.d.ts","sourceRoot":"","sources":["../../src/lines/use-lines.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,sCAAsC,CAAC;AAK5D,wBAAgB,uBAAuB,CACrC,YAAY,EAAE,OAAO,EACrB,2BAA2B,EAAE,OAAO,GACnC,iBAAiB,EAAE,CAKrB;AAED,eAAO,MAAM,uBAAuB,QAAO,iBAAiB,EAM3D,CAAC;AAsCF,wBAAgB,iBAAiB,CAC/B,KAAK,EAAE,IAAI,EAAE,EACb,aAAa,EAAE,iBAAiB,EAChC,YAAY,EAAE,OAAO,GACpB,IAAI,EAAE,CA6CR;AAED,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;oCAWoB,iBAAiB,KAAG,IAAI,EAAE;6BAUjC,MAAM,KAAG,IAAI,CAAC,OAAO,CAAC;CAYvD,CAAC"}

package/lib/lines/use-lines.js

@@ -4,62 +4,95 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLines = exports.useTransportModeOptions = void 0;
+exports.getTransportModeOptions = getTransportModeOptions;
+exports.filterLinesByMode = filterLinesByMode;
 const immutable_1 = __importDefault(require("swr/immutable"));
 const api_browser_1 = require("../modules/api-browser");
 const config_1 = require("../modules/config");
-/**
- * Get available transport modes based on config (ferry flag).
- * Returns the standard list ['bus', 'expressboat', 'ferry'] or ['bus', 'expressboat'] if ferry is disabled.
- */
+function getTransportModeOptions(includeFerry, includeBestillingstransport) {
+    const modes = ['bus'];
+    if (includeBestillingstransport)
+        modes.push('bestillingstransport');
+    if (includeFerry)
+        modes.push('expressboat', 'ferry');
+    return modes;
+}
 const useTransportModeOptions = () => {
     const { features } = (0, config_1.useContactFormConfig)();
-    const includeFerry = features?.includeFerry !== false; // Default true
-    if (includeFerry) {
-        return ['bus', 'expressboat', 'ferry'];
-    }
-    return ['bus', 'expressboat'];
+    return getTransportModeOptions(features?.includeFerry !== false, features?.includeBestillingstransport === true);
 };
 exports.useTransportModeOptions = useTransportModeOptions;
+const subTransportModesExpressboat = [
+    'highSpeedPassengerService',
+    'highSpeedVehicleService',
+    'sightseeingService',
+    'localPassengerFerry',
+    'internationalPassengerFerry',
+];
+const subTransportModesFerry = [
+    'highSpeedVehicleService',
+    'internationalCarFerry',
+    'localCarFerry',
+    'nationalCarFerry',
+];
+function sortLinesByCode(lines) {
+    return [...lines].sort((a, b) => {
+        if (a.publicCode === null && b.publicCode === null)
+            return a.name.localeCompare(b.name, undefined, {
+                numeric: true,
+                sensitivity: 'base',
+            });
+        if (a.publicCode === null)
+            return 1;
+        if (b.publicCode === null)
+            return -1;
+        const aNum = Number(a.publicCode);
+        const bNum = Number(b.publicCode);
+        if (!isNaN(aNum) && !isNaN(bNum))
+            return aNum - bNum;
+        return a.publicCode.localeCompare(b.publicCode, undefined, {
+            numeric: true,
+            sensitivity: 'base',
+        });
+    });
+}
+function filterLinesByMode(lines, transportMode, includeFerry) {
+    if ((transportMode === 'ferry' || transportMode === 'expressboat') &&
+        !includeFerry) {
+        return [];
+    }
+    switch (transportMode) {
+        case 'bus':
+            return sortLinesByCode(lines.filter((line) => line.transportMode === 'bus'));
+        case 'bestillingstransport':
+            return sortLinesByCode(lines.filter((line) => line.transportMode === 'taxi' ||
+                line.name.toLowerCase().includes('bestillingsrute')));
+        case 'expressboat':
+            return sortLinesByCode(lines.filter((line) => line.transportMode === 'water' &&
+                line.transportSubmode !== null &&
+                subTransportModesExpressboat.includes(line.transportSubmode)));
+        case 'ferry':
+            return sortLinesByCode(lines.filter((line) => line.transportMode === 'water' &&
+                line.transportSubmode !== null &&
+                subTransportModesFerry.includes(line.transportSubmode)));
+        default:
+            return [];
+    }
+}
 const useLines = () => {
     const apiConfig = (0, config_1.useApiConfig)();
-    const { features } = (0, config_1.useContactFormConfig)();
-    const includeFerry = features?.includeFerry !== false; // Default true
+    const { features, lineFilters } = (0, config_1.useContactFormConfig)();
+    const includeFerry = features?.includeFerry !== false;
     const linesEndpoint = apiConfig.endpoints.lines || '/api/contact/lines';
     const { data: lines, error, isLoading, } = (0, immutable_1.default)(linesEndpoint, api_browser_1.swrFetcher);
-    const subTransportModesExpressboat = [
-        'highSpeedPassengerService',
-        'highSpeedVehicleService',
-        'sightseeingService',
-        'localPassengerFerry',
-        'internationalPassengerFerry',
-    ];
-    const subTransportModesFerry = [
-        'highSpeedVehicleService',
-        'internationalCarFerry',
-        'localCarFerry',
-        'nationalCarFerry',
-    ];
     const getLinesByMode = (transportMode) => {
         if (!lines)
             return [];
-        // If ferry is disabled and mode is ferry, return empty array
-        if (transportMode === 'ferry' && !includeFerry) {
-            return [];
-        }
-        switch (transportMode) {
-            case 'bus':
-                return lines.filter((line) => line.transportMode === transportMode);
-            case 'expressboat':
-                return lines.filter((line) => line.transportMode === 'water' &&
-                    line.transportSubmode !== null &&
-                    subTransportModesExpressboat.includes(line.transportSubmode));
-            case 'ferry':
-                return lines.filter((line) => line.transportMode === 'water' &&
-                    line.transportSubmode !== null &&
-                    subTransportModesFerry.includes(line.transportSubmode));
-            default:
-                return [];
-        }
+        const filteredLines = filterLinesByMode(lines, transportMode, includeFerry);
+        const additionalPredicate = lineFilters?.additionalPredicate;
+        if (!additionalPredicate)
+            return filteredLines;
+        return filteredLines.filter((line) => additionalPredicate(line, transportMode));
     };
     const getQuaysByLine = (lineId) => {
         if (!lines)

package/lib/lost-property/LostPropertyForm.d.ts

@@ -0,0 +1,10 @@
+import type { LostPropertyContext, LostPropertyEvent } from './LostPropertyMachine';
+type LostPropertyFormProps = {
+    state: {
+        context: LostPropertyContext;
+    };
+    send: (event: LostPropertyEvent) => void;
+};
+export default function LostPropertyForm({ state, send, }: LostPropertyFormProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=LostPropertyForm.d.ts.map

package/lib/lost-property/LostPropertyForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LostPropertyForm.d.ts","sourceRoot":"","sources":["../../src/lost-property/LostPropertyForm.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EACV,mBAAmB,EACnB,iBAAiB,EAClB,MAAM,uBAAuB,CAAC;AAE/B,KAAK,qBAAqB,GAAG;IAC3B,KAAK,EAAE;QAAE,OAAO,EAAE,mBAAmB,CAAA;KAAE,CAAC;IACxC,IAAI,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;CAC1C,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,KAAK,EACL,IAAI,GACL,EAAE,qBAAqB,2CAqOvB"}

package/lib/lost-property/LostPropertyForm.js

@@ -0,0 +1,65 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = LostPropertyForm;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const translations_1 = require("../translations");
+const use_lines_1 = require("../lines/use-lines");
+const components_1 = require("../components");
+const typography_1 = require("../components/typography");
+function LostPropertyForm({ state, send, }) {
+    const PageText = (0, translations_1.usePageText)();
+    const { t } = (0, translations_1.useTranslation)();
+    const { getLinesByMode, getQuaysByLine } = (0, use_lines_1.useLines)();
+    const transportModeOptions = (0, use_lines_1.useTransportModeOptions)();
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(typography_1.Typo.p, { textType: "body__m", children: t(PageText.Contact.lostAndFound.info) }), (0, jsx_runtime_1.jsxs)(components_1.Fieldset, { title: t(PageText.Contact.lostAndFound.about.title), children: [(0, jsx_runtime_1.jsx)(components_1.Select, { id: "transportMode", label: t(PageText.Contact.input.transportMode.label), value: state.context.transportMode || '', onChange: (value) => send({
+                            type: 'ON_TRANSPORTMODE_CHANGE',
+                            value: value,
+                        }), isRequired: true, error: state.context.errorMessages['transportMode']?.[0]
+                            ? t(state.context.errorMessages['transportMode']?.[0])
+                            : undefined, valueToId: (val) => val, valueToText: (val) => t(PageText.Contact.input.transportMode.modes[val]), options: transportModeOptions, placeholder: t(PageText.Contact.input.transportMode.optionLabel) }), (0, jsx_runtime_1.jsx)(components_1.SearchableSelect, { id: "line", label: t(PageText.Contact.input.line.label), value: state.context.line, placeholder: t(PageText.Contact.input.line.optionLabel), isDisabled: !state.context.transportMode, options: (0, components_1.getLineOptions)(getLinesByMode(state.context.transportMode)), onChange: (value) => {
+                            send({ type: 'ON_LINE_CHANGE', value });
+                        }, isRequired: true, error: state.context.errorMessages['line']?.[0]
+                            ? t(state.context.errorMessages['line']?.[0])
+                            : undefined }), (0, jsx_runtime_1.jsx)(components_1.SearchableSelect, { id: "fromStop", label: t(PageText.Contact.input.fromStop.label), value: state.context.fromStop, isDisabled: !state.context.line, onChange: (value) => {
+                            send({ type: 'ON_INPUT_CHANGE', inputName: 'fromStop', value });
+                        }, options: (0, components_1.getStopOptions)(getQuaysByLine(state.context.line?.id ?? '')), placeholder: t(PageText.Contact.input.fromStop.optionLabel), isRequired: true, error: state.context.errorMessages['fromStop']?.[0]
+                            ? t(state.context.errorMessages['fromStop']?.[0])
+                            : undefined }), (0, jsx_runtime_1.jsx)(components_1.SearchableSelect, { id: "toStop", label: t(PageText.Contact.input.toStop.label), value: state.context.toStop, isDisabled: !state.context.line, onChange: (value) => {
+                            send({ type: 'ON_INPUT_CHANGE', inputName: 'toStop', value });
+                        }, options: (0, components_1.getStopOptions)(getQuaysByLine(state.context.line?.id ?? '')), placeholder: t(PageText.Contact.input.toStop.optionLabel), isRequired: true, error: state.context.errorMessages['toStop']?.[0]
+                            ? t(state.context.errorMessages['toStop']?.[0])
+                            : undefined }), (0, jsx_runtime_1.jsx)(components_1.DateSelector, { id: "date", label: t(PageText.Contact.input.date.label), isRequired: true, value: state.context.date, onChange: (date) => send({ type: 'ON_INPUT_CHANGE', inputName: 'date', value: date }), errorMessage: state.context.errorMessages['date']?.[0] }), (0, jsx_runtime_1.jsx)(components_1.DepartureTimeField, { date: state.context.date, lineId: state.context.line?.id, fromStopId: state.context.fromStop?.id, toStopId: state.context.toStop?.id, selectedTripId: state.context.tripId, plannedDepartureTime: state.context.plannedDepartureTime, onChange: (time, tripId) => {
+                            send({
+                                type: 'ON_INPUT_CHANGE',
+                                inputName: 'plannedDepartureTime',
+                                value: time,
+                            });
+                            send({
+                                type: 'ON_INPUT_CHANGE',
+                                inputName: 'tripId',
+                                value: tripId,
+                            });
+                        }, isRequired: true, errorMessage: state.context.errorMessages['plannedDepartureTime']?.[0] })] }), (0, jsx_runtime_1.jsx)(components_1.Fieldset, { title: t(PageText.Contact.lostAndFound.itemDescription.title), isRequired: true, children: (0, jsx_runtime_1.jsx)(components_1.Textarea, { id: "feedback", value: state.context.feedback || '', onChange: (e) => send({
+                        type: 'ON_INPUT_CHANGE',
+                        inputName: 'feedback',
+                        value: e.target.value,
+                    }), error: state.context.errorMessages['feedback']?.[0]
+                        ? t(state.context.errorMessages['feedback']?.[0])
+                        : undefined }) }), (0, jsx_runtime_1.jsxs)(components_1.Fieldset, { title: t(PageText.Contact.lostAndFound.contactInfo.title), isRequired: true, children: [(0, jsx_runtime_1.jsx)(components_1.Input, { id: "firstName", label: t(PageText.Contact.input.firstName.label), type: "text", name: "firstName", isRequired: true, value: state.context.firstName || '', errorMessage: state.context.errorMessages['firstName']?.[0], onChange: (e) => send({
+                            type: 'ON_INPUT_CHANGE',
+                            inputName: 'firstName',
+                            value: e.target.value,
+                        }) }), (0, jsx_runtime_1.jsx)(components_1.Input, { id: "lastName", label: t(PageText.Contact.input.lastName.label), type: "text", name: "lastName", isRequired: true, value: state.context.lastName || '', errorMessage: state.context.errorMessages['lastName']?.[0], onChange: (e) => send({
+                            type: 'ON_INPUT_CHANGE',
+                            inputName: 'lastName',
+                            value: e.target.value,
+                        }) }), (0, jsx_runtime_1.jsx)(components_1.Input, { id: "email", label: t(PageText.Contact.input.email.label), type: "email", name: "email", isRequired: true, value: state.context.email || '', errorMessage: state.context.errorMessages['email']?.[0], onChange: (e) => send({
+                            type: 'ON_INPUT_CHANGE',
+                            inputName: 'email',
+                            value: e.target.value,
+                        }) }), (0, jsx_runtime_1.jsx)(components_1.Input, { id: "phoneNumber", label: t(PageText.Contact.input.phoneNumber.label), type: "tel", name: "phoneNumber", isRequired: true, value: state.context.phoneNumber || '', errorMessage: state.context.errorMessages['phoneNumber']?.[0], onChange: (e) => send({
+                            type: 'ON_INPUT_CHANGE',
+                            inputName: 'phoneNumber',
+                            value: e.target.value,
+                        }) })] })] }));
+}

package/lib/lost-property/LostPropertyMachine.d.ts

@@ -0,0 +1,116 @@
+import { InputErrorMessages } from '../validation';
+import type { TransportModeType } from '../types';
+import type { Line } from '../server/journey-planner/validators';
+import type { FormSchemaName } from '../modules/config/types';
+export type LostPropertyContext = {
+    transportMode?: TransportModeType;
+    line?: Line;
+    fromStop?: Line['quays'][0];
+    toStop?: Line['quays'][0];
+    date?: string;
+    plannedDepartureTime?: string;
+    tripId?: string;
+    feedback?: string;
+    firstName?: string;
+    lastName?: string;
+    email?: string;
+    phoneNumber?: string;
+    errorMessages: InputErrorMessages;
+    firstErrorMessage?: string;
+    hasSubmissionError?: boolean;
+};
+export type LostPropertyEvent = {
+    type: 'ON_INPUT_CHANGE';
+    inputName: string;
+    value: unknown;
+} | {
+    type: 'ON_TRANSPORTMODE_CHANGE';
+    value: TransportModeType;
+} | {
+    type: 'ON_LINE_CHANGE';
+    value: Line | undefined;
+} | {
+    type: 'SUBMIT';
+    orderedFormFieldNames: string[];
+};
+type MachinePaths = {
+    successPath: string;
+    errorPath: string;
+};
+type SubmitInput = {
+    transportMode?: string;
+    line?: string;
+    fromStop?: string;
+    toStop?: string;
+    date?: string;
+    plannedDepartureTime?: string;
+    tripId?: string;
+    feedback?: string;
+    firstName?: string;
+    lastName?: string;
+    email?: string;
+    phoneNumber?: string;
+};
+export declare function createLostPropertyMachine(onSubmit: (schemaName: FormSchemaName, state: Record<string, unknown>) => Promise<Response>, paths?: MachinePaths): import("xstate").StateMachine<LostPropertyContext, {
+    type: "ON_INPUT_CHANGE";
+    inputName: string;
+    value: unknown;
+} | {
+    type: "ON_TRANSPORTMODE_CHANGE";
+    value: TransportModeType;
+} | {
+    type: "ON_LINE_CHANGE";
+    value: Line | undefined;
+} | {
+    type: "SUBMIT";
+    orderedFormFieldNames: string[];
+}, {
+    [x: string]: import("xstate").ActorRefFromLogic<import("xstate").PromiseActorLogic<true, SubmitInput, import("xstate").EventObject>> | undefined;
+}, {
+    src: "submit";
+    logic: import("xstate").PromiseActorLogic<true, SubmitInput, import("xstate").EventObject>;
+    id: string | undefined;
+}, {
+    type: "onInputChange";
+    params: unknown;
+} | {
+    type: "navigateToErrorPage";
+    params: unknown;
+} | {
+    type: "navigateToSuccessPage";
+    params: unknown;
+} | {
+    type: "clearValidationErrors";
+    params: unknown;
+} | {
+    type: "setValidationErrors";
+    params: unknown;
+} | {
+    type: "setSubmissionError";
+    params: unknown;
+} | {
+    type: "onTransportModeChange";
+    params: unknown;
+} | {
+    type: "onLineChange";
+    params: unknown;
+} | {
+    type: "scrollToFirstError";
+    params: unknown;
+}, {
+    type: "isFormValid";
+    params: unknown;
+}, never, "success" | "editing" | "validating" | "submitting", string, import("xstate").NonReducibleUnknown, import("xstate").NonReducibleUnknown, import("xstate").EventObject, import("xstate").MetaObject, {
+    states: {
+        readonly editing: {};
+        readonly validating: {
+            id: "validating";
+        };
+        readonly submitting: {
+            id: "submitting";
+        };
+        readonly success: {};
+    };
+}>;
+export {};
+//# sourceMappingURL=LostPropertyMachine.d.ts.map

package/lib/lost-property/LostPropertyMachine.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LostPropertyMachine.d.ts","sourceRoot":"","sources":["../../src/lost-property/LostPropertyMachine.ts"],"names":[],"mappings":"AACA,OAAO,EAAwB,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAMzE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,sCAAsC,CAAC;AACjE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAE9D,MAAM,MAAM,mBAAmB,GAAG;IAChC,aAAa,CAAC,EAAE,iBAAiB,CAAC;IAClC,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,QAAQ,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;IAC5B,MAAM,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,kBAAkB,CAAC;IAClC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,iBAAiB,GACzB;IAAE,IAAI,EAAE,iBAAiB,CAAC;IAAC,SAAS,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,OAAO,CAAA;CAAE,GAC9D;IAAE,IAAI,EAAE,yBAAyB,CAAC;IAAC,KAAK,EAAE,iBAAiB,CAAA;CAAE,GAC7D;IAAE,IAAI,EAAE,gBAAgB,CAAC;IAAC,KAAK,EAAE,IAAI,GAAG,SAAS,CAAA;CAAE,GACnD;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,qBAAqB,EAAE,MAAM,EAAE,CAAA;CAAE,CAAC;AAExD,KAAK,YAAY,GAAG;IAAE,WAAW,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE,CAAC;AAE/D,KAAK,WAAW,GAAG;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,wBAAgB,yBAAyB,CACvC,QAAQ,EAAE,CACR,UAAU,EAAE,cAAc,EAC1B,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAC3B,OAAO,CAAC,QAAQ,CAAC,EACtB,KAAK,CAAC,EAAE,YAAY;UA3BV,iBAAiB;eAAa,MAAM;WAAS,OAAO;;UACpD,yBAAyB;WAAS,iBAAiB;;UACnD,gBAAgB;WAAS,IAAI,GAAG,SAAS;;UACzC,QAAQ;2BAAyB,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4NpD"}

package/lib/lost-property/LostPropertyMachine.js

@@ -0,0 +1,187 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createLostPropertyMachine = createLostPropertyMachine;
+const xstate_1 = require("xstate");
+const validation_1 = require("../validation");
+const utils_1 = require("../utils");
+function createLostPropertyMachine(onSubmit, paths) {
+    const successPath = paths?.successPath ?? '/contact/success';
+    const errorPath = paths?.errorPath ?? '/contact/error';
+    return (0, xstate_1.setup)({
+        types: {
+            context: {},
+            events: {},
+        },
+        guards: {
+            isFormValid: ({ context }) => {
+                const inputsToValidate = {
+                    transportMode: context.transportMode,
+                    line: context.line,
+                    fromStop: context.fromStop,
+                    toStop: context.toStop,
+                    date: context.date,
+                    plannedDepartureTime: context.plannedDepartureTime,
+                    feedback: context.feedback,
+                    firstName: context.firstName,
+                    lastName: context.lastName,
+                    email: context.email,
+                    phoneNumber: context.phoneNumber,
+                };
+                const errors = (0, validation_1.commonInputValidator)(inputsToValidate);
+                return Object.keys(errors).length === 0;
+            },
+        },
+        actions: {
+            clearValidationErrors: (0, xstate_1.assign)({ errorMessages: {} }),
+            setValidationErrors: (0, xstate_1.assign)(({ context, event }) => {
+                if (event.type === 'SUBMIT') {
+                    const inputsToValidate = {
+                        transportMode: context.transportMode,
+                        line: context.line,
+                        fromStop: context.fromStop,
+                        toStop: context.toStop,
+                        date: context.date,
+                        plannedDepartureTime: context.plannedDepartureTime,
+                        feedback: context.feedback,
+                        firstName: context.firstName,
+                        lastName: context.lastName,
+                        email: context.email,
+                        phoneNumber: context.phoneNumber,
+                    };
+                    const errors = (0, validation_1.commonInputValidator)(inputsToValidate);
+                    return {
+                        firstErrorMessage: (0, utils_1.findFirstErrorMessage)(event.orderedFormFieldNames, errors),
+                        errorMessages: { ...errors },
+                    };
+                }
+                return context;
+            }),
+            scrollToFirstError: (0, xstate_1.assign)(({ context }) => {
+                (0, utils_1.scrollToFirstErrorMessage)(context.firstErrorMessage);
+                return context;
+            }),
+            setSubmissionError: (0, xstate_1.assign)({
+                hasSubmissionError: () => true,
+            }),
+            onInputChange: (0, xstate_1.assign)(({ context, event }) => {
+                if (event.type === 'ON_INPUT_CHANGE') {
+                    const { inputName, value } = event;
+                    context.errorMessages[inputName] = [];
+                    const clearsDeparture = inputName === 'fromStop' || inputName === 'date';
+                    return {
+                        ...context,
+                        [inputName]: value,
+                        ...(clearsDeparture && {
+                            plannedDepartureTime: undefined,
+                            tripId: undefined,
+                        }),
+                        hasSubmissionError: undefined,
+                    };
+                }
+                return context;
+            }),
+            onTransportModeChange: (0, xstate_1.assign)(({ context, event }) => {
+                if (event.type === 'ON_TRANSPORTMODE_CHANGE') {
+                    return {
+                        ...context,
+                        transportMode: event.value,
+                        line: undefined,
+                        fromStop: undefined,
+                        toStop: undefined,
+                        plannedDepartureTime: undefined,
+                        errorMessages: {
+                            ...context.errorMessages,
+                            transportMode: [],
+                            line: [],
+                            fromStop: [],
+                            toStop: [],
+                            plannedDepartureTime: [],
+                        },
+                    };
+                }
+                return context;
+            }),
+            onLineChange: (0, xstate_1.assign)(({ context, event }) => {
+                if (event.type === 'ON_LINE_CHANGE') {
+                    return {
+                        ...context,
+                        line: event.value,
+                        fromStop: undefined,
+                        toStop: undefined,
+                        plannedDepartureTime: undefined,
+                        errorMessages: {
+                            ...context.errorMessages,
+                            line: [],
+                            fromStop: [],
+                            toStop: [],
+                            plannedDepartureTime: [],
+                        },
+                    };
+                }
+                return context;
+            }),
+            navigateToSuccessPage: () => {
+                window.location.href = successPath;
+            },
+            navigateToErrorPage: () => {
+                window.location.href = errorPath;
+            },
+        },
+        actors: {
+            submit: (0, xstate_1.fromPromise)(async ({ input }) => {
+                const response = await onSubmit('lostProperty', input);
+                if (!response.ok)
+                    throw new Error('Failed to submit');
+                return response.ok;
+            }),
+        },
+    }).createMachine({
+        initial: 'editing',
+        context: { errorMessages: {} },
+        on: {
+            ON_INPUT_CHANGE: { actions: 'onInputChange' },
+            ON_TRANSPORTMODE_CHANGE: { actions: 'onTransportModeChange' },
+            ON_LINE_CHANGE: { actions: 'onLineChange' },
+            SUBMIT: { target: '#validating' },
+        },
+        states: {
+            editing: {},
+            validating: {
+                id: 'validating',
+                always: [
+                    { guard: 'isFormValid', target: '#submitting' },
+                    {
+                        actions: ['setValidationErrors', 'scrollToFirstError'],
+                        target: 'editing',
+                    },
+                ],
+            },
+            submitting: {
+                id: 'submitting',
+                invoke: {
+                    src: 'submit',
+                    input: ({ context }) => ({
+                        transportMode: context.transportMode,
+                        line: (0, utils_1.getLineName)(context.line),
+                        fromStop: context.fromStop?.name,
+                        toStop: context.toStop?.name,
+                        date: context.date,
+                        plannedDepartureTime: context.plannedDepartureTime,
+                        tripId: context.tripId,
+                        feedback: context.feedback,
+                        firstName: context.firstName,
+                        lastName: context.lastName,
+                        email: context.email,
+                        phoneNumber: context.phoneNumber,
+                    }),
+                    onDone: { target: 'success' },
+                    onError: {
+                        target: 'editing',
+                        actions: 'setSubmissionError',
+                    },
+                },
+            },
+            success: { entry: 'navigateToSuccessPage', type: 'final' },
+        },
+    });
+}

package/lib/lost-property/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lost-property/index.tsx"],"names":[],"mappings":"AAIA,MAAM,CAAC,OAAO,UAAU,mBAAmB,4CAkB1C"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lost-property/index.tsx"],"names":[],"mappings":"AAaA,MAAM,CAAC,OAAO,UAAU,mBAAmB,4CA+C1C"}

package/lib/lost-property/index.js

@@ -1,11 +1,35 @@
+'use client';
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = LostPropertyContent;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const components_1 = require("../components");
-const typography_1 = require("../components/typography");
+const react_1 = require("@xstate/react");
+const react_2 = require("react");
 const translations_1 = require("../translations");
+const config_1 = require("../modules/config");
+const button_1 = require("../components/button");
+const error_message_1 = __importDefault(require("../components/error-message/error-message"));
+const components_1 = require("../components");
+const utils_1 = require("../utils");
+const LostPropertyMachine_1 = require("./LostPropertyMachine");
+const LostPropertyForm_1 = __importDefault(require("./LostPropertyForm"));
 function LostPropertyContent() {
+    const PageText = (0, translations_1.usePageText)();
     const { t } = (0, translations_1.useTranslation)();
-    return ((0, jsx_runtime_1.jsx)(components_1.SectionCard, { title: t(translations_1.PageText.Contact.lostProperty.title), children: (0, jsx_runtime_1.jsx)(typography_1.Typo.p, { textType: "body__m", children: (0, jsx_runtime_1.jsxs)("span", { children: [t(translations_1.PageText.Contact.lostProperty.description.info), "\u00A0", (0, jsx_runtime_1.jsx)("a", { href: t(translations_1.PageText.Contact.lostProperty.description.url), target: "_blank", rel: "noreferrer", children: t(translations_1.PageText.Contact.lostProperty.description.externalLink) })] }) }) }));
+    const apiConfig = (0, config_1.useApiConfig)();
+    const { layout } = (0, config_1.useContactFormConfig)();
+    const successPath = layout?.successPath ??
+        (layout?.basePath ? `${layout.basePath}/success` : '/contact/success');
+    const errorPath = layout?.errorPath ??
+        (layout?.basePath ? `${layout.basePath}/error` : '/contact/error');
+    const machine = (0, react_2.useMemo)(() => (0, LostPropertyMachine_1.createLostPropertyMachine)(apiConfig.onSubmit, { successPath, errorPath }), [apiConfig.onSubmit, successPath, errorPath]);
+    const [state, send] = (0, react_1.useMachine)(machine);
+    const onSubmit = (e) => {
+        e.preventDefault();
+        send({ type: 'SUBMIT', orderedFormFieldNames: (0, utils_1.findOrderFormFields)(e) });
+    };
+    return ((0, jsx_runtime_1.jsx)(components_1.SectionCard, { title: t(PageText.Contact.lostAndFound.title), children: (0, jsx_runtime_1.jsxs)("form", { onSubmit: onSubmit, children: [(0, jsx_runtime_1.jsx)(LostPropertyForm_1.default, { state: state, send: send }), state.context.hasSubmissionError && ((0, jsx_runtime_1.jsx)(error_message_1.default, { message: t(PageText.Contact.error.info), id: "submission-error" })), (0, jsx_runtime_1.jsx)(button_1.Button, { title: t(PageText.Contact.submit), mode: "interactive_0--bordered", buttonProps: { type: 'submit' }, state: state.matches('submitting') ? 'loading' : undefined })] }) }));
 }

package/lib/means-of-transport/forms/delayForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"delayForm.d.ts","sourceRoot":"","sources":["../../../src/means-of-transport/forms/delayForm.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,4BAA4B,EAAE,MAAM,oCAAoC,CAAC;AAClF,OAAO,EAAE,0BAA0B,EAAE,MAAM,WAAW,CAAC;AAiBvD,KAAK,cAAc,GAAG;IACpB,KAAK,EAAE;QAAE,OAAO,EAAE,4BAA4B,CAAA;KAAE,CAAC;IACjD,IAAI,EAAE,CAAC,KAAK,EAAE,OAAO,0BAA0B,KAAK,IAAI,CAAC;CAC1D,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,iBAAiB,cAAc,4CAyQxD,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"delayForm.d.ts","sourceRoot":"","sources":["../../../src/means-of-transport/forms/delayForm.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,4BAA4B,EAAE,MAAM,oCAAoC,CAAC;AAClF,OAAO,EAAE,0BAA0B,EAAE,MAAM,WAAW,CAAC;AAiBvD,KAAK,cAAc,GAAG;IACpB,KAAK,EAAE;QAAE,OAAO,EAAE,4BAA4B,CAAA;KAAE,CAAC;IACjD,IAAI,EAAE,CAAC,KAAK,EAAE,OAAO,0BAA0B,KAAK,IAAI,CAAC;CAC1D,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,iBAAiB,cAAc,4CAkRxD,CAAC;AAEF,eAAe,SAAS,CAAC"}