@mrfylke/contact-form 0.1.10 → 0.1.21

package/lib/components/form/input.js

@@ -15,6 +15,7 @@ const button_1 = require("../button");
 const icon_1 = require("../icon");
 const error_message_1 = require("../error-message");
 const Input = ({ id, label, errorMessage, type, name, checked, value, modalContent, disabled, onChange, placeholder, isRequired, }) => {
+    const PageText = (0, translations_1.usePageText)();
     const { t } = (0, translations_1.useTranslation)();
     const [isModalOpen, setIsModalOpen] = (0, react_1.useState)(false);
     const isModalContentProvided = hasModalContent(modalContent);
@@ -26,7 +27,7 @@ const Input = ({ id, label, errorMessage, type, name, checked, value, modalConte
             [form_module_css_1.default.container]: true,
             [form_module_css_1.default.rowDisplay]: type === 'checkbox' || type === 'submit',
         }), children: [(0, jsx_runtime_1.jsxs)("div", { className: form_module_css_1.default.label_container, children: [(0, jsx_runtime_1.jsx)(form_component_label_1.default, { label: label, htmlFor: `input__${id}`, disabled: disabled, isRequired: isRequired }), isModalContentProvided && ((0, jsx_runtime_1.jsx)(button_1.Button, { className: form_module_css_1.default.iconButton, onClick: toggleModalState, icon: { right: (0, jsx_runtime_1.jsx)(icon_1.MonoIcon, { icon: 'status/Info' }) }, buttonProps: {
-                            'aria-label': t(translations_1.PageText.Contact.components.modal.moreInformation(label)),
+                            'aria-label': t(PageText.Contact.components.modal.moreInformation(label)),
                         } }))] }), (0, jsx_runtime_1.jsx)("input", { id: `input__${id}`, type: type, name: name, className: (0, css_1.andIf)({
                     [form_module_css_1.default.input]: true,
                     [form_module_css_1.default.input__error]: !!errorMessage,

package/lib/components/form/searchable-select/utils.js

@@ -12,8 +12,13 @@ exports.getLineOptions = getLineOptions;
 const getStopOptions = (stops) => {
     return stops.map((stop) => ({
         id: stop.id,
-        name: stop.name,
+        name: getStopOptionName(stop.name, stop.description),
         value: stop,
     }));
 };
 exports.getStopOptions = getStopOptions;
+function getStopOptionName(name, description) {
+    if (!description)
+        return name;
+    return `${name} (${description})`;
+}

package/lib/components/index.d.ts

@@ -1,3 +1,3 @@
-export { FieldWrapperWithError, FileInput, Fieldset, Input, Radio, Select, Textarea, SearchableSelect, getLineOptions, getStopOptions, DateSelector, TimeSelector, } from './form';
+export { DepartureTimeField, FieldWrapperWithError, FileInput, Fieldset, Input, Radio, Select, Textarea, SearchableSelect, getLineOptions, getStopOptions, DateSelector, TimeSelector, } from './form';
 export { SectionCard } from './section-card';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,qBAAqB,EACrB,SAAS,EACT,QAAQ,EACR,KAAK,EACL,KAAK,EACL,MAAM,EACN,QAAQ,EACR,gBAAgB,EAChB,cAAc,EACd,cAAc,EACd,YAAY,EACZ,YAAY,GACb,MAAM,QAAQ,CAAC;AAChB,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAClB,qBAAqB,EACrB,SAAS,EACT,QAAQ,EACR,KAAK,EACL,KAAK,EACL,MAAM,EACN,QAAQ,EACR,gBAAgB,EAChB,cAAc,EACd,cAAc,EACd,YAAY,EACZ,YAAY,GACb,MAAM,QAAQ,CAAC;AAChB,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC"}

package/lib/components/index.js

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SectionCard = exports.TimeSelector = exports.DateSelector = exports.getStopOptions = exports.getLineOptions = exports.SearchableSelect = exports.Textarea = exports.Select = exports.Radio = exports.Input = exports.Fieldset = exports.FileInput = exports.FieldWrapperWithError = void 0;
+exports.SectionCard = exports.TimeSelector = exports.DateSelector = exports.getStopOptions = exports.getLineOptions = exports.SearchableSelect = exports.Textarea = exports.Select = exports.Radio = exports.Input = exports.Fieldset = exports.FileInput = exports.FieldWrapperWithError = exports.DepartureTimeField = void 0;
 var form_1 = require("./form");
+Object.defineProperty(exports, "DepartureTimeField", { enumerable: true, get: function () { return form_1.DepartureTimeField; } });
 Object.defineProperty(exports, "FieldWrapperWithError", { enumerable: true, get: function () { return form_1.FieldWrapperWithError; } });
 Object.defineProperty(exports, "FileInput", { enumerable: true, get: function () { return form_1.FileInput; } });
 Object.defineProperty(exports, "Fieldset", { enumerable: true, get: function () { return form_1.Fieldset; } });

package/lib/contact.module.css

@@ -19,6 +19,15 @@
   padding: token('spacing.xSmall') 0;
 }
 
+.link {
+  font-weight: bold;
+  text-decoration: none;
+}
+
+.link:hover {
+  text-decoration: underline;
+}
+
 .feedback {
   composes: typo-body__s;
   padding: token('spacing.small');

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

@@ -1 +1 @@
-{"version":3,"file":"error-content.d.ts","sourceRoot":"","sources":["../../src/error-content/error-content.tsx"],"names":[],"mappings":"AAOA,wBAAgB,YAAY,4CAmB3B"}
+{"version":3,"file":"error-content.d.ts","sourceRoot":"","sources":["../../src/error-content/error-content.tsx"],"names":[],"mappings":"AAOA,wBAAgB,YAAY,4CAoB3B"}

package/lib/error-content/error-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 ErrorContent() {
+    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: error_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.error.title) }), (0, jsx_runtime_1.jsx)(typography_1.Typo.p, { textType: "body__m", children: t(translations_1.PageText.Contact.error.info) })] }));
+    return ((0, jsx_runtime_1.jsxs)("section", { className: error_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.error.title) }), (0, jsx_runtime_1.jsx)(typography_1.Typo.p, { textType: "body__m", children: t(PageText.Contact.error.info) })] }));
 }

