@mrfylke/contact-form 0.1.10 → 0.1.21

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

@@ -7,45 +7,53 @@ const components_1 = require("../../components");
 const translations_1 = require("../../translations");
 const typography_1 = require("../../components/typography");
 const DelayForm = ({ 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)(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({
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.Fieldset, { title: t(PageText.Contact.modeOfTransport.delay.description), children: (0, jsx_runtime_1.jsx)(typography_1.Typo.p, { textType: "body__m", children: t(PageText.Contact.modeOfTransport.delay.info) }) }), (0, jsx_runtime_1.jsxs)(components_1.Fieldset, { title: t(PageText.Contact.modeOfTransport.delay.about.title), children: [(0, jsx_runtime_1.jsx)(typography_1.Typo.p, { textType: "body__m", children: t(PageText.Contact.modeOfTransport.delay.about.description) }), (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(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) => {
+                            : 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: 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) => {
+                            t(state.context?.errorMessages['line']?.[0]) }), (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: 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]
+                        }, 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(translations_1.PageText.Contact.input.toStop.label), value: state.context.toStop, isDisabled: !state.context.line, onChange: (value) => {
+                            : 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: 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]
+                        }, placeholder: t(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({
+                            : 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.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({
+                        }), 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.input.feedback.title), isRequired: true, children: (0, jsx_runtime_1.jsx)(components_1.Textarea, { id: "feedback", description: t(PageText.Contact.input.feedback.description), value: state.context.feedback || '', onChange: (e) => send({
                         type: 'ON_INPUT_CHANGE',
                         inputName: 'feedback',
                         value: e.target.value,
@@ -54,7 +62,7 @@ const DelayForm = ({ state, send }) => {
                         : undefined, fileInputProps: {
                         id: 'attachments',
                         name: 'attachments',
-                        iconLabel: t(translations_1.PageText.Contact.input.feedback.attachment.generic),
+                        iconLabel: t(PageText.Contact.input.feedback.attachment.generic),
                         onChange: (files) => {
                             send({
                                 type: 'ON_INPUT_CHANGE',
@@ -62,23 +70,23 @@ const DelayForm = ({ state, send }) => {
                                 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({
+                    } }) }), (0, jsx_runtime_1.jsxs)(components_1.Fieldset, { title: t(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(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({
+                                }) }), (0, jsx_runtime_1.jsx)(components_1.Radio, { label: t(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({
+                                }) })] }), 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(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({
+                                }) }), (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(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({
+                                }) }), (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,

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

@@ -1 +1 @@
-{"version":3,"file":"driverForm.d.ts","sourceRoot":"","sources":["../../../src/means-of-transport/forms/driverForm.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,4BAA4B,EAAE,MAAM,oCAAoC,CAAC;AAIlF,OAAO,EAAE,0BAA0B,EAAE,MAAM,WAAW,CAAC;AAiBvD,KAAK,eAAe,GAAG;IACrB,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,UAAU,GAAI,iBAAiB,eAAe,4CAyQ1D,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"driverForm.d.ts","sourceRoot":"","sources":["../../../src/means-of-transport/forms/driverForm.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,4BAA4B,EAAE,MAAM,oCAAoC,CAAC;AAIlF,OAAO,EAAE,0BAA0B,EAAE,MAAM,WAAW,CAAC;AAiBvD,KAAK,eAAe,GAAG;IACrB,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,UAAU,GAAI,iBAAiB,eAAe,4CAkR1D,CAAC;AAEF,eAAe,UAAU,CAAC"}

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

@@ -7,45 +7,53 @@ const components_1 = require("../../components");
 const translations_1 = require("../../translations");
 const typography_1 = require("../../components/typography");
 const DriverForm = ({ 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)(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({
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.Fieldset, { title: t(PageText.Contact.modeOfTransport.driver.description), children: (0, jsx_runtime_1.jsx)(typography_1.Typo.p, { textType: "body__m", children: t(PageText.Contact.modeOfTransport.driver.info) }) }), (0, jsx_runtime_1.jsxs)(components_1.Fieldset, { title: t(PageText.Contact.modeOfTransport.driver.about.title), children: [(0, jsx_runtime_1.jsx)(typography_1.Typo.p, { textType: "body__m", children: t(PageText.Contact.modeOfTransport.driver.about.description) }), (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(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) => {
+                            : 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: 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) => {
+                            t(state.context?.errorMessages['line']?.[0]) }), (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: 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]
+                        }, 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(translations_1.PageText.Contact.input.toStop.label), value: state.context.toStop, isDisabled: !state.context.line, onChange: (value) => {
+                            : 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: 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]
+                        }, placeholder: t(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({
+                            : 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.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({
+                        }), 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.input.feedback.title), isRequired: true, children: (0, jsx_runtime_1.jsx)(components_1.Textarea, { id: "feedback", description: t(PageText.Contact.input.feedback.description), value: state.context.feedback || '', onChange: (e) => send({
                         type: 'ON_INPUT_CHANGE',
                         inputName: 'feedback',
                         value: e.target.value,
@@ -54,7 +62,7 @@ const DriverForm = ({ state, send }) => {
                         : undefined, fileInputProps: {
                         id: 'attachments',
                         name: 'attachments',
-                        iconLabel: t(translations_1.PageText.Contact.input.feedback.attachment.generic),
+                        iconLabel: t(PageText.Contact.input.feedback.attachment.generic),
                         onChange: (files) => {
                             send({
                                 type: 'ON_INPUT_CHANGE',
@@ -62,23 +70,23 @@ const DriverForm = ({ state, send }) => {
                                 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({
+                    } }) }), (0, jsx_runtime_1.jsxs)(components_1.Fieldset, { title: t(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(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({
+                                }) }), (0, jsx_runtime_1.jsx)(components_1.Radio, { label: t(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({
+                                }) })] }), 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(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({
+                                }) }), (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(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({
+                                }) }), (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,

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

@@ -1 +1 @@
-{"version":3,"file":"injuryForm.d.ts","sourceRoot":"","sources":["../../../src/means-of-transport/forms/injuryForm.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,4BAA4B,EAAE,MAAM,oCAAoC,CAAC;AAIlF,OAAO,EAAE,0BAA0B,EAAE,MAAM,WAAW,CAAC;AAiBvD,KAAK,eAAe,GAAG;IACrB,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,UAAU,GAAI,iBAAiB,eAAe,4CAwQ1D,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"injuryForm.d.ts","sourceRoot":"","sources":["../../../src/means-of-transport/forms/injuryForm.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,4BAA4B,EAAE,MAAM,oCAAoC,CAAC;AAIlF,OAAO,EAAE,0BAA0B,EAAE,MAAM,WAAW,CAAC;AAiBvD,KAAK,eAAe,GAAG;IACrB,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,UAAU,GAAI,iBAAiB,eAAe,4CAiR1D,CAAC;AAEF,eAAe,UAAU,CAAC"}

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

@@ -7,45 +7,53 @@ const components_1 = require("../../components");
 const translations_1 = require("../../translations");
 const typography_1 = require("../../components/typography");
 const InjuryForm = ({ 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)(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({
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.Fieldset, { title: t(PageText.Contact.modeOfTransport.injury.description), children: (0, jsx_runtime_1.jsx)(typography_1.Typo.p, { textType: "body__m", children: t(PageText.Contact.modeOfTransport.injury.info) }) }), (0, jsx_runtime_1.jsxs)(components_1.Fieldset, { title: t(PageText.Contact.modeOfTransport.injury.about.title), children: [(0, jsx_runtime_1.jsx)(typography_1.Typo.p, { textType: "body__m", children: t(PageText.Contact.modeOfTransport.injury.about.description) }), (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(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) => {
+                            : 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: 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) => {
+                            t(state.context?.errorMessages['line']?.[0]) }), (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: 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]
+                        }, 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(translations_1.PageText.Contact.input.toStop.label), value: state.context.toStop, isDisabled: !state.context.line, onChange: (value) => {
+                            : 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: 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]
+                        }, placeholder: t(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({
+                            : 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.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({
+                        }), 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.input.feedback.title), isRequired: true, children: (0, jsx_runtime_1.jsx)(components_1.Textarea, { id: "feedback", description: t(PageText.Contact.input.feedback.description), value: state.context.feedback || '', onChange: (e) => send({
                         type: 'ON_INPUT_CHANGE',
                         inputName: 'feedback',
                         value: e.target.value,
@@ -54,7 +62,7 @@ const InjuryForm = ({ state, send }) => {
                         : undefined, fileInputProps: {
                         id: 'attachments',
                         name: 'attachments',
-                        iconLabel: t(translations_1.PageText.Contact.input.feedback.attachment.generic),
+                        iconLabel: t(PageText.Contact.input.feedback.attachment.generic),
                         onChange: (files) => {
                             send({
                                 type: 'ON_INPUT_CHANGE',
@@ -62,23 +70,23 @@ const InjuryForm = ({ state, send }) => {
                                 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({
+                    } }) }), (0, jsx_runtime_1.jsxs)(components_1.Fieldset, { title: t(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(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({
+                                }) }), (0, jsx_runtime_1.jsx)(components_1.Radio, { label: t(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({
+                                }) })] }), 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(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({
+                                }) }), (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(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({
+                                }) }), (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,

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

@@ -1 +1 @@
-{"version":3,"file":"serviceOfferingForm.d.ts","sourceRoot":"","sources":["../../../src/means-of-transport/forms/serviceOfferingForm.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,4BAA4B,EAAE,MAAM,oCAAoC,CAAC;AAIlF,OAAO,EAAE,0BAA0B,EAAE,MAAM,WAAW,CAAC;AAcvD,KAAK,wBAAwB,GAAG;IAC9B,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,mBAAmB,GAAI,kBAGjC,wBAAwB,4CAmM1B,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"serviceOfferingForm.d.ts","sourceRoot":"","sources":["../../../src/means-of-transport/forms/serviceOfferingForm.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,4BAA4B,EAAE,MAAM,oCAAoC,CAAC;AAIlF,OAAO,EAAE,0BAA0B,EAAE,MAAM,WAAW,CAAC;AAcvD,KAAK,wBAAwB,GAAG;IAC9B,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,mBAAmB,GAAI,kBAGjC,wBAAwB,4CA+L1B,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

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

@@ -7,21 +7,21 @@ const components_1 = require("../../components");
 const translations_1 = require("../../translations");
 const typography_1 = require("../../components/typography");
 const ServiceOfferingForm = ({ state, send, }) => {
+    const PageText = (0, translations_1.usePageText)();
     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({
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.Fieldset, { title: t(PageText.Contact.modeOfTransport.serviceOffering.description), children: (0, jsx_runtime_1.jsx)(typography_1.Typo.p, { textType: "body__m", children: t(PageText.Contact.modeOfTransport.serviceOffering.info) }) }), (0, jsx_runtime_1.jsxs)(components_1.Fieldset, { title: t(PageText.Contact.modeOfTransport.serviceOffering.about.title), children: [(0, jsx_runtime_1.jsx)(typography_1.Typo.p, { textType: "body__m", children: t(PageText.Contact.modeOfTransport.serviceOffering.about.description) }), (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(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) => {
+                            : 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: 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({
+                        } })] }), (0, jsx_runtime_1.jsx)(components_1.Fieldset, { title: t(PageText.Contact.input.feedback.title), isRequired: true, children: (0, jsx_runtime_1.jsx)(components_1.Textarea, { id: "feedback", description: t(PageText.Contact.input.feedback.description), value: state.context.feedback || '', onChange: (e) => send({
                         type: 'ON_INPUT_CHANGE',
                         inputName: 'feedback',
                         value: e.target.value,
@@ -30,7 +30,7 @@ const ServiceOfferingForm = ({ state, send, }) => {
                         : undefined, fileInputProps: {
                         id: 'attachments',
                         name: 'attachments',
-                        iconLabel: t(translations_1.PageText.Contact.input.feedback.attachment.generic),
+                        iconLabel: t(PageText.Contact.input.feedback.attachment.generic),
                         onChange: (files) => {
                             send({
                                 type: 'ON_INPUT_CHANGE',
@@ -38,23 +38,23 @@ const ServiceOfferingForm = ({ state, send, }) => {
                                 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({
+                    } }) }), (0, jsx_runtime_1.jsxs)(components_1.Fieldset, { title: t(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(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({
+                                }) }), (0, jsx_runtime_1.jsx)(components_1.Radio, { label: t(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({
+                                }) })] }), 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(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({
+                                }) }), (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(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({
+                                }) }), (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,

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

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

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

@@ -7,33 +7,34 @@ const components_1 = require("../../components");
 const translations_1 = require("../../translations");
 const typography_1 = require("../../components/typography");
 const StopForm = ({ 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)(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({
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.Fieldset, { title: t(PageText.Contact.modeOfTransport.stop.description), children: (0, jsx_runtime_1.jsx)(typography_1.Typo.p, { textType: "body__m", children: t(PageText.Contact.modeOfTransport.stop.info) }) }), (0, jsx_runtime_1.jsxs)(components_1.Fieldset, { title: t(PageText.Contact.modeOfTransport.stop.about.title), children: [(0, jsx_runtime_1.jsx)(typography_1.Typo.p, { textType: "body__m", children: t(PageText.Contact.modeOfTransport.stop.about.description) }), (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(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) => {
+                            : 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: 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) => {
+                            t(state.context?.errorMessages['line']?.[0]) }), (0, jsx_runtime_1.jsx)(components_1.SearchableSelect, { id: "stop", label: t(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]
+                        }, options: (0, components_1.getStopOptions)(getQuaysByLine(state.context.line?.id ?? '')), placeholder: t(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({
+                            : 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,
-                        }) })] }), (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({
+                        }) })] }), (0, jsx_runtime_1.jsx)(components_1.Fieldset, { title: t(PageText.Contact.input.feedback.title), isRequired: true, children: (0, jsx_runtime_1.jsx)(components_1.Textarea, { id: "feedback", description: t(PageText.Contact.input.feedback.description), value: state.context.feedback || '', onChange: (e) => send({
                         type: 'ON_INPUT_CHANGE',
                         inputName: 'feedback',
                         value: e.target.value,
@@ -42,7 +43,7 @@ const StopForm = ({ state, send }) => {
                         : undefined, fileInputProps: {
                         id: 'attachments',
                         name: 'attachments',
-                        iconLabel: t(translations_1.PageText.Contact.input.feedback.attachment.generic),
+                        iconLabel: t(PageText.Contact.input.feedback.attachment.generic),
                         onChange: (files) => {
                             send({
                                 type: 'ON_INPUT_CHANGE',
@@ -50,23 +51,23 @@ const StopForm = ({ state, send }) => {
                                 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({
+                    } }) }), (0, jsx_runtime_1.jsxs)(components_1.Fieldset, { title: t(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(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({
+                                }) }), (0, jsx_runtime_1.jsx)(components_1.Radio, { label: t(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({
+                                }) })] }), 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(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({
+                                }) }), (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(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({
+                                }) }), (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,

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

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