@mrfylke/contact-form 0.1.3

package/lib/refund/events.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"events.d.ts","sourceRoot":"","sources":["../../src/refund/events.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,YAAY,EACZ,wBAAwB,EACxB,gBAAgB,EACnB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACH,oBAAoB,EACpB,yBAAyB,EACzB,UAAU,EACV,iBAAiB,EACpB,MAAM,UAAU,CAAC;AAClB,OAAO,EAAC,IAAI,EAAC,MAAM,IAAI,CAAC;AAExB,QAAA,MAAM,wBAAwB,EACxB;IACF,IAAI,EAAE,iBAAiB,CAAC;IACxB,SAAS,EACH,UAAU,GACV,kBAAkB,GAClB,aAAa,GACb,WAAW,GACX,QAAQ,GACR,2BAA2B,GAC3B,SAAS,GACT,gBAAgB,GAChB,YAAY,GACZ,kBAAkB,GAClB,cAAc,GACd,WAAW,GACX,UAAU,GACV,SAAS,GACT,YAAY,GACZ,MAAM,GACN,OAAO,GACP,aAAa,GACb,mBAAmB,GACnB,MAAM,GACN,OAAO,GACP,UAAU,GACV,QAAQ,GACR,MAAM,GACN,sBAAsB,GACtB,UAAU,GACV,aAAa,GACb,2BAA2B,GAC3B,6BAA6B,GAC7B,2BAA2B,CAAC;IAClC,KAAK,EACC,MAAM,GACN,OAAO,GACP,yBAAyB,GACzB,UAAU,GACV,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,GAChB,IAAI,EAAE,GACN,SAAS,CAAC;CACnB,GACK;IACF,IAAI,EAAE,sBAAsB,CAAC;IAC7B,YAAY,EAAE,YAAY,CAAC;CAC9B,GACK;IACF,IAAI,EAAE,2BAA2B,CAAC;IAClC,gBAAgB,EAAE,gBAAgB,CAAC;CACtC,GACK;IACF,IAAI,EAAE,yCAAyC,CAAC;IAChD,wBAAwB,EAAE,wBAAwB,CAAC;CACtD,GACK;IACF,IAAI,EAAE,yBAAyB,CAAC;IAChC,KAAK,EAAE,iBAAiB,CAAC;CAC5B,GACK;IACF,IAAI,EAAE,gBAAgB,CAAC;IACvB,KAAK,EAAE,IAAI,GAAG,SAAS,CAAC;CAC3B,GACK;IACF,IAAI,EAAE,6BAA6B,CAAC;IACpC,KAAK,EAAE,oBAAoB,GAAG,SAAS,CAAC;CAC3C,GACK;IACF,IAAI,EAAE,QAAQ,CAAC;IACf,qBAAqB,EAAE,MAAM,EAAE,CAAC;CACnC,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAS,OAAO,wBAAwB,CAAC"}

package/lib/refund/events.js

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

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

@@ -0,0 +1,10 @@
+import { StateFrom } from 'xstate';
+import { refundStateMachine } from '../../refundFormMachine';
+import { RefundFormEvents } from '../../events';
+type RefundAndTravelGuaranteeFormsProps = {
+    state: StateFrom<typeof refundStateMachine>;
+    send: (event: typeof RefundFormEvents) => void;
+};
+export declare const RefundAndTravelGuaranteeForms: ({ state, send, }: RefundAndTravelGuaranteeFormsProps) => import("react/jsx-runtime").JSX.Element;
+export default RefundAndTravelGuaranteeForms;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/refund/forms/refund-and-travel-guarantee/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,SAAS,EAAC,MAAM,QAAQ,CAAC;AACjC,OAAO,EAEH,kBAAkB,EACrB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAC,gBAAgB,EAAC,MAAM,cAAc,CAAC;AAS9C,KAAK,kCAAkC,GAAG;IACtC,KAAK,EAAE,SAAS,CAAC,OAAO,kBAAkB,CAAC,CAAC;IAC5C,IAAI,EAAE,CAAC,KAAK,EAAE,OAAO,gBAAgB,KAAK,IAAI,CAAC;CAClD,CAAC;AAEF,eAAO,MAAM,6BAA6B,GAAI,kBAGG,kCAAkC,4CA8GlF,CAAC;AAEF,eAAe,6BAA6B,CAAC"}

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