package/lib/group-travel/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/group-travel/index.tsx"],"names":[],"mappings":"AAKA,MAAM,CAAC,OAAO,UAAU,kBAAkB,4CAazC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/group-travel/index.tsx"],"names":[],"mappings":"AAMA,MAAM,CAAC,OAAO,UAAU,kBAAkB,4CAmBzC"}

package/lib/group-travel/index.js

@@ -5,11 +5,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = GroupTravelContent;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const contact_module_css_1 = __importDefault(require("../contact.module.css"));
 const components_1 = require("../components");
 const link_1 = __importDefault(require("next/link"));
 const translations_1 = require("../translations");
 const typography_1 = require("../components/typography");
 function GroupTravelContent() {
+    const PageText = (0, translations_1.usePageText)();
     const { t } = (0, translations_1.useTranslation)();
-    return ((0, jsx_runtime_1.jsx)(components_1.SectionCard, { title: t(translations_1.PageText.Contact.groupTravel.title), children: (0, jsx_runtime_1.jsxs)(typography_1.Typo.p, { textType: "body__m", children: [t(translations_1.PageText.Contact.groupTravel.description.info), ' ', (0, jsx_runtime_1.jsx)(link_1.default, { href: t(translations_1.PageText.Contact.groupTravel.description.url), children: t(translations_1.PageText.Contact.groupTravel.description.externalLink) })] }) }));
+    return ((0, jsx_runtime_1.jsx)(components_1.SectionCard, { title: t(PageText.Contact.groupTravel.title), children: (0, jsx_runtime_1.jsxs)(typography_1.Typo.p, { textType: "body__m", children: [t(PageText.Contact.groupTravel.description.info), ' ', (0, jsx_runtime_1.jsx)(link_1.default, { className: contact_module_css_1.default.link, href: t(PageText.Contact.groupTravel.description.url), target: "_blank", rel: "noopener noreferrer", children: t(PageText.Contact.groupTravel.description.externalLink) })] }) }));
 }

package/lib/index.d.ts

@@ -1,21 +1,33 @@
 export { ContactFormConfigProvider, useContactFormConfig, useThemeConfig, useIconConfig, useOrgConfig, useApiConfig, } from './modules/config';
-export type { TicketControlSubmitPayload, RefundSubmitPayload, MeansOfTransportSubmitPayload, TicketingSubmitPayload, JourneyInfoSubmitPayload, } from './types/submit-payloads';
+export type { TicketControlSubmitPayload, RefundSubmitPayload, MeansOfTransportSubmitPayload, TicketingSubmitPayload, JourneyInfoSubmitPayload, LostPropertySubmitPayload, } from './types/submit-payloads';
 export type { TransportModeType, ReasonForTransportFailure, TicketType, PurchasePlatformType, } from './types';
 export { TicketTypeId } from './types';
 export type { ContactFormConfig, IconComponent, IconName, IconSet, Theme, ThemeColors, ContrastColor, TransportColors, InteractiveColor, StatusColors, TypographyConfig, ApiConfig, OrgConfig, LayoutConfig, LayoutLinkLabel, PagesOverrides, FormSchemaOverrides, FormSchemaName, } from './modules/config';
 export { ThemeProvider, useTheme, useDarkMode, useHtmlDarkMode, } from './modules/theme';
 export { Icon } from './components/icon/icon-wrapper';
 export { MonoIcon } from './components/icon/mono-icon-new';
-export { ButtonLink } from './components/button';
-export type { ButtonLinkProps } from './components/button';
+export { ButtonLink, Button } from './components/button';
+export type { ButtonLinkProps, ButtonProps } from './components/button';
+export { Typo } from './components/typography';
+export { default as ErrorMessage } from './components/error-message/error-message';
+export type { ErrorMessageProps } from './components/error-message/error-message';
+export { SectionCard } from './components/section-card';
+export { FieldWrapperWithError, FileInput, Fieldset, Input, Radio, Select, Textarea, SearchableSelect, getLineOptions, getStopOptions, DateSelector, TimeSelector, DepartureTimeField, } from './components';
+export { Checkbox } from './components/checkbox';
 export { type Line } from './server/journey-planner/validators';
 export { useLines, useTransportModeOptions } from './lines/use-lines';
-export { shouldShowContactPage } from './utils';
+export { shouldShowContactPage, scrollToFirstErrorMessage, findFirstErrorMessage, getLineName, findOrderFormFields, } from './utils';
+export { commonInputValidator } from './validation';
+export type { InputErrorMessages } from './validation';
 export { ContactPageLayout, type ContactPageLayoutProps, getStandardContactPages, ContactFormContainer, type ContactFormContainerProps, } from './layouts';
 export { ExternalLinkPage, type ExternalLinkPageProps, } from './components/external-link-page';
 export { ErrorContent } from './error-content/error-content';
 export { SuccessContent } from './success-content/success-content';
 export { default as RefundContent } from './refund';
+export type { RefundContextProps } from './refund/refundFormMachine';
+export { FormType, RefundTicketForm } from './refund/refundFormMachine';
+export { RefundFormEvents } from './refund/events';
+export { default as AppTicketRefundContent } from './refund/forms/refund-ticket/appTicketRefund';
 export { default as MeansOfTransportContent } from './means-of-transport';
 export { default as TicketControlPageContent } from './ticket-control';
 export { default as TicketingContent } from './ticketing';

