@mrfylke/contact-form 0.1.10 → 0.1.21

package/lib/refund/refundFormMachine.js

@@ -2,7 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.refundStateMachine = exports.FormType = exports.RefundAndTravelGuarantee = exports.RefundTicketForm = exports.FormCategory = void 0;
 exports.createRefundStateMachine = createRefundStateMachine;
-const types_1 = require("../types");
 const xstate_1 = require("xstate");
 const validation_1 = require("../validation");
 const utils_1 = require("../utils");
@@ -12,6 +11,7 @@ var FormCategory;
     FormCategory["RefundOfTicket"] = "refundOfTicket";
     FormCategory["RefundAndTravelGuarantee"] = "refundAndTravelGuarantee";
     FormCategory["ResidualValueOnTravelCard"] = "residualValueOnTravelCard";
+    FormCategory["TicketBoughtOnBus"] = "ticketBoughtOnBus";
 })(FormCategory || (exports.FormCategory = FormCategory = {}));
 var RefundTicketForm;
 (function (RefundTicketForm) {
@@ -30,6 +30,9 @@ var FormType;
     FormType["AppTicketRefund"] = "appTicketRefund";
     FormType["OtherTicketRefund"] = "otherTicketRefund";
     FormType["ResidualValueOnTravelCard"] = "residualValueOnTravelCard";
+    FormType["TicketBoughtOnBus"] = "ticketBoughtOnBus";
+    FormType["TravelMoneyRefund"] = "travelMoneyRefund";
+    FormType["WebshopTicketRefund"] = "webshopTicketRefund";
 })(FormType || (exports.FormType = FormType = {}));
 const setFormTypeAndInitialContext = (context, formType) => {
     return { ...context, formType: formType, errorMessages: {} };
@@ -43,7 +46,7 @@ const setInitialAgreementAndFormType = (context, isChecked) => {
     };
 };
 const setInputToValidate = (context) => {
-    const { formType, firstName, lastName, email, phoneNumber, address, postalCode, city, hasInternationalBankAccount, bankAccountNumber, IBAN, SWIFT, transportMode, line, fromStop, toStop, date, kilometersDriven, fromAddress, toAddress, plannedDepartureTime, reasonForTransportFailure, amount, attachments, customerNumber, orderId, ticketType, travelCardNumber, refundReason, purchasePlatform, } = context;
+    const { formType, firstName, lastName, email, phoneNumber, address, postalCode, city, hasInternationalBankAccount, bankAccountNumber, IBAN, SWIFT, transportMode, line, fromStop, toStop, date, kilometersDriven, fromAddress, toAddress, plannedDepartureTime, reasonForTransportFailure, amount, attachments, orderId, ticketType, refundReason, includeOtherTicketTypeSelector, includeRefundDepartureInfo, } = context;
     const commonFields = {
         formType,
         transportMode,
@@ -70,10 +73,8 @@ const setInputToValidate = (context) => {
         case FormType.AppTicketRefund:
             return {
                 formType,
-                customerNumber,
-                orderId,
+                referenceNumber: orderId,
                 refundReason,
-                purchasePlatform,
                 firstName,
                 lastName,
                 address,
@@ -81,13 +82,22 @@ const setInputToValidate = (context) => {
                 city,
                 email,
                 phoneNumber,
+                ...(includeRefundDepartureInfo
+                    ? {
+                        transportMode,
+                        line,
+                        fromStop,
+                        toStop,
+                        date,
+                        plannedDepartureTime,
+                    }
+                    : {}),
             };
         case FormType.OtherTicketRefund:
             return {
                 formType,
-                ticketType,
+                ...(includeOtherTicketTypeSelector ? { ticketType } : {}),
                 refundReason,
-                amount,
                 firstName,
                 lastName,
                 address,
@@ -96,18 +106,71 @@ const setInputToValidate = (context) => {
                 email,
                 phoneNumber,
                 orderId,
-                attachments,
-                ...(ticketType &&
-                    ticketType.id === types_1.TicketTypeId.PeriodTicket && { travelCardNumber }),
+                ...(hasInternationalBankAccount
+                    ? { IBAN, SWIFT }
+                    : { bankAccountNumber }),
+                ...(includeRefundDepartureInfo
+                    ? {
+                        transportMode,
+                        line,
+                        fromStop,
+                        toStop,
+                        date,
+                        plannedDepartureTime,
+                    }
+                    : {}),
+            };
+        case FormType.TicketBoughtOnBus:
+            return {
+                formType,
+                transportMode,
+                line,
+                fromStop,
+                toStop,
+                date,
+                plannedDepartureTime,
+                bankCardDetails: context.bankCardDetails,
+                refundReason,
+                firstName,
+                lastName,
+                email,
+            };
+        case FormType.TravelMoneyRefund:
+            return {
+                formType,
+                travelCardNumber: context.travelCardNumber,
+                refundReason,
+                firstName,
+                lastName,
+                address,
+                postalCode,
+                city,
+                email,
+                phoneNumber,
                 ...(hasInternationalBankAccount
                     ? { IBAN, SWIFT }
                     : { bankAccountNumber }),
             };
+        case FormType.WebshopTicketRefund:
+            return {
+                formType,
+                travelCardNumber: context.travelCardNumber,
+                refundReason,
+                firstName,
+                lastName,
+                address,
+                postalCode,
+                city,
+                email,
+                phoneNumber,
+            };
     }
 };
 function createRefundStateMachine(onSubmit, paths) {
     const successPath = paths?.successPath ?? '/contact/success';
     const errorPath = paths?.errorPath ?? '/contact/error';
+    const includeOtherTicketTypeSelector = paths?.includeOtherTicketTypeSelector !== false;
+    const includeRefundDepartureInfo = paths?.includeRefundDepartureInfo === true;
     return (0, xstate_1.setup)({
         types: { context: {}, events: events_1.RefundFormEvents },
         guards: {
@@ -122,6 +185,8 @@ function createRefundStateMachine(onSubmit, paths) {
                 event.formCategory === FormCategory.RefundAndTravelGuarantee,
             isResidualValueOnTravelCard: ({ event }) => event.type === 'SELECT_FORM_CATEGORY' &&
                 event.formCategory === FormCategory.ResidualValueOnTravelCard,
+            isTicketBoughtOnBus: ({ event }) => event.type === 'SELECT_FORM_CATEGORY' &&
+                event.formCategory === FormCategory.TicketBoughtOnBus,
             isAppTicketRefund: ({ event }) => event.type === 'SELECT_REFUND_TICKET_FORM' &&
                 event.refundTicketForm === RefundTicketForm.AppTicketRefund,
             isOtherTicketRefund: ({ event }) => event.type === 'SELECT_REFUND_TICKET_FORM' &&
@@ -146,7 +211,16 @@ function createRefundStateMachine(onSubmit, paths) {
             setValidationErrors: (0, xstate_1.assign)(({ context, event }) => {
                 if (event.type === 'SUBMIT') {
                     const inputsToValidate = setInputToValidate(context);
-                    const errors = (0, validation_1.commonInputValidator)(inputsToValidate);
+                    const rawErrors = (0, validation_1.commonInputValidator)(inputsToValidate);
+                    // AppTicketRefund validates orderId under key 'referenceNumber' for correct
+                    // error messages, but the form field uses 'orderId' as its inputName.
+                    const errors = context.formType === FormType.AppTicketRefund &&
+                        rawErrors.referenceNumber
+                        ? (({ referenceNumber, ...rest }) => ({
+                            ...rest,
+                            orderId: referenceNumber,
+                        }))(rawErrors)
+                        : rawErrors;
                     return {
                         firstIncorrectErrorMessage: (0, utils_1.findFirstErrorMessage)(event.orderedFormFieldNames, errors),
                         errorMessages: { ...errors },
@@ -189,9 +263,16 @@ function createRefundStateMachine(onSubmit, paths) {
                         };
                     }
                     context.errorMessages[inputName] = [];
+                    const clearsDeparture = inputName === 'fromStop' ||
+                        inputName === 'toStop' ||
+                        inputName === 'date';
                     return {
                         ...context,
                         [inputName]: value,
+                        ...(clearsDeparture && {
+                            plannedDepartureTime: undefined,
+                            tripId: undefined,
+                        }),
                         hasSubmissionError: undefined,
                     };
                 }
@@ -236,6 +317,8 @@ function createRefundStateMachine(onSubmit, paths) {
         context: {
             isInitialAgreementChecked: false,
             hasInternationalBankAccount: false,
+            includeOtherTicketTypeSelector,
+            includeRefundDepartureInfo,
             errorMessages: {},
         },
         on: {
@@ -267,6 +350,10 @@ function createRefundStateMachine(onSubmit, paths) {
                         guard: 'isResidualValueOnTravelCard',
                         target: `#${FormCategory.ResidualValueOnTravelCard}`,
                     },
+                    {
+                        guard: 'isTicketBoughtOnBus',
+                        target: `#${FormCategory.TicketBoughtOnBus}`,
+                    },
                 ],
             },
             refundTicketFormHandler: {
@@ -343,6 +430,13 @@ function createRefundStateMachine(onSubmit, paths) {
                             formType: () => FormType.ResidualValueOnTravelCard,
                         }),
                     },
+                    ticketBoughtOnBus: {
+                        id: 'ticketBoughtOnBus',
+                        entry: (0, xstate_1.assign)({
+                            formType: () => FormType.TicketBoughtOnBus,
+                        }),
+                        exit: 'clearValidationErrors',
+                    },
                     history: { type: 'history', history: 'deep' },
                 },
             },
@@ -367,6 +461,7 @@ function createRefundStateMachine(onSubmit, paths) {
                         toStop: context.toStop?.name,
                         date: context?.date,
                         plannedDepartureTime: context?.plannedDepartureTime,
+                        tripId: context?.tripId,
                         kilometersDriven: context?.kilometersDriven,
                         fromAddress: context?.fromAddress,
                         toAddress: context?.toAddress,
@@ -390,6 +485,7 @@ function createRefundStateMachine(onSubmit, paths) {
                         travelCardNumber: context?.travelCardNumber,
                         refundReason: context?.refundReason,
                         purchasePlatform: context?.purchasePlatform,
+                        bankCardDetails: context?.bankCardDetails,
                     }),
                     onDone: { target: 'success' },
                     onError: {

package/lib/server/journey-planner/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/server/journey-planner/index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,IAAI,EAAe,MAAM,cAAc,CAAC;AAgBjD;;;;;;;GAOG;AACH,wBAAsB,QAAQ,CAAC,mBAAmB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,EAAE,CAAC,CAmD5E"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/server/journey-planner/index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,IAAI,EAAe,MAAM,cAAc,CAAC;AAgBjD;;;;;;;GAOG;AACH,wBAAsB,QAAQ,CAAC,mBAAmB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,EAAE,CAAC,CA+D5E"}

package/lib/server/journey-planner/index.js

@@ -36,9 +36,11 @@ async function getLines(fallbackAuthorityId) {
         transportSubmode: (0, transport_mode_1.isTransportSubmodeType)(line.transportSubmode)
             ? line.transportSubmode
             : null,
-        quays: line.quays.map((quay) => ({
-            id: quay.id,
-            name: quay.name,
+        quays: line.quays
+            .map((quay) => ({ id: quay.id, name: quay.name }))
+            .sort((a, b) => a.name.localeCompare(b.name, undefined, {
+            numeric: true,
+            sensitivity: 'base',
         })),
     }));
     const validated = validators_1.linesSchema.safeParse(data);
@@ -46,8 +48,12 @@ async function getLines(fallbackAuthorityId) {
         throw validated.error;
     }
     validated.data.sort((a, b) => {
-        if (a.publicCode === null && b.publicCode === null)
-            return 0;
+        if (a.publicCode === null && b.publicCode === null) {
+            return a.name.localeCompare(b.name, undefined, {
+                numeric: true,
+                sensitivity: 'base',
+            });
+        }
         if (a.publicCode === null)
             return 1;
         if (b.publicCode === null)
@@ -57,7 +63,10 @@ async function getLines(fallbackAuthorityId) {
         if (aIsNumber && bIsNumber) {
             return Number(a.publicCode) - Number(b.publicCode);
         }
-        return a.publicCode.localeCompare(b.publicCode);
+        return a.publicCode.localeCompare(b.publicCode, undefined, {
+            numeric: true,
+            sensitivity: 'base',
+        });
     });
     return validated.data;
 }

package/lib/server/journey-planner/validators.d.ts

@@ -8,6 +8,7 @@ export declare const lineSchema: z.ZodObject<{
     quays: z.ZodArray<z.ZodObject<{
         id: z.ZodString;
         name: z.ZodString;
+        description: z.ZodNullable<z.ZodString>;
     }, z.core.$strip>>;
 }, z.core.$strip>;
 export declare const linesSchema: z.ZodArray<z.ZodObject<{
@@ -19,6 +20,7 @@ export declare const linesSchema: z.ZodArray<z.ZodObject<{
     quays: z.ZodArray<z.ZodObject<{
         id: z.ZodString;
         name: z.ZodString;
+        description: z.ZodNullable<z.ZodString>;
     }, z.core.$strip>>;
 }, z.core.$strip>>;
 export type Line = z.infer<typeof lineSchema>;

package/lib/server/journey-planner/validators.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"validators.d.ts","sourceRoot":"","sources":["../../../src/server/journey-planner/validators.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,eAAO,MAAM,UAAU;;;;;;;;;;iBAYrB,CAAC;AAEH,eAAO,MAAM,WAAW;;;;;;;;;;kBAAsB,CAAC;AAE/C,MAAM,MAAM,IAAI,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,UAAU,CAAC,CAAC"}
+{"version":3,"file":"validators.d.ts","sourceRoot":"","sources":["../../../src/server/journey-planner/validators.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,eAAO,MAAM,UAAU;;;;;;;;;;;iBAarB,CAAC;AAEH,eAAO,MAAM,WAAW;;;;;;;;;;;kBAAsB,CAAC;AAE/C,MAAM,MAAM,IAAI,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,UAAU,CAAC,CAAC"}

package/lib/server/journey-planner/validators.js

@@ -12,6 +12,7 @@ exports.lineSchema = zod_1.z.object({
     quays: zod_1.z.array(zod_1.z.object({
         id: zod_1.z.string(),
         name: zod_1.z.string(),
+        description: zod_1.z.string().nullable(),
     })),
 });
 exports.linesSchema = zod_1.z.array(exports.lineSchema);

package/lib/success-content/success-content.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"success-content.d.ts","sourceRoot":"","sources":["../../src/success-content/success-content.tsx"],"names":[],"mappings":"AAOA,wBAAgB,cAAc,4CAmB7B"}
+{"version":3,"file":"success-content.d.ts","sourceRoot":"","sources":["../../src/success-content/success-content.tsx"],"names":[],"mappings":"AAOA,wBAAgB,cAAc,4CAoB7B"}

package/lib/success-content/success-content.js

@@ -12,8 +12,9 @@ const icon_1 = require("../components/icon");
 const typography_1 = require("../components/typography");
 const config_1 = require("../modules/config");
 function SuccessContent() {
+    const PageText = (0, translations_1.usePageText)();
     const { t } = (0, translations_1.useTranslation)();
     const { layout } = (0, config_1.useContactFormConfig)();
     const backHref = layout?.basePath ?? '/contact';
-    return ((0, jsx_runtime_1.jsxs)("section", { className: success_content_module_css_1.default.container, children: [(0, jsx_runtime_1.jsx)(button_1.ButtonLink, { mode: "transparent", href: backHref, title: t(translations_1.PageText.Contact.error.backButton), icon: { left: (0, jsx_runtime_1.jsx)(icon_1.MonoIcon, { icon: "navigation/ArrowLeft" }) } }), (0, jsx_runtime_1.jsx)(typography_1.Typo.h2, { textType: "heading__xl", children: t(translations_1.PageText.Contact.success.title) }), (0, jsx_runtime_1.jsx)(typography_1.Typo.p, { textType: "body__m", children: t(translations_1.PageText.Contact.success.info) })] }));
+    return ((0, jsx_runtime_1.jsxs)("section", { className: success_content_module_css_1.default.container, children: [(0, jsx_runtime_1.jsx)(button_1.ButtonLink, { mode: "transparent", href: backHref, title: t(PageText.Contact.error.backButton), icon: { left: (0, jsx_runtime_1.jsx)(icon_1.MonoIcon, { icon: "navigation/ArrowLeft" }) } }), (0, jsx_runtime_1.jsx)(typography_1.Typo.h2, { textType: "heading__xl", children: t(PageText.Contact.success.title) }), (0, jsx_runtime_1.jsx)(typography_1.Typo.p, { textType: "body__m", children: t(PageText.Contact.success.info) })] }));
 }

package/lib/test-utils/setup.d.ts

@@ -0,0 +1,2 @@
+import '@testing-library/jest-dom/vitest';
+//# sourceMappingURL=setup.d.ts.map

package/lib/test-utils/setup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"setup.d.ts","sourceRoot":"","sources":["../../src/test-utils/setup.ts"],"names":[],"mappings":"AAAA,OAAO,kCAAkC,CAAC"}

package/lib/test-utils/setup.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+require("@testing-library/jest-dom/vitest");

package/lib/ticket-control/events.d.ts

@@ -3,7 +3,7 @@ import { FormType } from './ticket-control-form-machine';
 type TicketControlSpecificFormEvents = {
     type: 'ON_INPUT_CHANGE';
     inputName: 'formType' | 'feeNumber' | 'invoiceNumber' | 'appPhoneNumber' | 'customerNumber' | 'travelCardNumber' | 'isAppTicketStorageMode' | 'agreesFirstAgreement' | 'agreesSecondAgreement' | 'hasInternationalBankAccount' | 'dateOfTicketControl' | 'timeOfTicketControl';
-    value: string | boolean;
+    value: string | boolean | undefined;
 } | {
     type: 'SELECT_FORM_TYPE';
     formType: FormType;

package/lib/ticket-control/events.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"events.d.ts","sourceRoot":"","sources":["../../src/ticket-control/events.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AAEzD,KAAK,+BAA+B,GAChC;IACE,IAAI,EAAE,iBAAiB,CAAC;IACxB,SAAS,EACL,UAAU,GACV,WAAW,GACX,eAAe,GACf,gBAAgB,GAChB,gBAAgB,GAChB,kBAAkB,GAClB,wBAAwB,GACxB,sBAAsB,GACtB,uBAAuB,GACvB,6BAA6B,GAC7B,qBAAqB,GACrB,qBAAqB,CAAC;IAC1B,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC;CACzB,GACD;IACE,IAAI,EAAE,kBAAkB,CAAC;IACzB,QAAQ,EAAE,QAAQ,CAAC;CACpB,GACD;IACE,IAAI,EAAE,QAAQ,CAAC;IACf,qBAAqB,EAAE,MAAM,EAAE,CAAC;CACjC,CAAC;AACN,eAAO,MAAM,uBAAuB,EAChC,+BAA+B,GAC/B,OAAO,YAAY,CAAC"}
+{"version":3,"file":"events.d.ts","sourceRoot":"","sources":["../../src/ticket-control/events.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AAEzD,KAAK,+BAA+B,GAChC;IACE,IAAI,EAAE,iBAAiB,CAAC;IACxB,SAAS,EACL,UAAU,GACV,WAAW,GACX,eAAe,GACf,gBAAgB,GAChB,gBAAgB,GAChB,kBAAkB,GAClB,wBAAwB,GACxB,sBAAsB,GACtB,uBAAuB,GACvB,6BAA6B,GAC7B,qBAAqB,GACrB,qBAAqB,CAAC;IAC1B,KAAK,EAAE,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;CACrC,GACD;IACE,IAAI,EAAE,kBAAkB,CAAC;IACzB,QAAQ,EAAE,QAAQ,CAAC;CACpB,GACD;IACE,IAAI,EAAE,QAAQ,CAAC;IACf,qBAAqB,EAAE,MAAM,EAAE,CAAC;CACjC,CAAC;AACN,eAAO,MAAM,uBAAuB,EAChC,+BAA+B,GAC/B,OAAO,YAAY,CAAC"}

package/lib/ticket-control/forms/feeComplaintForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"feeComplaintForm.d.ts","sourceRoot":"","sources":["../../../src/ticket-control/forms/feeComplaintForm.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,EAAE,uBAAuB,EAAE,MAAM,WAAW,CAAC;AAMpD,KAAK,qBAAqB,GAAG;IAC3B,KAAK,EAAE;QAAE,OAAO,EAAE,yBAAyB,CAAA;KAAE,CAAC;IAC9C,IAAI,EAAE,CAAC,KAAK,EAAE,OAAO,uBAAuB,KAAK,IAAI,CAAC;CACvD,CAAC;AA6bF,eAAO,MAAM,gBAAgB,GAAI,iBAAiB,qBAAqB,4CAYtE,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"feeComplaintForm.d.ts","sourceRoot":"","sources":["../../../src/ticket-control/forms/feeComplaintForm.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,EAAE,uBAAuB,EAAE,MAAM,WAAW,CAAC;AAUpD,KAAK,qBAAqB,GAAG;IAC3B,KAAK,EAAE;QAAE,OAAO,EAAE,yBAAyB,CAAA;KAAE,CAAC;IAC9C,IAAI,EAAE,CAAC,KAAK,EAAE,OAAO,uBAAuB,KAAK,IAAI,CAAC;CACvD,CAAC;AA0cF,eAAO,MAAM,gBAAgB,GAAI,iBAAiB,qBAAqB,4CAYtE,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/lib/ticket-control/forms/feeComplaintForm.js

@@ -11,56 +11,59 @@ const translations_1 = require("../../translations");
 const typography_1 = require("../../components/typography");
 const checkbox_1 = require("../../components/checkbox");
 const FirstAgreement = ({ state, send }) => {
+    const PageText = (0, translations_1.usePageText)();
     const { t } = (0, translations_1.useTranslation)();
-    return ((0, jsx_runtime_1.jsxs)(components_1.Fieldset, { title: t(translations_1.PageText.Contact.ticketControl.feeComplaint.firstAgreement.title), children: [(0, jsx_runtime_1.jsx)(typography_1.Typo.p, { textType: "body__m", children: t(translations_1.PageText.Contact.ticketControl.feeComplaint.firstAgreement.question) }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(typography_1.Typo.p, { textType: "body__m__strong", children: t(translations_1.PageText.Contact.ticketControl.feeComplaint.firstAgreement
-                            .labelRules) }), (0, jsx_runtime_1.jsx)("ul", { className: contact_module_css_1.default.rules__list, children: translations_1.PageText.Contact.ticketControl.feeComplaint.firstAgreement.rules.map((rule, index) => ((0, jsx_runtime_1.jsx)("li", { children: (0, jsx_runtime_1.jsx)(typography_1.Typo.span, { textType: "body__m", children: t(rule) }) }, index))) })] }), (0, jsx_runtime_1.jsx)(checkbox_1.Checkbox, { label: t(translations_1.PageText.Contact.ticketControl.feeComplaint.firstAgreement.checkbox), checked: state.context.agreesFirstAgreement, onChange: () => send({
+    return ((0, jsx_runtime_1.jsxs)(components_1.Fieldset, { title: t(PageText.Contact.ticketControl.feeComplaint.firstAgreement.title), children: [(0, jsx_runtime_1.jsx)(typography_1.Typo.p, { textType: "body__m", children: t(PageText.Contact.ticketControl.feeComplaint.firstAgreement.question) }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(typography_1.Typo.p, { textType: "body__m__strong", children: t(PageText.Contact.ticketControl.feeComplaint.firstAgreement
+                            .labelRules) }), (0, jsx_runtime_1.jsx)("ul", { className: contact_module_css_1.default.rules__list, children: PageText.Contact.ticketControl.feeComplaint.firstAgreement.rules.map((rule, index) => ((0, jsx_runtime_1.jsx)("li", { children: (0, jsx_runtime_1.jsx)(typography_1.Typo.span, { textType: "body__m", children: t(rule) }) }, index))) })] }), (0, jsx_runtime_1.jsx)(checkbox_1.Checkbox, { label: t(PageText.Contact.ticketControl.feeComplaint.firstAgreement.checkbox), checked: state.context.agreesFirstAgreement, onChange: () => send({
                     type: 'ON_INPUT_CHANGE',
                     inputName: 'agreesFirstAgreement',
                     value: !state.context.agreesFirstAgreement,
                 }) })] }));
 };
 const SecondAgreement = ({ state, send }) => {
+    const PageText = (0, translations_1.usePageText)();
     const { t } = (0, translations_1.useTranslation)();
-    return ((0, jsx_runtime_1.jsxs)(components_1.Fieldset, { title: t(translations_1.PageText.Contact.ticketControl.feeComplaint.secondAgreement.title), children: [(0, jsx_runtime_1.jsx)("ul", { className: contact_module_css_1.default.rules__list, children: translations_1.PageText.Contact.ticketControl.feeComplaint.secondAgreement.rules.map((rule, index) => ((0, jsx_runtime_1.jsx)("li", { children: (0, jsx_runtime_1.jsx)(typography_1.Typo.span, { textType: "body__m", children: t(rule) }) }, index))) }), (0, jsx_runtime_1.jsx)(typography_1.Typo.p, { textType: "body__m", children: t(translations_1.PageText.Contact.ticketControl.feeComplaint.secondAgreement.info) }), (0, jsx_runtime_1.jsx)(checkbox_1.Checkbox, { label: t(translations_1.PageText.Contact.ticketControl.feeComplaint.secondAgreement.checkbox), checked: state.context.agreesSecondAgreement, onChange: () => send({
+    return ((0, jsx_runtime_1.jsxs)(components_1.Fieldset, { title: t(PageText.Contact.ticketControl.feeComplaint.secondAgreement.title), children: [(0, jsx_runtime_1.jsx)("ul", { className: contact_module_css_1.default.rules__list, children: PageText.Contact.ticketControl.feeComplaint.secondAgreement.rules.map((rule, index) => ((0, jsx_runtime_1.jsx)("li", { children: (0, jsx_runtime_1.jsx)(typography_1.Typo.span, { textType: "body__m", children: t(rule) }) }, index))) }), (0, jsx_runtime_1.jsx)(typography_1.Typo.p, { textType: "body__m", children: t(PageText.Contact.ticketControl.feeComplaint.secondAgreement.info) }), (0, jsx_runtime_1.jsx)(checkbox_1.Checkbox, { label: t(PageText.Contact.ticketControl.feeComplaint.secondAgreement.checkbox), checked: state.context.agreesSecondAgreement, onChange: () => send({
                     type: 'ON_INPUT_CHANGE',
                     inputName: 'agreesSecondAgreement',
                     value: !state.context.agreesSecondAgreement,
                 }) })] }));
 };
 const FormContent = ({ state, send }) => {
+    const PageText = (0, translations_1.usePageText)();
     const { t } = (0, translations_1.useTranslation)();
-    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.ticketControl.feeComplaint.title), children: [(0, jsx_runtime_1.jsx)(components_1.Input, { id: "feeNumber", label: t(translations_1.PageText.Contact.input.feeNumber.label), type: "number", name: "feeNumber", value: state.context.feeNumber || '', isRequired: true, errorMessage: state.context?.errorMessages['feeNumber']?.[0], onChange: (e) => send({
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(components_1.Fieldset, { title: t(PageText.Contact.ticketControl.feeComplaint.title), children: [(0, jsx_runtime_1.jsx)(components_1.Input, { id: "feeNumber", label: t(PageText.Contact.input.feeNumber.label), type: "number", name: "feeNumber", value: state.context.feeNumber || '', isRequired: true, errorMessage: state.context?.errorMessages['feeNumber']?.[0], onChange: (e) => send({
                             type: 'ON_INPUT_CHANGE',
                             inputName: 'feeNumber',
                             value: e.target.value,
                         }), modalContent: {
-                            description: t(translations_1.PageText.Contact.input.feeNumber.description),
-                        } }), (0, jsx_runtime_1.jsx)(typography_1.Typo.h3, { textType: "heading__m", children: t(translations_1.PageText.Contact.ticketControl.feeComplaint.ticketStorage.question) }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(components_1.Radio, { label: t(translations_1.PageText.Contact.ticketControl.feeComplaint.ticketStorage.app
+                            description: t(PageText.Contact.input.feeNumber.description),
+                        } }), (0, jsx_runtime_1.jsx)(typography_1.Typo.h3, { textType: "heading__m", children: t(PageText.Contact.ticketControl.feeComplaint.ticketStorage.question) }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(components_1.Radio, { label: t(PageText.Contact.ticketControl.feeComplaint.ticketStorage.app
                                     .title), name: "isAppTicketStorageMode", checked: state.context.isAppTicketStorageMode, onChange: () => send({
                                     type: 'ON_INPUT_CHANGE',
                                     inputName: 'isAppTicketStorageMode',
                                     value: !state.context.isAppTicketStorageMode,
-                                }) }), (0, jsx_runtime_1.jsx)(components_1.Radio, { label: t(translations_1.PageText.Contact.input.travelCardNumber.labelRadioButton), name: "isAppTicketStorageMode", checked: !state.context.isAppTicketStorageMode, onChange: () => send({
+                                }) }), (0, jsx_runtime_1.jsx)(components_1.Radio, { label: t(PageText.Contact.input.travelCardNumber.labelRadioButton), name: "isAppTicketStorageMode", checked: !state.context.isAppTicketStorageMode, onChange: () => send({
                                     type: 'ON_INPUT_CHANGE',
                                     inputName: 'isAppTicketStorageMode',
                                     value: !state.context.isAppTicketStorageMode,
-                                }) })] }), state.context.isAppTicketStorageMode && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.Input, { id: "appPhoneNumber", label: t(translations_1.PageText.Contact.input.appPhoneNumber.label), type: "tel", name: "appPhoneNumber", value: state.context.appPhoneNumber || '', isRequired: true, errorMessage: state.context?.errorMessages['appPhoneNumber']?.[0], onChange: (e) => send({
+                                }) })] }), state.context.isAppTicketStorageMode && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.Input, { id: "appPhoneNumber", label: t(PageText.Contact.input.appPhoneNumber.label), type: "tel", name: "appPhoneNumber", value: state.context.appPhoneNumber || '', isRequired: true, errorMessage: state.context?.errorMessages['appPhoneNumber']?.[0], onChange: (e) => send({
                                     type: 'ON_INPUT_CHANGE',
                                     inputName: 'appPhoneNumber',
                                     value: e.target.value,
-                                }) }), (0, jsx_runtime_1.jsx)(components_1.Input, { id: "customerNumber", label: t(translations_1.PageText.Contact.input.customerNumber.label), type: "number", name: "customerNumber", value: state.context.customerNumber || '', isRequired: true, errorMessage: state.context?.errorMessages['customerNumber']?.[0], onChange: (e) => send({
+                                }) }), state.context.includeCustomerNumber && ((0, jsx_runtime_1.jsx)(components_1.Input, { id: "customerNumber", label: t(PageText.Contact.input.customerNumber.label), type: "number", 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),
-                                } })] })), !state.context.isAppTicketStorageMode && ((0, jsx_runtime_1.jsx)(components_1.Input, { id: "travelCardNumber", label: t(translations_1.PageText.Contact.input.travelCardNumber.label), type: "text", name: "travelCardNumber", value: state.context.travelCardNumber || '', modalContent: {
-                            description: t(translations_1.PageText.Contact.input.travelCardNumber.info),
+                                    description: t(PageText.Contact.input.customerNumber.description),
+                                } }))] })), !state.context.isAppTicketStorageMode && ((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 || '', modalContent: {
+                            description: t(PageText.Contact.input.travelCardNumber.info),
                         }, isRequired: true, errorMessage: state.context.errorMessages['travelCardNumber']?.[0], onChange: (e) => send({
                             type: 'ON_INPUT_CHANGE',
                             inputName: 'travelCardNumber',
                             value: e.target.value,
-                        }) }))] }), (0, jsx_runtime_1.jsx)(components_1.Fieldset, { title: t(translations_1.PageText.Contact.input.feedback.title), isRequired: true, children: (0, jsx_runtime_1.jsx)(components_1.Textarea, { id: "feedback", value: state.context.feedback || '', onChange: (e) => send({
+                        }) }))] }), (0, jsx_runtime_1.jsx)(components_1.Fieldset, { title: t(PageText.Contact.input.feedback.title), isRequired: true, children: (0, jsx_runtime_1.jsx)(components_1.Textarea, { id: "feedback", value: state.context.feedback || '', onChange: (e) => send({
                         type: 'ON_INPUT_CHANGE',
                         inputName: 'feedback',
                         value: e.target.value,
@@ -68,7 +71,7 @@ const FormContent = ({ state, send }) => {
                         t(state.context.errorMessages['feedback']?.[0]), fileInputProps: {
                         id: 'attachments',
                         name: 'attachments',
-                        iconLabel: t(translations_1.PageText.Contact.input.feedback.attachment.generic),
+                        iconLabel: t(PageText.Contact.input.feedback.attachment.generic),
                         onChange: (files) => {
                             send({
                                 type: 'ON_INPUT_CHANGE',
@@ -76,52 +79,52 @@ const FormContent = ({ state, send }) => {
                                 value: files,
                             });
                         },
-                    } }) }), (0, jsx_runtime_1.jsxs)(components_1.Fieldset, { title: t(translations_1.PageText.Contact.aboutYouInfo.title), children: [(0, jsx_runtime_1.jsx)(components_1.Input, { id: "firstName", label: t(translations_1.PageText.Contact.input.firstName.label), type: "text", autoComplete: "given-name additional-name", name: "firstName", value: state.context.firstName || '', isRequired: true, errorMessage: state.context?.errorMessages['firstName']?.[0], onChange: (e) => send({
+                    } }) }), (0, jsx_runtime_1.jsxs)(components_1.Fieldset, { title: t(PageText.Contact.aboutYouInfo.title), children: [(0, jsx_runtime_1.jsx)(components_1.Input, { id: "firstName", label: t(PageText.Contact.input.firstName.label), type: "text", autoComplete: "given-name additional-name", name: "firstName", value: state.context.firstName || '', isRequired: true, errorMessage: state.context?.errorMessages['firstName']?.[0], onChange: (e) => send({
                             type: 'ON_INPUT_CHANGE',
                             inputName: 'firstName',
                             value: e.target.value,
-                        }) }), (0, jsx_runtime_1.jsx)(components_1.Input, { id: "lastName", label: t(translations_1.PageText.Contact.input.lastName.label), type: "text", autoComplete: "family-name", name: "lastName", value: state.context.lastName || '', isRequired: true, errorMessage: state.context?.errorMessages['lastName']?.[0], onChange: (e) => send({
+                        }) }), (0, jsx_runtime_1.jsx)(components_1.Input, { id: "lastName", label: t(PageText.Contact.input.lastName.label), type: "text", autoComplete: "family-name", name: "lastName", value: state.context.lastName || '', isRequired: true, errorMessage: state.context?.errorMessages['lastName']?.[0], onChange: (e) => send({
                             type: 'ON_INPUT_CHANGE',
                             inputName: 'lastName',
                             value: e.target.value,
-                        }) }), (0, jsx_runtime_1.jsx)(components_1.Input, { id: "address", label: t(translations_1.PageText.Contact.input.address.label), type: "text", autoComplete: "street-address", name: "address", value: state.context.address || '', isRequired: true, errorMessage: state.context?.errorMessages['address']?.[0], onChange: (e) => send({
+                        }) }), (0, jsx_runtime_1.jsx)(components_1.Input, { id: "address", label: t(PageText.Contact.input.address.label), type: "text", autoComplete: "street-address", name: "address", value: state.context.address || '', isRequired: true, errorMessage: state.context?.errorMessages['address']?.[0], onChange: (e) => send({
                             type: 'ON_INPUT_CHANGE',
                             inputName: 'address',
                             value: e.target.value,
-                        }) }), (0, jsx_runtime_1.jsx)(components_1.Input, { id: "postalCode", label: t(translations_1.PageText.Contact.input.postalCode.label), type: "text", autoComplete: "postal-code", name: "postalCode", value: state.context.postalCode || '', isRequired: true, errorMessage: state.context?.errorMessages['postalCode']?.[0], onChange: (e) => send({
+                        }) }), (0, jsx_runtime_1.jsx)(components_1.Input, { id: "postalCode", label: t(PageText.Contact.input.postalCode.label), type: "text", autoComplete: "postal-code", name: "postalCode", value: state.context.postalCode || '', isRequired: true, errorMessage: state.context?.errorMessages['postalCode']?.[0], onChange: (e) => send({
                             type: 'ON_INPUT_CHANGE',
                             inputName: 'postalCode',
                             value: e.target.value,
-                        }) }), (0, jsx_runtime_1.jsx)(components_1.Input, { id: "city", label: t(translations_1.PageText.Contact.input.city.label), type: "text", name: "city", value: state.context.city || '', isRequired: true, errorMessage: state.context?.errorMessages['city']?.[0], onChange: (e) => send({
+                        }) }), (0, jsx_runtime_1.jsx)(components_1.Input, { id: "city", label: t(PageText.Contact.input.city.label), type: "text", name: "city", value: state.context.city || '', isRequired: true, errorMessage: state.context?.errorMessages['city']?.[0], onChange: (e) => send({
                             type: 'ON_INPUT_CHANGE',
                             inputName: 'city',
                             value: e.target.value,
-                        }) }), (0, jsx_runtime_1.jsx)(components_1.Input, { id: "email", label: t(translations_1.PageText.Contact.input.email.label), type: "email", autoComplete: "email", name: "email", value: state.context.email || '', isRequired: true, errorMessage: state.context?.errorMessages['email']?.[0], onChange: (e) => send({
+                        }) }), (0, jsx_runtime_1.jsx)(components_1.Input, { id: "email", label: t(PageText.Contact.input.email.label), type: "email", autoComplete: "email", name: "email", value: state.context.email || '', isRequired: true, errorMessage: state.context?.errorMessages['email']?.[0], onChange: (e) => send({
                             type: 'ON_INPUT_CHANGE',
                             inputName: 'email',
                             value: e.target.value,
-                        }) }), (0, jsx_runtime_1.jsx)(components_1.Input, { id: "phoneNumber", label: t(translations_1.PageText.Contact.input.phoneNumber.label), type: "tel", name: "phoneNumber", value: state.context.phoneNumber || '', isRequired: true, errorMessage: state.context?.errorMessages['phoneNumber']?.[0], onChange: (e) => send({
+                        }) }), (0, jsx_runtime_1.jsx)(components_1.Input, { id: "phoneNumber", label: t(PageText.Contact.input.phoneNumber.label), type: "tel", name: "phoneNumber", value: state.context.phoneNumber || '', isRequired: true, errorMessage: state.context?.errorMessages['phoneNumber']?.[0], onChange: (e) => send({
                             type: 'ON_INPUT_CHANGE',
                             inputName: 'phoneNumber',
                             value: e.target.value,
-                        }) }), (0, jsx_runtime_1.jsx)(components_1.Input, { id: "bankAccountNumber", label: t(translations_1.PageText.Contact.input.bankInformation.bankAccountNumber.label), placeholder: t(translations_1.PageText.Contact.input.bankInformation.bankAccountNumber
-                            .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({
+                        }) }), state.context.includeBankAccountFields && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(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: 'IBAN',
+                                    inputName: 'bankAccountNumber',
                                     value: e.target.value,
-                                }) }), (0, jsx_runtime_1.jsx)(components_1.Input, { id: "SWIFT", label: t(translations_1.PageText.Contact.input.bankInformation.SWIFT.label), type: "string", name: "SWIFT", value: state.context.SWIFT || '', isRequired: true, errorMessage: state.context?.errorMessages['SWIFT']?.[0], onChange: (e) => send({
+                                }) }), (0, jsx_runtime_1.jsx)(checkbox_1.Checkbox, { label: t(PageText.Contact.input.bankInformation.checkbox), checked: state.context.hasInternationalBankAccount, onChange: () => send({
                                     type: 'ON_INPUT_CHANGE',
-                                    inputName: 'SWIFT',
-                                    value: e.target.value,
-                                }) })] }))] })] }));
+                                    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({
+                                            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({
+                                            type: 'ON_INPUT_CHANGE',
+                                            inputName: 'SWIFT',
+                                            value: e.target.value,
+                                        }) })] }))] }))] })] }));
 };
 const FeeComplaintForm = ({ state, send }) => {
     return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(FirstAgreement, { state: state, send: send }), state.context.agreesFirstAgreement && ((0, jsx_runtime_1.jsx)(SecondAgreement, { state: state, send: send })), state.context.agreesSecondAgreement && ((0, jsx_runtime_1.jsx)(FormContent, { state: state, send: send }))] }));