@@ -0,0 +1,37 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RefundAndTravelGuaranteeForms = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const contact_module_css_1 = __importDefault(require("../../../contact.module.css"));
+const refundFormMachine_1 = require("../../refundFormMachine");
+const link_1 = __importDefault(require("next/link"));
+const refundTaxiForm_1 = __importDefault(require("./refundTaxiForm"));
+const refundCarForm_1 = __importDefault(require("./refundCarForm"));
+const translations_1 = require("../../../translations");
+const components_1 = require("../../../components");
+const typography_1 = require("../../../components/typography");
+const checkbox_1 = require("../../../components/checkbox");
+const RefundAndTravelGuaranteeForms = ({ state, send, }) => {
+    const { t } = (0, translations_1.useTranslation)();
+    const displayRefundTaxiForm = state.context.isInitialAgreementChecked &&
+        state.context.formType === 'refundTaxi';
+    const displayRefundCarForm = state.context.isInitialAgreementChecked &&
+        state.context.formType === 'refundCar';
+    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.agreement.title), children: [(0, jsx_runtime_1.jsx)(typography_1.Typo.p, { textType: "body__m", children: t(translations_1.PageText.Contact.refund.agreement.delayedRefundText) }), (0, jsx_runtime_1.jsx)(typography_1.Typo.p, { textType: "body__m", children: t(translations_1.PageText.Contact.refund.agreement.ticketRefundText) }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(typography_1.Typo.p, { textType: "heading__m", children: t(translations_1.PageText.Contact.refund.agreement.travelGuaranteeExceptions.label) }), (0, jsx_runtime_1.jsx)("ul", { className: contact_module_css_1.default.rules__list, children: translations_1.PageText.Contact.refund.agreement.travelGuaranteeExceptions.exceptions.map((exception, index) => ((0, jsx_runtime_1.jsxs)("li", { children: [(0, jsx_runtime_1.jsx)(typography_1.Typo.p, { textType: "body__m", children: t(exception.text) }), exception.examples.length > 0 && ((0, jsx_runtime_1.jsx)("ul", { className: contact_module_css_1.default.rules__list, children: exception.examples.map((example, exampleIndex) => ((0, jsx_runtime_1.jsx)("li", { children: (0, jsx_runtime_1.jsx)(typography_1.Typo.p, { textType: "body__m", children: t(example) }) }, exampleIndex))) }))] }, index))) })] }), (0, jsx_runtime_1.jsxs)(typography_1.Typo.p, { textType: "body__m", children: [t(translations_1.PageText.Contact.refund.agreement.travelGuaranteeExceptions
+                                .exclusion), ' ', (0, jsx_runtime_1.jsx)(link_1.default, { href: t(translations_1.PageText.Contact.refund.agreement.travelGuaranteeExceptions.link
+                                    .href), children: t(translations_1.PageText.Contact.refund.agreement.travelGuaranteeExceptions.link
+                                    .text) })] }), (0, jsx_runtime_1.jsx)(checkbox_1.Checkbox, { label: t(translations_1.PageText.Contact.ticketControl.feeComplaint.firstAgreement.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.refund.agreement.title), children: (0, jsx_runtime_1.jsx)("ul", { className: contact_module_css_1.default.form_options__list, children: Object.values(refundFormMachine_1.RefundAndTravelGuarantee).map((refundForm) => ((0, jsx_runtime_1.jsx)("li", { children: (0, jsx_runtime_1.jsx)(components_1.Radio, { label: t(translations_1.PageText.Contact.refund.refundAndTravelGuarantee[refundForm]
+                                .label), checked: state.context.formType === refundForm, onChange: () => send({
+                                type: 'SELECT_REFUND_AND_TRAVEL_GUARANTEE_FORM',
+                                refundAndTravelGuarantee: refundForm,
+                            }) }) }, refundForm))) }) })), displayRefundTaxiForm && (0, jsx_runtime_1.jsx)(refundTaxiForm_1.default, { state: state, send: send }), displayRefundCarForm && (0, jsx_runtime_1.jsx)(refundCarForm_1.default, { state: state, send: send })] }));
+};
+exports.RefundAndTravelGuaranteeForms = RefundAndTravelGuaranteeForms;
+exports.default = exports.RefundAndTravelGuaranteeForms;

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

