@mrfylke/contact-form 0.1.22 → 0.1.24

package/lib/ContactFormRoot.d.ts

@@ -4,37 +4,8 @@ import { type ContactFormTranslationsOverride, Language } from './translations';
 export type ContactFormRootProps = {
     /** Main configuration object (theme, icons, api, org, features) */
     config: ContactFormConfig;
-    /**
-     * Optional raw Accept-Language header string from the server.
-     * If provided, this takes precedence over initialLanguage.
-     */
-    acceptLanguageHeader?: string;
-    /**
-     * Optional initial language for purely client-side usage.
-     * Will be converted to a basic Accept-Language style string internally.
-     */
-    initialLanguage?: Language;
-    /**
-     * Optional explicit default language, e.g. restored from localStorage/cookie.
-     * Takes precedence over browser/server detection when provided.
-     */
-    defaultLanguage?: Language;
-    /**
-     * Called whenever the user manually selects a language.
-     * Use this to persist the selection (e.g. localStorage, cookie).
-     */
-    onLanguageChange?: (lang: Language) => void;
-    /**
-     * Optional: force a specific theme mode (light or dark).
-     * When set, dark mode toggle is effectively disabled and the chosen
-     * variant is always used.
-     */
-    forceTheme?: 'light' | 'dark';
-    /**
-     * Optional explicit initial dark-mode state, e.g. restored from a cookie.
-     * Ignored when forceTheme is set.
-     */
-    defaultDarkMode?: boolean;
+    language: Language;
+    theme: 'light' | 'dark';
     /**
      * Optional additional translation overrides that will be merged on top of config.translations.
      * Config translations are required; this allows additional overrides at the root level if needed.
@@ -48,5 +19,5 @@ export type ContactFormRootProps = {
  * providers together. Renders children inside the provider stack so
  * consumers can pass their routes/layout as children.
  */
-export declare function ContactFormRoot({ config, acceptLanguageHeader, initialLanguage, defaultLanguage, onLanguageChange, forceTheme, defaultDarkMode, translationsOverride, children, }: ContactFormRootProps): import("react/jsx-runtime").JSX.Element;
+export declare function ContactFormRoot({ config, language, theme, translationsOverride, children, }: ContactFormRootProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ContactFormRoot.d.ts.map

package/lib/ContactFormRoot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContactFormRoot.d.ts","sourceRoot":"","sources":["../src/ContactFormRoot.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9C,OAAO,EACL,KAAK,iBAAiB,EAEvB,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAEL,KAAK,+BAA+B,EACpC,QAAQ,EACT,MAAM,gBAAgB,CAAC;AAQxB,MAAM,MAAM,oBAAoB,GAAG;IACjC,mEAAmE;IACnE,MAAM,EAAE,iBAAiB,CAAC;IAC1B;;;OAGG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;;OAGG;IACH,eAAe,CAAC,EAAE,QAAQ,CAAC;IAC3B;;;OAGG;IACH,eAAe,CAAC,EAAE,QAAQ,CAAC;IAC3B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IAC5C;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC9B;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,oBAAoB,CAAC,EAAE,+BAA+B,CAAC;IACvD,sDAAsD;IACtD,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,EAC9B,MAAM,EACN,oBAAoB,EACpB,eAAe,EACf,eAAe,EACf,gBAAgB,EAChB,UAAU,EACV,eAAe,EACf,oBAAoB,EACpB,QAAQ,GACT,EAAE,oBAAoB,2CAyBtB"}
+{"version":3,"file":"ContactFormRoot.d.ts","sourceRoot":"","sources":["../src/ContactFormRoot.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9C,OAAO,EACL,KAAK,iBAAiB,EAEvB,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAEL,KAAK,+BAA+B,EACpC,QAAQ,EACT,MAAM,gBAAgB,CAAC;AAQxB,MAAM,MAAM,oBAAoB,GAAG;IACjC,mEAAmE;IACnE,MAAM,EAAE,iBAAiB,CAAC;IAC1B,QAAQ,EAAE,QAAQ,CAAC;IACnB,KAAK,EAAE,OAAO,GAAG,MAAM,CAAC;IACxB;;;OAGG;IACH,oBAAoB,CAAC,EAAE,+BAA+B,CAAC;IACvD,sDAAsD;IACtD,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,EAC9B,MAAM,EACN,QAAQ,EACR,KAAK,EACL,oBAAoB,EACpB,QAAQ,GACT,EAAE,oBAAoB,2CAoBtB"}

package/lib/ContactFormRoot.js

@@ -15,29 +15,12 @@ function ThemeSync({ children }) {
  * providers together. Renders children inside the provider stack so
  * consumers can pass their routes/layout as children.
  */
-function ContactFormRoot({ config, acceptLanguageHeader, initialLanguage, defaultLanguage, onLanguageChange, forceTheme, defaultDarkMode, translationsOverride, children, }) {
-    const header = acceptLanguageHeader ?? deriveHeaderFromInitialLanguage(initialLanguage);
+function ContactFormRoot({ config, language, theme, translationsOverride, children, }) {
     // Merge config translations (required) with optional root-level override (override takes precedence)
     const mergedTranslations = translationsOverride
         ? deepMerge(config.translations, translationsOverride)
         : config.translations;
-    return ((0, jsx_runtime_1.jsx)(config_1.ContactFormConfigProvider, { config: config, children: (0, jsx_runtime_1.jsx)(theme_1.ThemeProvider, { forceTheme: forceTheme, defaultDarkMode: defaultDarkMode, children: (0, jsx_runtime_1.jsx)(ThemeSync, { children: (0, jsx_runtime_1.jsx)(translations_1.AppLanguageProvider, { serverAcceptLanguage: header ?? 'no,en;q=0.9', overrides: mergedTranslations, defaultLanguage: defaultLanguage, onLanguageChange: onLanguageChange, children: children }) }) }) }));
-}
-function deriveHeaderFromInitialLanguage(language) {
-    if (!language) {
-        return undefined;
-    }
-    // Very small helper to build a reasonable Accept-Language style string
-    // based on the enum values we already expose.
-    switch (language) {
-        case translations_1.Language.English:
-            return 'en-US,no;q=0.9';
-        case translations_1.Language.Nynorsk:
-            return 'nn,no;q=0.9';
-        case translations_1.Language.Norwegian:
-        default:
-            return 'no,en;q=0.9';
-    }
+    return ((0, jsx_runtime_1.jsx)(config_1.ContactFormConfigProvider, { config: config, children: (0, jsx_runtime_1.jsx)(theme_1.ThemeProvider, { theme: theme, children: (0, jsx_runtime_1.jsx)(ThemeSync, { children: (0, jsx_runtime_1.jsx)(translations_1.AppLanguageProvider, { overrides: mergedTranslations, language: language, children: children }) }) }) }));
 }
 function deepMerge(target, source) {
     const result = { ...target };

package/lib/components/external-link-page.d.ts

@@ -8,7 +8,7 @@ export type ExternalLinkPageProps = {
 };
 /**
  * Component for rendering a page that links to an external website.
- * Used when a contact page is configured with an externalUrl in pagesOverrides.
+ * Used when a contact page is configured with an externalUrl in pages.externalUrlByPageId.
  */
 export declare function ExternalLinkPage({ url, title, description, }: ExternalLinkPageProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=external-link-page.d.ts.map

package/lib/components/external-link-page.js

@@ -12,7 +12,7 @@ const icon_1 = require("./icon");
 const external_link_page_module_css_1 = __importDefault(require("./external-link-page.module.css"));
 /**
  * Component for rendering a page that links to an external website.
- * Used when a contact page is configured with an externalUrl in pagesOverrides.
+ * Used when a contact page is configured with an externalUrl in pages.externalUrlByPageId.
  */
 function ExternalLinkPage({ url, title, description, }) {
     const { t } = (0, translations_1.useTranslation)();

package/lib/components/icon/color-icon.js

@@ -6,7 +6,7 @@ const generated_icons_1 = require("./generated-icons");
 const utils_1 = require("./utils");
 const theme_1 = require("../../modules/theme");
 function ColorIcon({ icon, size = 'normal', ...props }) {
-    const [isDarkMode] = (0, theme_1.useDarkMode)();
+    const { isDarkMode } = (0, theme_1.useTheme)();
     const wh = (0, utils_1.useSize)(size);
     const currentIcon = generated_icons_1.icons['colorIcons'][icon];
     if (!currentIcon.darkable) {

package/lib/components/icon/illustration.js

@@ -5,7 +5,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const generated_icons_1 = require("./generated-icons");
 const theme_1 = require("../../modules/theme");
 function Illustration({ image, ...props }) {
-    const [isDarkMode] = (0, theme_1.useDarkMode)();
+    const { isDarkMode } = (0, theme_1.useTheme)();
     const currentIcon = generated_icons_1.icons['illustration'][image];
     if (!currentIcon.darkable) {
         const totalPath = `/assets/${currentIcon.relative}`;

package/lib/components/icon/image.js

@@ -5,7 +5,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const generated_icons_1 = require("./generated-icons");
 const theme_1 = require("../../modules/theme");
 function Image({ image, ...props }) {
-    const [isDarkMode] = (0, theme_1.useDarkMode)();
+    const { isDarkMode } = (0, theme_1.useTheme)();
     const extras = { role: 'none', alt: '' };
     const currentIcon = generated_icons_1.icons['images'][image];
     if (!currentIcon.darkable) {

package/lib/components/icon/mono-icon-new.js

@@ -10,7 +10,7 @@ const color_1 = require("../../utils/color");
  * This is a wrapper around the Icon component that adds theme-aware styling.
  */
 function MonoIcon({ icon, size = 'normal', overrideMode = 'none', interactiveColor, interactiveState, className, style, ...props }) {
-    const [isDarkMode] = (0, theme_1.useDarkMode)();
+    const { isDarkMode } = (0, theme_1.useTheme)();
     // Determine the color mode to use
     const interactiveOverrideColor = useInteractiveThemeColor(interactiveColor, interactiveState);
     // Apply dark/light mode styling if needed

package/lib/components/icon/mono-icon.js

@@ -7,7 +7,7 @@ const utils_1 = require("./utils");
 const theme_1 = require("../../modules/theme");
 const color_1 = require("../../utils/color");
 function MonoIcon({ icon, size = 'normal', overrideMode = 'none', interactiveColor, interactiveState, ...props }) {
-    const [isDarkMode] = (0, theme_1.useDarkMode)();
+    const { isDarkMode } = (0, theme_1.useTheme)();
     const currentIcon = generated_icons_1.icons['mono'][icon];
     const interactiveOverrideColor = useInteractiveThemeColor(interactiveColor, interactiveState);
     const darkModeString = colorToMode(overrideMode) ??

package/lib/index.d.ts

@@ -1,11 +1,12 @@
-export { ContactFormConfigProvider, useContactFormConfig, useThemeConfig, useIconConfig, useOrgConfig, useApiConfig, } from './modules/config';
+export { ContactFormConfigProvider, useContactFormConfig, useThemeConfig, useIconConfig, useOrgConfig, useApiConfig, buildEnabledPageIds, } from './modules/config';
 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 type { ContactFormConfig, IconComponent, IconName, IconSet, Theme, ThemeColors, ContrastColor, TransportColors, InteractiveColor, StatusColors, TypographyConfig, ApiConfig, OrgConfig, LayoutConfig, LayoutLinkLabel, PagesConfig, FormSchemaOverrides, FormSchemaName, ContactPage, PageId, ExtraPageId, ExtraContactPage, EnabledPageIdsList, } from './modules/config';
+export { ThemeProvider, useTheme, useHtmlDarkMode } from './modules/theme';
 export { Icon } from './components/icon/icon-wrapper';
 export { MonoIcon } from './components/icon/mono-icon-new';
+export type { MonoIcons } from './components/icon';
 export { ButtonLink, Button } from './components/button';
 export type { ButtonLinkProps, ButtonProps } from './components/button';
 export { Typo } from './components/typography';
@@ -16,10 +17,10 @@ export { FieldWrapperWithError, FileInput, Fieldset, Input, Radio, Select, Texta
 export { Checkbox } from './components/checkbox';
 export { type Line } from './server/journey-planner/validators';
 export { useLines, useTransportModeOptions } from './lines/use-lines';
-export { shouldShowContactPage, scrollToFirstErrorMessage, findFirstErrorMessage, getLineName, findOrderFormFields, } from './utils';
+export { 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 { ContactPageLayout, getContactPages, 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';

package/lib/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/lib/index.js

@@ -17,8 +17,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-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;
+exports.AppTicketRefundContent = exports.RefundFormEvents = exports.RefundTicketForm = exports.FormType = exports.RefundContent = exports.SuccessContent = exports.ErrorContent = exports.ExternalLinkPage = exports.ContactFormContainer = exports.getContactPages = exports.ContactPageLayout = exports.commonInputValidator = exports.findOrderFormFields = exports.getLineName = exports.findFirstErrorMessage = exports.scrollToFirstErrorMessage = 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.useTheme = exports.ThemeProvider = exports.TicketTypeId = exports.buildEnabledPageIds = exports.useApiConfig = exports.useOrgConfig = exports.useIconConfig = exports.useThemeConfig = exports.useContactFormConfig = exports.ContactFormConfigProvider = void 0;
+exports.ContactFormRoot = exports.JourneyInfoContent = exports.TicketingContent = exports.TicketControlPageContent = exports.MeansOfTransportContent = 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; } });
@@ -27,13 +27,13 @@ Object.defineProperty(exports, "useThemeConfig", { enumerable: true, get: functi
 Object.defineProperty(exports, "useIconConfig", { enumerable: true, get: function () { return config_1.useIconConfig; } });
 Object.defineProperty(exports, "useOrgConfig", { enumerable: true, get: function () { return config_1.useOrgConfig; } });
 Object.defineProperty(exports, "useApiConfig", { enumerable: true, get: function () { return config_1.useApiConfig; } });
+Object.defineProperty(exports, "buildEnabledPageIds", { enumerable: true, get: function () { return config_1.buildEnabledPageIds; } });
 var types_1 = require("./types");
 Object.defineProperty(exports, "TicketTypeId", { enumerable: true, get: function () { return types_1.TicketTypeId; } });
 // Theme system (NEW)
 var theme_1 = require("./modules/theme");
 Object.defineProperty(exports, "ThemeProvider", { enumerable: true, get: function () { return theme_1.ThemeProvider; } });
 Object.defineProperty(exports, "useTheme", { enumerable: true, get: function () { return theme_1.useTheme; } });
-Object.defineProperty(exports, "useDarkMode", { enumerable: true, get: function () { return theme_1.useDarkMode; } });
 Object.defineProperty(exports, "useHtmlDarkMode", { enumerable: true, get: function () { return theme_1.useHtmlDarkMode; } });
 // Icon system (NEW)
 var icon_wrapper_1 = require("./components/icon/icon-wrapper");
@@ -73,7 +73,6 @@ 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; } });
@@ -82,7 +81,7 @@ 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; } });
+Object.defineProperty(exports, "getContactPages", { enumerable: true, get: function () { return layouts_1.getContactPages; } });
 Object.defineProperty(exports, "ContactFormContainer", { enumerable: true, get: function () { return layouts_1.ContactFormContainer; } });
 var external_link_page_1 = require("./components/external-link-page");
 Object.defineProperty(exports, "ExternalLinkPage", { enumerable: true, get: function () { return external_link_page_1.ExternalLinkPage; } });

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

@@ -1,24 +1,9 @@
-import { PropsWithChildren } from 'react';
-import { TranslatedString, PageText as StaticPageText } from '../translations';
-import { MonoIcons } from '../components/icon';
-export type ContactPage = {
-    title: TranslatedString;
-    href: string;
-    icon: MonoIcons;
-};
+import { PageText as StaticPageText } from '../translations';
+import type { ContactPage } from '../modules/config';
 /**
- * Standard contact pages (tabs) as defined in the package.
- * This is the default list used when no overrides are provided.
+ * All contact pages (tabs) the package can render, each paired with the form
+ * component it renders. Hosts opt into the ones they want via `pages.enabledPageIds`.
  */
-export declare const getStandardContactPages: (PageText?: typeof StaticPageText) => ContactPage[];
-export declare const contactPages: ContactPage[];
-export type ContactPageLayoutProps = PropsWithChildren<{
-    title: string;
-    backLink?: {
-        href: string;
-        label: TranslatedString | Record<string, string>;
-    };
-}>;
-declare function ContactPageLayout({ children, backLink }: ContactPageLayoutProps): import("react/jsx-runtime").JSX.Element;
-export default ContactPageLayout;
+export declare const getContactPages: (PageText?: typeof StaticPageText) => ContactPage[];
+export default function ContactPageLayout(): string | number | bigint | boolean | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=contact-page-layout.d.ts.map

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,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"}
+{"version":3,"file":"contact-page-layout.d.ts","sourceRoot":"","sources":["../../src/layouts/contact-page-layout.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,QAAQ,IAAI,cAAc,EAI3B,MAAM,iBAAiB,CAAC;AASzB,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAUrD;;;GAGG;AACH,eAAO,MAAM,eAAe,GAC1B,WAAU,OAAO,cAA+B,KAC/C,WAAW,EAyDb,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,iBAAiB,yVA+ExC"}

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

@@ -3,9 +3,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.contactPages = exports.getStandardContactPages = void 0;
+exports.getContactPages = void 0;
+exports.default = ContactPageLayout;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
 const layout_module_css_1 = __importDefault(require("./layout.module.css"));
 const navigation_1 = require("next/navigation");
 const link_1 = __importDefault(require("next/link"));
@@ -13,97 +13,131 @@ const translations_1 = require("../translations");
 const icon_1 = require("../components/icon");
 const button_1 = require("../components/button");
 const typography_1 = require("../components/typography");
+const external_link_page_1 = require("../components/external-link-page");
+const error_content_1 = require("../error-content/error-content");
+const success_content_1 = require("../success-content/success-content");
 const css_1 = require("../utils/css");
 const config_1 = require("../modules/config");
+const ticket_control_1 = __importDefault(require("../ticket-control"));
+const refund_1 = __importDefault(require("../refund"));
+const means_of_transport_1 = __importDefault(require("../means-of-transport"));
+const ticketing_1 = __importDefault(require("../ticketing"));
+const lost_property_1 = __importDefault(require("../lost-property"));
+const lost_property_external_1 = __importDefault(require("../lost-property-external"));
+const group_travel_1 = __importDefault(require("../group-travel"));
+const journey_info_1 = __importDefault(require("../journey-info"));
 /**
- * Standard contact pages (tabs) as defined in the package.
- * This is the default list used when no overrides are provided.
+ * All contact pages (tabs) the package can render, each paired with the form
+ * component it renders. Hosts opt into the ones they want via `pages.enabledPageIds`.
  */
-const getStandardContactPages = (PageText = translations_1.PageText) => [
+const getContactPages = (PageText = translations_1.PageText) => [
     {
+        id: 'ticket-control',
         title: PageText.Contact.ticketControl.title,
-        href: '/contact/ticket-control',
+        slug: 'ticket-control',
         icon: 'ticketing/TicketInvalid',
+        Component: ticket_control_1.default,
     },
     {
+        id: 'refund',
         title: PageText.Contact.refund.title,
-        href: '/contact/refund',
+        slug: 'refund',
         icon: 'transportation-entur/Taxi',
+        Component: refund_1.default,
     },
     {
+        id: 'means-of-transport',
         title: PageText.Contact.modeOfTransport.title,
-        href: '/contact/means-of-transport',
+        slug: 'means-of-transport',
         icon: 'transportation/BusFill',
+        Component: means_of_transport_1.default,
     },
     {
+        id: 'ticketing',
         title: PageText.Contact.ticketing.title,
-        href: '/contact/ticketing',
+        slug: 'ticketing',
         icon: 'devices/Phone',
+        Component: ticketing_1.default,
     },
     {
-        title: PageText.Contact.skoleskyss.title,
-        href: '/contact/skoleskyss',
-        icon: 'ticketing/Student',
+        id: 'lost-property',
+        title: PageText.Contact.lostProperty.title,
+        slug: 'lost-property',
+        icon: 'actions/Support',
+        Component: lost_property_1.default,
     },
     {
+        id: 'lost-property-external',
         title: PageText.Contact.lostProperty.title,
-        href: '/contact/lost-property',
+        slug: 'lost-property',
         icon: 'actions/Support',
+        Component: lost_property_external_1.default,
     },
     {
+        id: 'group-travel',
         title: PageText.Contact.groupTravel.title,
-        href: '/contact/group-travel',
+        slug: 'group-travel',
         icon: 'ticketing/TicketMultiple',
+        Component: group_travel_1.default,
     },
     {
+        id: 'journey-info',
         title: PageText.Contact.journeyInfo.title,
-        href: '/contact/journey-info',
+        slug: 'journey-info',
         icon: 'actions/Feedback',
+        Component: journey_info_1.default,
     },
 ];
-exports.getStandardContactPages = getStandardContactPages;
-// Keep contactPages export for backward compatibility
-exports.contactPages = (0, exports.getStandardContactPages)();
-const pagesWithoutPrivacyAndTerms = ['/contact/group-travel'];
-/**
- * Extract page ID from href (e.g., '/contact/lost-property' -> 'lost-property')
- */
-function getPageIdFromHref(href) {
-    const parts = href.split('/');
-    return parts[parts.length - 1] || '';
-}
-function ContactPageLayout({ children, backLink }) {
-    const PageText = (0, translations_1.usePageText)();
+exports.getContactPages = getContactPages;
+function ContactPageLayout() {
+    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)(PageText);
-        const hidePageIds = pagesOverrides?.hidePageIds || [];
-        return standard.filter((page) => {
-            const pageId = getPageIdFromHref(page.href);
-            return !hidePageIds.includes(pageId);
-        });
-    }, [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);
+    const { pages, layout } = (0, config_1.useContactFormConfig)();
+    const visiblePages = useVisiblePages();
+    const basePath = layout?.basePath ?? '/contact';
+    const successPath = layout?.successPath ?? `${basePath}/success`;
+    const errorPath = layout?.errorPath ?? `${basePath}/error`;
+    if (pathname === successPath) {
+        return layout?.successContent ?? (0, jsx_runtime_1.jsx)(success_content_1.SuccessContent, {});
+    }
+    if (pathname === errorPath) {
+        return layout?.errorContent ?? (0, jsx_runtime_1.jsx)(error_content_1.ErrorContent, {});
+    }
+    const matchedPage = visiblePages.find((page) => pathname.includes(`${basePath}/${page.slug}`));
+    const externalUrl = matchedPage
+        ? pages.externalUrlByPageId?.[matchedPage.id]
+        : undefined;
+    const MatchedComponent = matchedPage?.Component;
+    const body = externalUrl ? ((0, jsx_runtime_1.jsx)(external_link_page_1.ExternalLinkPage, { url: externalUrl })) : MatchedComponent ? ((0, jsx_runtime_1.jsx)(MatchedComponent, {})) : null;
+    const backLink = layout?.backLinkDefault ?? {
+        href: '/',
+        label: pageText.Contact.contactPageLayout.homeLink,
     };
-    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);
-                                    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) }) }))] }));
+    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) => ((0, jsx_runtime_1.jsx)(ContactPageNavLink, { icon: contactPage.icon, title: contactPage.title, href: `${basePath}/${contactPage.slug}`, isActive: pathname.includes(`${basePath}/${contactPage.slug}`), externalUrl: pages.externalUrlByPageId?.[contactPage.id] }, contactPage.id))) })] })] }), body, displayPrivacyAndTerms(matchedPage) && ((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) }) }))] }));
+}
+const pagesWithoutPrivacyAndTerms = ['group-travel'];
+const displayPrivacyAndTerms = (contactPage) => {
+    if (!contactPage)
+        return false;
+    return !pagesWithoutPrivacyAndTerms.includes(contactPage.slug);
+};
+function useVisiblePages() {
+    const pageText = (0, translations_1.usePageText)();
+    const { pages } = (0, config_1.useContactFormConfig)();
+    const allPages = [...(0, exports.getContactPages)(pageText), ...(pages.extraPages ?? [])];
+    return pages.enabledPageIds
+        .map((id) => allPages.find((page) => page.id === id))
+        .filter((page) => page !== undefined);
+}
+function ContactPageNavLink({ icon, title, href, isActive, externalUrl, }) {
+    const { t } = (0, translations_1.useTranslation)();
+    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: icon }), (0, jsx_runtime_1.jsx)(typography_1.Typo.p, { textType: "body__m", children: t(title) })] }));
+    }
+    return ((0, jsx_runtime_1.jsxs)(link_1.default, { shallow: true, href: href, className: linkClassName, children: [(0, jsx_runtime_1.jsx)(icon_1.MonoIcon, { size: "large", icon: icon }), (0, jsx_runtime_1.jsx)(typography_1.Typo.p, { textType: "body__m", children: t(title) })] }));
 }
