@mrfylke/contact-form 0.1.3

package/lib/layouts/layout.module.css

@@ -0,0 +1,80 @@
+.layout {
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    max-width: var(--maxPageWidth);
+    margin: 0 auto;
+    padding: 0 token('spacing.medium');
+}
+
+.homeLink__container {
+    padding: 0 token('spacing.medium');
+}
+
+.layout__container {
+    padding: token('spacing.large');
+
+    display: flex;
+    flex-direction: column;
+    gap: token('spacing.xLarge');
+}
+
+.contact_page_navigator__container {
+    display: flex;
+    justify-content: center;
+    flex-wrap: wrap;
+    gap: token('spacing.medium');
+}
+
+.contact_page_navigator__link {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: token('spacing.small');
+    width: 12rem;
+    height: 7.5rem;
+
+    color: token('color.interactive.2.default.foreground.primary');
+    background-color: token('color.interactive.2.default.background');
+    text-align: center;
+    text-decoration: none;
+
+    padding: token('spacing.large');
+    border-radius: token('border.radius.regular');
+}
+
+@media (max-width: 600px) {
+    .contact_page_navigator__link {
+        width: 10rem;
+        height: 8rem;
+    }
+}
+
+.contact_page_navigator__link:hover {
+    color: token('color.interactive.2.hover.foreground.primary');
+    background-color: token('color.interactive.2.hover.background');
+}
+
+.contact_page_navigator__link:active {
+    color: token('color.interactive.2.active.foreground.primary');
+    background-color: token('color.interactive.2.active.background');
+}
+
+.contact_page_navigator__link:disabled {
+    color: token('color.interactive.2.disabled.foreground.primary');
+    background-color: token('color.interactive.2.disabled.background');
+}
+
+.contact_page_navigator__activePage {
+    border: token('border.width.medium') solid token('color.interactive.2.outline.background');
+}
+
+.privacyAndTerms {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    padding: token('spacing.large');
+    margin: token('spacing.xLarge');
+    padding-bottom: 0;
+    margin-bottom: 0;
+}

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

@@ -0,0 +1,25 @@
+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 const useTransportModeOptions: () => TransportModeType[];
+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;
+        quays: {
+            id: string;
+            name: string;
+        }[];
+    }[] | undefined;
+    error: any;
+    isLoading: boolean;
+    getLinesByMode: (transportMode: TransportModeType) => Line[];
+    getQuaysByLine: (lineId: string) => Line["quays"];
+};
+//# sourceMappingURL=use-lines.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-lines.d.ts","sourceRoot":"","sources":["../../src/lines/use-lines.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,iBAAiB,EAAC,MAAM,UAAU,CAAC;AAC3C,OAAO,EAAC,IAAI,EAAC,MAAM,sCAAsC,CAAC;AAK1D;;;GAGG;AACH,eAAO,MAAM,uBAAuB,QAAO,iBAAiB,EAQ3D,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;oCA0BsB,iBAAiB,KAAG,IAAI,EAAE;6BAgCjC,MAAM,KAAG,IAAI,CAAC,OAAO,CAAC;CAYzD,CAAC"}

package/lib/lines/use-lines.js

@@ -0,0 +1,77 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useLines = exports.useTransportModeOptions = void 0;
+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.
+ */
+const useTransportModeOptions = () => {
+    const { features } = (0, config_1.useContactFormConfig)();
+    const includeFerry = features?.includeFerry !== false; // Default true
+    if (includeFerry) {
+        return ['bus', 'expressboat', 'ferry'];
+    }
+    return ['bus', 'expressboat'];
+};
+exports.useTransportModeOptions = useTransportModeOptions;
+const useLines = () => {
+    const apiConfig = (0, config_1.useApiConfig)();
+    const { features } = (0, config_1.useContactFormConfig)();
+    const includeFerry = features?.includeFerry !== false; // Default true
+    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 getQuaysByLine = (lineId) => {
+        if (!lines)
+            return [];
+        return lines.find((line) => line.id === lineId)?.quays || [];
+    };
+    return {
+        lines,
+        error,
+        isLoading,
+        getLinesByMode,
+        getQuaysByLine,
+    };
+};
+exports.useLines = useLines;

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