@@ -0,0 +1,11 @@
+import { RefundFormEvents } from '../../events';
+import { RefundContextProps } from '../../refundFormMachine';
+type RefundCarFormProps = {
+    state: {
+        context: RefundContextProps;
+    };
+    send: (event: typeof RefundFormEvents) => void;
+};
+export declare const RefundCarForm: ({ state, send }: RefundCarFormProps) => import("react/jsx-runtime").JSX.Element;
+export default RefundCarForm;
+//# sourceMappingURL=refundCarForm.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"refundCarForm.d.ts","sourceRoot":"","sources":["../../../../src/refund/forms/refund-and-travel-guarantee/refundCarForm.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,gBAAgB,EAAC,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAC,kBAAkB,EAAC,MAAM,yBAAyB,CAAC;AAe3D,KAAK,kBAAkB,GAAG;IACtB,KAAK,EAAE;QAAE,OAAO,EAAE,kBAAkB,CAAA;KAAE,CAAC;IACvC,IAAI,EAAE,CAAC,KAAK,EAAE,OAAO,gBAAgB,KAAK,IAAI,CAAC;CAClD,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,iBAAe,kBAAkB,4CA6b9D,CAAC;AAEF,eAAe,aAAa,CAAC"}

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

@@ -0,0 +1,133 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RefundCarForm = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const use_lines_1 = require("../../../lines/use-lines");
+const components_1 = require("../../../components");
+const translations_1 = require("../../../translations");
+const checkbox_1 = require("../../../components/checkbox");
+const RefundCarForm = ({ state, send }) => {
+    const { t } = (0, translations_1.useTranslation)();
+    const { getLinesByMode, getQuaysByLine } = (0, use_lines_1.useLines)();
+    const transportModeOptions = (0, use_lines_1.useTransportModeOptions)();
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(components_1.Fieldset, { title: t(translations_1.PageText.Contact.refund.refundTaxi.carTrip.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({
+                            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({
+                            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({
+                            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.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({
+                            type: 'ON_TRANSPORTMODE_CHANGE',
+                            value: value,
+                        }), isRequired: true, error: state.context?.errorMessages['transportMode']?.[0]
+                            ? t(state.context?.errorMessages['transportMode']?.[0])
+                            : undefined, valueToId: (val) => val, valueToText: (val) => t(translations_1.PageText.Contact.input.transportMode.modes[val]), options: transportModeOptions, placeholder: t(translations_1.PageText.Contact.input.transportMode.optionLabel) }), (0, jsx_runtime_1.jsx)(components_1.SearchableSelect, { id: "line", label: t(translations_1.PageText.Contact.input.line.label), value: state.context.line, placeholder: t(translations_1.PageText.Contact.input.line.optionLabel), isDisabled: !state.context.transportMode, options: (0, components_1.getLineOptions)(getLinesByMode(state.context.transportMode)), onChange: (value) => {
+                            send({
+                                type: 'ON_LINE_CHANGE',
+                                value: value,
+                            });
+                        }, isRequired: true, error: state.context?.errorMessages['line']?.[0] &&
+                            t(state.context?.errorMessages['line']?.[0]) }), (0, jsx_runtime_1.jsx)(components_1.SearchableSelect, { id: "fromStop", label: t(translations_1.PageText.Contact.input.fromStop.label), value: state.context.fromStop, isDisabled: !state.context.line, onChange: (value) => {
+                            send({
+                                type: 'ON_INPUT_CHANGE',
+                                inputName: 'fromStop',
+                                value: value,
+                            });
+                        }, options: (0, components_1.getStopOptions)(getQuaysByLine(state.context.line?.id ?? '')), placeholder: t(translations_1.PageText.Contact.input.fromStop.optionLabel), isRequired: true, error: state.context?.errorMessages['fromStop']?.[0]
+                            ? t(state.context?.errorMessages['fromStop']?.[0])
+                            : undefined }), (0, jsx_runtime_1.jsx)(components_1.SearchableSelect, { id: "toStop", label: t(translations_1.PageText.Contact.input.toStop.label), value: state.context.toStop, isDisabled: !state.context.line, onChange: (value) => {
+                            send({
+                                type: 'ON_INPUT_CHANGE',
+                                inputName: 'toStop',
+                                value: value,
+                            });
+                        }, placeholder: t(translations_1.PageText.Contact.input.toStop.optionLabel), options: (0, components_1.getStopOptions)(getQuaysByLine(state.context.line?.id ?? '')), isRequired: true, error: state.context?.errorMessages['toStop']?.[0]
+                            ? t(state.context?.errorMessages['toStop']?.[0])
+                            : undefined }), (0, jsx_runtime_1.jsx)(components_1.DateSelector, { id: "date", label: t(translations_1.PageText.Contact.input.date.label), isRequired: true, value: state.context.date, onChange: (date) => send({
+                            type: 'ON_INPUT_CHANGE',
+                            inputName: 'date',
+                            value: date,
+                        }), errorMessage: state.context?.errorMessages['date']?.[0] }), (0, jsx_runtime_1.jsx)(components_1.TimeSelector, { id: "plannedDepartureTime", isRequired: true, label: t(translations_1.PageText.Contact.input.plannedDepartureTime.label), value: state.context.plannedDepartureTime, onChange: (time) => send({
+                            type: 'ON_INPUT_CHANGE',
+                            inputName: 'plannedDepartureTime',
+                            value: time,
+                        }), errorMessage: state.context?.errorMessages['plannedDepartureTime']?.[0] }), (0, jsx_runtime_1.jsx)(components_1.Select, { id: "reasonForTransportFailure", label: t(translations_1.PageText.Contact.input.reasonForTransportFailure.label), value: state.context.reasonForTransportFailure, disabled: !state.context.line, onChange: (value) => {
+                            if (!value)
+                                return;
+                            send({
+                                type: 'ON_INPUT_CHANGE',
+                                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]
+                            ? 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({
+                        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),
+                        onChange: (files) => {
+                            send({
+                                type: 'ON_INPUT_CHANGE',
+                                inputName: 'attachments',
+                                value: files,
+                            });
+                        },
+                    } }) }), (0, jsx_runtime_1.jsxs)(components_1.Fieldset, { title: t(translations_1.PageText.Contact.aboutYouInfo.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({
+                            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({
+                            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({
+                            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({
+                            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({
+                            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({
+                            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({
+                            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
+                            .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({
+                            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({
+                                    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({
+                                    type: 'ON_INPUT_CHANGE',
+                                    inputName: 'SWIFT',
+                                    value: e.target.value,
+                                }) })] }))] })] }));
+};
+exports.RefundCarForm = RefundCarForm;
+exports.default = exports.RefundCarForm;

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

@@ -0,0 +1,11 @@
+import { RefundFormEvents } from '../../events';
+import { RefundContextProps } from '../../refundFormMachine';
+type RefundTaxiFormProps = {
+    state: {
+        context: RefundContextProps;
+    };
+    send: (event: typeof RefundFormEvents) => void;
+};
+export declare const RefundTaxiForm: ({ state, send }: RefundTaxiFormProps) => import("react/jsx-runtime").JSX.Element;
+export default RefundTaxiForm;
+//# sourceMappingURL=refundTaxiForm.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"refundTaxiForm.d.ts","sourceRoot":"","sources":["../../../../src/refund/forms/refund-and-travel-guarantee/refundTaxiForm.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,gBAAgB,EAAC,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAC,kBAAkB,EAAC,MAAM,yBAAyB,CAAC;AAgB3D,KAAK,mBAAmB,GAAG;IACvB,KAAK,EAAE;QAAE,OAAO,EAAE,kBAAkB,CAAA;KAAE,CAAC;IACvC,IAAI,EAAE,CAAC,KAAK,EAAE,OAAO,gBAAgB,KAAK,IAAI,CAAC;CAClD,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,iBAAe,mBAAmB,4CA0ahE,CAAC;AAEF,eAAe,cAAc,CAAC"}

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

@@ -0,0 +1,133 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RefundTaxiForm = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const use_lines_1 = require("../../../lines/use-lines");
+const components_1 = require("../../../components");
+const translations_1 = require("../../../translations");
+const checkbox_1 = require("../../../components/checkbox");
+const RefundTaxiForm = ({ state, send }) => {
+    const { t } = (0, translations_1.useTranslation)();
+    const { getLinesByMode, getQuaysByLine } = (0, use_lines_1.useLines)();
+    const transportModeOptions = (0, use_lines_1.useTransportModeOptions)();
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.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({
+                            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) => {
+                            send({
+                                type: 'ON_INPUT_CHANGE',
+                                inputName: 'attachments',
+                                value: files,
+                            });
+                        }, 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({
+                            type: 'ON_TRANSPORTMODE_CHANGE',
+                            value: value,
+                        }), isRequired: true, error: state.context?.errorMessages['transportMode']?.[0]
+                            ? t(state.context?.errorMessages['transportMode']?.[0])
+                            : undefined, valueToId: (val) => val, valueToText: (val) => t(translations_1.PageText.Contact.input.transportMode.modes[val]), options: transportModeOptions, placeholder: t(translations_1.PageText.Contact.input.transportMode.optionLabel) }), (0, jsx_runtime_1.jsx)(components_1.SearchableSelect, { id: "line", label: t(translations_1.PageText.Contact.input.line.label), value: state.context.line, placeholder: t(translations_1.PageText.Contact.input.line.optionLabel), isDisabled: !state.context.transportMode, options: (0, components_1.getLineOptions)(getLinesByMode(state.context.transportMode)), onChange: (value) => {
+                            send({
+                                type: 'ON_LINE_CHANGE',
+                                value: value,
+                            });
+                        }, isRequired: true, error: state.context?.errorMessages['line']?.[0] &&
+                            t(state.context?.errorMessages['line']?.[0]) }), (0, jsx_runtime_1.jsx)(components_1.SearchableSelect, { id: "fromStop", label: t(translations_1.PageText.Contact.input.fromStop.label), value: state.context.fromStop, isDisabled: !state.context.line, onChange: (value) => {
+                            send({
+                                type: 'ON_INPUT_CHANGE',
+                                inputName: 'fromStop',
+                                value: value,
+                            });
+                        }, options: (0, components_1.getStopOptions)(getQuaysByLine(state.context.line?.id ?? '')), placeholder: t(translations_1.PageText.Contact.input.fromStop.optionLabel), isRequired: true, error: state.context?.errorMessages['fromStop']?.[0]
+                            ? t(state.context?.errorMessages['fromStop']?.[0])
+                            : undefined }), (0, jsx_runtime_1.jsx)(components_1.SearchableSelect, { id: "toStop", label: t(translations_1.PageText.Contact.input.toStop.label), value: state.context.toStop, isDisabled: !state.context.line, onChange: (value) => {
+                            send({
+                                type: 'ON_INPUT_CHANGE',
+                                inputName: 'toStop',
+                                value: value,
+                            });
+                        }, placeholder: t(translations_1.PageText.Contact.input.toStop.optionLabel), options: (0, components_1.getStopOptions)(getQuaysByLine(state.context.line?.id ?? '')), isRequired: true, error: state.context?.errorMessages['toStop']?.[0]
+                            ? t(state.context?.errorMessages['toStop']?.[0])
+                            : undefined }), (0, jsx_runtime_1.jsx)(components_1.DateSelector, { id: "date", label: t(translations_1.PageText.Contact.input.date.label), isRequired: true, value: state.context.date, onChange: (date) => send({
+                            type: 'ON_INPUT_CHANGE',
+                            inputName: 'date',
+                            value: date,
+                        }), errorMessage: state.context?.errorMessages['date']?.[0] }), (0, jsx_runtime_1.jsx)(components_1.TimeSelector, { id: "plannedDepartureTime", isRequired: true, label: t(translations_1.PageText.Contact.input.plannedDepartureTime.label), value: state.context.plannedDepartureTime, onChange: (time) => send({
+                            type: 'ON_INPUT_CHANGE',
+                            inputName: 'plannedDepartureTime',
+                            value: time,
+                        }), errorMessage: state.context?.errorMessages['plannedDepartureTime']?.[0] }), (0, jsx_runtime_1.jsx)(components_1.Select, { id: "reasonForTransportFailure", label: t(translations_1.PageText.Contact.input.reasonForTransportFailure.label), value: state.context.reasonForTransportFailure, disabled: !state.context.line, onChange: (value) => {
+                            if (!value)
+                                return;
+                            send({
+                                type: 'ON_INPUT_CHANGE',
+                                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]
+                            ? 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({
+                        type: 'ON_INPUT_CHANGE',
+                        inputName: 'feedback',
+                        value: e.target.value,
+                    }), fileInputProps: {
+                        id: 'attachments',
+                        iconLabel: t(translations_1.PageText.Contact.input.feedback.attachment.generic),
+                        name: 'attachments',
+                        onChange: (files) => {
+                            send({
+                                type: 'ON_INPUT_CHANGE',
+                                inputName: 'attachments',
+                                value: files,
+                            });
+                        },
+                    } }) }), (0, jsx_runtime_1.jsxs)(components_1.Fieldset, { title: t(translations_1.PageText.Contact.aboutYouInfo.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({
+                            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({
+                            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({
+                            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({
+                            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({
+                            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({
+                            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({
+                            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
+                            .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({
+                            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({
+                                    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({
+                                    type: 'ON_INPUT_CHANGE',
+                                    inputName: 'SWIFT',
+                                    value: e.target.value,
+                                }) })] }))] })] }));
+};
+exports.RefundTaxiForm = RefundTaxiForm;
+exports.default = exports.RefundTaxiForm;

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

@@ -0,0 +1,12 @@
+import { RefundContextProps } from '../../refundFormMachine';
+import { RefundFormEvents } from '../../events';
+type AppTicketRefundProps = {
+    state: {
+        context: RefundContextProps;
+    };
+    send: (event: typeof RefundFormEvents) => void;
+};
+export declare const AppTicketRefund: ({ state, send }: AppTicketRefundProps) => import("react/jsx-runtime").JSX.Element;
+export default function AppTicketRefundContent({ state, send, }: AppTicketRefundProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=appTicketRefund.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"appTicketRefund.d.ts","sourceRoot":"","sources":["../../../../src/refund/forms/refund-ticket/appTicketRefund.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,kBAAkB,EAAC,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAC,gBAAgB,EAAC,MAAM,cAAc,CAAC;AAK9C,KAAK,oBAAoB,GAAG;IACxB,KAAK,EAAE;QAAE,OAAO,EAAE,kBAAkB,CAAA;KAAE,CAAC;IACvC,IAAI,EAAE,CAAC,KAAK,EAAE,OAAO,gBAAgB,KAAK,IAAI,CAAC;CAClD,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,iBAAe,oBAAoB,4CA+GlE,CAAC;AAkIF,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAAC,EACI,KAAK,EACL,IAAI,GACP,EAAE,oBAAoB,2CAOrE"}

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

@@ -0,0 +1,82 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AppTicketRefund = void 0;
+exports.default = AppTicketRefundContent;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const components_1 = require("../../../components");
+const translations_1 = require("../../../translations");
+const AppTicketRefund = ({ state, send }) => {
+    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({
+                    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({
+                    type: 'ON_INPUT_CHANGE',
+                    inputName: 'refundReason',
+                    value: e.target.value,
+                }), error: state.context.errorMessages['refundReason']?.[0]
+                    ? t(state.context.errorMessages['refundReason']?.[0])
+                    : undefined, fileInputProps: {
+                    id: 'attachments',
+                    iconLabel: t(translations_1.PageText.Contact.input.feedback.attachment.receipt),
+                    name: 'attachments',
+                    onChange: (files) => {
+                        send({
+                            type: 'ON_INPUT_CHANGE',
+                            inputName: 'attachments',
+                            value: files,
+                        });
+                    },
+                } })] }));
+};
+exports.AppTicketRefund = AppTicketRefund;
+const AboutYouSection = ({ state, send }) => {
+    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({
+                    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({
+                    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({
+                    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({
+                    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({
+                    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({
+                    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({
+                    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 })] }));
+}

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

@@ -0,0 +1,10 @@
+import { StateFrom } from 'xstate';
+import { refundStateMachine } from '../../refundFormMachine';
+import { RefundFormEvents } from '../../events';
+type RefundTicketFormsProps = {
+    state: StateFrom<typeof refundStateMachine>;
+    send: (event: typeof RefundFormEvents) => void;
+};
+export declare const RefundTicketForms: ({ state, send }: RefundTicketFormsProps) => import("react/jsx-runtime").JSX.Element;
+export default RefundTicketForms;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/refund/forms/refund-ticket/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,SAAS,EAAC,MAAM,QAAQ,CAAC;AAMjC,OAAO,EAAC,kBAAkB,EAAmB,MAAM,yBAAyB,CAAC;AAC7E,OAAO,EAAC,gBAAgB,EAAC,MAAM,cAAc,CAAC;AAI9C,KAAK,sBAAsB,GAAG;IAC1B,KAAK,EAAE,SAAS,CAAC,OAAO,kBAAkB,CAAC,CAAC;IAC5C,IAAI,EAAE,CAAC,KAAK,EAAE,OAAO,gBAAgB,KAAK,IAAI,CAAC;CAClD,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,iBAAe,sBAAsB,4CAsGtE,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

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

@@ -0,0 +1,38 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RefundTicketForms = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const contact_module_css_1 = __importDefault(require("../../../contact.module.css"));
+const translations_1 = require("../../../translations");
+const typography_1 = require("../../../components/typography");
+const components_1 = require("../../../components");
+const appTicketRefund_1 = __importDefault(require("./appTicketRefund"));
+const link_1 = __importDefault(require("next/link"));
+const refundFormMachine_1 = require("../../refundFormMachine");
+const otherTicketRefund_1 = __importDefault(require("./otherTicketRefund"));
+const checkbox_1 = require("../../../components/checkbox");
+const RefundTicketForms = ({ state, send }) => {
+    const { t } = (0, translations_1.useTranslation)();
+    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
+                            .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({
+                                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 }))] }));
+};
+exports.RefundTicketForms = RefundTicketForms;
+exports.default = exports.RefundTicketForms;

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

@@ -0,0 +1,11 @@
+import { RefundFormEvents } from '../../events';
+import { RefundContextProps } from '../../refundFormMachine';
+type OtherTicketRefundProps = {
+    state: {
+        context: RefundContextProps;
+    };
+    send: (event: typeof RefundFormEvents) => void;
+};
+export declare const OtherTicketRefund: ({ state, send }: OtherTicketRefundProps) => import("react/jsx-runtime").JSX.Element;
+export default OtherTicketRefund;
+//# sourceMappingURL=otherTicketRefund.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"otherTicketRefund.d.ts","sourceRoot":"","sources":["../../../../src/refund/forms/refund-ticket/otherTicketRefund.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,gBAAgB,EAAC,MAAM,cAAc,CAAC;AAQ9C,OAAO,EAAC,kBAAkB,EAAC,MAAM,yBAAyB,CAAC;AAI3D,KAAK,sBAAsB,GAAG;IAC1B,KAAK,EAAE;QAAE,OAAO,EAAE,kBAAkB,CAAA;KAAE,CAAC;IACvC,IAAI,EAAE,CAAC,KAAK,EAAE,OAAO,gBAAgB,KAAK,IAAI,CAAC;CAClD,CAAC;AA0VF,eAAO,MAAM,iBAAiB,GAAI,iBAAe,sBAAsB,4CAOtE,CAAC;AAEF,eAAe,iBAAiB,CAAC"}