@mrfylke/contact-form 0.1.10 → 0.1.21

package/lib/refund/forms/refund-and-travel-guarantee/refundCarForm.js

@@ -5,59 +5,68 @@ 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 checkbox_1 = require("../../../components/checkbox");
 const RefundCarForm = ({ state, send }) => {
     const { t } = (0, translations_1.useTranslation)();
+    const PageText = (0, translations_1.usePageText)();
     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.jsxs)(components_1.Fieldset, { title: t(translations_1.PageText.Contact.refund.refundCar.aboutTheCarTrip.title), children: [(0, jsx_runtime_1.jsx)(components_1.Input, { id: "kilometersDriven", label: t(translations_1.PageText.Contact.input.kilometersDriven.label), type: "text", name: "kilometersDriven", value: state.context.kilometersDriven || '', isRequired: true, errorMessage: state.context?.errorMessages['kilometersDriven']?.[0] || undefined, onChange: (e) => send({
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(components_1.Fieldset, { title: t(PageText.Contact.refund.refundCar.aboutTheCarTrip.title), children: [(0, jsx_runtime_1.jsx)(typography_1.Typo.p, { textType: "body__m", children: t(PageText.Contact.refund.refundCar.info) }), (0, jsx_runtime_1.jsx)(components_1.Input, { id: "kilometersDriven", label: t(PageText.Contact.input.kilometersDriven.label), type: "text", name: "kilometersDriven", value: state.context.kilometersDriven || '', isRequired: true, errorMessage: state.context?.errorMessages['kilometersDriven']?.[0] || undefined, onChange: (e) => send({
                             type: 'ON_INPUT_CHANGE',
                             inputName: 'kilometersDriven',
                             value: e.target.value,
-                        }) }), (0, jsx_runtime_1.jsx)(components_1.Input, { id: "fromAddress", label: t(translations_1.PageText.Contact.input.fromAddress.label), type: "text", name: "fromAddress", value: state.context.fromAddress || '', isRequired: true, errorMessage: state.context?.errorMessages['fromAddress']?.[0] || undefined, onChange: (e) => send({
+                        }) }), (0, jsx_runtime_1.jsx)(components_1.Input, { id: "fromAddress", label: t(PageText.Contact.input.fromAddress.label), type: "text", name: "fromAddress", value: state.context.fromAddress || '', isRequired: true, errorMessage: state.context?.errorMessages['fromAddress']?.[0] || undefined, onChange: (e) => send({
                             type: 'ON_INPUT_CHANGE',
                             inputName: 'fromAddress',
                             value: e.target.value,
-                        }) }), (0, jsx_runtime_1.jsx)(components_1.Input, { id: "toAddress", label: t(translations_1.PageText.Contact.input.toAddress.label), type: "text", name: "toAddress", value: state.context.toAddress || '', isRequired: true, errorMessage: state.context?.errorMessages['toAddress']?.[0] || undefined, onChange: (e) => send({
+                        }) }), (0, jsx_runtime_1.jsx)(components_1.Input, { id: "toAddress", label: t(PageText.Contact.input.toAddress.label), type: "text", name: "toAddress", value: state.context.toAddress || '', isRequired: true, errorMessage: state.context?.errorMessages['toAddress']?.[0] || undefined, onChange: (e) => send({
                             type: 'ON_INPUT_CHANGE',
                             inputName: 'toAddress',
                             value: e.target.value,
-                        }) })] }), (0, jsx_runtime_1.jsxs)(components_1.Fieldset, { title: t(translations_1.PageText.Contact.refund.refundCar.aboutThePlanedTrip.title), children: [(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({
+                        }) })] }), (0, jsx_runtime_1.jsxs)(components_1.Fieldset, { title: t(PageText.Contact.refund.refundCar.aboutThePlanedTrip.title), children: [(0, jsx_runtime_1.jsx)(components_1.Select, { id: "transportMode", label: t(PageText.Contact.input.transportMode.label), value: state.context.transportMode || '', onChange: (value) => send({
                             type: 'ON_TRANSPORTMODE_CHANGE',
                             value: value,
                         }), isRequired: true, error: state.context?.errorMessages['transportMode']?.[0]
                             ? t(state.context?.errorMessages['transportMode']?.[0])
-                            : undefined, valueToId: (val) => val, valueToText: (val) => t(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.Select, { id: "reasonForTransportFailure", label: t(translations_1.PageText.Contact.input.reasonForTransportFailure.label), value: state.context.reasonForTransportFailure, disabled: !state.context.line, onChange: (value) => {
+                        }), 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.Select, { id: "reasonForTransportFailure", label: t(PageText.Contact.input.reasonForTransportFailure.label), value: state.context.reasonForTransportFailure, disabled: !state.context.line, onChange: (value) => {
                             if (!value)
                                 return;
                             send({
@@ -65,16 +74,17 @@ const RefundCarForm = ({ state, send }) => {
                                 inputName: 'reasonForTransportFailure',
                                 value: value,
                             });
-                        }, placeholder: t(translations_1.PageText.Contact.input.reasonForTransportFailure.optionLabel), options: translations_1.PageText.Contact.input.reasonForTransportFailure.options, isRequired: true, error: state.context?.errorMessages['reasonForTransportFailure']?.[0]
+                        }, placeholder: t(PageText.Contact.input.reasonForTransportFailure.optionLabel), options: PageText.Contact.input.reasonForTransportFailure.options, isRequired: true, error: state.context?.errorMessages['reasonForTransportFailure']?.[0]
                             ? t(state.context?.errorMessages['reasonForTransportFailure']?.[0])
-                            : undefined, valueToId: (option) => option.id, valueToText: (option) => t(option.name) })] }), (0, jsx_runtime_1.jsx)(components_1.Fieldset, { title: t(translations_1.PageText.Contact.input.feedback.optionalTitle), children: (0, jsx_runtime_1.jsx)(components_1.Textarea, { id: "feedback", value: state.context.feedback || '', onChange: (e) => send({
+                            : undefined, valueToId: (option) => option.id, valueToText: (option) => t(option.name) })] }), (0, jsx_runtime_1.jsx)(components_1.Fieldset, { title: t(PageText.Contact.input.feedback.optionalTitle), children: (0, jsx_runtime_1.jsx)(components_1.Textarea, { id: "feedback", value: state.context.feedback || '', onChange: (e) => send({
                         type: 'ON_INPUT_CHANGE',
                         inputName: 'feedback',
                         value: e.target.value,
                     }), fileInputProps: {
                         id: 'attachments',
                         name: 'attachments',
-                        iconLabel: t(translations_1.PageText.Contact.input.feedback.attachment.generic),
+                        iconLabel: t(PageText.Contact.refund.refundAndTravelGuarantee
+                            .feedbackAttachmentLabel),
                         onChange: (files) => {
                             send({
                                 type: 'ON_INPUT_CHANGE',
@@ -82,48 +92,48 @@ const RefundCarForm = ({ state, send }) => {
                                 value: files,
                             });
                         },
-                    } }) }), (0, jsx_runtime_1.jsxs)(components_1.Fieldset, { title: t(translations_1.PageText.Contact.aboutYouInfo.title), children: [(0, jsx_runtime_1.jsx)(components_1.Input, { id: "firstName", label: t(translations_1.PageText.Contact.input.firstName.label), type: "text", autoComplete: "given-name additional-name", name: "firstName", value: state.context.firstName || '', isRequired: true, errorMessage: state.context?.errorMessages['firstName']?.[0], onChange: (e) => send({
+                    } }) }), (0, jsx_runtime_1.jsxs)(components_1.Fieldset, { title: t(PageText.Contact.aboutYouInfo.title), children: [(0, jsx_runtime_1.jsx)(components_1.Input, { id: "firstName", label: t(PageText.Contact.input.firstName.label), type: "text", autoComplete: "given-name additional-name", name: "firstName", value: state.context.firstName || '', isRequired: true, 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", autoComplete: "family-name", name: "lastName", value: state.context.lastName || '', isRequired: true, 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", autoComplete: "family-name", name: "lastName", value: state.context.lastName || '', isRequired: true, 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: "address", label: t(translations_1.PageText.Contact.input.address.label), type: "text", autoComplete: "street-address", name: "address", value: state.context.address || '', isRequired: true, errorMessage: state.context?.errorMessages['address']?.[0], onChange: (e) => send({
+                        }) }), (0, jsx_runtime_1.jsx)(components_1.Input, { id: "address", label: t(PageText.Contact.input.address.label), type: "text", autoComplete: "street-address", name: "address", value: state.context.address || '', isRequired: true, errorMessage: state.context?.errorMessages['address']?.[0], onChange: (e) => send({
                             type: 'ON_INPUT_CHANGE',
                             inputName: 'address',
                             value: e.target.value,
-                        }) }), (0, jsx_runtime_1.jsx)(components_1.Input, { id: "postalCode", label: t(translations_1.PageText.Contact.input.postalCode.label), type: "text", autoComplete: "postal-code", name: "postalCode", value: state.context.postalCode || '', isRequired: true, errorMessage: state.context?.errorMessages['postalCode']?.[0], onChange: (e) => send({
+                        }) }), (0, jsx_runtime_1.jsx)(components_1.Input, { id: "postalCode", label: t(PageText.Contact.input.postalCode.label), type: "text", autoComplete: "postal-code", name: "postalCode", value: state.context.postalCode || '', isRequired: true, errorMessage: state.context?.errorMessages['postalCode']?.[0], onChange: (e) => send({
                             type: 'ON_INPUT_CHANGE',
                             inputName: 'postalCode',
                             value: e.target.value,
-                        }) }), (0, jsx_runtime_1.jsx)(components_1.Input, { id: "city", label: t(translations_1.PageText.Contact.input.city.label), type: "text", name: "city", value: state.context.city || '', isRequired: true, errorMessage: state.context?.errorMessages['city']?.[0], onChange: (e) => send({
+                        }) }), (0, jsx_runtime_1.jsx)(components_1.Input, { id: "city", label: t(PageText.Contact.input.city.label), type: "text", name: "city", value: state.context.city || '', isRequired: true, errorMessage: state.context?.errorMessages['city']?.[0], onChange: (e) => send({
                             type: 'ON_INPUT_CHANGE',
                             inputName: 'city',
                             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", autoComplete: "email", name: "email", value: state.context.email || '', isRequired: true, 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", autoComplete: "email", name: "email", value: state.context.email || '', isRequired: true, errorMessage: state.context?.errorMessages['email']?.[0], onChange: (e) => send({
                             type: 'ON_INPUT_CHANGE',
                             inputName: 'email',
                             value: e.target.value,
-                        }) }), (0, jsx_runtime_1.jsx)(components_1.Input, { id: "phoneNumber", label: t(translations_1.PageText.Contact.input.phoneNumber.label), type: "tel", name: "phoneNumber", value: state.context.phoneNumber || '', isRequired: true, errorMessage: state.context?.errorMessages['phoneNumber']?.[0], onChange: (e) => send({
+                        }) }), (0, jsx_runtime_1.jsx)(components_1.Input, { id: "phoneNumber", label: t(PageText.Contact.input.phoneNumber.label), type: "tel", name: "phoneNumber", value: state.context.phoneNumber || '', isRequired: true, errorMessage: state.context?.errorMessages['phoneNumber']?.[0], onChange: (e) => send({
                             type: 'ON_INPUT_CHANGE',
                             inputName: 'phoneNumber',
                             value: e.target.value,
-                        }) }), (0, jsx_runtime_1.jsx)(components_1.Input, { id: "bankAccountNumber", label: t(translations_1.PageText.Contact.input.bankInformation.bankAccountNumber.label), placeholder: t(translations_1.PageText.Contact.input.bankInformation.bankAccountNumber
+                        }) }), (0, jsx_runtime_1.jsx)(components_1.Input, { id: "bankAccountNumber", label: t(PageText.Contact.input.bankInformation.bankAccountNumber.label), placeholder: t(PageText.Contact.input.bankInformation.bankAccountNumber
                             .placeholder), type: "text", name: "bankAccountNumber", value: state.context.bankAccountNumber || '', disabled: state.context.hasInternationalBankAccount, isRequired: true, errorMessage: state.context?.errorMessages['bankAccountNumber']?.[0], onChange: (e) => send({
                             type: 'ON_INPUT_CHANGE',
                             inputName: 'bankAccountNumber',
                             value: e.target.value,
-                        }) }), (0, jsx_runtime_1.jsx)(checkbox_1.Checkbox, { label: t(translations_1.PageText.Contact.input.bankInformation.checkbox), checked: state.context.hasInternationalBankAccount, onChange: () => send({
+                        }) }), (0, jsx_runtime_1.jsx)(checkbox_1.Checkbox, { label: t(PageText.Contact.input.bankInformation.checkbox), checked: state.context.hasInternationalBankAccount, onChange: () => send({
                             type: 'ON_INPUT_CHANGE',
                             inputName: 'hasInternationalBankAccount',
                             value: !state.context.hasInternationalBankAccount,
-                        }) }), state.context.hasInternationalBankAccount && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.Input, { id: "IBAN", label: t(translations_1.PageText.Contact.input.bankInformation.IBAN.label), type: "string", name: "IBAN", value: state.context.IBAN || '', isRequired: true, errorMessage: state.context?.errorMessages['IBAN']?.[0], onChange: (e) => send({
+                        }) }), state.context.hasInternationalBankAccount && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.Input, { id: "IBAN", label: t(PageText.Contact.input.bankInformation.IBAN.label), type: "string", name: "IBAN", value: state.context.IBAN || '', isRequired: true, errorMessage: state.context?.errorMessages['IBAN']?.[0], onChange: (e) => send({
                                     type: 'ON_INPUT_CHANGE',
                                     inputName: 'IBAN',
                                     value: e.target.value,
-                                }) }), (0, jsx_runtime_1.jsx)(components_1.Input, { id: "SWIFT", label: t(translations_1.PageText.Contact.input.bankInformation.SWIFT.label), type: "string", name: "SWIFT", value: state.context.SWIFT || '', isRequired: true, errorMessage: state.context?.errorMessages['SWIFT']?.[0], onChange: (e) => send({
+                                }) }), (0, jsx_runtime_1.jsx)(components_1.Input, { id: "SWIFT", label: t(PageText.Contact.input.bankInformation.SWIFT.label), type: "string", name: "SWIFT", value: state.context.SWIFT || '', isRequired: true, errorMessage: state.context?.errorMessages['SWIFT']?.[0], onChange: (e) => send({
                                     type: 'ON_INPUT_CHANGE',
                                     inputName: 'SWIFT',
                                     value: e.target.value,

package/lib/refund/forms/refund-and-travel-guarantee/refundTaxiForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"refundTaxiForm.d.ts","sourceRoot":"","sources":["../../../../src/refund/forms/refund-and-travel-guarantee/refundTaxiForm.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAgB7D,KAAK,mBAAmB,GAAG;IACzB,KAAK,EAAE;QAAE,OAAO,EAAE,kBAAkB,CAAA;KAAE,CAAC;IACvC,IAAI,EAAE,CAAC,KAAK,EAAE,OAAO,gBAAgB,KAAK,IAAI,CAAC;CAChD,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,iBAAiB,mBAAmB,4CA0alE,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"refundTaxiForm.d.ts","sourceRoot":"","sources":["../../../../src/refund/forms/refund-and-travel-guarantee/refundTaxiForm.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAgB7D,KAAK,mBAAmB,GAAG;IACzB,KAAK,EAAE;QAAE,OAAO,EAAE,kBAAkB,CAAA;KAAE,CAAC;IACvC,IAAI,EAAE,CAAC,KAAK,EAAE,OAAO,gBAAgB,KAAK,IAAI,CAAC;CAChD,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,iBAAiB,mBAAmB,4CAqblE,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/lib/refund/forms/refund-and-travel-guarantee/refundTaxiForm.js

@@ -8,13 +8,14 @@ const translations_1 = require("../../../translations");
 const checkbox_1 = require("../../../components/checkbox");
 const RefundTaxiForm = ({ state, send }) => {
     const { t } = (0, translations_1.useTranslation)();
+    const PageText = (0, translations_1.usePageText)();
     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.jsxs)(components_1.Fieldset, { title: t(translations_1.PageText.Contact.refund.refundTaxi.taxiReceipt.title), children: [(0, jsx_runtime_1.jsx)(components_1.Input, { id: "amount", label: t(translations_1.PageText.Contact.input.amount.info), type: "text", name: "amount", value: state.context.amount || '', isRequired: true, errorMessage: state.context?.errorMessages['amount']?.[0], onChange: (e) => send({
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(components_1.Fieldset, { title: t(PageText.Contact.refund.refundTaxi.taxiReceipt.title), children: [(0, jsx_runtime_1.jsx)(components_1.Input, { id: "amount", label: t(PageText.Contact.input.amount.info), type: "text", name: "amount", value: state.context.amount || '', isRequired: true, errorMessage: state.context?.errorMessages['amount']?.[0], onChange: (e) => send({
                             type: 'ON_INPUT_CHANGE',
                             inputName: 'amount',
                             value: e.target.value,
-                        }) }), (0, jsx_runtime_1.jsx)(components_1.FileInput, { id: "attachments", label: t(translations_1.PageText.Contact.refund.refundTaxi.taxiReceipt.info), iconLabel: t(translations_1.PageText.Contact.input.feedback.attachment.receipt), name: "attachments", isRequired: true, onChange: (files) => {
+                        }) }), (0, jsx_runtime_1.jsx)(components_1.FileInput, { id: "attachments", label: t(PageText.Contact.refund.refundTaxi.taxiReceipt.info), iconLabel: t(PageText.Contact.input.feedback.attachment.receipt), name: "attachments", isRequired: true, onChange: (files) => {
                             send({
                                 type: 'ON_INPUT_CHANGE',
                                 inputName: 'attachments',
@@ -22,42 +23,49 @@ const RefundTaxiForm = ({ state, send }) => {
                             });
                         }, errorMessage: state.context?.errorMessages['attachments']?.[0]
                             ? t(state.context?.errorMessages['attachments']?.[0])
-                            : undefined })] }), (0, jsx_runtime_1.jsxs)(components_1.Fieldset, { title: t(translations_1.PageText.Contact.refund.refundTaxi.aboutYourTrip.title), children: [(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({
+                            : undefined })] }), (0, jsx_runtime_1.jsxs)(components_1.Fieldset, { title: t(PageText.Contact.refund.refundTaxi.aboutYourTrip.title), children: [(0, jsx_runtime_1.jsx)(components_1.Select, { id: "transportMode", label: t(PageText.Contact.input.transportMode.label), value: state.context.transportMode || '', onChange: (value) => send({
                             type: 'ON_TRANSPORTMODE_CHANGE',
                             value: value,
                         }), isRequired: true, error: state.context?.errorMessages['transportMode']?.[0]
                             ? t(state.context?.errorMessages['transportMode']?.[0])
-                            : undefined, valueToId: (val) => val, valueToText: (val) => t(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.Select, { id: "reasonForTransportFailure", label: t(translations_1.PageText.Contact.input.reasonForTransportFailure.label), value: state.context.reasonForTransportFailure, disabled: !state.context.line, onChange: (value) => {
+                        }), 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.Select, { id: "reasonForTransportFailure", label: t(PageText.Contact.input.reasonForTransportFailure.label), value: state.context.reasonForTransportFailure, disabled: !state.context.line, onChange: (value) => {
                             if (!value)
                                 return;
                             send({
@@ -65,15 +73,16 @@ const RefundTaxiForm = ({ state, send }) => {
                                 inputName: 'reasonForTransportFailure',
                                 value: value,
                             });
-                        }, placeholder: t(translations_1.PageText.Contact.input.reasonForTransportFailure.optionLabel), options: translations_1.PageText.Contact.input.reasonForTransportFailure.options, isRequired: true, error: state.context?.errorMessages['reasonForTransportFailure']?.[0]
+                        }, placeholder: t(PageText.Contact.input.reasonForTransportFailure.optionLabel), options: PageText.Contact.input.reasonForTransportFailure.options, isRequired: true, error: state.context?.errorMessages['reasonForTransportFailure']?.[0]
                             ? t(state.context?.errorMessages['reasonForTransportFailure']?.[0])
-                            : undefined, valueToId: (option) => option.id, valueToText: (option) => t(option.name) })] }), (0, jsx_runtime_1.jsx)(components_1.Fieldset, { title: t(translations_1.PageText.Contact.input.feedback.optionalTitle), children: (0, jsx_runtime_1.jsx)(components_1.Textarea, { id: "feedback", value: state.context.feedback || '', onChange: (e) => send({
+                            : undefined, valueToId: (option) => option.id, valueToText: (option) => t(option.name) })] }), (0, jsx_runtime_1.jsx)(components_1.Fieldset, { title: t(PageText.Contact.input.feedback.optionalTitle), children: (0, jsx_runtime_1.jsx)(components_1.Textarea, { id: "feedback", value: state.context.feedback || '', onChange: (e) => send({
                         type: 'ON_INPUT_CHANGE',
                         inputName: 'feedback',
                         value: e.target.value,
                     }), fileInputProps: {
                         id: 'attachments',
-                        iconLabel: t(translations_1.PageText.Contact.input.feedback.attachment.generic),
+                        iconLabel: t(PageText.Contact.refund.refundAndTravelGuarantee
+                            .feedbackAttachmentLabel),
                         name: 'attachments',
                         onChange: (files) => {
                             send({
@@ -82,48 +91,48 @@ const RefundTaxiForm = ({ state, send }) => {
                                 value: files,
                             });
                         },
-                    } }) }), (0, jsx_runtime_1.jsxs)(components_1.Fieldset, { title: t(translations_1.PageText.Contact.aboutYouInfo.title), children: [(0, jsx_runtime_1.jsx)(components_1.Input, { id: "firstName", label: t(translations_1.PageText.Contact.input.firstName.label), type: "text", autoComplete: "given-name additional-name", name: "firstName", value: state.context.firstName || '', isRequired: true, errorMessage: state.context?.errorMessages['firstName']?.[0], onChange: (e) => send({
+                    } }) }), (0, jsx_runtime_1.jsxs)(components_1.Fieldset, { title: t(PageText.Contact.aboutYouInfo.title), children: [(0, jsx_runtime_1.jsx)(components_1.Input, { id: "firstName", label: t(PageText.Contact.input.firstName.label), type: "text", autoComplete: "given-name additional-name", name: "firstName", value: state.context.firstName || '', isRequired: true, 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", autoComplete: "family-name", name: "lastName", value: state.context.lastName || '', isRequired: true, 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", autoComplete: "family-name", name: "lastName", value: state.context.lastName || '', isRequired: true, 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: "address", label: t(translations_1.PageText.Contact.input.address.label), type: "text", autoComplete: "street-address", name: "address", value: state.context.address || '', isRequired: true, errorMessage: state.context?.errorMessages['address']?.[0], onChange: (e) => send({
+                        }) }), (0, jsx_runtime_1.jsx)(components_1.Input, { id: "address", label: t(PageText.Contact.input.address.label), type: "text", autoComplete: "street-address", name: "address", value: state.context.address || '', isRequired: true, errorMessage: state.context?.errorMessages['address']?.[0], onChange: (e) => send({
                             type: 'ON_INPUT_CHANGE',
                             inputName: 'address',
                             value: e.target.value,
-                        }) }), (0, jsx_runtime_1.jsx)(components_1.Input, { id: "postalCode", label: t(translations_1.PageText.Contact.input.postalCode.label), type: "text", autoComplete: "postal-code", name: "postalCode", value: state.context.postalCode || '', isRequired: true, errorMessage: state.context?.errorMessages['postalCode']?.[0], onChange: (e) => send({
+                        }) }), (0, jsx_runtime_1.jsx)(components_1.Input, { id: "postalCode", label: t(PageText.Contact.input.postalCode.label), type: "text", autoComplete: "postal-code", name: "postalCode", value: state.context.postalCode || '', isRequired: true, errorMessage: state.context?.errorMessages['postalCode']?.[0], onChange: (e) => send({
                             type: 'ON_INPUT_CHANGE',
                             inputName: 'postalCode',
                             value: e.target.value,
-                        }) }), (0, jsx_runtime_1.jsx)(components_1.Input, { id: "city", label: t(translations_1.PageText.Contact.input.city.label), type: "text", name: "city", value: state.context.city || '', isRequired: true, errorMessage: state.context?.errorMessages['city']?.[0], onChange: (e) => send({
+                        }) }), (0, jsx_runtime_1.jsx)(components_1.Input, { id: "city", label: t(PageText.Contact.input.city.label), type: "text", name: "city", value: state.context.city || '', isRequired: true, errorMessage: state.context?.errorMessages['city']?.[0], onChange: (e) => send({
                             type: 'ON_INPUT_CHANGE',
                             inputName: 'city',
                             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", autoComplete: "email", name: "email", value: state.context.email || '', isRequired: true, 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", autoComplete: "email", name: "email", value: state.context.email || '', isRequired: true, errorMessage: state.context?.errorMessages['email']?.[0], onChange: (e) => send({
                             type: 'ON_INPUT_CHANGE',
                             inputName: 'email',
                             value: e.target.value,
-                        }) }), (0, jsx_runtime_1.jsx)(components_1.Input, { id: "phoneNumber", label: t(translations_1.PageText.Contact.input.phoneNumber.label), type: "tel", name: "phoneNumber", value: state.context.phoneNumber || '', isRequired: true, errorMessage: state.context?.errorMessages['phoneNumber']?.[0], onChange: (e) => send({
+                        }) }), (0, jsx_runtime_1.jsx)(components_1.Input, { id: "phoneNumber", label: t(PageText.Contact.input.phoneNumber.label), type: "tel", name: "phoneNumber", value: state.context.phoneNumber || '', isRequired: true, errorMessage: state.context?.errorMessages['phoneNumber']?.[0], onChange: (e) => send({
                             type: 'ON_INPUT_CHANGE',
                             inputName: 'phoneNumber',
                             value: e.target.value,
-                        }) }), (0, jsx_runtime_1.jsx)(components_1.Input, { id: "bankAccountNumber", label: t(translations_1.PageText.Contact.input.bankInformation.bankAccountNumber.label), placeholder: t(translations_1.PageText.Contact.input.bankInformation.bankAccountNumber
+                        }) }), (0, jsx_runtime_1.jsx)(components_1.Input, { id: "bankAccountNumber", label: t(PageText.Contact.input.bankInformation.bankAccountNumber.label), placeholder: t(PageText.Contact.input.bankInformation.bankAccountNumber
                             .placeholder), type: "text", name: "bankAccountNumber", value: state.context.bankAccountNumber || '', disabled: state.context.hasInternationalBankAccount, isRequired: true, errorMessage: state.context?.errorMessages['bankAccountNumber']?.[0], onChange: (e) => send({
                             type: 'ON_INPUT_CHANGE',
                             inputName: 'bankAccountNumber',
                             value: e.target.value,
-                        }) }), (0, jsx_runtime_1.jsx)(checkbox_1.Checkbox, { label: t(translations_1.PageText.Contact.input.bankInformation.checkbox), checked: state.context.hasInternationalBankAccount, onChange: () => send({
+                        }) }), (0, jsx_runtime_1.jsx)(checkbox_1.Checkbox, { label: t(PageText.Contact.input.bankInformation.checkbox), checked: state.context.hasInternationalBankAccount, onChange: () => send({
                             type: 'ON_INPUT_CHANGE',
                             inputName: 'hasInternationalBankAccount',
                             value: !state.context.hasInternationalBankAccount,
-                        }) }), state.context.hasInternationalBankAccount && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.Input, { id: "IBAN", label: t(translations_1.PageText.Contact.input.bankInformation.IBAN.label), type: "string", name: "IBAN", value: state.context.IBAN || '', isRequired: true, errorMessage: state.context?.errorMessages['IBAN']?.[0], onChange: (e) => send({
+                        }) }), state.context.hasInternationalBankAccount && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.Input, { id: "IBAN", label: t(PageText.Contact.input.bankInformation.IBAN.label), type: "string", name: "IBAN", value: state.context.IBAN || '', isRequired: true, errorMessage: state.context?.errorMessages['IBAN']?.[0], onChange: (e) => send({
                                     type: 'ON_INPUT_CHANGE',
                                     inputName: 'IBAN',
                                     value: e.target.value,
-                                }) }), (0, jsx_runtime_1.jsx)(components_1.Input, { id: "SWIFT", label: t(translations_1.PageText.Contact.input.bankInformation.SWIFT.label), type: "string", name: "SWIFT", value: state.context.SWIFT || '', isRequired: true, errorMessage: state.context?.errorMessages['SWIFT']?.[0], onChange: (e) => send({
+                                }) }), (0, jsx_runtime_1.jsx)(components_1.Input, { id: "SWIFT", label: t(PageText.Contact.input.bankInformation.SWIFT.label), type: "string", name: "SWIFT", value: state.context.SWIFT || '', isRequired: true, errorMessage: state.context?.errorMessages['SWIFT']?.[0], onChange: (e) => send({
                                     type: 'ON_INPUT_CHANGE',
                                     inputName: 'SWIFT',
                                     value: e.target.value,

package/lib/refund/forms/refund-ticket/appTicketRefund.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"appTicketRefund.d.ts","sourceRoot":"","sources":["../../../../src/refund/forms/refund-ticket/appTicketRefund.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAKhD,KAAK,oBAAoB,GAAG;IAC1B,KAAK,EAAE;QAAE,OAAO,EAAE,kBAAkB,CAAA;KAAE,CAAC;IACvC,IAAI,EAAE,CAAC,KAAK,EAAE,OAAO,gBAAgB,KAAK,IAAI,CAAC;CAChD,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,iBAAiB,oBAAoB,4CA+GpE,CAAC;AAkIF,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAAC,EAC7C,KAAK,EACL,IAAI,GACL,EAAE,oBAAoB,2CAOtB"}
+{"version":3,"file":"appTicketRefund.d.ts","sourceRoot":"","sources":["../../../../src/refund/forms/refund-ticket/appTicketRefund.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAkBhD,KAAK,oBAAoB,GAAG;IAC1B,KAAK,EAAE;QAAE,OAAO,EAAE,kBAAkB,CAAA;KAAE,CAAC;IACvC,IAAI,EAAE,CAAC,KAAK,EAAE,OAAO,gBAAgB,KAAK,IAAI,CAAC;CAChD,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,iBAAiB,oBAAoB,4CAyDpE,CAAC;AAqQF,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAAC,EAC7C,KAAK,EACL,IAAI,GACL,EAAE,oBAAoB,2CAWtB"}

package/lib/refund/forms/refund-ticket/appTicketRefund.js

@@ -5,27 +5,16 @@ exports.default = AppTicketRefundContent;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const components_1 = require("../../../components");
 const translations_1 = require("../../../translations");
+const context_1 = require("../../../modules/config/context");
+const use_lines_1 = require("../../../lines/use-lines");
 const AppTicketRefund = ({ state, send }) => {
+    const PageText = (0, translations_1.usePageText)();
     const { t } = (0, translations_1.useTranslation)();
-    return ((0, jsx_runtime_1.jsxs)(components_1.Fieldset, { title: t(translations_1.PageText.Contact.ticketing.refund.appTicketRefund.label), children: [(0, jsx_runtime_1.jsx)(components_1.Input, { id: "customerNumber", label: t(translations_1.PageText.Contact.input.customerNumber.label), type: "text", name: "customerNumber", value: state.context.customerNumber || '', isRequired: true, errorMessage: state.context?.errorMessages['customerNumber']?.[0], onChange: (e) => send({
-                    type: 'ON_INPUT_CHANGE',
-                    inputName: 'customerNumber',
-                    value: e.target.value,
-                }), modalContent: {
-                    description: t(translations_1.PageText.Contact.input.customerNumber.description),
-                } }), (0, jsx_runtime_1.jsx)(components_1.Input, { id: "orderId", label: t(translations_1.PageText.Contact.input.orderId.label(true)), type: "text", name: "orderId", value: state.context.orderId || '', isRequired: true, errorMessage: state.context?.errorMessages['orderId']?.[0], onChange: (e) => send({
+    return ((0, jsx_runtime_1.jsxs)(components_1.Fieldset, { title: t(PageText.Contact.ticketing.refund.appTicketRefund.label), children: [(0, jsx_runtime_1.jsx)(components_1.Input, { id: "orderId", label: t(PageText.Contact.input.referenceNumber.label), type: "text", name: "orderId", value: state.context.orderId || '', isRequired: true, errorMessage: state.context?.errorMessages['orderId']?.[0], onChange: (e) => send({
                     type: 'ON_INPUT_CHANGE',
                     inputName: 'orderId',
                     value: e.target.value,
-                }), modalContent: {
-                    description: t(translations_1.PageText.Contact.input.orderId.description),
-                    bulletPoints: translations_1.PageText.Contact.input.orderId.descriptionBulletPoints.map((bulletPoint) => t(bulletPoint)),
-                } }), (0, jsx_runtime_1.jsx)(components_1.Select, { id: "purchasePlatform", label: t(translations_1.PageText.Contact.input.purchasePlatform.label), value: state.context.purchasePlatform || '', onChange: (value) => send({
-                    type: 'ON_PURCHASE_PLATFORM_CHANGE',
-                    value: value,
-                }), isRequired: true, error: state.context?.errorMessages['purchasePlatform']?.[0]
-                    ? t(state.context?.errorMessages['purchasePlatform']?.[0])
-                    : undefined, valueToId: (val) => val, valueToText: (val) => t(translations_1.PageText.Contact.input.purchasePlatform.platforms[val]), options: ['enturApp', 'enturWeb', 'framApp', 'framWeb'], placeholder: t(translations_1.PageText.Contact.input.purchasePlatform.optionLabel) }), (0, jsx_runtime_1.jsx)(components_1.Textarea, { id: "refundReason", description: t(translations_1.PageText.Contact.input.refundReason.question), value: state.context.refundReason || '', isRequired: true, onChange: (e) => send({
+                }) }), (0, jsx_runtime_1.jsx)(components_1.Textarea, { id: "refundReason", description: t(PageText.Contact.input.refundReason.question), value: state.context.refundReason || '', isRequired: true, onChange: (e) => send({
                     type: 'ON_INPUT_CHANGE',
                     inputName: 'refundReason',
                     value: e.target.value,
@@ -33,7 +22,7 @@ const AppTicketRefund = ({ state, send }) => {
                     ? t(state.context.errorMessages['refundReason']?.[0])
                     : undefined, fileInputProps: {
                     id: 'attachments',
-                    iconLabel: t(translations_1.PageText.Contact.input.feedback.attachment.receipt),
+                    iconLabel: t(PageText.Contact.input.feedback.attachment.receipt),
                     name: 'attachments',
                     onChange: (files) => {
                         send({
@@ -45,38 +34,70 @@ const AppTicketRefund = ({ state, send }) => {
                 } })] }));
 };
 exports.AppTicketRefund = AppTicketRefund;
+const DepartureSection = ({ 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)(components_1.Fieldset, { title: t(PageText.Contact.refund.refundTaxi.aboutYourTrip.title), children: [(0, jsx_runtime_1.jsx)(components_1.Select, { id: "transportMode", label: t(PageText.Contact.input.transportMode.label), value: state.context.transportMode || '', onChange: (value) => send({
+                    type: 'ON_TRANSPORTMODE_CHANGE',
+                    value: value,
+                }), isRequired: true, error: state.context?.errorMessages['transportMode']?.[0]
+                    ? t(state.context?.errorMessages['transportMode']?.[0])
+                    : undefined, valueToId: (val) => val, valueToText: (val) => t(PageText.Contact.input.transportMode.modes[val]), options: transportModeOptions, placeholder: t(PageText.Contact.input.transportMode.optionLabel) }), (0, jsx_runtime_1.jsx)(components_1.SearchableSelect, { id: "line", label: t(PageText.Contact.input.line.label), value: state.context.line, placeholder: t(PageText.Contact.input.line.optionLabel), isDisabled: !state.context.transportMode, options: (0, components_1.getLineOptions)(getLinesByMode(state.context.transportMode)), onChange: (value) => {
+                    send({ type: 'ON_LINE_CHANGE', value });
+                }, isRequired: true, error: state.context?.errorMessages['line']?.[0] &&
+                    t(state.context?.errorMessages['line']?.[0]) }), (0, jsx_runtime_1.jsx)(components_1.SearchableSelect, { id: "fromStop", label: t(PageText.Contact.input.fromStop.label), value: state.context.fromStop, isDisabled: !state.context.line, onChange: (value) => send({ type: 'ON_INPUT_CHANGE', inputName: 'fromStop', value }), options: (0, components_1.getStopOptions)(getQuaysByLine(state.context.line?.id ?? '')), placeholder: t(PageText.Contact.input.fromStop.optionLabel), isRequired: true, error: state.context?.errorMessages['fromStop']?.[0]
+                    ? t(state.context?.errorMessages['fromStop']?.[0])
+                    : undefined }), (0, jsx_runtime_1.jsx)(components_1.SearchableSelect, { id: "toStop", label: t(PageText.Contact.input.toStop.label), value: state.context.toStop, isDisabled: !state.context.line, onChange: (value) => send({ type: 'ON_INPUT_CHANGE', inputName: 'toStop', value }), options: (0, components_1.getStopOptions)(getQuaysByLine(state.context.line?.id ?? '')), placeholder: t(PageText.Contact.input.toStop.optionLabel), isRequired: true, error: state.context?.errorMessages['toStop']?.[0]
+                    ? t(state.context?.errorMessages['toStop']?.[0])
+                    : undefined }), (0, jsx_runtime_1.jsx)(components_1.DateSelector, { id: "date", label: t(PageText.Contact.input.date.label), isRequired: true, value: state.context.date, onChange: (date) => send({ type: 'ON_INPUT_CHANGE', inputName: 'date', value: date }), errorMessage: state.context?.errorMessages['date']?.[0] }), (0, jsx_runtime_1.jsx)(components_1.DepartureTimeField, { date: state.context.date, lineId: state.context.line?.id, fromStopId: state.context.fromStop?.id, toStopId: state.context.toStop?.id, selectedTripId: state.context.tripId, plannedDepartureTime: state.context.plannedDepartureTime, onChange: (time, tripId) => {
+                    send({
+                        type: 'ON_INPUT_CHANGE',
+                        inputName: 'plannedDepartureTime',
+                        value: time,
+                    });
+                    send({
+                        type: 'ON_INPUT_CHANGE',
+                        inputName: 'tripId',
+                        value: tripId,
+                    });
+                }, isRequired: true, errorMessage: state.context.errorMessages['plannedDepartureTime']?.[0] })] }));
+};
 const AboutYouSection = ({ state, send }) => {
+    const PageText = (0, translations_1.usePageText)();
     const { t } = (0, translations_1.useTranslation)();
-    return ((0, jsx_runtime_1.jsxs)(components_1.Fieldset, { title: t(translations_1.PageText.Contact.aboutYouInfo.title), children: [(0, jsx_runtime_1.jsx)(components_1.Input, { id: "firstName", label: t(translations_1.PageText.Contact.input.firstName.label), type: "text", autoComplete: "given-name additional-name", name: "firstName", value: state.context.firstName || '', isRequired: true, errorMessage: state.context?.errorMessages['firstName']?.[0], onChange: (e) => send({
+    return ((0, jsx_runtime_1.jsxs)(components_1.Fieldset, { title: t(PageText.Contact.aboutYouInfo.title), children: [(0, jsx_runtime_1.jsx)(components_1.Input, { id: "firstName", label: t(PageText.Contact.input.firstName.label), type: "text", autoComplete: "given-name additional-name", name: "firstName", value: state.context.firstName || '', isRequired: true, 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", autoComplete: "family-name", name: "lastName", value: state.context.lastName || '', isRequired: true, 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", autoComplete: "family-name", name: "lastName", value: state.context.lastName || '', isRequired: true, 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: "address", label: t(translations_1.PageText.Contact.input.address.label), type: "text", autoComplete: "street-address", name: "address", value: state.context.address || '', isRequired: true, errorMessage: state.context?.errorMessages['address']?.[0], onChange: (e) => send({
+                }) }), (0, jsx_runtime_1.jsx)(components_1.Input, { id: "address", label: t(PageText.Contact.input.address.label), type: "text", autoComplete: "street-address", name: "address", value: state.context.address || '', isRequired: true, errorMessage: state.context?.errorMessages['address']?.[0], onChange: (e) => send({
                     type: 'ON_INPUT_CHANGE',
                     inputName: 'address',
                     value: e.target.value,
-                }) }), (0, jsx_runtime_1.jsx)(components_1.Input, { id: "postalCode", label: t(translations_1.PageText.Contact.input.postalCode.label), type: "text", autoComplete: "postal-code", name: "postalCode", value: state.context.postalCode || '', isRequired: true, errorMessage: state.context?.errorMessages['postalCode']?.[0], onChange: (e) => send({
+                }) }), (0, jsx_runtime_1.jsx)(components_1.Input, { id: "postalCode", label: t(PageText.Contact.input.postalCode.label), type: "text", autoComplete: "postal-code", name: "postalCode", value: state.context.postalCode || '', isRequired: true, errorMessage: state.context?.errorMessages['postalCode']?.[0], onChange: (e) => send({
                     type: 'ON_INPUT_CHANGE',
                     inputName: 'postalCode',
                     value: e.target.value,
-                }) }), (0, jsx_runtime_1.jsx)(components_1.Input, { id: "city", label: t(translations_1.PageText.Contact.input.city.label), type: "text", name: "city", value: state.context.city || '', isRequired: true, errorMessage: state.context?.errorMessages['city']?.[0], onChange: (e) => send({
+                }) }), (0, jsx_runtime_1.jsx)(components_1.Input, { id: "city", label: t(PageText.Contact.input.city.label), type: "text", name: "city", value: state.context.city || '', isRequired: true, errorMessage: state.context?.errorMessages['city']?.[0], onChange: (e) => send({
                     type: 'ON_INPUT_CHANGE',
                     inputName: 'city',
                     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", autoComplete: "email", name: "email", value: state.context.email || '', isRequired: true, 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", autoComplete: "email", name: "email", value: state.context.email || '', isRequired: true, errorMessage: state.context?.errorMessages['email']?.[0], onChange: (e) => send({
                     type: 'ON_INPUT_CHANGE',
                     inputName: 'email',
                     value: e.target.value,
-                }) }), (0, jsx_runtime_1.jsx)(components_1.Input, { id: "phoneNumber", label: t(translations_1.PageText.Contact.input.phoneNumber.label), type: "tel", name: "phoneNumber", value: state.context.phoneNumber || '', isRequired: true, errorMessage: state.context?.errorMessages['phoneNumber']?.[0], onChange: (e) => send({
+                }) }), (0, jsx_runtime_1.jsx)(components_1.Input, { id: "phoneNumber", label: t(PageText.Contact.input.phoneNumber.label), type: "tel", name: "phoneNumber", value: state.context.phoneNumber || '', isRequired: true, errorMessage: state.context?.errorMessages['phoneNumber']?.[0], onChange: (e) => send({
                     type: 'ON_INPUT_CHANGE',
                     inputName: 'phoneNumber',
                     value: e.target.value,
                 }) })] }));
 };
 function AppTicketRefundContent({ state, send, }) {
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(exports.AppTicketRefund, { state: state, send: send }), (0, jsx_runtime_1.jsx)(AboutYouSection, { state: state, send: send })] }));
+    const { features } = (0, context_1.useContactFormConfig)();
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(exports.AppTicketRefund, { state: state, send: send }), (0, jsx_runtime_1.jsx)(AboutYouSection, { state: state, send: send }), features?.includeRefundDepartureInfo && ((0, jsx_runtime_1.jsx)(DepartureSection, { state: state, send: send }))] }));
 }

package/lib/refund/forms/refund-ticket/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/refund/forms/refund-ticket/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAUnC,OAAO,EAAE,kBAAkB,EAAoB,MAAM,yBAAyB,CAAC;AAC/E,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAIhD,KAAK,sBAAsB,GAAG;IAC5B,KAAK,EAAE,SAAS,CAAC,OAAO,kBAAkB,CAAC,CAAC;IAC5C,IAAI,EAAE,CAAC,KAAK,EAAE,OAAO,gBAAgB,KAAK,IAAI,CAAC;CAChD,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,iBAAiB,sBAAsB,4CAsGxE,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/refund/forms/refund-ticket/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAUnC,OAAO,EAAE,kBAAkB,EAAoB,MAAM,yBAAyB,CAAC;AAC/E,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAIhD,KAAK,sBAAsB,GAAG;IAC5B,KAAK,EAAE,SAAS,CAAC,OAAO,kBAAkB,CAAC,CAAC;IAC5C,IAAI,EAAE,CAAC,KAAK,EAAE,OAAO,gBAAgB,KAAK,IAAI,CAAC;CAChD,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,iBAAiB,sBAAsB,4CAmIxE,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/lib/refund/forms/refund-ticket/index.js

@@ -15,21 +15,24 @@ const refundFormMachine_1 = require("../../refundFormMachine");
 const otherTicketRefund_1 = __importDefault(require("./otherTicketRefund"));
 const checkbox_1 = require("../../../components/checkbox");
 const RefundTicketForms = ({ state, send }) => {
+    const PageText = (0, translations_1.usePageText)();
     const { t } = (0, translations_1.useTranslation)();
+    const { initialAgreement } = PageText.Contact.ticketing.refund;
+    const { refundableTicketTypes, nonRefundableTicketTypes } = initialAgreement;
     const displayAppTicketRefund = state.context.isInitialAgreementChecked &&
         state.context.formType === 'appTicketRefund';
     const displayOtherTicketRefund = state.context.isInitialAgreementChecked &&
         state.context.formType === 'otherTicketRefund';
-    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.ticketing.refund.initialAgreement
-                    .ticketRefundAvailability.title), children: (0, jsx_runtime_1.jsx)("ul", { className: contact_module_css_1.default.rules__list, children: translations_1.PageText.Contact.ticketing.refund.initialAgreement.ticketRefundAvailability.rules.map((rule, index) => ((0, jsx_runtime_1.jsx)("li", { children: (0, jsx_runtime_1.jsx)(typography_1.Typo.p, { textType: "body__m", children: t(rule) }) }, index))) }) }), (0, jsx_runtime_1.jsxs)(components_1.Fieldset, { title: t(translations_1.PageText.Contact.ticketing.refund.initialAgreement
-                    .refundableTicketTypes.title), children: [(0, jsx_runtime_1.jsx)("ul", { className: contact_module_css_1.default.rules__list, children: translations_1.PageText.Contact.ticketing.refund.initialAgreement.refundableTicketTypes.rules.map((rule, index) => ((0, jsx_runtime_1.jsx)("li", { children: (0, jsx_runtime_1.jsx)(typography_1.Typo.p, { textType: "body__m", children: t(rule) }) }, index))) }), (0, jsx_runtime_1.jsxs)(typography_1.Typo.p, { textType: "body__m", children: [t(translations_1.PageText.Contact.ticketing.refund.initialAgreement
-                                .refundableTicketTypes.info.text), ' ', (0, jsx_runtime_1.jsx)(link_1.default, { href: 'travel-guarantee', children: t(translations_1.PageText.Contact.ticketing.refund.initialAgreement
-                                    .refundableTicketTypes.info.link) })] }), (0, jsx_runtime_1.jsx)(checkbox_1.Checkbox, { label: t(translations_1.PageText.Contact.ticketing.refund.initialAgreement
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.Fieldset, { title: t(PageText.Contact.ticketing.refund.initialAgreement
+                    .ticketRefundAvailability.title), children: (0, jsx_runtime_1.jsx)("ul", { className: contact_module_css_1.default.rules__list, children: PageText.Contact.ticketing.refund.initialAgreement.ticketRefundAvailability.rules.map((rule, index) => ((0, jsx_runtime_1.jsx)("li", { children: (0, jsx_runtime_1.jsx)(typography_1.Typo.p, { textType: "body__m", children: t(rule) }) }, index))) }) }), (0, jsx_runtime_1.jsxs)(components_1.Fieldset, { title: t(PageText.Contact.ticketing.refund.initialAgreement
+                    .refundableTicketTypes.title), children: [(0, jsx_runtime_1.jsx)("ul", { className: contact_module_css_1.default.rules__list, children: refundableTicketTypes.rules.map((rule, index) => ((0, jsx_runtime_1.jsx)("li", { children: (0, jsx_runtime_1.jsx)(typography_1.Typo.p, { textType: "body__m", children: t(rule) }) }, index))) }), (0, jsx_runtime_1.jsxs)(typography_1.Typo.p, { textType: "body__m", children: [t(PageText.Contact.ticketing.refund.initialAgreement
+                                .refundableTicketTypes.info.text), ' ', (0, jsx_runtime_1.jsx)(link_1.default, { className: contact_module_css_1.default.link, href: '?type=refundAndTravelGuarantee&agreed=true', target: "_blank", rel: "noopener noreferrer", children: t(PageText.Contact.ticketing.refund.initialAgreement
+                                    .refundableTicketTypes.info.link) })] }), t(refundableTicketTypes.info.note) && ((0, jsx_runtime_1.jsx)(typography_1.Typo.p, { textType: "body__m", children: t(refundableTicketTypes.info.note) })), nonRefundableTicketTypes.rules.length > 0 && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(typography_1.Typo.p, { textType: "heading__m", children: t(nonRefundableTicketTypes.title) }), (0, jsx_runtime_1.jsx)("ul", { className: contact_module_css_1.default.rules__list, children: nonRefundableTicketTypes.rules.map((rule, index) => ((0, jsx_runtime_1.jsx)("li", { children: (0, jsx_runtime_1.jsx)(typography_1.Typo.p, { textType: "body__m", children: t(rule) }) }, index))) })] })), (0, jsx_runtime_1.jsx)(checkbox_1.Checkbox, { label: t(PageText.Contact.ticketing.refund.initialAgreement
                             .refundableTicketTypes.checkbox), checked: state.context.isInitialAgreementChecked, onChange: () => send({
                             type: 'ON_INPUT_CHANGE',
                             inputName: 'isInitialAgreementChecked',
                             value: !state.context.isInitialAgreementChecked,
-                        }) })] }), state.context.isInitialAgreementChecked && ((0, jsx_runtime_1.jsx)(components_1.Fieldset, { title: t(translations_1.PageText.Contact.ticketing.refund.description), children: (0, jsx_runtime_1.jsx)("ul", { className: contact_module_css_1.default.form_options__list, children: Object.values(refundFormMachine_1.RefundTicketForm).map((refundTicketForm) => ((0, jsx_runtime_1.jsx)("li", { children: (0, jsx_runtime_1.jsx)(components_1.Radio, { label: t(translations_1.PageText.Contact.ticketing.refund[refundTicketForm].label), checked: state.context.formType === refundTicketForm, onChange: () => send({
+                        }) })] }), state.context.isInitialAgreementChecked && ((0, jsx_runtime_1.jsx)(components_1.Fieldset, { title: t(PageText.Contact.ticketing.refund.description), children: (0, jsx_runtime_1.jsx)("ul", { className: contact_module_css_1.default.form_options__list, children: Object.values(refundFormMachine_1.RefundTicketForm).map((refundTicketForm) => ((0, jsx_runtime_1.jsx)("li", { children: (0, jsx_runtime_1.jsx)(components_1.Radio, { label: t(PageText.Contact.ticketing.refund[refundTicketForm].label), checked: state.context.formType === refundTicketForm, onChange: () => send({
                                 type: 'SELECT_REFUND_TICKET_FORM',
                                 refundTicketForm: refundTicketForm,
                             }) }) }, refundTicketForm))) }) })), displayAppTicketRefund && (0, jsx_runtime_1.jsx)(appTicketRefund_1.default, { state: state, send: send }), displayOtherTicketRefund && ((0, jsx_runtime_1.jsx)(otherTicketRefund_1.default, { state: state, send: send }))] }));

package/lib/refund/forms/refund-ticket/otherTicketRefund.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"otherTicketRefund.d.ts","sourceRoot":"","sources":["../../../../src/refund/forms/refund-ticket/otherTicketRefund.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAQhD,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAI7D,KAAK,sBAAsB,GAAG;IAC5B,KAAK,EAAE;QAAE,OAAO,EAAE,kBAAkB,CAAA;KAAE,CAAC;IACvC,IAAI,EAAE,CAAC,KAAK,EAAE,OAAO,gBAAgB,KAAK,IAAI,CAAC;CAChD,CAAC;AA0VF,eAAO,MAAM,iBAAiB,GAAI,iBAAiB,sBAAsB,4CAOxE,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"otherTicketRefund.d.ts","sourceRoot":"","sources":["../../../../src/refund/forms/refund-ticket/otherTicketRefund.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAahD,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAO7D,KAAK,sBAAsB,GAAG;IAC5B,KAAK,EAAE;QAAE,OAAO,EAAE,kBAAkB,CAAA;KAAE,CAAC;IACvC,IAAI,EAAE,CAAC,KAAK,EAAE,OAAO,gBAAgB,KAAK,IAAI,CAAC;CAChD,CAAC;AAmcF,eAAO,MAAM,iBAAiB,GAAI,iBAAiB,sBAAsB,4CAWxE,CAAC;AAEF,eAAe,iBAAiB,CAAC"}