@mrfylke/contact-form 0.1.33 → 0.1.35

package/lib/utils.d.ts

@@ -8,13 +8,66 @@ export declare const convertFilesToBase64: (attachments: File[]) => Promise<{
     filename: string;
     body: string;
 }[]>;
-export declare const setTransportModeAndResetLineAndStops: (context: any, transporMode: TransportModeType) => any;
-export declare const setLineAndResetStops: (context: any, line: Line | undefined) => any;
-export declare const setBankAccountStatusAndResetBankInformation: (context: any, hasInternationalBankAccount: boolean) => any;
+type ContextWithErrors = {
+    errorMessages: InputErrorMessages;
+};
+export declare const setTransportModeAndResetLineAndStops: <C extends ContextWithErrors>(context: C, transporMode: TransportModeType) => C & {
+    transportMode: TransportModeType;
+    line: undefined;
+    fromStop: undefined;
+    toStop: undefined;
+    plannedDepartureTime: undefined;
+    timeOfTicketControl: undefined;
+    tripId: undefined;
+    errorMessages: {
+        transportMode: never[];
+        line: never[];
+        fromStop: never[];
+        toStop: never[];
+        plannedDepartureTime: never[];
+        timeOfTicketControl: never[];
+    };
+};
+export declare const setLineAndResetStops: <C extends ContextWithErrors>(context: C, line: Line | undefined) => C & {
+    line: {
+        id: string;
+        name: string;
+        publicCode: string | null;
+        transportMode: "bicycle" | "foot" | "scooter" | "air" | "bus" | "cableway" | "car" | "carpool" | "coach" | "funicular" | "lift" | "metro" | "monorail" | "rail" | "taxi" | "tram" | "trolleybus" | "snowAndIce" | "unknown" | "water" | null;
+        transportSubmode: "undefined" | "funicular" | "lift" | "metro" | "unknown" | "escooter" | "ebicycle" | "SchengenAreaFlight" | "airportBoatLink" | "airportLinkBus" | "airportLinkRail" | "airshipService" | "allFunicularServices" | "allHireVehicles" | "allTaxiServices" | "bikeTaxi" | "blackCab" | "cableCar" | "cableFerry" | "canalBarge" | "carTransportRailService" | "chairLift" | "charterTaxi" | "cityTram" | "communalTaxi" | "commuterCoach" | "crossCountryRail" | "dedicatedLaneBus" | "demandAndResponseBus" | "domesticCharterFlight" | "domesticFlight" | "domesticScheduledFlight" | "dragLift" | "expressBus" | "helicopterService" | "highFrequencyBus" | "highSpeedPassengerService" | "highSpeedRail" | "highSpeedVehicleService" | "hireCar" | "hireCycle" | "hireMotorbike" | "hireVan" | "intercontinentalCharterFlight" | "intercontinentalFlight" | "international" | "internationalCarFerry" | "internationalCharterFlight" | "internationalCoach" | "internationalFlight" | "internationalPassengerFerry" | "interregionalRail" | "local" | "localBus" | "localCarFerry" | "localPassengerFerry" | "localTram" | "longDistance" | "miniCab" | "mobilityBus" | "mobilityBusForRegisteredDisabled" | "nationalCarFerry" | "nationalCoach" | "nationalPassengerFerry" | "nightBus" | "nightRail" | "postBoat" | "postBus" | "rackAndPinionRailway" | "railReplacementBus" | "railShuttle" | "railTaxi" | "regionalBus" | "regionalCarFerry" | "regionalCoach" | "regionalPassengerFerry" | "regionalRail" | "regionalTram" | "replacementRailService" | "riverBus" | "roadFerryLink" | "roundTripCharterFlight" | "scheduledFerry" | "schoolAndPublicServiceBus" | "schoolBoat" | "schoolBus" | "schoolCoach" | "shortHaulInternationalFlight" | "shuttleBus" | "shuttleCoach" | "shuttleFerryService" | "shuttleFlight" | "shuttleTram" | "sightseeingBus" | "sightseeingCoach" | "sightseeingFlight" | "sightseeingService" | "sightseeingTram" | "sleeperRailService" | "specialCoach" | "specialNeedsBus" | "specialTrain" | "streetCableCar" | "suburbanRailway" | "telecabin" | "telecabinLink" | "touristCoach" | "touristRailway" | "trainFerry" | "trainTram" | "tube" | "undefinedFunicular" | "urbanRailway" | "waterTaxi" | null;
+        quays: {
+            id: string;
+            name: string;
+            description: string | null;
+        }[];
+    } | undefined;
+    fromStop: undefined;
+    toStop: undefined;
+    plannedDepartureTime: undefined;
+    timeOfTicketControl: undefined;
+    tripId: undefined;
+    errorMessages: {
+        line: never[];
+        fromStop: never[];
+        toStop: never[];
+        plannedDepartureTime: never[];
+        timeOfTicketControl: never[];
+    };
+};
+export declare const setBankAccountStatusAndResetBankInformation: <C extends ContextWithErrors>(context: C, hasInternationalBankAccount: boolean) => C & {
+    hasInternationalBankAccount: boolean;
+    bankAccountNumber: undefined;
+    IBAN: undefined;
+    SWIFT: undefined;
+    errorMessages: {
+        bankAccountNumber: never[];
+    };
+};
 export declare const findOrderFormFields: (e: FormEvent<HTMLFormElement>) => string[];
 export declare const scrollToFirstErrorMessage: (id: string | undefined) => void;
 export declare const findFirstErrorMessage: (formFields: string[] | undefined, errors: InputErrorMessages) => string | undefined;
 export declare function getLineName(line: Line | undefined): string | undefined;
 export declare function warnDev(message: string): void;
 export declare function warnDevMissingTranslation(key: string): void;
