@mrfylke/contact-form 0.1.32 → 0.1.34

package/lib/refund/forms/refund-and-travel-guarantee/pre-purchased-ticket-refund-form/index.js

@@ -0,0 +1,159 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PrePurchasedTicketRefundForm = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const date_1 = require("@internationalized/date");
+const react_aria_components_1 = require("react-aria-components");
+const use_lines_1 = require("../../../../lines/use-lines");
+const use_departures_1 = require("../../../../lines/use-departures");
+const components_1 = require("../../../../components");
+const button_1 = require("../../../../components/button");
+const icon_1 = require("../../../../components/icon");
+const typography_1 = require("../../../../components/typography");
+const checkbox_1 = require("../../../../components/checkbox");
+const error_message_1 = require("../../../../components/error-message");
+const pre_purchased_ticket_refund_form_module_css_1 = __importDefault(require("./pre-purchased-ticket-refund-form.module.css"));
+const translations_1 = require("../../../../translations");
+const config_1 = require("../../../../modules/config");
+const PrePurchasedTicketRefundForm = ({ state, send, }) => {
+    const { t } = (0, translations_1.useTranslation)();
+    const PageText = (0, translations_1.usePageText)();
+    const { features } = (0, config_1.useContactFormConfig)();
+    const { getLinesByMode, getQuaysByLine } = (0, use_lines_1.useLines)();
+    const [draft, setDraft] = (0, react_1.useState)({});
+    // Same locale and format as the DateSelector's segments.
+    const { locale } = (0, react_aria_components_1.useLocale)();
+    const dateFormatter = new date_1.DateFormatter(locale, {
+        year: 'numeric',
+        month: '2-digit',
+        day: '2-digit',
+        timeZone: 'Europe/Oslo',
+    });
+    const departures = state.context.prePurchasedTicketDelayedDepartures ?? [];
+    const quayOptions = (0, components_1.getStopOptions)(getQuaysByLine(draft.line?.id ?? ''));
+    const texts = PageText.Contact.refund.prePurchasedTicketRefund;
+    const delayedDeparturesError = state.context?.errorMessages['prePurchasedTicketDelayedDepartures']?.[0];
+    // Claims must be sent within two months; allow from the 1st two months
+    // back for some buffer.
+    const latestDate = (0, date_1.today)('Europe/Oslo');
+    const earliestDate = latestDate.subtract({ months: 2 }).set({ day: 1 });
+    const isDraftComplete = !!draft.line &&
+        !!draft.fromStop &&
+        !!draft.toStop &&
+        !!draft.date &&
+        draft.date >= earliestDate.toString() &&
+        draft.date <= latestDate.toString() &&
+        !!draft.plannedDepartureTime;
+    const addDraft = () => {
+        if (!isDraftComplete)
+            return;
+        const departure = draft;
+        const isDuplicate = departures.some((d) => d.line.id === departure.line.id &&
+            d.date === departure.date &&
+            d.plannedDepartureTime === departure.plannedDepartureTime &&
+            d.fromStop.id === departure.fromStop.id &&
+            d.toStop.id === departure.toStop.id);
+        if (!isDuplicate) {
+            send({
+                type: 'ON_INPUT_CHANGE',
+                inputName: 'prePurchasedTicketDelayedDepartures',
+                // Kept sorted first to last, so the table and payload read in order.
+                value: [...departures, departure].sort((a, b) => `${a.date} ${a.plannedDepartureTime}`.localeCompare(`${b.date} ${b.plannedDepartureTime}`)),
+            });
+        }
+        // Keep line and stops; the next delayed departure is usually the same trip.
+        setDraft({
+            line: draft.line,
+            fromStop: draft.fromStop,
+            toStop: draft.toStop,
+        });
+    };
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(components_1.Fieldset, { title: t(texts.aboutYourTicket.title), children: [(0, jsx_runtime_1.jsx)(typography_1.Typo.p, { textType: "body__m", children: t(texts.info) }), (0, jsx_runtime_1.jsx)(components_1.Input, { id: "orderId", label: t(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,
+                        }), description: t(PageText.Contact.input.orderId.description) }), (0, jsx_runtime_1.jsx)(components_1.Textarea, { id: "refundReason", label: 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,
+                        }), error: state.context.errorMessages['refundReason']?.[0]
+                            ? t(state.context.errorMessages['refundReason']?.[0])
+                            : undefined })] }), (0, jsx_runtime_1.jsxs)(components_1.Fieldset, { title: t(texts.delayedDepartures.title), children: [(0, jsx_runtime_1.jsx)(typography_1.Typo.p, { textType: "body__m", children: t(texts.delayedDepartures.info) }), (0, jsx_runtime_1.jsx)(components_1.SearchableSelect, { id: "delayedDepartureLine", label: t(PageText.Contact.input.line.label), value: draft.line, placeholder: t(PageText.Contact.input.line.optionLabel), options: (0, components_1.getLineOptions)(getLinesByMode('expressboat')), onChange: (value) => 
+                        // Stops and departures belong to the line; keep only the date.
+                        setDraft({ line: value, date: draft.date }) }), (0, jsx_runtime_1.jsx)(components_1.SearchableSelect, { id: "delayedDepartureFromStop", label: t(PageText.Contact.input.fromStop.label), value: draft.fromStop, isDisabled: !draft.line, onChange: (value) => setDraft({
+                            ...draft,
+                            fromStop: value,
+                            plannedDepartureTime: undefined,
+                            tripId: undefined,
+                        }), options: quayOptions, placeholder: t(PageText.Contact.input.fromStop.optionLabel) }), (0, jsx_runtime_1.jsx)(components_1.SearchableSelect, { id: "delayedDepartureToStop", label: t(PageText.Contact.input.toStop.label), value: draft.toStop, isDisabled: !draft.line, onChange: (value) => setDraft({
+                            ...draft,
+                            toStop: value,
+                            plannedDepartureTime: undefined,
+                            tripId: undefined,
+                        }), options: quayOptions, placeholder: t(PageText.Contact.input.toStop.optionLabel) }), (0, jsx_runtime_1.jsx)(components_1.DateSelector, { id: "delayedDepartureDate", label: t(PageText.Contact.input.date.label), value: draft.date, minValue: earliestDate, maxValue: latestDate, onChange: (date) => setDraft({
+                            ...draft,
+                            date,
+                            plannedDepartureTime: undefined,
+                            tripId: undefined,
+                        }) }), (0, jsx_runtime_1.jsx)(components_1.DepartureTimeField, { id: "delayedDeparturePlannedDepartureTime", date: draft.date, lineId: draft.line?.id, fromStopId: draft.fromStop?.id, toStopId: draft.toStop?.id, selectedTripId: draft.tripId, plannedDepartureTime: draft.plannedDepartureTime, onChange: (plannedDepartureTime, tripId) => setDraft({ ...draft, plannedDepartureTime, tripId }) }), (0, jsx_runtime_1.jsx)(button_1.Button, { title: t(texts.delayedDepartures.add), mode: "interactive_0--bordered", disabled: !isDraftComplete, onClick: addDraft, 
+                        // `input__` prefix lets a validation error scroll to this field.
+                        buttonProps: { id: 'input__prePurchasedTicketDelayedDepartures' } }), departures.length > 0 && ((0, jsx_runtime_1.jsxs)("table", { className: pre_purchased_ticket_refund_form_module_css_1.default.departuresTable, children: [(0, jsx_runtime_1.jsx)("thead", { children: (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("th", { children: (0, jsx_runtime_1.jsx)(typography_1.Typo.span, { textType: "body__s__strong", children: t(texts.delayedDepartures.columns.line) }) }), (0, jsx_runtime_1.jsx)("th", { children: (0, jsx_runtime_1.jsx)(typography_1.Typo.span, { textType: "body__s__strong", children: t(texts.delayedDepartures.columns.fromStop) }) }), (0, jsx_runtime_1.jsx)("th", { children: (0, jsx_runtime_1.jsx)(typography_1.Typo.span, { textType: "body__s__strong", children: t(texts.delayedDepartures.columns.toStop) }) }), (0, jsx_runtime_1.jsx)("th", { children: (0, jsx_runtime_1.jsx)(typography_1.Typo.span, { textType: "body__s__strong", children: t(texts.delayedDepartures.columns.date) }) }), (0, jsx_runtime_1.jsx)("th", { children: (0, jsx_runtime_1.jsx)(typography_1.Typo.span, { textType: "body__s__strong", children: t(texts.delayedDepartures.columns.time) }) }), (0, jsx_runtime_1.jsx)("th", { className: pre_purchased_ticket_refund_form_module_css_1.default.removeCell, children: (0, jsx_runtime_1.jsx)("span", { className: pre_purchased_ticket_refund_form_module_css_1.default.visuallyHidden, children: t(texts.delayedDepartures.remove) }) })] }) }), (0, jsx_runtime_1.jsx)("tbody", { children: departures.map((d, index) => ((0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { children: (0, jsx_runtime_1.jsx)(typography_1.Typo.span, { textType: "body__m", children: d.line.publicCode ?? d.line.name }) }), (0, jsx_runtime_1.jsx)("td", { children: (0, jsx_runtime_1.jsx)(typography_1.Typo.span, { textType: "body__m", children: d.fromStop.name }) }), (0, jsx_runtime_1.jsx)("td", { children: (0, jsx_runtime_1.jsx)(typography_1.Typo.span, { textType: "body__m", children: d.toStop.name }) }), (0, jsx_runtime_1.jsx)("td", { children: (0, jsx_runtime_1.jsx)(typography_1.Typo.span, { textType: "body__m", children: dateFormatter.format((0, date_1.parseDate)(d.date).toDate('Europe/Oslo')) }) }), (0, jsx_runtime_1.jsx)("td", { children: (0, jsx_runtime_1.jsx)(typography_1.Typo.span, { textType: "body__m", children: (0, use_departures_1.formatDepartureTime)(d.plannedDepartureTime) }) }), (0, jsx_runtime_1.jsx)("td", { className: pre_purchased_ticket_refund_form_module_css_1.default.removeCell, children: (0, jsx_runtime_1.jsx)(button_1.Button, { mode: "transparent", className: pre_purchased_ticket_refund_form_module_css_1.default.removeButton, title: t(texts.delayedDepartures.removeLabel), icon: { left: (0, jsx_runtime_1.jsx)(icon_1.MonoIcon, { icon: "actions/Delete" }) }, buttonProps: {
+                                                    'aria-label': t(texts.delayedDepartures.remove),
+                                                }, onClick: () => send({
+                                                    type: 'ON_INPUT_CHANGE',
+                                                    inputName: 'prePurchasedTicketDelayedDepartures',
+                                                    value: departures.filter((_, i) => i !== index),
+                                                }) }) })] }, index))) })] })), delayedDeparturesError && ((0, jsx_runtime_1.jsx)(error_message_1.ErrorMessage, { message: t(delayedDeparturesError), id: "error-prePurchasedTicketDelayedDepartures" }))] }), (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(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(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(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(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(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(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(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,
+                        }) }), features?.enableInternationalBankAccountInTravelGuarantee !==
+                        false && ((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(PageText.Contact.input.bankInformation.IBAN.label), description: t(PageText.Contact.input.bankInformation.IBAN.description), 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(PageText.Contact.input.bankInformation.SWIFT.label), description: t(PageText.Contact.input.bankInformation.SWIFT.description), 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.PrePurchasedTicketRefundForm = PrePurchasedTicketRefundForm;
+exports.default = exports.PrePurchasedTicketRefundForm;

package/lib/refund/forms/refund-and-travel-guarantee/pre-purchased-ticket-refund-form/pre-purchased-ticket-refund-form.module.css

@@ -0,0 +1,73 @@
+.departuresTable {
+  width: 100%;
+  /* separate, not collapse: border-radius has no effect on collapsed tables. */
+  border-collapse: separate;
+  border-spacing: 0;
+  border: token('border.width.slim') solid
+    token('color.interactive.2.outline.background');
+  border-radius: token('border.radius.small');
+}
+
+.departuresTable th,
+.departuresTable td {
+  padding: token('spacing.xSmall') token('spacing.small');
+  text-align: left;
+  vertical-align: middle;
+  border-right: token('border.width.slim') solid
+    token('color.interactive.2.outline.background');
+  border-bottom: token('border.width.slim') solid
+    token('color.interactive.2.outline.background');
+}
+
+/* The table's own border is the outer frame. */
+.departuresTable tr > :last-child {
+  border-right: none;
+}
+
+.departuresTable tbody tr:last-child > * {
+  border-bottom: none;
+}
+
+/* Keep the header background inside the rounded corners. */
+.departuresTable thead th:first-child {
+  border-top-left-radius: token('border.radius.small');
+}
+
+.departuresTable thead th:last-child {
+  border-top-right-radius: token('border.radius.small');
+}
+
+.departuresTable thead {
+  background-color: token('color.background.neutral.1.background');
+}
+
+.removeCell {
+  width: 1%;
+  text-align: right;
+}
+
+.removeButton {
+  border-radius: token('border.radius.small');
+}
+
+/* Scoped to the table to outrank Button's own transparent :hover color. */
+.departuresTable .removeButton:hover {
+  background-color: token('color.interactive.2.hover.background');
+  color: token('color.interactive.2.hover.foreground.primary');
+}
+
+@media (max-width: 600px) {
+  /* Icon only on small screens; the title is Button's last child. */
+  .removeButton > :last-child {
+    display: none;
+  }
+}
+
+.visuallyHidden {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  overflow: hidden;
+  clip-path: inset(50%);
+  white-space: nowrap;
+}

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

@@ -1 +1 @@
-{"version":3,"file":"refundCarForm.d.ts","sourceRoot":"","sources":["../../../../src/refund/forms/refund-and-travel-guarantee/refundCarForm.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAiB7D,KAAK,kBAAkB,GAAG;IACxB,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,aAAa,GAAI,iBAAiB,kBAAkB,gCAodhE,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"refundCarForm.d.ts","sourceRoot":"","sources":["../../../../src/refund/forms/refund-and-travel-guarantee/refundCarForm.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAiB7D,KAAK,kBAAkB,GAAG;IACxB,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,aAAa,GAAI,iBAAiB,kBAAkB,gCA0dhE,CAAC;AAEF,eAAe,aAAa,CAAC"}

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

@@ -132,11 +132,11 @@ const RefundCarForm = ({ state, 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(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), description: t(PageText.Contact.input.bankInformation.IBAN.description), 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(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), description: t(PageText.Contact.input.bankInformation.SWIFT.description), 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;AAiB7D,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,gCA2blE,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;AAiB7D,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,gCAiclE,CAAC;AAEF,eAAe,cAAc,CAAC"}

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

@@ -131,11 +131,11 @@ const RefundTaxiForm = ({ state, 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(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), description: t(PageText.Contact.input.bankInformation.IBAN.description), 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(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), description: t(PageText.Contact.input.bankInformation.SWIFT.description), 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;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,gCA8HpE,CAAC;AAqQF,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAAC,EAC7C,KAAK,EACL,IAAI,GACL,EAAE,oBAAoB,+BAWtB"}
+{"version":3,"file":"appTicketRefund.d.ts","sourceRoot":"","sources":["../../../../src/refund/forms/refund-ticket/appTicketRefund.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,kBAAkB,EACnB,MAAM,yBAAyB,CAAC;AACjC,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,gCA6HpE,CAAC;AAqQF,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAAC,EAC7C,KAAK,EACL,IAAI,GACL,EAAE,oBAAoB,+BAWtB"}

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

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.AppTicketRefund = void 0;
 exports.default = AppTicketRefundContent;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const refundFormMachine_1 = require("../../refundFormMachine");
 const components_1 = require("../../../components");
 const translations_1 = require("../../../translations");
 const context_1 = require("../../../modules/config/context");
@@ -12,20 +13,8 @@ const AppTicketRefund = ({ state, send }) => {
     const { t } = (0, translations_1.useTranslation)();
     const { features, formSchemaOverrides } = (0, context_1.useContactFormConfig)();
     const includeCustomerNumberAndPurchasePlatform = features?.includeCustomerNumberAndPurchasePlatformInAppTicketRefund;
-    return ((0, jsx_runtime_1.jsxs)(components_1.Fieldset, { title: t(PageText.Contact.ticketing.refund.appTicketRefund.label), children: [includeCustomerNumberAndPurchasePlatform && ((0, jsx_runtime_1.jsx)(components_1.Input, { id: "customerNumber", label: t(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(PageText.Contact.input.customerNumber.description),
-                } })), (0, jsx_runtime_1.jsx)(components_1.Input, { id: "orderId", label: t(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(PageText.Contact.input.orderId.description),
-                    bulletPoints: PageText.Contact.input.orderId.descriptionBulletPoints.map((bulletPoint) => t(bulletPoint)),
-                } }), includeCustomerNumberAndPurchasePlatform && ((0, jsx_runtime_1.jsx)(components_1.Select, { id: "purchasePlatform", label: t(PageText.Contact.input.purchasePlatform.label), value: state.context.purchasePlatform || '', onChange: (value) => send({
+    const areOrderIdAndCustomerNumberRelevant = (0, refundFormMachine_1.hasOrderIdAndCustomerNumber)(state.context.purchasePlatform);
+    return ((0, jsx_runtime_1.jsxs)(components_1.Fieldset, { title: t(PageText.Contact.ticketing.refund.appTicketRefund.label), children: [includeCustomerNumberAndPurchasePlatform && ((0, jsx_runtime_1.jsx)(components_1.Select, { id: "purchasePlatform", label: t(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]
@@ -35,7 +24,16 @@ const AppTicketRefund = ({ state, send }) => {
                     'enturWeb',
                     'framApp',
                     'framWeb',
-                ], placeholder: t(PageText.Contact.input.purchasePlatform.optionLabel) })), (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({
+                ], placeholder: t(PageText.Contact.input.purchasePlatform.optionLabel) })), areOrderIdAndCustomerNumberRelevant &&
+                includeCustomerNumberAndPurchasePlatform && ((0, jsx_runtime_1.jsx)(components_1.Input, { id: "customerNumber", label: t(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,
+                }), description: t(PageText.Contact.input.customerNumber.description) })), areOrderIdAndCustomerNumberRelevant && ((0, jsx_runtime_1.jsx)(components_1.Input, { id: "orderId", label: t(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,
+                }), description: t(PageText.Contact.input.orderId.description) })), (0, jsx_runtime_1.jsx)(components_1.Textarea, { id: "refundReason", label: t(PageText.Contact.input.refundReason.question), description: t(PageText.Contact.input.refundReason.description), value: state.context.refundReason || '', isRequired: true, onChange: (e) => send({
                     type: 'ON_INPUT_CHANGE',
                     inputName: 'refundReason',
                     value: e.target.value,

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;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;AAqeF,eAAO,MAAM,iBAAiB,GAAI,iBAAiB,sBAAsB,gCAWxE,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;AA8fF,eAAO,MAAM,iBAAiB,GAAI,iBAAiB,sBAAsB,gCAWxE,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

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

@@ -28,27 +28,21 @@ const RefundSection = ({ state, send }) => {
                     type: 'ON_INPUT_CHANGE',
                     inputName: 'orderId',
                     value: e.target.value,
-                }), modalContent: {
-                    description: t(PageText.Contact.input.orderId.description),
-                    instruction: t(PageText.Contact.input.orderId.instruction),
-                    bulletPoints: PageText.Contact.input.orderId.descriptionBulletPoints.map((bulletPoint) => t(bulletPoint)),
-                } })), showTravelCardNumber && ((0, jsx_runtime_1.jsx)(components_1.Input, { id: "travelCardNumber", label: t(PageText.Contact.input.travelCardNumber.label), type: "text", name: "travelCardNumber", value: state.context.travelCardNumber || '', isRequired: true, errorMessage: state.context.errorMessages['travelCardNumber']?.[0], onChange: (e) => send({
+                }), description: t(PageText.Contact.input.orderId.description) })), showTravelCardNumber && ((0, jsx_runtime_1.jsx)(components_1.Input, { id: "travelCardNumber", label: t(PageText.Contact.input.travelCardNumber.label), type: "text", name: "travelCardNumber", value: state.context.travelCardNumber || '', isRequired: true, errorMessage: state.context.errorMessages['travelCardNumber']?.[0], onChange: (e) => send({
                     type: 'ON_INPUT_CHANGE',
                     inputName: 'travelCardNumber',
                     value: e.target.value,
-                }), modalContent: {
-                    description: t(PageText.Contact.input.travelCardNumber.info),
-                } })), features?.includeAmountInOtherTicketRefund && ((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({
+                }), description: t(PageText.Contact.input.travelCardNumber.info) })), features?.includeAmountInOtherTicketRefund && ((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.Textarea, { id: "refundReason", description: t(PageText.Contact.input.refundReason.question), value: state.context.refundReason || '', isRequired: true, onChange: (e) => send({
+                }) })), (0, jsx_runtime_1.jsx)(components_1.Textarea, { id: "refundReason", label: 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,
                 }), error: state.context.errorMessages['refundReason']?.[0]
                     ? t(state.context.errorMessages['refundReason']?.[0])
-                    : undefined }), features?.enableFileUploads && ((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: features?.enableRequiredAttachmentInOtherTicketRefund, onChange: (files) => {
+                    : undefined }), features?.enableReceiptAttachmentInOtherTicketRefund !== false && ((0, jsx_runtime_1.jsx)(components_1.FileInput, { id: "attachments", label: t(PageText.Contact.refund.otherTicketRefund.receipt.info), iconLabel: t(PageText.Contact.input.feedback.attachment.receipt), name: "attachments", isRequired: features?.enableRequiredReceiptAttachmentInOtherTicketRefund, onChange: (files) => {
                     send({
                         type: 'ON_INPUT_CHANGE',
                         inputName: 'attachments',
@@ -61,6 +55,7 @@ const RefundSection = ({ state, send }) => {
 const AboutYouSection = ({ state, send }) => {
     const PageText = (0, translations_1.usePageText)();
     const { t } = (0, translations_1.useTranslation)();
+    const { features } = (0, context_1.useContactFormConfig)();
     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',
@@ -97,15 +92,23 @@ const AboutYouSection = ({ state, 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(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), description: t(PageText.Contact.input.bankInformation.IBAN.description), 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(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), description: t(PageText.Contact.input.bankInformation.SWIFT.description), 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,
-                        }) })] }))] }));
+                        }) })] })), features?.enableIdentificationAttachmentInOtherTicketRefund && ((0, jsx_runtime_1.jsx)(components_1.FileInput, { id: "identificationAttachments", label: t(PageText.Contact.input.identificationAttachments.label), iconLabel: t(PageText.Contact.input.feedback.attachment.generic), name: "identificationAttachments", isRequired: true, onChange: (files) => {
+                    send({
+                        type: 'ON_INPUT_CHANGE',
+                        inputName: 'identificationAttachments',
+                        value: files,
+                    });
+                }, errorMessage: state.context?.errorMessages['identificationAttachments']?.[0]
+                    ? t(state.context?.errorMessages['identificationAttachments']?.[0])
+                    : undefined }))] }));
 };
 const DepartureSection = ({ state, send }) => {
     const PageText = (0, translations_1.usePageText)();

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/refund/index.tsx"],"names":[],"mappings":"AAgBA,QAAA,MAAM,aAAa,mCAiJlB,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/refund/index.tsx"],"names":[],"mappings":"AAgBA,QAAA,MAAM,aAAa,mCAqJlB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/lib/refund/index.js

@@ -38,8 +38,9 @@ const RefundContent = () => {
         includeOrderIdInOtherTicketRefund: features?.includeOrderIdInOtherTicketRefund === true,
         includeAmountInOtherTicketRefund: features?.includeAmountInOtherTicketRefund === true,
         includeAmountInRefundTaxi: features?.includeAmountInRefundTaxi !== false,
-        enableFileUploads: features?.enableFileUploads === true,
-        enableRequiredAttachmentInOtherTicketRefund: features?.enableRequiredAttachmentInOtherTicketRefund === true,
+        enableReceiptAttachmentInOtherTicketRefund: features?.enableReceiptAttachmentInOtherTicketRefund !== false,
+        enableRequiredReceiptAttachmentInOtherTicketRefund: features?.enableRequiredReceiptAttachmentInOtherTicketRefund === true,
+        enableIdentificationAttachmentInOtherTicketRefund: features?.enableIdentificationAttachmentInOtherTicketRefund === true,
     }), [
         apiConfig.onSubmit,
         successPath,
@@ -50,8 +51,9 @@ const RefundContent = () => {
         features?.includeOrderIdInOtherTicketRefund,
         features?.includeAmountInOtherTicketRefund,
         features?.includeAmountInRefundTaxi,
-        features?.enableFileUploads,
-        features?.enableRequiredAttachmentInOtherTicketRefund,
+        features?.enableReceiptAttachmentInOtherTicketRefund,
+        features?.enableRequiredReceiptAttachmentInOtherTicketRefund,
+        features?.enableIdentificationAttachmentInOtherTicketRefund,
     ]);
     const [state, send] = (0, react_1.useMachine)(machine);
     const displaySubmitButton = state.context.formType &&