package/lib/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,yBAAyB,EACzB,oBAAoB,EACpB,cAAc,EACd,aAAa,EACb,YAAY,EACZ,YAAY,GACb,MAAM,kBAAkB,CAAC;AAC1B,YAAY,EACV,0BAA0B,EAC1B,mBAAmB,EACnB,6BAA6B,EAC7B,sBAAsB,EACtB,wBAAwB,GACzB,MAAM,yBAAyB,CAAC;AACjC,YAAY,EACV,iBAAiB,EACjB,yBAAyB,EACzB,UAAU,EACV,oBAAoB,GACrB,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACvC,YAAY,EACV,iBAAiB,EACjB,aAAa,EACb,QAAQ,EACR,OAAO,EACP,KAAK,EACL,WAAW,EACX,aAAa,EACb,eAAe,EACf,gBAAgB,EAChB,YAAY,EACZ,gBAAgB,EAChB,SAAS,EACT,SAAS,EACT,YAAY,EACZ,eAAe,EACf,cAAc,EACd,mBAAmB,EACnB,cAAc,GACf,MAAM,kBAAkB,CAAC;AAG1B,OAAO,EACL,aAAa,EACb,QAAQ,EACR,WAAW,EACX,eAAe,GAChB,MAAM,iBAAiB,CAAC;AAGzB,OAAO,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAG3D,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,YAAY,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAG3D,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,qCAAqC,CAAC;AAChE,OAAO,EAAE,QAAQ,EAAE,uBAAuB,EAAE,MAAM,mBAAmB,CAAC;AACtE,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAChD,OAAO,EACL,iBAAiB,EACjB,KAAK,sBAAsB,EAC3B,uBAAuB,EACvB,oBAAoB,EACpB,KAAK,yBAAyB,GAC/B,MAAM,WAAW,CAAC;AACnB,OAAO,EACL,gBAAgB,EAChB,KAAK,qBAAqB,GAC3B,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAC7D,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,UAAU,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,kBAAkB,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAC/D,cAAc,gBAAgB,CAAC;AAG/B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/lib/index.js

@@ -17,7 +17,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ContactFormRoot = exports.JourneyInfoContent = exports.TicketingContent = exports.TicketControlPageContent = exports.MeansOfTransportContent = exports.RefundContent = exports.SuccessContent = exports.ErrorContent = exports.ExternalLinkPage = exports.ContactFormContainer = exports.getStandardContactPages = exports.ContactPageLayout = exports.shouldShowContactPage = exports.useTransportModeOptions = exports.useLines = exports.ButtonLink = exports.MonoIcon = exports.Icon = exports.useHtmlDarkMode = exports.useDarkMode = exports.useTheme = exports.ThemeProvider = exports.TicketTypeId = exports.useApiConfig = exports.useOrgConfig = exports.useIconConfig = exports.useThemeConfig = exports.useContactFormConfig = exports.ContactFormConfigProvider = void 0;
+exports.RefundFormEvents = exports.RefundTicketForm = exports.FormType = exports.RefundContent = exports.SuccessContent = exports.ErrorContent = exports.ExternalLinkPage = exports.ContactFormContainer = exports.getStandardContactPages = exports.ContactPageLayout = exports.commonInputValidator = exports.findOrderFormFields = exports.getLineName = exports.findFirstErrorMessage = exports.scrollToFirstErrorMessage = exports.shouldShowContactPage = exports.useTransportModeOptions = exports.useLines = exports.Checkbox = exports.DepartureTimeField = exports.TimeSelector = exports.DateSelector = exports.getStopOptions = exports.getLineOptions = exports.SearchableSelect = exports.Textarea = exports.Select = exports.Radio = exports.Input = exports.Fieldset = exports.FileInput = exports.FieldWrapperWithError = exports.SectionCard = exports.ErrorMessage = exports.Typo = exports.Button = exports.ButtonLink = exports.MonoIcon = exports.Icon = exports.useHtmlDarkMode = exports.useDarkMode = exports.useTheme = exports.ThemeProvider = exports.TicketTypeId = exports.useApiConfig = exports.useOrgConfig = exports.useIconConfig = exports.useThemeConfig = exports.useContactFormConfig = exports.ContactFormConfigProvider = void 0;
+exports.ContactFormRoot = exports.JourneyInfoContent = exports.TicketingContent = exports.TicketControlPageContent = exports.MeansOfTransportContent = exports.AppTicketRefundContent = void 0;
 // Configuration system (NEW - required for setup)
 var config_1 = require("./modules/config");
 Object.defineProperty(exports, "ContactFormConfigProvider", { enumerable: true, get: function () { return config_1.ContactFormConfigProvider; } });