@@ -0,0 +1,2 @@
+export default function LostPropertyContent(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

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

package/lib/lost-property/index.js

@@ -0,0 +1,11 @@
+"use strict";
+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 translations_1 = require("../translations");
+function LostPropertyContent() {
+    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) })] }) }) }));
+}

package/lib/means-of-transport/events.d.ts

@@ -0,0 +1,17 @@
+import { commonEvents } from '../commoneEvents';
+import { Line } from '..';
+import { FormType } from './means-of-transport-form-machine';
+declare const meansOfTransportSpecificFormEvents: {
+    type: "ON_INPUT_CHANGE";
+    inputName: "formType" | "isResponseWanted" | "stop";
+    value: string | boolean | Line["quays"][0] | undefined;
+} | {
+    type: "SELECT_FORM_TYPE";
+    formType: FormType;
+} | {
+    type: "SUBMIT";
+    orderedFormFieldNames: string[];
+};
+export declare const meansOfTransportFormEvents: typeof meansOfTransportSpecificFormEvents | typeof commonEvents;
+export {};
+//# sourceMappingURL=events.d.ts.map

package/lib/means-of-transport/events.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"events.d.ts","sourceRoot":"","sources":["../../src/means-of-transport/events.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAC,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAC,IAAI,EAAC,MAAM,IAAI,CAAC;AACxB,OAAO,EAAC,QAAQ,EAAC,MAAM,mCAAmC,CAAC;AAE3D,QAAA,MAAM,kCAAkC,EAClC;IACF,IAAI,EAAE,iBAAiB,CAAC;IACxB,SAAS,EAAE,UAAU,GAAG,kBAAkB,GAAG,MAAM,CAAC;IACpD,KAAK,EAAE,MAAM,GAAG,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC;CAC1D,GACK;IACF,IAAI,EAAE,kBAAkB,CAAC;IACzB,QAAQ,EAAE,QAAQ,CAAC;CACtB,GACK;IACF,IAAI,EAAE,QAAQ,CAAC;IACf,qBAAqB,EAAE,MAAM,EAAE,CAAC;CACnC,CAAC;AAEF,eAAO,MAAM,0BAA0B,EACjC,OAAO,kCAAkC,GACzC,OAAO,YAAY,CAAC"}

package/lib/means-of-transport/events.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.meansOfTransportFormEvents = void 0;
+const meansOfTransportSpecificFormEvents = {};
+exports.meansOfTransportFormEvents = {};

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

@@ -0,0 +1,11 @@
+import { MeansOfTransportContextProps } from '../means-of-transport-form-machine';
+import { meansOfTransportFormEvents } from '../events';
+type DelayFormProps = {
+    state: {
+        context: MeansOfTransportContextProps;
+    };
+    send: (event: typeof meansOfTransportFormEvents) => void;
+};
+export declare const DelayForm: ({ state, send }: DelayFormProps) => import("react/jsx-runtime").JSX.Element;
+export default DelayForm;
+//# sourceMappingURL=delayForm.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"delayForm.d.ts","sourceRoot":"","sources":["../../../src/means-of-transport/forms/delayForm.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,4BAA4B,EAAC,MAAM,oCAAoC,CAAC;AAChF,OAAO,EAAC,0BAA0B,EAAC,MAAM,WAAW,CAAC;AAiBrD,KAAK,cAAc,GAAG;IAClB,KAAK,EAAE;QAAE,OAAO,EAAE,4BAA4B,CAAA;KAAE,CAAC;IACjD,IAAI,EAAE,CAAC,KAAK,EAAE,OAAO,0BAA0B,KAAK,IAAI,CAAC;CAC5D,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,iBAAe,cAAc,4CAyQtD,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/means-of-transport/forms/delayForm.js