-exports.default = ContactPageLayout;

package/lib/layouts/index.d.ts

@@ -1,3 +1,3 @@
-export { default as ContactPageLayout, type ContactPageLayoutProps, getStandardContactPages, } from './contact-page-layout';
+export { default as ContactPageLayout, getContactPages, } from './contact-page-layout';
 export { ContactFormContainer, type ContactFormContainerProps, } from './contact-form-container';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/layouts/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,IAAI,iBAAiB,EAC5B,KAAK,sBAAsB,EAC3B,uBAAuB,GACxB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EACL,oBAAoB,EACpB,KAAK,yBAAyB,GAC/B,MAAM,0BAA0B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/layouts/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,IAAI,iBAAiB,EAC5B,eAAe,GAChB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EACL,oBAAoB,EACpB,KAAK,yBAAyB,GAC/B,MAAM,0BAA0B,CAAC"}

package/lib/layouts/index.js

@@ -3,9 +3,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ContactFormContainer = exports.getStandardContactPages = exports.ContactPageLayout = void 0;
+exports.ContactFormContainer = exports.getContactPages = exports.ContactPageLayout = void 0;
 var contact_page_layout_1 = require("./contact-page-layout");
 Object.defineProperty(exports, "ContactPageLayout", { enumerable: true, get: function () { return __importDefault(contact_page_layout_1).default; } });