+export {};
 //# sourceMappingURL=utils.d.ts.map

package/lib/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,EAAY,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAE5D,eAAO,MAAM,mBAAmB,GAC9B,WAAW,gBAAgB,KAC1B,gBAAgB,EAIlB,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAC/B,aAAa,IAAI,EAAE,KAClB,OAAO,CAAC;IAAE,QAAQ,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,EAAE,CAsB9C,CAAC;AAEF,eAAO,MAAM,oCAAoC,GAC/C,SAAS,GAAG,EACZ,cAAc,iBAAiB,QAqBhC,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,SAAS,GAAG,EAAE,MAAM,IAAI,GAAG,SAAS,QAkBxE,CAAC;AAEF,eAAO,MAAM,2CAA2C,GACtD,SAAS,GAAG,EACZ,6BAA6B,OAAO,QAUrC,CAAC;AAYF,eAAO,MAAM,mBAAmB,GAAI,GAAG,SAAS,CAAC,eAAe,CAAC,KAAG,MAAM,EAOpC,CAAC;AAEvC,eAAO,MAAM,yBAAyB,GAAI,IAAI,MAAM,GAAG,SAAS,KAAG,IA4BlE,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAChC,YAAY,MAAM,EAAE,GAAG,SAAS,EAChC,QAAQ,kBAAkB,KACzB,MAAM,GAAG,SAQX,CAAC;AAEF,wBAAgB,WAAW,CAAC,IAAI,EAAE,IAAI,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAEtE;AAED,wBAAgB,OAAO,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,CAI7C;AAED,wBAAgB,yBAAyB,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,CAI3D"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,EAAY,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAE5D,eAAO,MAAM,mBAAmB,GAC9B,WAAW,gBAAgB,KAC1B,gBAAgB,EAIlB,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAC/B,aAAa,IAAI,EAAE,KAClB,OAAO,CAAC;IAAE,QAAQ,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,EAAE,CAsB9C,CAAC;AAEF,KAAK,iBAAiB,GAAG;IAAE,aAAa,EAAE,kBAAkB,CAAA;CAAE,CAAC;AAE/D,eAAO,MAAM,oCAAoC,GAC/C,CAAC,SAAS,iBAAiB,EAE3B,SAAS,CAAC,EACV,cAAc,iBAAiB;;;;;;;;;;;;;;;;CAqBhC,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,CAAC,SAAS,iBAAiB,EAC9D,SAAS,CAAC,EACV,MAAM,IAAI,GAAG,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;CAmBvB,CAAC;AAEF,eAAO,MAAM,2CAA2C,GACtD,CAAC,SAAS,iBAAiB,EAE3B,SAAS,CAAC,EACV,6BAA6B,OAAO;;;;;;;;CAUrC,CAAC;AAYF,eAAO,MAAM,mBAAmB,GAAI,GAAG,SAAS,CAAC,eAAe,CAAC,KAAG,MAAM,EAOpC,CAAC;AAEvC,eAAO,MAAM,yBAAyB,GAAI,IAAI,MAAM,GAAG,SAAS,KAAG,IA4BlE,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAChC,YAAY,MAAM,EAAE,GAAG,SAAS,EAChC,QAAQ,kBAAkB,KACzB,MAAM,GAAG,SAQX,CAAC;AAEF,wBAAgB,WAAW,CAAC,IAAI,EAAE,IAAI,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAEtE;AAED,wBAAgB,OAAO,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,CAI7C;AAED,wBAAgB,yBAAyB,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,CAI3D"}