@@ -0,0 +1,88 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DelayForm = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const use_lines_1 = require("../../lines/use-lines");
+const components_1 = require("../../components");
+const translations_1 = require("../../translations");
+const typography_1 = require("../../components/typography");
+const DelayForm = ({ state, send }) => {
+    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)(components_1.Fieldset, { title: t(translations_1.PageText.Contact.modeOfTransport.delay.description), children: (0, jsx_runtime_1.jsx)(typography_1.Typo.p, { textType: "body__m", children: t(translations_1.PageText.Contact.modeOfTransport.delay.info) }) }), (0, jsx_runtime_1.jsxs)(components_1.Fieldset, { title: t(translations_1.PageText.Contact.modeOfTransport.delay.about.title), children: [(0, jsx_runtime_1.jsx)(typography_1.Typo.p, { textType: "body__m", children: t(translations_1.PageText.Contact.modeOfTransport.delay.about.description) }), (0, jsx_runtime_1.jsx)(components_1.Select, { id: "transportMode", label: t(translations_1.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(translations_1.PageText.Contact.input.transportMode.modes[val]), options: transportModeOptions, placeholder: t(translations_1.PageText.Contact.input.transportMode.optionLabel) }), (0, jsx_runtime_1.jsx)(components_1.SearchableSelect, { id: "line", label: t(translations_1.PageText.Contact.input.line.label), value: state.context.line, placeholder: t(translations_1.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: value,
+                            });
+                        }, isRequired: true, error: state.context?.errorMessages['line']?.[0] &&
+                            t(state.context?.errorMessages['line']?.[0]) }), (0, jsx_runtime_1.jsx)(components_1.SearchableSelect, { id: "fromStop", label: t(translations_1.PageText.Contact.input.fromStop.label), value: state.context.fromStop, isDisabled: !state.context.line, onChange: (value) => {
+                            send({
+                                type: 'ON_INPUT_CHANGE',
+                                inputName: 'fromStop',
+                                value: value,
+                            });
+                        }, options: (0, components_1.getStopOptions)(getQuaysByLine(state.context.line?.id ?? '')), placeholder: t(translations_1.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(translations_1.PageText.Contact.input.toStop.label), value: state.context.toStop, isDisabled: !state.context.line, onChange: (value) => {
+                            send({
+                                type: 'ON_INPUT_CHANGE',
+                                inputName: 'toStop',
+                                value: value,
+                            });
+                        }, placeholder: t(translations_1.PageText.Contact.input.toStop.optionLabel), options: (0, components_1.getStopOptions)(getQuaysByLine(state.context.line?.id ?? '')), 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(translations_1.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.TimeSelector, { id: "plannedDepartureTime", isRequired: true, label: t(translations_1.PageText.Contact.input.plannedDepartureTime.label), value: state.context.plannedDepartureTime, onChange: (time) => send({
+                            type: 'ON_INPUT_CHANGE',
+                            inputName: 'plannedDepartureTime',
+                            value: time,
+                        }), errorMessage: state.context?.errorMessages['plannedDepartureTime']?.[0] })] }), (0, jsx_runtime_1.jsx)(components_1.Fieldset, { title: t(translations_1.PageText.Contact.input.feedback.title), isRequired: true, children: (0, jsx_runtime_1.jsx)(components_1.Textarea, { id: "feedback", description: t(translations_1.PageText.Contact.input.feedback.description), 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, fileInputProps: {
+                        id: 'attachments',
+                        name: 'attachments',
+                        iconLabel: t(translations_1.PageText.Contact.input.feedback.attachment.generic),
+                        onChange: (files) => {
+                            send({
+                                type: 'ON_INPUT_CHANGE',
+                                inputName: 'attachments',
+                                value: files,
+                            });
+                        },
+                    } }) }), (0, jsx_runtime_1.jsxs)(components_1.Fieldset, { title: t(translations_1.PageText.Contact.aboutYouInfo.optionalTitle), isRequired: true, children: [(0, jsx_runtime_1.jsxs)(components_1.FieldWrapperWithError, { errorMessage: state.context?.errorMessages['isResponseWanted']?.[0], children: [(0, jsx_runtime_1.jsx)(components_1.Radio, { label: t(translations_1.PageText.Contact.input.wantedResponse.options.yes), checked: state.context.isResponseWanted === true, onChange: () => send({
+                                    type: 'ON_INPUT_CHANGE',
+                                    inputName: 'isResponseWanted',
+                                    value: true,
+                                }) }), (0, jsx_runtime_1.jsx)(components_1.Radio, { label: t(translations_1.PageText.Contact.input.wantedResponse.options.no), checked: state.context.isResponseWanted === false, onChange: () => send({
+                                    type: 'ON_INPUT_CHANGE',
+                                    inputName: 'isResponseWanted',
+                                    value: false,
+                                }) })] }), state.context.isResponseWanted && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.Input, { id: "firstName", label: t(translations_1.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(translations_1.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(translations_1.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,
+                                }) })] }))] })] }));
+};
+exports.DelayForm = DelayForm;
+exports.default = exports.DelayForm;

