@mrfylke/contact-form 0.1.3

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

@@ -0,0 +1,64 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ServiceOfferingForm = 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 ServiceOfferingForm = ({ state, send, }) => {
+    const { t } = (0, translations_1.useTranslation)();
+    const transportModeOptions = (0, use_lines_1.useTransportModeOptions)();
+    const { getLinesByMode } = (0, use_lines_1.useLines)();
+    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.serviceOffering.description), children: (0, jsx_runtime_1.jsx)(typography_1.Typo.p, { textType: "body__m", children: t(translations_1.PageText.Contact.modeOfTransport.serviceOffering.info) }) }), (0, jsx_runtime_1.jsxs)(components_1.Fieldset, { title: t(translations_1.PageText.Contact.modeOfTransport.serviceOffering.about.title), children: [(0, jsx_runtime_1.jsx)(typography_1.Typo.p, { textType: "body__m", children: t(translations_1.PageText.Contact.modeOfTransport.serviceOffering.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.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.ServiceOfferingForm = ServiceOfferingForm;
+exports.default = exports.ServiceOfferingForm;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"stopForm.d.ts","sourceRoot":"","sources":["../../../src/means-of-transport/forms/stopForm.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,4BAA4B,EAAC,MAAM,oCAAoC,CAAC;AAIhF,OAAO,EAAC,0BAA0B,EAAC,MAAM,WAAW,CAAC;AAgBrD,KAAK,aAAa,GAAG;IACjB,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,QAAQ,GAAI,iBAAe,aAAa,4CAiOpD,CAAC;AAEF,eAAe,QAAQ,CAAC"}

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

@@ -0,0 +1,76 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StopForm = 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 StopForm = ({ 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.stop.description), children: (0, jsx_runtime_1.jsx)(typography_1.Typo.p, { textType: "body__m", children: t(translations_1.PageText.Contact.modeOfTransport.stop.info) }) }), (0, jsx_runtime_1.jsxs)(components_1.Fieldset, { title: t(translations_1.PageText.Contact.modeOfTransport.stop.about.title), children: [(0, jsx_runtime_1.jsx)(typography_1.Typo.p, { textType: "body__m", children: t(translations_1.PageText.Contact.modeOfTransport.stop.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: "stop", label: t(translations_1.PageText.Contact.input.stop.label), value: state.context.stop, isDisabled: !state.context.line, onChange: (value) => {
+                            send({
+                                type: 'ON_INPUT_CHANGE',
+                                inputName: 'stop',
+                                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['stop']?.[0]
+                            ? t(state.context?.errorMessages['stop']?.[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,
+                        }) })] }), (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.StopForm = StopForm;
+exports.default = exports.StopForm;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"transportationForm.d.ts","sourceRoot":"","sources":["../../../src/means-of-transport/forms/transportationForm.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,4BAA4B,EAAC,MAAM,oCAAoC,CAAC;AAKhF,OAAO,EAAC,0BAA0B,EAAC,MAAM,WAAW,CAAC;AAerD,KAAK,uBAAuB,GAAG;IAC3B,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,kBAAkB,GAAI,kBAGG,uBAAuB,4CA6Q5D,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

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

@@ -0,0 +1,88 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TransportationForm = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const translations_1 = require("../../translations");
+const use_lines_1 = require("../../lines/use-lines");
+const typography_1 = require("../../components/typography");
+const components_1 = require("../../components");
+const TransportationForm = ({ 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.transportation.description), children: (0, jsx_runtime_1.jsx)(typography_1.Typo.p, { textType: "body__m", children: t(translations_1.PageText.Contact.modeOfTransport.transportation.info) }) }), (0, jsx_runtime_1.jsxs)(components_1.Fieldset, { title: t(translations_1.PageText.Contact.modeOfTransport.transportation.about.title), children: [(0, jsx_runtime_1.jsx)(typography_1.Typo.p, { textType: "body__m", children: t(translations_1.PageText.Contact.modeOfTransport.transportation.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, { description: t(translations_1.PageText.Contact.input.feedback.description), 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, 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.TransportationForm = TransportationForm;
+exports.default = exports.TransportationForm;

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

@@ -0,0 +1,3 @@
+declare const MeansOfTransportContent: () => import("react/jsx-runtime").JSX.Element;
+export default MeansOfTransportContent;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/means-of-transport/index.tsx"],"names":[],"mappings":"AAaA,QAAA,MAAM,uBAAuB,+CAuF5B,CAAC;AAEF,eAAe,uBAAuB,CAAC"}

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

@@ -0,0 +1,47 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@xstate/react");
+const react_2 = require("react");
+const config_1 = require("../modules/config");
+const means_of_transport_form_machine_1 = require("./means-of-transport-form-machine");
+const forms_1 = require("./forms");
+const button_1 = require("../components/button");
+const translations_1 = require("../translations");
+const components_1 = require("../components");
+const contact_module_css_1 = __importDefault(require("../contact.module.css"));
+const utils_1 = require("../utils");
+const error_message_1 = __importDefault(require("../components/error-message/error-message"));
+const MeansOfTransportContent = () => {
+    const { t } = (0, translations_1.useTranslation)();
+    const apiConfig = (0, config_1.useApiConfig)();
+    const { formSchemaOverrides, 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, means_of_transport_form_machine_1.createMeansOfTransportFormMachine)(apiConfig.onSubmit, {
+        successPath,
+        errorPath,
+    }), [apiConfig.onSubmit, successPath, errorPath]);
+    const [state, send] = (0, react_1.useMachine)(machine);
+    const displaySubmitButton = state.context.formType;
+    // Filter form types based on overrides
+    const enabledFormTypes = (0, react_2.useMemo)(() => {
+        const allTypes = Object.values(means_of_transport_form_machine_1.FormType);
+        const override = formSchemaOverrides?.meansOfTransport?.enabledFormTypes;
+        if (!override)
+            return allTypes;
+        return allTypes.filter((type) => override.includes(type));
+    }, [formSchemaOverrides]);
+    const onSubmit = async (e) => {
+        e.preventDefault();
+        send({ type: 'SUBMIT', orderedFormFieldNames: (0, utils_1.findOrderFormFields)(e) });
+    };
+    return ((0, jsx_runtime_1.jsxs)("form", { onSubmit: onSubmit, className: contact_module_css_1.default.form, children: [(0, jsx_runtime_1.jsx)(components_1.Fieldset, { title: t(translations_1.PageText.Contact.modeOfTransport.title), children: (0, jsx_runtime_1.jsx)("ul", { className: contact_module_css_1.default.form_options__list, children: enabledFormTypes.map((formType) => ((0, jsx_runtime_1.jsx)("li", { children: (0, jsx_runtime_1.jsx)(components_1.Radio, { label: t(translations_1.PageText.Contact.modeOfTransport[formType].description), checked: state.matches({ editing: formType }), onChange: () => send({
+                                type: 'SELECT_FORM_TYPE',
+                                formType: formType,
+                            }) }) }, formType))) }) }), state.matches({ editing: 'driver' }) && ((0, jsx_runtime_1.jsx)(forms_1.DriverForm, { state: state, send: send })), state.matches({ editing: 'transportation' }) && ((0, jsx_runtime_1.jsx)(forms_1.TransportationForm, { state: state, send: send })), state.matches({ editing: 'delay' }) && ((0, jsx_runtime_1.jsx)(forms_1.DelayForm, { state: state, send: send })), state.matches({ editing: 'stop' }) && ((0, jsx_runtime_1.jsx)(forms_1.StopForm, { state: state, send: send })), state.matches({ editing: 'serviceOffering' }) && ((0, jsx_runtime_1.jsx)(forms_1.ServiceOfferingForm, { state: state, send: send })), state.matches({ editing: 'injury' }) && ((0, jsx_runtime_1.jsx)(forms_1.InjuryForm, { state: state, send: send })), state.context.hasSubmissionError && ((0, jsx_runtime_1.jsx)(error_message_1.default, { message: t(translations_1.PageText.Contact.error.info), id: "submission-error" })), displaySubmitButton && ((0, jsx_runtime_1.jsx)(button_1.Button, { title: t(translations_1.PageText.Contact.submit), mode: 'interactive_0--bordered', buttonProps: { type: 'submit' }, state: state.matches('submitting') ? 'loading' : undefined, className: contact_module_css_1.default.submitButton }))] }));
+};
+exports.default = MeansOfTransportContent;

package/lib/means-of-transport/means-of-transport-form-machine.d.ts

@@ -0,0 +1,291 @@
+import { TransportModeType } from '../types';
+import { Line } from '../server/journey-planner/validators';
+import { InputErrorMessages } from '../validation';
+import type { FormSchemaName } from '../modules/config/types';
+export declare enum FormType {
+    Driver = "driver",
+    Transportation = "transportation",
+    Delay = "delay",
+    Stop = "stop",
+    ServiceOffering = "serviceOffering",
+    Injury = "injury"
+}
+type SubmitInput = {
+    formType?: string;
+    transportMode?: string;
+    line?: string;
+    fromStop?: string;
+    toStop?: string;
+    stop?: string;
+    date?: string;
+    departureTime?: string;
+    feedback?: string;
+    attachments?: File[];
+    firstName?: string;
+    lastName?: string;
+    isResponseWanted?: boolean;
+    email?: string;
+};
+export type MeansOfTransportContextProps = {
+    formType?: FormType;
+    transportMode?: TransportModeType;
+    line?: Line;
+    fromStop?: Line['quays'][0];
+    toStop?: Line['quays'][0];
+    stop?: Line['quays'][0];
+    date?: string;
+    plannedDepartureTime?: string;
+    feedback?: string;
+    attachments?: File[];
+    firstName?: string;
+    lastName?: string;
+    email?: string;
+    isResponseWanted?: boolean;
+    errorMessages: InputErrorMessages;
+    firstErrorMessage?: string;
+    hasSubmissionError?: boolean;
+};
+export type MachinePaths = {
+    successPath: string;
+    errorPath: string;
+};
+export declare function createMeansOfTransportFormMachine(onSubmit: (schemaName: FormSchemaName, state: Record<string, unknown>) => Promise<Response>, paths?: MachinePaths): import("xstate").StateMachine<MeansOfTransportContextProps, {
+    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[];
+} | {
+    type: "VALIDATE";
+} | {
+    type: "ON_INPUT_CHANGE";
+    inputName: "address" | "attachments" | "bankAccountNumber" | "city" | "date" | "email" | "firstName" | "feedback" | "IBAN" | "lastName" | "phoneNumber" | "postalCode" | "SWIFT" | "toStop" | "fromStop" | "plannedDepartureTime";
+    value: any;
+} | {
+    type: "ON_TRANSPORTMODE_CHANGE";
+    value: TransportModeType;
+} | {
+    type: "ON_LINE_CHANGE";
+    value: Line | undefined;
+}, {
+    [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: "navigateToErrorPage";
+    params: unknown;
+} | {
+    type: "navigateToSuccessPage";
+    params: unknown;
+} | {
+    type: "clearValidationErrors";
+    params: unknown;
+} | {
+    type: "setValidationErrors";
+    params: unknown;
+} | {
+    type: "scrollToFirstErrorMessage";
+    params: unknown;
+} | {
+    type: "setSubmissionError";
+    params: unknown;
+} | {
+    type: "clearSubmissionError";
+    params: unknown;
+} | {
+    type: "onInputChange";
+    params: unknown;
+} | {
+    type: "onTransportModeChange";
+    params: unknown;
+} | {
+    type: "onLineChange";
+    params: unknown;
+}, {
+    type: "isFormValid";
+    params: unknown;
+} | {
+    type: "isDriverForm";
+    params: unknown;
+} | {
+    type: "isTransportationForm";
+    params: unknown;
+} | {
+    type: "isDelayForm";
+    params: unknown;
+} | {
+    type: "isStopForm";
+    params: unknown;
+} | {
+    type: "isServiceOfferingForm";
+    params: unknown;
+} | {
+    type: "isInjuryForm";
+    params: unknown;
+}, never, "success" | "validating" | "submitting" | "formTypeHandler" | {
+    editing: "driver" | "transportation" | "delay" | "stop" | "serviceOffering" | "injury" | "selectFormType";
+}, string, import("xstate").NonReducibleUnknown, import("xstate").NonReducibleUnknown, import("xstate").EventObject, import("xstate").MetaObject, {
+    states: {
+        readonly formTypeHandler: {
+            id: "formTypeHandler";
+        };
+        readonly editing: {
+            states: {
+                readonly selectFormType: {};
+                readonly driver: {
+                    id: "driver";
+                };
+                readonly transportation: {
+                    id: "transportation";
+                };
+                readonly delay: {
+                    id: "delay";
+                };
+                readonly stop: {
+                    id: "stop";
+                };
+                readonly serviceOffering: {
+                    id: "serviceOffering";
+                };
+                readonly injury: {
+                    id: "injury";
+                };
+                readonly history: {};
+            };
+        };
+        readonly validating: {
+            id: "validating";
+        };
+        readonly submitting: {
+            id: "submitting";
+        };
+        readonly success: {};
+    };
+}>;
+export declare const meansOfTransportFormMachine: import("xstate").StateMachine<MeansOfTransportContextProps, {
+    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[];
+} | {
+    type: "VALIDATE";
+} | {
+    type: "ON_INPUT_CHANGE";
+    inputName: "address" | "attachments" | "bankAccountNumber" | "city" | "date" | "email" | "firstName" | "feedback" | "IBAN" | "lastName" | "phoneNumber" | "postalCode" | "SWIFT" | "toStop" | "fromStop" | "plannedDepartureTime";
+    value: any;
+} | {
+    type: "ON_TRANSPORTMODE_CHANGE";
+    value: TransportModeType;
+} | {
+    type: "ON_LINE_CHANGE";
+    value: Line | undefined;
+}, {
+    [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: "navigateToErrorPage";
+    params: unknown;
+} | {
+    type: "navigateToSuccessPage";
+    params: unknown;
+} | {
+    type: "clearValidationErrors";
+    params: unknown;
+} | {
+    type: "setValidationErrors";
+    params: unknown;
+} | {
+    type: "scrollToFirstErrorMessage";
+    params: unknown;
+} | {
+    type: "setSubmissionError";
+    params: unknown;
+} | {
+    type: "clearSubmissionError";
+    params: unknown;
+} | {
+    type: "onInputChange";
+    params: unknown;
+} | {
+    type: "onTransportModeChange";
+    params: unknown;
+} | {
+    type: "onLineChange";
+    params: unknown;
+}, {
+    type: "isFormValid";
+    params: unknown;
+} | {
+    type: "isDriverForm";
+    params: unknown;
+} | {
+    type: "isTransportationForm";
+    params: unknown;
+} | {
+    type: "isDelayForm";
+    params: unknown;
+} | {
+    type: "isStopForm";
+    params: unknown;
+} | {
+    type: "isServiceOfferingForm";
+    params: unknown;
+} | {
+    type: "isInjuryForm";
+    params: unknown;
+}, never, "success" | "validating" | "submitting" | "formTypeHandler" | {
+    editing: "driver" | "transportation" | "delay" | "stop" | "serviceOffering" | "injury" | "selectFormType";
+}, string, import("xstate").NonReducibleUnknown, import("xstate").NonReducibleUnknown, import("xstate").EventObject, import("xstate").MetaObject, {
+    states: {
+        readonly formTypeHandler: {
+            id: "formTypeHandler";
+        };
+        readonly editing: {
+            states: {
+                readonly selectFormType: {};
+                readonly driver: {
+                    id: "driver";
+                };
+                readonly transportation: {
+                    id: "transportation";
+                };
+                readonly delay: {
+                    id: "delay";
+                };
+                readonly stop: {
+                    id: "stop";
+                };
+                readonly serviceOffering: {
+                    id: "serviceOffering";
+                };
+                readonly injury: {
+                    id: "injury";
+                };
+                readonly history: {};
+            };
+        };
+        readonly validating: {
+            id: "validating";
+        };
+        readonly submitting: {
+            id: "submitting";
+        };
+        readonly success: {};
+    };
+}>;
+export {};
+//# sourceMappingURL=means-of-transport-form-machine.d.ts.map

package/lib/means-of-transport/means-of-transport-form-machine.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"means-of-transport-form-machine.d.ts","sourceRoot":"","sources":["../../src/means-of-transport/means-of-transport-form-machine.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,iBAAiB,EAAC,MAAM,UAAU,CAAC;AAE3C,OAAO,EAAC,IAAI,EAAC,MAAM,sCAAsC,CAAC;AAC1D,OAAO,EAAuB,kBAAkB,EAAC,MAAM,eAAe,CAAC;AAUvE,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,yBAAyB,CAAC;AAE5D,oBAAY,QAAQ;IAChB,MAAM,WAAW;IACjB,cAAc,mBAAmB;IACjC,KAAK,UAAU;IACf,IAAI,SAAS;IACb,eAAe,oBAAoB;IACnC,MAAM,WAAW;CACpB;AAED,KAAK,WAAW,GAAG;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,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,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,IAAI,EAAE,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,4BAA4B,GAAG;IACvC,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,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,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,IAAI,EAAE,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,aAAa,EAAE,kBAAkB,CAAC;IAClC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAChC,CAAC;AA8FF,MAAM,MAAM,YAAY,GAAG;IAAE,WAAW,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE,CAAC;AAEtE,wBAAgB,iCAAiC,CAC7C,QAAQ,EAAE,CAAC,UAAU,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,OAAO,CAAC,QAAQ,CAAC,EAC3F,KAAK,CAAC,EAAE,YAAY;;;8BArJpB,aAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoXb;AAED,eAAO,MAAM,2BAA2B;;;8BAtXpC,aAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6Xb,CAAC"}