@@ -42,11 +43,43 @@ Object.defineProperty(exports, "MonoIcon", { enumerable: true, get: function ()
 // Button components
 var button_1 = require("./components/button");
 Object.defineProperty(exports, "ButtonLink", { enumerable: true, get: function () { return button_1.ButtonLink; } });
+Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return button_1.Button; } });
+// Typography
+var typography_1 = require("./components/typography");
+Object.defineProperty(exports, "Typo", { enumerable: true, get: function () { return typography_1.Typo; } });
+// Error message
+var error_message_1 = require("./components/error-message/error-message");
+Object.defineProperty(exports, "ErrorMessage", { enumerable: true, get: function () { return __importDefault(error_message_1).default; } });
+// Form components
+var section_card_1 = require("./components/section-card");
+Object.defineProperty(exports, "SectionCard", { enumerable: true, get: function () { return section_card_1.SectionCard; } });
+var components_1 = require("./components");
+Object.defineProperty(exports, "FieldWrapperWithError", { enumerable: true, get: function () { return components_1.FieldWrapperWithError; } });
+Object.defineProperty(exports, "FileInput", { enumerable: true, get: function () { return components_1.FileInput; } });
+Object.defineProperty(exports, "Fieldset", { enumerable: true, get: function () { return components_1.Fieldset; } });
+Object.defineProperty(exports, "Input", { enumerable: true, get: function () { return components_1.Input; } });
+Object.defineProperty(exports, "Radio", { enumerable: true, get: function () { return components_1.Radio; } });
+Object.defineProperty(exports, "Select", { enumerable: true, get: function () { return components_1.Select; } });
+Object.defineProperty(exports, "Textarea", { enumerable: true, get: function () { return components_1.Textarea; } });
+Object.defineProperty(exports, "SearchableSelect", { enumerable: true, get: function () { return components_1.SearchableSelect; } });
+Object.defineProperty(exports, "getLineOptions", { enumerable: true, get: function () { return components_1.getLineOptions; } });
+Object.defineProperty(exports, "getStopOptions", { enumerable: true, get: function () { return components_1.getStopOptions; } });
+Object.defineProperty(exports, "DateSelector", { enumerable: true, get: function () { return components_1.DateSelector; } });
+Object.defineProperty(exports, "TimeSelector", { enumerable: true, get: function () { return components_1.TimeSelector; } });
+Object.defineProperty(exports, "DepartureTimeField", { enumerable: true, get: function () { return components_1.DepartureTimeField; } });
+var checkbox_1 = require("./components/checkbox");
+Object.defineProperty(exports, "Checkbox", { enumerable: true, get: function () { return checkbox_1.Checkbox; } });
 var use_lines_1 = require("./lines/use-lines");
 Object.defineProperty(exports, "useLines", { enumerable: true, get: function () { return use_lines_1.useLines; } });
 Object.defineProperty(exports, "useTransportModeOptions", { enumerable: true, get: function () { return use_lines_1.useTransportModeOptions; } });
 var utils_1 = require("./utils");
 Object.defineProperty(exports, "shouldShowContactPage", { enumerable: true, get: function () { return utils_1.shouldShowContactPage; } });
+Object.defineProperty(exports, "scrollToFirstErrorMessage", { enumerable: true, get: function () { return utils_1.scrollToFirstErrorMessage; } });
+Object.defineProperty(exports, "findFirstErrorMessage", { enumerable: true, get: function () { return utils_1.findFirstErrorMessage; } });
+Object.defineProperty(exports, "getLineName", { enumerable: true, get: function () { return utils_1.getLineName; } });
+Object.defineProperty(exports, "findOrderFormFields", { enumerable: true, get: function () { return utils_1.findOrderFormFields; } });
+var validation_1 = require("./validation");
+Object.defineProperty(exports, "commonInputValidator", { enumerable: true, get: function () { return validation_1.commonInputValidator; } });
 var layouts_1 = require("./layouts");
 Object.defineProperty(exports, "ContactPageLayout", { enumerable: true, get: function () { return layouts_1.ContactPageLayout; } });
 Object.defineProperty(exports, "getStandardContactPages", { enumerable: true, get: function () { return layouts_1.getStandardContactPages; } });
@@ -59,6 +92,13 @@ var success_content_1 = require("./success-content/success-content");
 Object.defineProperty(exports, "SuccessContent", { enumerable: true, get: function () { return success_content_1.SuccessContent; } });
 var refund_1 = require("./refund");
 Object.defineProperty(exports, "RefundContent", { enumerable: true, get: function () { return __importDefault(refund_1).default; } });
+var refundFormMachine_1 = require("./refund/refundFormMachine");
+Object.defineProperty(exports, "FormType", { enumerable: true, get: function () { return refundFormMachine_1.FormType; } });
+Object.defineProperty(exports, "RefundTicketForm", { enumerable: true, get: function () { return refundFormMachine_1.RefundTicketForm; } });
+var events_1 = require("./refund/events");
+Object.defineProperty(exports, "RefundFormEvents", { enumerable: true, get: function () { return events_1.RefundFormEvents; } });
+var appTicketRefund_1 = require("./refund/forms/refund-ticket/appTicketRefund");
+Object.defineProperty(exports, "AppTicketRefundContent", { enumerable: true, get: function () { return __importDefault(appTicketRefund_1).default; } });
 var means_of_transport_1 = require("./means-of-transport");
 Object.defineProperty(exports, "MeansOfTransportContent", { enumerable: true, get: function () { return __importDefault(means_of_transport_1).default; } });
 var ticket_control_1 = require("./ticket-control");

package/lib/journey-info/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/journey-info/index.tsx"],"names":[],"mappings":"AAaA,MAAM,CAAC,OAAO,UAAU,kBAAkB,4CAwJzC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/journey-info/index.tsx"],"names":[],"mappings":"AAaA,MAAM,CAAC,OAAO,UAAU,kBAAkB,4CAkLzC"}

package/lib/journey-info/index.js