package/lib/means-of-transport/forms/driverForm.d.ts

@@ -0,0 +1,11 @@
+import { MeansOfTransportContextProps } from '../means-of-transport-form-machine';
+import { meansOfTransportFormEvents } from '../events';
+type DriverFormProps = {
+    state: {
+        context: MeansOfTransportContextProps;
+    };
+    send: (event: typeof meansOfTransportFormEvents) => void;
+};
+export declare const DriverForm: ({ state, send }: DriverFormProps) => import("react/jsx-runtime").JSX.Element;
+export default DriverForm;
+//# sourceMappingURL=driverForm.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"driverForm.d.ts","sourceRoot":"","sources":["../../../src/means-of-transport/forms/driverForm.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,4BAA4B,EAAC,MAAM,oCAAoC,CAAC;AAIhF,OAAO,EAAC,0BAA0B,EAAC,MAAM,WAAW,CAAC;AAiBrD,KAAK,eAAe,GAAG;IACnB,KAAK,EAAE;QAAE,OAAO,EAAE,4BAA4B,CAAA;KAAE,CAAC;IACjD,IAAI,EAAE,CAAC,KAAK,EAAE,OAAO,0BAA0B,KAAK,IAAI,CAAC;CAC5D,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,iBAAe,eAAe,4CAyQxD,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/lib/means-of-transport/forms/driverForm.js

@@ -0,0 +1,88 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DriverForm = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const use_lines_1 = require("../../lines/use-lines");
+const components_1 = require("../../components");
+const translations_1 = require("../../translations");
+const typography_1 = require("../../components/typography");
+const DriverForm = ({ state, send }) => {
+    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)(components_1.Fieldset, { title: t(translations_1.PageText.Contact.modeOfTransport.driver.description), children: (0, jsx_runtime_1.jsx)(typography_1.Typo.p, { textType: "body__m", children: t(translations_1.PageText.Contact.modeOfTransport.driver.info) }) }), (0, jsx_runtime_1.jsxs)(components_1.Fieldset, { title: t(translations_1.PageText.Contact.modeOfTransport.driver.about.title), children: [(0, jsx_runtime_1.jsx)(typography_1.Typo.p, { textType: "body__m", children: t(translations_1.PageText.Contact.modeOfTransport.driver.about.description) }), (0, jsx_runtime_1.jsx)(components_1.Select, { id: "transportMode", label: t(translations_1.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(translations_1.PageText.Contact.input.transportMode.modes[val]), options: transportModeOptions, placeholder: t(translations_1.PageText.Contact.input.transportMode.optionLabel) }), (0, jsx_runtime_1.jsx)(components_1.SearchableSelect, { id: "line", label: t(translations_1.PageText.Contact.input.line.label), value: state.context.line, placeholder: t(translations_1.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: value,
+                            });
+                        }, isRequired: true, error: state.context?.errorMessages['line']?.[0] &&
+                            t(state.context?.errorMessages['line']?.[0]) }), (0, jsx_runtime_1.jsx)(components_1.SearchableSelect, { id: "fromStop", label: t(translations_1.PageText.Contact.input.fromStop.label), value: state.context.fromStop, isDisabled: !state.context.line, onChange: (value) => {
+                            send({
+                                type: 'ON_INPUT_CHANGE',
+                                inputName: 'fromStop',
+                                value: value,
+                            });
+                        }, options: (0, components_1.getStopOptions)(getQuaysByLine(state.context.line?.id ?? '')), placeholder: t(translations_1.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(translations_1.PageText.Contact.input.toStop.label), value: state.context.toStop, isDisabled: !state.context.line, onChange: (value) => {
+                            send({
+                                type: 'ON_INPUT_CHANGE',
+                                inputName: 'toStop',
+                                value: value,
+                            });
+                        }, placeholder: t(translations_1.PageText.Contact.input.toStop.optionLabel), options: (0, components_1.getStopOptions)(getQuaysByLine(state.context.line?.id ?? '')), 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(translations_1.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.TimeSelector, { id: "plannedDepartureTime", isRequired: true, label: t(translations_1.PageText.Contact.input.plannedDepartureTime.label), value: state.context.plannedDepartureTime, onChange: (time) => send({
+                            type: 'ON_INPUT_CHANGE',
+                            inputName: 'plannedDepartureTime',
+                            value: time,
+                        }), errorMessage: state.context?.errorMessages['plannedDepartureTime']?.[0] })] }), (0, jsx_runtime_1.jsx)(components_1.Fieldset, { title: t(translations_1.PageText.Contact.input.feedback.title), isRequired: true, children: (0, jsx_runtime_1.jsx)(components_1.Textarea, { id: "feedback", description: t(translations_1.PageText.Contact.input.feedback.description), 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, fileInputProps: {
+                        id: 'attachments',
+                        name: 'attachments',
+                        iconLabel: t(translations_1.PageText.Contact.input.feedback.attachment.generic),
+                        onChange: (files) => {
+                            send({
+                                type: 'ON_INPUT_CHANGE',
+                                inputName: 'attachments',
+                                value: files,
+                            });
+                        },
+                    } }) }), (0, jsx_runtime_1.jsxs)(components_1.Fieldset, { title: t(translations_1.PageText.Contact.aboutYouInfo.optionalTitle), isRequired: true, children: [(0, jsx_runtime_1.jsxs)(components_1.FieldWrapperWithError, { errorMessage: state.context?.errorMessages['isResponseWanted']?.[0], children: [(0, jsx_runtime_1.jsx)(components_1.Radio, { label: t(translations_1.PageText.Contact.input.wantedResponse.options.yes), checked: state.context.isResponseWanted === true, onChange: () => send({
+                                    type: 'ON_INPUT_CHANGE',
+                                    inputName: 'isResponseWanted',
+                                    value: true,
+                                }) }), (0, jsx_runtime_1.jsx)(components_1.Radio, { label: t(translations_1.PageText.Contact.input.wantedResponse.options.no), checked: state.context.isResponseWanted === false, onChange: () => send({
+                                    type: 'ON_INPUT_CHANGE',
+                                    inputName: 'isResponseWanted',
+                                    value: false,
+                                }) })] }), state.context.isResponseWanted && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.Input, { id: "firstName", label: t(translations_1.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(translations_1.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(translations_1.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,
+                                }) })] }))] })] }));
+};
+exports.DriverForm = DriverForm;
+exports.default = exports.DriverForm;

