@mrfylke/contact-form 0.1.32 → 0.1.34

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,kBA0C7B,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) => {
@@ -316,7 +317,7 @@ const rulesAPurchasePlatform = [
 ];
 const rulesAttachments = [
     {
-        validate: (_fileInput) => isDefined(_fileInput),
+        validate: (files) => !!files?.length,
         errorMessage: translations_1.PageText.Contact.components.fileinput.errorMessages.empty,
     },
 ];
@@ -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,
@@ -403,9 +427,11 @@ exports.validationRules = {
     purchasePlatform: rulesAPurchasePlatform,
     attachments: rulesAttachments,
     receiptAttachments: rulesAttachments,
+    identificationAttachments: rulesAttachments,
     appPhoneNumber: rulesAppPhoneNumber,
     customerNumber: rulesCustomerNumber,
     travelCardNumber: rulesTravelCardNumber,
     isResponseWanted: rulesIsResponseWanted,
     bankCardDetails: rulesBankCardDetails,
+    prePurchasedTicketDelayedDepartures: rulesPrePurchasedTicketDelayedDepartures,
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mrfylke/contact-form",
-  "version": "0.1.32",
+  "version": "0.1.34",
   "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",
+    "graphql-tag": "^2.12.6",
     "react-aria-components": "^1.20.0",
-    "xstate": "^5.32.6"
+    "xstate": "^5.32.6",
+    "zod": "^4.3.6"
   },
   "peerDependencies": {
     "@atb-as/theme": "^15.3.0",

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;