-Object.defineProperty(exports, "getStandardContactPages", { enumerable: true, get: function () { return contact_page_layout_1.getStandardContactPages; } });
+Object.defineProperty(exports, "getContactPages", { enumerable: true, get: function () { return contact_page_layout_1.getContactPages; } });
 var contact_form_container_1 = require("./contact-form-container");
 Object.defineProperty(exports, "ContactFormContainer", { enumerable: true, get: function () { return contact_form_container_1.ContactFormContainer; } });

package/lib/lost-property-external/index.d.ts

@@ -0,0 +1,2 @@
+export default function LostPropertyExternalFormContent(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/lib/lost-property-external/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lost-property-external/index.tsx"],"names":[],"mappings":"AAMA,MAAM,CAAC,OAAO,UAAU,+BAA+B,4CAmBtD"}

package/lib/lost-property-external/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = LostPropertyExternalFormContent;
+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 LostPropertyExternalFormContent() {
+    const PageText = (0, translations_1.usePageText)();
+    const { t } = (0, translations_1.useTranslation)();
+    return ((0, jsx_runtime_1.jsx)(components_1.SectionCard, { title: t(PageText.Contact.lostProperty.title), children: (0, jsx_runtime_1.jsxs)(typography_1.Typo.p, { textType: "body__m", children: [t(PageText.Contact.lostProperty.description.info), ' ', (0, jsx_runtime_1.jsx)(link_1.default, { className: contact_module_css_1.default.link, href: t(PageText.Contact.lostProperty.description.url), target: "_blank", rel: "noopener noreferrer", children: t(PageText.Contact.lostProperty.description.externalLink) })] }) }));
+}