package/lib/means-of-transport/forms/index.d.ts

@@ -0,0 +1,7 @@
+export { default as DelayForm } from './delayForm';
+export { default as DriverForm } from './driverForm';
+export { default as InjuryForm } from './injuryForm';
+export { default as ServiceOfferingForm } from './serviceOfferingForm';
+export { default as StopForm } from './stopForm';
+export { default as TransportationForm } from './transportationForm';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/means-of-transport/forms/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,IAAI,SAAS,EAAC,MAAM,aAAa,CAAC;AACjD,OAAO,EAAC,OAAO,IAAI,UAAU,EAAC,MAAM,cAAc,CAAC;AACnD,OAAO,EAAC,OAAO,IAAI,UAAU,EAAC,MAAM,cAAc,CAAC;AACnD,OAAO,EAAC,OAAO,IAAI,mBAAmB,EAAC,MAAM,uBAAuB,CAAC;AACrE,OAAO,EAAC,OAAO,IAAI,QAAQ,EAAC,MAAM,YAAY,CAAC;AAC/C,OAAO,EAAC,OAAO,IAAI,kBAAkB,EAAC,MAAM,sBAAsB,CAAC"}

package/lib/means-of-transport/forms/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TransportationForm = exports.StopForm = exports.ServiceOfferingForm = exports.InjuryForm = exports.DriverForm = exports.DelayForm = void 0;
+var delayForm_1 = require("./delayForm");
+Object.defineProperty(exports, "DelayForm", { enumerable: true, get: function () { return __importDefault(delayForm_1).default; } });
+var driverForm_1 = require("./driverForm");
+Object.defineProperty(exports, "DriverForm", { enumerable: true, get: function () { return __importDefault(driverForm_1).default; } });
+var injuryForm_1 = require("./injuryForm");
+Object.defineProperty(exports, "InjuryForm", { enumerable: true, get: function () { return __importDefault(injuryForm_1).default; } });
+var serviceOfferingForm_1 = require("./serviceOfferingForm");
+Object.defineProperty(exports, "ServiceOfferingForm", { enumerable: true, get: function () { return __importDefault(serviceOfferingForm_1).default; } });
+var stopForm_1 = require("./stopForm");
+Object.defineProperty(exports, "StopForm", { enumerable: true, get: function () { return __importDefault(stopForm_1).default; } });
+var transportationForm_1 = require("./transportationForm");
+Object.defineProperty(exports, "TransportationForm", { enumerable: true, get: function () { return __importDefault(transportationForm_1).default; } });