@@ -17,9 +17,10 @@ const button_1 = require("../components/button");
 const icon_1 = require("../components/icon");
 const error_message_1 = __importDefault(require("../components/error-message/error-message"));
 function JourneyInfoContent() {
+    const PageText = (0, translations_1.usePageText)();
     const { t } = (0, translations_1.useTranslation)();
     const apiConfig = (0, config_1.useApiConfig)();
-    const { layout } = (0, config_1.useContactFormConfig)();
+    const { layout, org } = (0, config_1.useContactFormConfig)();
     const successPath = layout?.successPath ??
         (layout?.basePath ? `${layout.basePath}/success` : '/contact/success');
     const errorPath = layout?.errorPath ??
@@ -33,9 +34,14 @@ function JourneyInfoContent() {
         e.preventDefault();
         send({ type: 'SUBMIT', orderedFormFieldNames: (0, utils_1.findOrderFormFields)(e) });
     };
-    return ((0, jsx_runtime_1.jsxs)("form", { onSubmit: onSubmit, className: contact_module_css_1.default.form, children: [(0, jsx_runtime_1.jsxs)(components_1.Fieldset, { title: t(translations_1.PageText.Contact.journeyInfo.input.question.title), isRequired: true, children: [(0, jsx_runtime_1.jsxs)("div", { className: contact_module_css_1.default.extraInfo, children: [(0, jsx_runtime_1.jsx)("p", { children: t(translations_1.PageText.Contact.journeyInfo.info.useTravelSearch) }), (0, jsx_runtime_1.jsx)("div", { className: contact_module_css_1.default.extraInfo__buttonContainer, children: (0, jsx_runtime_1.jsx)(button_1.ButtonLink, { href: "/", mode: "interactive_0", title: t(translations_1.PageText.Contact.journeyInfo.info.useTravelSearchLink), icon: {
+    return ((0, jsx_runtime_1.jsxs)("form", { onSubmit: onSubmit, className: contact_module_css_1.default.form, children: [(0, jsx_runtime_1.jsxs)(components_1.Fieldset, { title: t(PageText.Contact.journeyInfo.input.question.title), isRequired: true, children: [(0, jsx_runtime_1.jsxs)("div", { className: contact_module_css_1.default.extraInfo, children: [(0, jsx_runtime_1.jsx)("p", { children: t(PageText.Contact.journeyInfo.info.useTravelSearch) }), (0, jsx_runtime_1.jsx)("div", { className: contact_module_css_1.default.extraInfo__buttonContainer, children: (0, jsx_runtime_1.jsx)(button_1.ButtonLink, { href: org.travelSearchHref ?? '/', mode: "interactive_0", title: t(PageText.Contact.journeyInfo.info.useTravelSearchLink), icon: {
                                         right: ((0, jsx_runtime_1.jsx)(icon_1.MonoIcon, { icon: "navigation/ArrowRight", overrideMode: "dark" })),
-                                    } }) })] }), (0, jsx_runtime_1.jsx)(components_1.Textarea, { id: "question", description: t(translations_1.PageText.Contact.journeyInfo.input.question.info), value: state.context.question || '', onChange: (e) => send({
+                                    }, aProps: { target: '_blank', rel: 'noreferrer' } }) }), org.contactHref &&
+                                (() => {
+                                    const prefix = t(PageText.Contact.journeyInfo.info.contactInfoPrefix);
+                                    const linkText = t(PageText.Contact.journeyInfo.info.contactLinkText);
+                                    return ((0, jsx_runtime_1.jsxs)("p", { children: [prefix && `${prefix} `, (0, jsx_runtime_1.jsx)("a", { href: org.contactHref, target: "_blank", rel: "noreferrer", className: contact_module_css_1.default.link, children: linkText }), "."] }));
+                                })()] }), (0, jsx_runtime_1.jsx)(components_1.Textarea, { id: "question", description: t(PageText.Contact.journeyInfo.input.question.info), value: state.context.question || '', onChange: (e) => send({
                             type: 'ON_INPUT_CHANGE',
                             inputName: 'question',
                             value: e.target.value,
@@ -44,7 +50,7 @@ function JourneyInfoContent() {
                             : undefined, fileInputProps: {
                             id: 'attachments',
                             name: 'attachments',
-                            iconLabel: t(translations_1.PageText.Contact.journeyInfo.input.question.attachment),
+                            iconLabel: t(PageText.Contact.journeyInfo.input.question.attachment),
                             onChange: (files) => {
                                 send({
                                     type: 'ON_INPUT_CHANGE',
@@ -52,17 +58,17 @@ function JourneyInfoContent() {
                                     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: "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,
-                        }) })] }), state.context.hasSubmissionError && ((0, jsx_runtime_1.jsx)(error_message_1.default, { message: t(translations_1.PageText.Contact.error.info), id: "submission-error" })), (0, jsx_runtime_1.jsx)(button_1.Button, { title: t(translations_1.PageText.Contact.submit), mode: 'interactive_0--bordered', buttonProps: { type: 'submit' }, state: state.matches('submitting') ? 'loading' : undefined, className: contact_module_css_1.default.submitButton })] }));
+                        }) })] }), state.context.hasSubmissionError && ((0, jsx_runtime_1.jsx)(error_message_1.default, { message: t(PageText.Contact.error.info), id: "submission-error" })), (0, jsx_runtime_1.jsx)(button_1.Button, { title: t(PageText.Contact.submit), mode: 'interactive_0--bordered', buttonProps: { type: 'submit' }, state: state.matches('submitting') ? 'loading' : undefined, className: contact_module_css_1.default.submitButton })] }));
 }

package/lib/journey-info/journeyInfoStateMachine.d.ts

@@ -25,7 +25,7 @@ export declare function createJourneyInfoStateMachine(onSubmit: (schemaName: For
     type: "VALIDATE";
 } | {
     type: "ON_INPUT_CHANGE";
-    inputName: "address" | "attachments" | "bankAccountNumber" | "city" | "date" | "email" | "firstName" | "feedback" | "IBAN" | "lastName" | "phoneNumber" | "postalCode" | "SWIFT" | "toStop" | "fromStop" | "plannedDepartureTime";
+    inputName: "address" | "attachments" | "bankAccountNumber" | "city" | "date" | "email" | "firstName" | "feedback" | "IBAN" | "lastName" | "phoneNumber" | "postalCode" | "SWIFT" | "toStop" | "fromStop" | "plannedDepartureTime" | "tripId";
     value: any;
 } | {
     type: "ON_TRANSPORTMODE_CHANGE";
@@ -49,6 +49,9 @@ export declare function createJourneyInfoStateMachine(onSubmit: (schemaName: For
     logic: import("xstate").PromiseActorLogic<true, SubmitInput, import("xstate").EventObject>;
     id: string | undefined;
 }, {
+    type: "onInputChange";
+    params: unknown;
+} | {
     type: "navigateToErrorPage";
     params: unknown;
 } | {
@@ -69,9 +72,6 @@ export declare function createJourneyInfoStateMachine(onSubmit: (schemaName: For
 } | {
     type: "clearSubmissionError";
     params: unknown;
-} | {
-    type: "onInputChange";
-    params: unknown;
 }, {
     type: "isFormValid";
     params: unknown;
@@ -102,7 +102,7 @@ export declare const journeyInfoStateMachine: import("xstate").StateMachine<Jour
     type: "VALIDATE";
 } | {
     type: "ON_INPUT_CHANGE";
-    inputName: "address" | "attachments" | "bankAccountNumber" | "city" | "date" | "email" | "firstName" | "feedback" | "IBAN" | "lastName" | "phoneNumber" | "postalCode" | "SWIFT" | "toStop" | "fromStop" | "plannedDepartureTime";
+    inputName: "address" | "attachments" | "bankAccountNumber" | "city" | "date" | "email" | "firstName" | "feedback" | "IBAN" | "lastName" | "phoneNumber" | "postalCode" | "SWIFT" | "toStop" | "fromStop" | "plannedDepartureTime" | "tripId";
     value: any;
 } | {
     type: "ON_TRANSPORTMODE_CHANGE";
@@ -126,6 +126,9 @@ export declare const journeyInfoStateMachine: import("xstate").StateMachine<Jour
     logic: import("xstate").PromiseActorLogic<true, SubmitInput, import("xstate").EventObject>;
     id: string | undefined;
 }, {
+    type: "onInputChange";
+    params: unknown;
+} | {
     type: "navigateToErrorPage";
     params: unknown;
 } | {
@@ -146,9 +149,6 @@ export declare const journeyInfoStateMachine: import("xstate").StateMachine<Jour
 } | {
     type: "clearSubmissionError";
     params: unknown;
-} | {
-    type: "onInputChange";
-    params: unknown;
 }, {
     type: "isFormValid";
     params: unknown;

package/lib/layouts/contact-page-layout.d.ts

@@ -1,5 +1,5 @@
 import { PropsWithChildren } from 'react';
-import { TranslatedString } from '../translations';
+import { TranslatedString, PageText as StaticPageText } from '../translations';
 import { MonoIcons } from '../components/icon';
 export type ContactPage = {
     title: TranslatedString;
@@ -10,7 +10,7 @@ export type ContactPage = {
  * Standard contact pages (tabs) as defined in the package.
  * This is the default list used when no overrides are provided.
  */
-export declare const getStandardContactPages: () => ContactPage[];
+export declare const getStandardContactPages: (PageText?: typeof StaticPageText) => ContactPage[];
 export declare const contactPages: ContactPage[];
 export type ContactPageLayoutProps = PropsWithChildren<{
     title: string;

package/lib/layouts/contact-page-layout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"contact-page-layout.d.ts","sourceRoot":"","sources":["../../src/layouts/contact-page-layout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAW,MAAM,OAAO,CAAC;AAInD,OAAO,EAAY,gBAAgB,EAAkB,MAAM,iBAAiB,CAAC;AAC7E,OAAO,EAAY,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAMzD,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,gBAAgB,CAAC;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,SAAS,CAAC;CACjB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,uBAAuB,QAAO,WAAW,EAoCrD,CAAC;AAGF,eAAO,MAAM,YAAY,eAA4B,CAAC;AAetD,MAAM,MAAM,sBAAsB,GAAG,iBAAiB,CAAC;IACrD,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,gBAAgB,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;KAAE,CAAC;CAC/E,CAAC,CAAC;AAEH,iBAAS,iBAAiB,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,sBAAsB,2CA4ExE;AAED,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"contact-page-layout.d.ts","sourceRoot":"","sources":["../../src/layouts/contact-page-layout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAW,MAAM,OAAO,CAAC;AAInD,OAAO,EACL,gBAAgB,EAGhB,QAAQ,IAAI,cAAc,EAC3B,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAY,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAMzD,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,gBAAgB,CAAC;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,SAAS,CAAC;CACjB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,uBAAuB,GAClC,WAAU,OAAO,cAA+B,KAC/C,WAAW,EAyCb,CAAC;AAGF,eAAO,MAAM,YAAY,eAA4B,CAAC;AAYtD,MAAM,MAAM,sBAAsB,GAAG,iBAAiB,CAAC;IACrD,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,gBAAgB,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;KAAE,CAAC;CAC/E,CAAC,CAAC;AAEH,iBAAS,iBAAiB,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,sBAAsB,2CA+FxE;AAED,eAAe,iBAAiB,CAAC"}

package/lib/layouts/contact-page-layout.js

@@ -19,39 +19,44 @@ const config_1 = require("../modules/config");
  * Standard contact pages (tabs) as defined in the package.
  * This is the default list used when no overrides are provided.
  */
-const getStandardContactPages = () => [
+const getStandardContactPages = (PageText = translations_1.PageText) => [
     {
-        title: translations_1.PageText.Contact.ticketControl.title,
+        title: PageText.Contact.ticketControl.title,
         href: '/contact/ticket-control',
         icon: 'ticketing/TicketInvalid',
     },
     {
-        title: translations_1.PageText.Contact.refund.title,
+        title: PageText.Contact.refund.title,
         href: '/contact/refund',
         icon: 'transportation-entur/Taxi',
     },
     {
-        title: translations_1.PageText.Contact.modeOfTransport.title,
+        title: PageText.Contact.modeOfTransport.title,
         href: '/contact/means-of-transport',
         icon: 'transportation/BusFill',
     },
     {
-        title: translations_1.PageText.Contact.ticketing.title,
+        title: PageText.Contact.ticketing.title,
         href: '/contact/ticketing',
         icon: 'devices/Phone',
     },
     {
-        title: translations_1.PageText.Contact.lostProperty.title,
+        title: PageText.Contact.skoleskyss.title,
+        href: '/contact/skoleskyss',
+        icon: 'ticketing/Student',
+    },
+    {
+        title: PageText.Contact.lostProperty.title,
         href: '/contact/lost-property',
         icon: 'actions/Support',
     },
     {
-        title: translations_1.PageText.Contact.groupTravel.title,
+        title: PageText.Contact.groupTravel.title,
         href: '/contact/group-travel',
         icon: 'ticketing/TicketMultiple',
     },
     {
-        title: translations_1.PageText.Contact.journeyInfo.title,
+        title: PageText.Contact.journeyInfo.title,
         href: '/contact/journey-info',
         icon: 'actions/Feedback',
     },
@@ -59,10 +64,7 @@ const getStandardContactPages = () => [
 exports.getStandardContactPages = getStandardContactPages;
 // Keep contactPages export for backward compatibility
 exports.contactPages = (0, exports.getStandardContactPages)();
-const pagesWithoutPrivacyAndTerms = [
-    '/contact/lost-property',
-    '/contact/group-travel',
-];
+const pagesWithoutPrivacyAndTerms = ['/contact/group-travel'];
 /**
  * Extract page ID from href (e.g., '/contact/lost-property' -> 'lost-property')
  */
@@ -71,30 +73,37 @@ function getPageIdFromHref(href) {
     return parts[parts.length - 1] || '';
 }
 function ContactPageLayout({ children, backLink }) {
+    const PageText = (0, translations_1.usePageText)();
     const { t } = (0, translations_1.useTranslation)();
     const pathname = (0, navigation_1.usePathname)();
     const { pagesOverrides } = (0, config_1.useContactFormConfig)();
     // Resolve visible pages: standard list minus hidden pages
     const visiblePages = (0, react_1.useMemo)(() => {
-        const standard = (0, exports.getStandardContactPages)();
+        const standard = (0, exports.getStandardContactPages)(PageText);
         const hidePageIds = pagesOverrides?.hidePageIds || [];
         return standard.filter((page) => {
             const pageId = getPageIdFromHref(page.href);
             return !hidePageIds.includes(pageId);
         });
-    }, [pagesOverrides]);
+    }, [pagesOverrides, PageText]);
     const selectedContactPage = (0, react_1.useMemo)(() => visiblePages.find((contactPage) => pathname.includes(contactPage.href)), [pathname, visiblePages]);
     const displayPrivacyAndTerms = (contactPage) => {
         if (!contactPage)
             return false;
         return !pagesWithoutPrivacyAndTerms.includes(contactPage.href);
     };
-    return ((0, jsx_runtime_1.jsxs)("div", { className: layout_module_css_1.default.layout, children: [(0, jsx_runtime_1.jsxs)("div", { children: [backLink && ((0, jsx_runtime_1.jsx)("div", { className: layout_module_css_1.default.homeLink__container, children: (0, jsx_runtime_1.jsx)(button_1.ButtonLink, { mode: "transparent", href: backLink.href, title: t(backLink.label), icon: { left: (0, jsx_runtime_1.jsx)(icon_1.MonoIcon, { icon: "navigation/ArrowLeft" }) } }) })), (0, jsx_runtime_1.jsxs)("div", { className: layout_module_css_1.default.layout__container, children: [(0, jsx_runtime_1.jsx)(typography_1.Typo.h2, { textType: "heading__2xl", children: t(translations_1.PageText.Contact.contactPageLayout.title) }), (0, jsx_runtime_1.jsx)("nav", { className: layout_module_css_1.default.contact_page_navigator__container, children: visiblePages.map((contactPage, index) => {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: layout_module_css_1.default.layout, children: [(0, jsx_runtime_1.jsxs)("div", { children: [backLink && ((0, jsx_runtime_1.jsx)("div", { className: layout_module_css_1.default.homeLink__container, children: (0, jsx_runtime_1.jsx)(button_1.ButtonLink, { mode: "transparent", href: backLink.href, title: t(backLink.label), icon: { left: (0, jsx_runtime_1.jsx)(icon_1.MonoIcon, { icon: "navigation/ArrowLeft" }) } }) })), (0, jsx_runtime_1.jsxs)("div", { className: layout_module_css_1.default.layout__container, children: [(0, jsx_runtime_1.jsx)(typography_1.Typo.h2, { textType: "heading__2xl", children: t(PageText.Contact.contactPageLayout.title) }), (0, jsx_runtime_1.jsx)("nav", { className: layout_module_css_1.default.contact_page_navigator__container, children: visiblePages.map((contactPage, index) => {
                                     const isActive = pathname.includes(contactPage.href);
-                                    return ((0, jsx_runtime_1.jsxs)(link_1.default, { shallow: true, href: contactPage.href, className: (0, css_1.andIf)({
-                                            [layout_module_css_1.default.contact_page_navigator__link]: true,
-                                            [layout_module_css_1.default.contact_page_navigator__activePage]: isActive,
-                                        }), children: [(0, jsx_runtime_1.jsx)(icon_1.MonoIcon, { size: "large", icon: contactPage.icon }), (0, jsx_runtime_1.jsx)(typography_1.Typo.p, { textType: "body__m", children: t(contactPage.title) })] }, index));
-                                }) })] })] }), children, displayPrivacyAndTerms(selectedContactPage) && ((0, jsx_runtime_1.jsx)("div", { className: layout_module_css_1.default.privacyAndTerms, children: (0, jsx_runtime_1.jsx)(typography_1.Typo.p, { textType: "body__s__strong", children: t(translations_1.PageText.Contact.contactPageLayout.privacyAndTerms) }) }))] }));
+                                    const pageId = getPageIdFromHref(contactPage.href);
+                                    const externalUrl = pagesOverrides?.externalUrlByPageId?.[pageId];
+                                    const linkClassName = (0, css_1.andIf)({
+                                        [layout_module_css_1.default.contact_page_navigator__link]: true,
+                                        [layout_module_css_1.default.contact_page_navigator__activePage]: isActive,
+                                    });
+                                    if (externalUrl) {
+                                        return ((0, jsx_runtime_1.jsxs)("a", { href: externalUrl, target: "_blank", rel: "noreferrer", className: linkClassName, children: [(0, jsx_runtime_1.jsx)(icon_1.MonoIcon, { size: "large", icon: contactPage.icon }), (0, jsx_runtime_1.jsx)(typography_1.Typo.p, { textType: "body__m", children: t(contactPage.title) })] }, index));
+                                    }
+                                    return ((0, jsx_runtime_1.jsxs)(link_1.default, { shallow: true, href: contactPage.href, className: linkClassName, children: [(0, jsx_runtime_1.jsx)(icon_1.MonoIcon, { size: "large", icon: contactPage.icon }), (0, jsx_runtime_1.jsx)(typography_1.Typo.p, { textType: "body__m", children: t(contactPage.title) })] }, index));
+                                }) })] })] }), children, displayPrivacyAndTerms(selectedContactPage) && ((0, jsx_runtime_1.jsx)("div", { className: layout_module_css_1.default.privacyAndTerms, children: (0, jsx_runtime_1.jsx)(typography_1.Typo.p, { textType: "body__s__strong", children: t(PageText.Contact.contactPageLayout.privacyAndTerms) }) }))] }));
 }
 exports.default = ContactPageLayout;

package/lib/layouts/container.module.css

@@ -1,6 +1,6 @@
 .wrapper {
   width: 100%;
-  min-height: 100%;
+  min-height: 100dvh;
   display: flex;
   flex-direction: column;
 }

package/lib/layouts/layout.module.css

@@ -44,9 +44,30 @@
 }
 
 @media (max-width: 600px) {
+  .layout__container {
+    padding: token('spacing.medium') 0;
+  }
+
+  .contact_page_navigator__container {
+    display: grid;
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    gap: token('spacing.small');
+  }
+
   .contact_page_navigator__link {
-    width: 10rem;
-    height: 8rem;
+    width: 100%;
+    padding: token('spacing.large') token('spacing.medium');
+  }
+
+  .contact_page_navigator__link:last-child:nth-child(odd) {
+    grid-column: 1 / -1;
+    justify-self: center;
+  }
+}
+
+@media (max-width: 320px) {
+  .contact_page_navigator__container {
+    grid-template-columns: 1fr;
   }
 }
 

package/lib/lines/use-departures.d.ts

@@ -0,0 +1,12 @@
+export type Departure = {
+    departureTime: string;
+    tripId: string;
+};
+export declare function formatDepartureTime(departureTime: string): string;
+export declare function useDepartures(date?: string, lineId?: string, fromStopId?: string, toStopId?: string): {
+    departures: Departure[];
+    isLoading: boolean;
+    error: any;
+};
+export declare function useDeparturesEndpointConfigured(): boolean;
+//# sourceMappingURL=use-departures.d.ts.map

package/lib/lines/use-departures.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-departures.d.ts","sourceRoot":"","sources":["../../src/lines/use-departures.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,SAAS,GAAG;IACtB,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,aAAa,EAAE,MAAM,GAAG,MAAM,CAKjE;AAID,wBAAgB,aAAa,CAC3B,IAAI,CAAC,EAAE,MAAM,EACb,MAAM,CAAC,EAAE,MAAM,EACf,UAAU,CAAC,EAAE,MAAM,EACnB,QAAQ,CAAC,EAAE,MAAM;;;;EAoBlB;AAED,wBAAgB,+BAA+B,IAAI,OAAO,CAGzD"}

package/lib/lines/use-departures.js

@@ -0,0 +1,35 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.formatDepartureTime = formatDepartureTime;
+exports.useDepartures = useDepartures;
+exports.useDeparturesEndpointConfigured = useDeparturesEndpointConfigured;
+const swr_1 = __importDefault(require("swr"));
+const api_browser_1 = require("../modules/api-browser");
+const config_1 = require("../modules/config");
+function formatDepartureTime(departureTime) {
+    // GTFS departure_time is HH:MM:SS, possibly >24h for post-midnight trips
+    const parts = departureTime.split(':');
+    if (parts.length < 2)
+        return departureTime;
+    return `${parts[0]}:${parts[1]}`;
+}
+function useDepartures(date, lineId, fromStopId, toStopId) {
+    const apiConfig = (0, config_1.useApiConfig)();
+    const endpoint = apiConfig.endpoints.departures;
+    const key = endpoint && date && lineId && fromStopId && toStopId
+        ? `${endpoint}?date=${encodeURIComponent(date)}&lineId=${encodeURIComponent(lineId)}&fromStopId=${encodeURIComponent(fromStopId)}&toStopId=${encodeURIComponent(toStopId)}`
+        : null;
+    const { data, error, isLoading } = (0, swr_1.default)(key, api_browser_1.swrFetcher);
+    return {
+        departures: data?.departures ?? [],
+        isLoading,
+        error,
+    };
+}
+function useDeparturesEndpointConfigured() {
+    const apiConfig = (0, config_1.useApiConfig)();
+    return !!apiConfig.endpoints.departures;
+}