package/lib/validation/commonInputValidator.d.ts

@@ -2,6 +2,6 @@ import { TranslatedString } from '../translations';
 export type InputErrorMessages = {
     [key: string]: TranslatedString[];
 };
-export declare const commonInputValidator: (context: any) => InputErrorMessages;
+export declare const commonInputValidator: (context?: object) => InputErrorMessages;
 export default commonInputValidator;
 //# sourceMappingURL=commonInputValidator.d.ts.map

package/lib/validation/commonInputValidator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"commonInputValidator.d.ts","sourceRoot":"","sources":["../../src/validation/commonInputValidator.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAGnD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,CAAC,GAAG,EAAE,MAAM,GAAG,gBAAgB,EAAE,CAAC;CACnC,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,SAAS,GAAG,KAAG,kBAiBnD,CAAC;AAaF,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"commonInputValidator.d.ts","sourceRoot":"","sources":["../../src/validation/commonInputValidator.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAGnD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,CAAC,GAAG,EAAE,MAAM,GAAG,gBAAgB,EAAE,CAAC;CACnC,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAC/B,UAAS,MAAW,KACnB,kBAiBF,CAAC;AAaF,eAAe,oBAAoB,CAAC"}

package/lib/validation/commonInputValidator.js

@@ -2,14 +2,14 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.commonInputValidator = void 0;
 const validationRules_1 = require("./validationRules");
-const commonInputValidator = (context) => {
+const commonInputValidator = (context = {}) => {
     const inputErrorMessages = {};
-    Object.keys(context).forEach((inputName) => {
+    Object.entries(context).forEach(([inputName, value]) => {
         const rules = validationRules_1.validationRules[inputName];
         if (!rules)
             return;
         for (const { validate, errorMessage } of rules) {
-            const isValid = validate(context[inputName]);
+            const isValid = validate(value);
             if (!isValid) {
                 addErrorMessage(inputName, errorMessage, inputErrorMessages);
                 return; // Stop the loop after the first error is found

package/lib/validation/validationRules.d.ts

@@ -3,6 +3,8 @@ type ValidationRule = {
     validate: (value: any) => boolean;
     errorMessage: TranslatedString;
 };
+export declare const PRE_PURCHASED_TICKET_MIN_DELAYED_DEPARTURES = 4;
+export declare const isWithinOneMonth: (dates: string[]) => boolean;
 type ValidationRulesMap = {
     [inputName: string]: ValidationRule[];
 };

package/lib/validation/validationRules.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"validationRules.d.ts","sourceRoot":"","sources":["../../src/validation/validationRules.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAyD7D,KAAK,cAAc,GAAG;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,OAAO,CAAC;IAClC,YAAY,EAAE,gBAAgB,CAAC;CAChC,CAAC;AAgYF,KAAK,kBAAkB,GAAG;IAAE,CAAC,SAAS,EAAE,MAAM,GAAG,cAAc,EAAE,CAAA;CAAE,CAAC;AAEpE,eAAO,MAAM,eAAe,EAAE,kBA2C7B,CAAC"}
+{"version":3,"file":"validationRules.d.ts","sourceRoot":"","sources":["../../src/validation/validationRules.ts"],"names":[],"mappings":"AACA,OAAO,EAAY,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAyD7D,KAAK,cAAc,GAAG;IAEpB,QAAQ,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,OAAO,CAAC;IAClC,YAAY,EAAE,gBAAgB,CAAC;CAChC,CAAC;AAyXF,eAAO,MAAM,2CAA2C,IAAI,CAAC;AAG7D,eAAO,MAAM,gBAAgB,GAAI,OAAO,MAAM,EAAE,KAAG,OAMlD,CAAC;AA0BF,KAAK,kBAAkB,GAAG;IAAE,CAAC,SAAS,EAAE,MAAM,GAAG,cAAc,EAAE,CAAA;CAAE,CAAC;AAEpE,eAAO,MAAM,eAAe,EAAE,kBA4C7B,CAAC"}

package/lib/validation/validationRules.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.validationRules = void 0;
+exports.validationRules = exports.isWithinOneMonth = exports.PRE_PURCHASED_TICKET_MIN_DELAYED_DEPARTURES = void 0;
+const date_1 = require("@internationalized/date");
 const translations_1 = require("../translations");
 const isDefined = (value) => value !== undefined;
 const removeWhitespace = (value) => {
@@ -360,6 +361,29 @@ const rulesIsResponseWanted = [
         errorMessage: translations_1.PageText.Contact.input.wantedResponse.errorMessages.undefined,
     },
 ];
+exports.PRE_PURCHASED_TICKET_MIN_DELAYED_DEPARTURES = 4;
+// Latest departure must be less than one month after the earliest.
+const isWithinOneMonth = (dates) => {
+    if (dates.length === 0)
+        return true;
+    const sorted = [...dates].sort();
+    const earliest = (0, date_1.parseDate)(sorted[0]);
+    const latest = (0, date_1.parseDate)(sorted[sorted.length - 1]);
+    return latest.compare(earliest.add({ months: 1 })) < 0;
+};
+exports.isWithinOneMonth = isWithinOneMonth;
+const rulesPrePurchasedTicketDelayedDepartures = [
+    {
+        validate: (departures) => (departures?.length ?? 0) >= exports.PRE_PURCHASED_TICKET_MIN_DELAYED_DEPARTURES,
+        errorMessage: translations_1.PageText.Contact.refund.prePurchasedTicketRefund.delayedDepartures
+            .errorMessages.tooFew,
+    },
+    {
+        validate: (departures) => (0, exports.isWithinOneMonth)((departures ?? []).map((d) => d.date)),
+        errorMessage: translations_1.PageText.Contact.refund.prePurchasedTicketRefund.delayedDepartures
+            .errorMessages.notWithinOneMonth,
+    },
+];
 const rulesBankCardDetails = [
     {
         validate: isNonEmptyString,
@@ -409,4 +433,5 @@ exports.validationRules = {
     travelCardNumber: rulesTravelCardNumber,
     isResponseWanted: rulesIsResponseWanted,
     bankCardDetails: rulesBankCardDetails,
+    prePurchasedTicketDelayedDepartures: rulesPrePurchasedTicketDelayedDepartures,
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mrfylke/contact-form",
-  "version": "0.1.33",
+  "version": "0.1.35",
   "license": "EUPL-1.2",
   "private": false,
   "main": "./lib/index.js",
@@ -52,13 +52,13 @@
   },
   "scripts": {
     "generate-icons-manifest": "generate-assets all atb -o ./.tmp-icon-assets/ -ts -ts-o ./src/components/icon && rm -rf ./.tmp-icon-assets",
-    "prebuild": "yarn run generate-icons-manifest",
+    "prebuild": "pnpm run generate-icons-manifest",
     "build": "tsc -p tsconfig.build.json && node scripts/copy-css.cjs",
     "clean": "rm -rf lib",
     "lint": "eslint \"src/**/*.{ts,tsx}\"",
     "format": "prettier --write \"src/**/*.{ts,tsx,json,md}\"",
     "format:check": "prettier --check \"src/**/*.{ts,tsx,json,md}\"",
-    "pretest": "yarn run generate-icons-manifest",
+    "pretest": "pnpm run generate-icons-manifest",
     "test": "vitest run",
     "test:watch": "vitest"
   },
@@ -74,6 +74,7 @@
     "@testing-library/react": "^16.3.3",
     "@testing-library/user-event": "^14.6.6",
     "@types/jsdom": "^28.0.3",
+    "@types/node": "^26",
     "@types/react": "19.2.18",
     "@types/react-dom": "19.2.5",
     "eslint": "^9",
@@ -81,7 +82,12 @@
     "eslint-plugin-react-hooks": "^7.1.1",
     "jiti": "^2",
     "jsdom": "^28.1.0",
+    "next": "16.3.4",
     "prettier": "^3.9.6",
+    "react": "19.2.8",
+    "react-dom": "19.2.8",
+    "swr": "^2.5.1",
+    "typescript": "^5",
     "typescript-eslint": "^8.69.0",
     "vitest": "^4.1.11"
   },
@@ -93,14 +99,14 @@
     "@atb-as/token": "^0.0.4",
     "@internationalized/date": "^3.12.3",
     "@leile/lobo-t": "^1.0.5",
-    "@react-aria/focus": "^3.22.1",
     "@xstate/react": "^6.1.0",
     "detect-nearest-browser-locale": "^19.0.0",
     "detect-nearest-locale": "^1.0.1",
-    "framer-motion": "^12.43.0",
     "graphql": "^16.14.2",
-    "react-aria-components": "^1.20.0",
-    "xstate": "^5.32.6"
+    "graphql-tag": "^2.12.6",
+    "react-aria-components": "^1.21.0",
+    "xstate": "^5.32.6",
+    "zod": "^4.3.6"
   },
   "peerDependencies": {
     "@atb-as/theme": "^15.3.0",
@@ -109,7 +115,7 @@
     "lodash": "^4.18.1",
     "next": ">=15.0.0",
     "react": "^18.3.1",
-    "react-aria-components": "^1.20.0",
+    "react-aria-components": "^1.21.0",
     "react-dom": "^18.3.1",
     "swr": "^2.5.1",
     "uuid": "^13.0.2"

package/lib/components/form/description-modal.d.ts

@@ -1,13 +0,0 @@
-type DescriptionModalProps = {
-    title: string;
-    modalContent: {
-        description?: string;
-        instruction?: string;
-        bulletPoints?: string[];
-    };
-    isModalOpen: boolean;
-    closeModal: () => void;
-};
-declare const DescriptionModal: ({ title, modalContent, isModalOpen, closeModal, }: DescriptionModalProps) => import("react").JSX.Element | null;
-export default DescriptionModal;
-//# sourceMappingURL=description-modal.d.ts.map

package/lib/components/form/description-modal.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"description-modal.d.ts","sourceRoot":"","sources":["../../../src/components/form/description-modal.tsx"],"names":[],"mappings":"AASA,KAAK,qBAAqB,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE;QACZ,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;KACzB,CAAC;IACF,WAAW,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC;AAEF,QAAA,MAAM,gBAAgB,GAAI,mDAKvB,qBAAqB,uCA2FvB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/lib/components/form/description-modal.js

@@ -1,44 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const form_module_css_1 = __importDefault(require("./form.module.css"));
-const framer_motion_1 = require("framer-motion");
-const focus_1 = require("@react-aria/focus");
-const react_1 = require("react");
-const translations_1 = require("../../translations");
-const typography_1 = require("../typography");
-const button_1 = require("../button");
-const icon_1 = require("../icon");
-const DescriptionModal = ({ title, modalContent, isModalOpen, closeModal, }) => {
-    const PageText = (0, translations_1.usePageText)();
-    const { t } = (0, translations_1.useTranslation)();
-    const modalRef = (0, react_1.useRef)(null);
-    const { description, instruction, bulletPoints } = modalContent;
-    const handleEscapeOrClickOutside = (0, react_1.useCallback)((event) => {
-        if (event instanceof KeyboardEvent && event.key === 'Escape') {
-            closeModal();
-        }
-        else if (event instanceof MouseEvent &&
-            modalRef.current &&
-            !modalRef.current.contains(event.target)) {
-            closeModal();
-        }
-    }, [closeModal]);
-    (0, react_1.useEffect)(() => {
-        document.addEventListener('keydown', handleEscapeOrClickOutside);
-        document.addEventListener('mousedown', handleEscapeOrClickOutside);
-        return () => {
-            document.removeEventListener('keydown', handleEscapeOrClickOutside);
-            document.removeEventListener('mousedown', handleEscapeOrClickOutside);
-        };
-    }, [handleEscapeOrClickOutside]);
-    if (!isModalOpen)
-        return null;
-    return ((0, jsx_runtime_1.jsx)(framer_motion_1.motion.div, { className: form_module_css_1.default.modal_wrapper, initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, transition: { ease: 'easeInOut', duration: 0.15 }, children: (0, jsx_runtime_1.jsx)(focus_1.FocusScope, { contain: true, restoreFocus: true, autoFocus: true, children: (0, jsx_runtime_1.jsx)(framer_motion_1.motion.div, { ref: modalRef, initial: { opacity: 0, y: -30 }, animate: { opacity: 1, y: 0 }, exit: { opacity: 0, y: 0 }, transition: { ease: 'backOut', delay: 0.1, duration: 0.15 }, children: (0, jsx_runtime_1.jsxs)("dialog", { "aria-modal": "true", "aria-labelledby": "title", tabIndex: 0, className: form_module_css_1.default.modal_content, children: [(0, jsx_runtime_1.jsxs)("div", { className: form_module_css_1.default.modal_header, children: [(0, jsx_runtime_1.jsx)(typography_1.Typo.h2, { id: "title", textType: "body__m", autoFocus: true, children: title }), (0, jsx_runtime_1.jsx)(button_1.Button, { className: form_module_css_1.default.iconButton, onClick: closeModal, icon: { right: (0, jsx_runtime_1.jsx)(icon_1.MonoIcon, { icon: 'actions/Close' }) }, buttonProps: {
-                                        'aria-label': t(PageText.Contact.components.modal.close()),
-                                    } })] }), description && (0, jsx_runtime_1.jsx)(typography_1.Typo.p, { textType: "body__m", children: description }), bulletPoints && ((0, jsx_runtime_1.jsx)("ul", { className: form_module_css_1.default.modal__rules_list, children: bulletPoints.map((desc, index) => ((0, jsx_runtime_1.jsx)("li", { children: (0, jsx_runtime_1.jsx)(typography_1.Typo.p, { textType: "body__m", children: desc }, index) }, index))) })), instruction && ((0, jsx_runtime_1.jsx)(typography_1.Typo.p, { textType: "body__m__strong", children: instruction }))] }) }) }) }));
-};
-exports.default = DescriptionModal;