package/lib/means-of-transport/forms/injuryForm.d.ts

@@ -0,0 +1,11 @@
+import { MeansOfTransportContextProps } from '../means-of-transport-form-machine';
+import { meansOfTransportFormEvents } from '../events';
+type InjuryFormProps = {
+    state: {
+        context: MeansOfTransportContextProps;
+    };
+    send: (event: typeof meansOfTransportFormEvents) => void;
+};
+export declare const InjuryForm: ({ state, send }: InjuryFormProps) => import("react/jsx-runtime").JSX.Element;
+export default InjuryForm;
+//# sourceMappingURL=injuryForm.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"injuryForm.d.ts","sourceRoot":"","sources":["../../../src/means-of-transport/forms/injuryForm.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,4BAA4B,EAAC,MAAM,oCAAoC,CAAC;AAIhF,OAAO,EAAC,0BAA0B,EAAC,MAAM,WAAW,CAAC;AAiBrD,KAAK,eAAe,GAAG;IACnB,KAAK,EAAE;QAAE,OAAO,EAAE,4BAA4B,CAAA;KAAE,CAAC;IACjD,IAAI,EAAE,CAAC,KAAK,EAAE,OAAO,0BAA0B,KAAK,IAAI,CAAC;CAC5D,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,iBAAe,eAAe,4CAwQxD,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/lib/means-of-transport/forms/injuryForm.js