package/lib/ticket-control/forms/feedbackForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"feedbackForm.d.ts","sourceRoot":"","sources":["../../../src/ticket-control/forms/feedbackForm.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,uBAAuB,EAAE,MAAM,WAAW,CAAC;AACpD,OAAO,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAC;AAe3E,KAAK,iBAAiB,GAAG;IACvB,KAAK,EAAE;QAAE,OAAO,EAAE,yBAAyB,CAAA;KAAE,CAAC;IAC9C,IAAI,EAAE,CAAC,KAAK,EAAE,OAAO,uBAAuB,KAAK,IAAI,CAAC;CACvD,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,iBAAiB,iBAAiB,4CAwN9D,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"feedbackForm.d.ts","sourceRoot":"","sources":["../../../src/ticket-control/forms/feedbackForm.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,uBAAuB,EAAE,MAAM,WAAW,CAAC;AACpD,OAAO,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAC;AAe3E,KAAK,iBAAiB,GAAG;IACvB,KAAK,EAAE;QAAE,OAAO,EAAE,yBAAyB,CAAA;KAAE,CAAC;IAC9C,IAAI,EAAE,CAAC,KAAK,EAAE,OAAO,uBAAuB,KAAK,IAAI,CAAC;CACvD,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,iBAAiB,iBAAiB,4CA8O9D,CAAC;AAEF,eAAe,YAAY,CAAC"}