@@ -0,0 +1,88 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InjuryForm = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const use_lines_1 = require("../../lines/use-lines");
+const components_1 = require("../../components");
+const translations_1 = require("../../translations");
+const typography_1 = require("../../components/typography");
+const InjuryForm = ({ state, send }) => {
+    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)(components_1.Fieldset, { title: t(translations_1.PageText.Contact.modeOfTransport.injury.description), children: (0, jsx_runtime_1.jsx)(typography_1.Typo.p, { textType: "body__m", children: t(translations_1.PageText.Contact.modeOfTransport.injury.info) }) }), (0, jsx_runtime_1.jsxs)(components_1.Fieldset, { title: t(translations_1.PageText.Contact.modeOfTransport.injury.about.title), children: [(0, jsx_runtime_1.jsx)(typography_1.Typo.p, { textType: "body__m", children: t(translations_1.PageText.Contact.modeOfTransport.injury.about.description) }), (0, jsx_runtime_1.jsx)(components_1.Select, { id: "transportMode", label: t(translations_1.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(translations_1.PageText.Contact.input.transportMode.modes[val]), options: transportModeOptions, placeholder: t(translations_1.PageText.Contact.input.transportMode.optionLabel) }), (0, jsx_runtime_1.jsx)(components_1.SearchableSelect, { id: "line", label: t(translations_1.PageText.Contact.input.line.label), value: state.context.line, placeholder: t(translations_1.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: value,
+                            });
+                        }, isRequired: true, error: state.context?.errorMessages['line']?.[0] &&
+                            t(state.context?.errorMessages['line']?.[0]) }), (0, jsx_runtime_1.jsx)(components_1.SearchableSelect, { id: "fromStop", label: t(translations_1.PageText.Contact.input.fromStop.label), value: state.context.fromStop, isDisabled: !state.context.line, onChange: (value) => {
+                            send({
+                                type: 'ON_INPUT_CHANGE',
+                                inputName: 'fromStop',
+                                value: value,
+                            });
+                        }, options: (0, components_1.getStopOptions)(getQuaysByLine(state.context.line?.id ?? '')), placeholder: t(translations_1.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(translations_1.PageText.Contact.input.toStop.label), value: state.context.toStop, isDisabled: !state.context.line, onChange: (value) => {
+                            send({
+                                type: 'ON_INPUT_CHANGE',
+                                inputName: 'toStop',
+                                value: value,
+                            });
+                        }, placeholder: t(translations_1.PageText.Contact.input.toStop.optionLabel), options: (0, components_1.getStopOptions)(getQuaysByLine(state.context.line?.id ?? '')), 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(translations_1.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.TimeSelector, { id: "plannedDepartureTime", isRequired: true, label: t(translations_1.PageText.Contact.input.plannedDepartureTime.label), value: state.context.plannedDepartureTime || '', onChange: (time) => send({
+                            type: 'ON_INPUT_CHANGE',
+                            inputName: 'plannedDepartureTime',
+                            value: time,
+                        }), errorMessage: state.context?.errorMessages['plannedDepartureTime']?.[0] })] }), (0, jsx_runtime_1.jsx)(components_1.Fieldset, { title: t(translations_1.PageText.Contact.input.feedback.title), isRequired: true, children: (0, jsx_runtime_1.jsx)(components_1.Textarea, { id: "feedback", description: t(translations_1.PageText.Contact.input.feedback.description), 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, fileInputProps: {
+                        id: 'attachments',
+                        name: 'attachments',
+                        iconLabel: t(translations_1.PageText.Contact.input.feedback.attachment.generic),
+                        onChange: (files) => {
+                            send({
+                                type: 'ON_INPUT_CHANGE',
+                                inputName: 'attachments',
+                                value: files,
+                            });
+                        },
+                    } }) }), (0, jsx_runtime_1.jsxs)(components_1.Fieldset, { title: t(translations_1.PageText.Contact.aboutYouInfo.optionalTitle), isRequired: true, children: [(0, jsx_runtime_1.jsxs)(components_1.FieldWrapperWithError, { errorMessage: state.context?.errorMessages['isResponseWanted']?.[0], children: [(0, jsx_runtime_1.jsx)(components_1.Radio, { label: t(translations_1.PageText.Contact.input.wantedResponse.options.yes), checked: state.context.isResponseWanted === true, onChange: () => send({
+                                    type: 'ON_INPUT_CHANGE',
+                                    inputName: 'isResponseWanted',
+                                    value: true,
+                                }) }), (0, jsx_runtime_1.jsx)(components_1.Radio, { label: t(translations_1.PageText.Contact.input.wantedResponse.options.no), checked: state.context.isResponseWanted === false, onChange: () => send({
+                                    type: 'ON_INPUT_CHANGE',
+                                    inputName: 'isResponseWanted',
+                                    value: false,
+                                }) })] }), state.context.isResponseWanted && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.Input, { id: "firstName", label: t(translations_1.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(translations_1.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(translations_1.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,
+                                }) })] }))] })] }));
+};
+exports.InjuryForm = InjuryForm;
+exports.default = exports.InjuryForm;

package/lib/means-of-transport/forms/serviceOfferingForm.d.ts

@@ -0,0 +1,11 @@
+import { MeansOfTransportContextProps } from '../means-of-transport-form-machine';
+import { meansOfTransportFormEvents } from '../events';
+type ServiceOfferingFormProps = {
+    state: {
+        context: MeansOfTransportContextProps;
+    };
+    send: (event: typeof meansOfTransportFormEvents) => void;
+};
+export declare const ServiceOfferingForm: ({ state, send, }: ServiceOfferingFormProps) => import("react/jsx-runtime").JSX.Element;
+export default ServiceOfferingForm;
+//# sourceMappingURL=serviceOfferingForm.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"serviceOfferingForm.d.ts","sourceRoot":"","sources":["../../../src/means-of-transport/forms/serviceOfferingForm.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,4BAA4B,EAAC,MAAM,oCAAoC,CAAC;AAIhF,OAAO,EAAC,0BAA0B,EAAC,MAAM,WAAW,CAAC;AAcrD,KAAK,wBAAwB,GAAG;IAC5B,KAAK,EAAE;QAAE,OAAO,EAAE,4BAA4B,CAAA;KAAE,CAAC;IACjD,IAAI,EAAE,CAAC,KAAK,EAAE,OAAO,0BAA0B,KAAK,IAAI,CAAC;CAC5D,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,kBAGE,wBAAwB,4CAmM7D,CAAC;AAEF,eAAe,mBAAmB,CAAC"}