@mrfylke/contact-form 0.1.3

package/lib/contact.module.css

@@ -0,0 +1,76 @@
+@value typo-body__s from "@atb-as/theme/lib/generated/typography.module.css";
+
+.form {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    gap: token('spacing.large');
+}
+
+.form_options__list {
+    list-style-type: none;
+}
+
+.rules__list {
+    padding-left: token('spacing.xLarge');
+}
+
+.rules__list > li {
+    padding: token('spacing.xSmall') 0;
+}
+
+.feedback {
+    composes: typo-body__s;
+    padding: token('spacing.small');
+    color: token('color.background.neutral.0.foreground.primary');
+    outline: 0;
+    background: none;
+    border-radius: 0.75rem;
+    max-width: 100%;
+}
+
+.feedback::placeholder {
+    color: token('color.foreground.dynamic.secondary');
+    opacity: 1;
+}
+
+.feedback:focus-within {
+    outline: 0;
+    box-shadow: inset 0 0 0 token('border.width.medium') token('color.interactive.2.outline.background');
+}
+
+.feedback__error {
+    border-color: token('color.status.error.primary.background');
+}
+
+.feedback_label__error {
+    background-color: token('color.status.error.primary.background');
+    outline: 0;
+    padding: token('spacing.small');
+    color: token('color.status.error.primary.foreground.primary');
+}
+
+.submitButton {
+    margin: token('spacing.large');
+    margin-top: 0px;
+    max-width: 6rem;
+    text-align: center;
+}
+
+@media (max-width: 600px) {
+    .submitButton {
+        max-width: none;
+    }
+}
+
+.extraInfo {
+    display: flex;
+    flex-direction: column;
+    gap: token('spacing.small');
+}
+
+.extraInfo__buttonContainer {
+    display: flex;
+    flex-direction: row;
+    gap: token('spacing.small');
+}

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

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

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

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

package/lib/error-content/error-content.js

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ErrorContent = ErrorContent;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const error_content_module_css_1 = __importDefault(require("./error-content.module.css"));
+const translations_1 = require("../translations");
+const button_1 = require("../components/button");
+const icon_1 = require("../components/icon");
+const typography_1 = require("../components/typography");
+const config_1 = require("../modules/config");
+function ErrorContent() {
+    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) })] }));
+}

package/lib/error-content/error-content.module.css

@@ -0,0 +1,11 @@
+.container {
+    display: flex;
+    flex-direction: column;
+    gap: token('spacing.large');
+
+    height: 100%;
+    max-width: var(--maxPageWidth);
+
+    margin: 0 auto;
+    padding: token('spacing.xLarge');
+}

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

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

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

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

package/lib/group-travel/index.js

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = GroupTravelContent;
+const jsx_runtime_1 = require("react/jsx-runtime");
+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 { 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) })] }) }));
+}

package/lib/index.d.ts

@@ -0,0 +1,25 @@
+export { ContactFormConfigProvider, useContactFormConfig, useThemeConfig, useIconConfig, useOrgConfig, useApiConfig, } from './modules/config';
+export type { TicketControlSubmitPayload, RefundSubmitPayload, MeansOfTransportSubmitPayload, TicketingSubmitPayload, JourneyInfoSubmitPayload, } 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 { type Line } from './server/journey-planner/validators';
+export { useLines, useTransportModeOptions } from './lines/use-lines';
+export { shouldShowContactPage } from './utils';
+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 { default as MeansOfTransportContent } from './means-of-transport';
+export { default as TicketControlPageContent } from './ticket-control';
+export { default as TicketingContent } from './ticketing';
+export { default as JourneyInfoContent } from './journey-info';
+export * from './translations';
+export { ContactFormRoot } from './ContactFormRoot';
+//# sourceMappingURL=index.d.ts.map

package/lib/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EACH,yBAAyB,EACzB,oBAAoB,EACpB,cAAc,EACd,aAAa,EACb,YAAY,EACZ,YAAY,GACf,MAAM,kBAAkB,CAAC;AAC1B,YAAY,EACR,0BAA0B,EAC1B,mBAAmB,EACnB,6BAA6B,EAC7B,sBAAsB,EACtB,wBAAwB,GAC3B,MAAM,yBAAyB,CAAC;AACjC,YAAY,EACR,iBAAiB,EACjB,yBAAyB,EACzB,UAAU,EACV,oBAAoB,GACvB,MAAM,SAAS,CAAC;AACjB,OAAO,EAAC,YAAY,EAAC,MAAM,SAAS,CAAC;AACrC,YAAY,EACR,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,GACjB,MAAM,kBAAkB,CAAC;AAG1B,OAAO,EAAC,aAAa,EAAE,QAAQ,EAAE,WAAW,EAAE,eAAe,EAAC,MAAM,iBAAiB,CAAC;AAGtF,OAAO,EAAC,IAAI,EAAC,MAAM,gCAAgC,CAAC;AACpD,OAAO,EAAC,QAAQ,EAAC,MAAM,iCAAiC,CAAC;AAGzD,OAAO,EAAC,UAAU,EAAC,MAAM,qBAAqB,CAAC;AAC/C,YAAY,EAAC,eAAe,EAAC,MAAM,qBAAqB,CAAC;AAGzD,OAAO,EAAC,KAAK,IAAI,EAAC,MAAM,qCAAqC,CAAC;AAC9D,OAAO,EAAC,QAAQ,EAAE,uBAAuB,EAAC,MAAM,mBAAmB,CAAC;AACpE,OAAO,EAAC,qBAAqB,EAAC,MAAM,SAAS,CAAC;AAC9C,OAAO,EACH,iBAAiB,EACjB,KAAK,sBAAsB,EAC3B,uBAAuB,EACvB,oBAAoB,EACpB,KAAK,yBAAyB,GACjC,MAAM,WAAW,CAAC;AACnB,OAAO,EAAC,gBAAgB,EAAE,KAAK,qBAAqB,EAAC,MAAM,iCAAiC,CAAC;AAC7F,OAAO,EAAC,YAAY,EAAC,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAC,cAAc,EAAC,MAAM,mCAAmC,CAAC;AACjE,OAAO,EAAC,OAAO,IAAI,aAAa,EAAC,MAAM,UAAU,CAAC;AAClD,OAAO,EAAC,OAAO,IAAI,uBAAuB,EAAC,MAAM,sBAAsB,CAAC;AACxE,OAAO,EAAC,OAAO,IAAI,wBAAwB,EAAC,MAAM,kBAAkB,CAAC;AACrE,OAAO,EAAC,OAAO,IAAI,gBAAgB,EAAC,MAAM,aAAa,CAAC;AACxD,OAAO,EAAC,OAAO,IAAI,kBAAkB,EAAC,MAAM,gBAAgB,CAAC;AAC7D,cAAc,gBAAgB,CAAC;AAG/B,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAC"}

package/lib/index.js

@@ -0,0 +1,73 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+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;
+// Configuration system (NEW - required for setup)
+var config_1 = require("./modules/config");
+Object.defineProperty(exports, "ContactFormConfigProvider", { enumerable: true, get: function () { return config_1.ContactFormConfigProvider; } });
+Object.defineProperty(exports, "useContactFormConfig", { enumerable: true, get: function () { return config_1.useContactFormConfig; } });
+Object.defineProperty(exports, "useThemeConfig", { enumerable: true, get: function () { return config_1.useThemeConfig; } });
+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; } });
+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");
+Object.defineProperty(exports, "Icon", { enumerable: true, get: function () { return icon_wrapper_1.Icon; } });
+var mono_icon_new_1 = require("./components/icon/mono-icon-new");
+Object.defineProperty(exports, "MonoIcon", { enumerable: true, get: function () { return mono_icon_new_1.MonoIcon; } });
+// Button components
+var button_1 = require("./components/button");
+Object.defineProperty(exports, "ButtonLink", { enumerable: true, get: function () { return button_1.ButtonLink; } });
+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; } });
+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, "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; } });
+var error_content_1 = require("./error-content/error-content");
+Object.defineProperty(exports, "ErrorContent", { enumerable: true, get: function () { return error_content_1.ErrorContent; } });
+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 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");
+Object.defineProperty(exports, "TicketControlPageContent", { enumerable: true, get: function () { return __importDefault(ticket_control_1).default; } });
+var ticketing_1 = require("./ticketing");
+Object.defineProperty(exports, "TicketingContent", { enumerable: true, get: function () { return __importDefault(ticketing_1).default; } });
+var journey_info_1 = require("./journey-info");
+Object.defineProperty(exports, "JourneyInfoContent", { enumerable: true, get: function () { return __importDefault(journey_info_1).default; } });
+__exportStar(require("./translations"), exports);
+// High-level wrapper entrypoint
+var ContactFormRoot_1 = require("./ContactFormRoot");
+Object.defineProperty(exports, "ContactFormRoot", { enumerable: true, get: function () { return ContactFormRoot_1.ContactFormRoot; } });

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

@@ -0,0 +1,14 @@
+import { commonEvents } from '../commoneEvents';
+declare const journeyInfoSpecificFormEvents: {
+    type: "ON_INPUT_CHANGE";
+    inputName: "question";
+    value: string | boolean;
+} | {
+    type: "ON_SET_STATE";
+} | {
+    type: "SUBMIT";
+    orderedFormFieldNames: string[];
+};
+export declare const journeyInfoFormEvents: typeof commonEvents | typeof journeyInfoSpecificFormEvents;
+export {};
+//# sourceMappingURL=events.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"events.d.ts","sourceRoot":"","sources":["../../src/journey-info/events.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAC,MAAM,kBAAkB,CAAC;AAE9C,QAAA,MAAM,6BAA6B,EAC7B;IACF,IAAI,EAAE,iBAAiB,CAAC;IACxB,SAAS,EAAE,UAAU,CAAC;IACtB,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC;CAC3B,GACK;IACF,IAAI,EAAE,cAAc,CAAC;CACxB,GACK;IACF,IAAI,EAAE,QAAQ,CAAC;IACf,qBAAqB,EAAE,MAAM,EAAE,CAAC;CACnC,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAC5B,OAAO,YAAY,GACnB,OAAO,6BAA6B,CAAC"}

package/lib/journey-info/events.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.journeyInfoFormEvents = void 0;
+const journeyInfoSpecificFormEvents = {};
+exports.journeyInfoFormEvents = {};

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

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

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

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

package/lib/journey-info/index.js

@@ -0,0 +1,66 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = JourneyInfoContent;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@xstate/react");
+const react_2 = require("react");
+const config_1 = require("../modules/config");
+const journeyInfoStateMachine_1 = require("./journeyInfoStateMachine");
+const components_1 = require("../components");
+const contact_module_css_1 = __importDefault(require("../contact.module.css"));
+const utils_1 = require("../utils");
+const translations_1 = require("../translations");
+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 { t } = (0, translations_1.useTranslation)();
+    const apiConfig = (0, config_1.useApiConfig)();
+    const { layout } = (0, config_1.useContactFormConfig)();
+    const successPath = layout?.successPath ?? (layout?.basePath ? `${layout.basePath}/success` : '/contact/success');
+    const errorPath = layout?.errorPath ?? (layout?.basePath ? `${layout.basePath}/error` : '/contact/error');
+    const machine = (0, react_2.useMemo)(() => (0, journeyInfoStateMachine_1.createJourneyInfoStateMachine)(apiConfig.onSubmit, {
+        successPath,
+        errorPath,
+    }), [apiConfig.onSubmit, successPath, errorPath]);
+    const [state, send] = (0, react_1.useMachine)(machine);
+    const onSubmit = async (e) => {
+        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: {
+                                        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({
+                            type: 'ON_INPUT_CHANGE',
+                            inputName: 'question',
+                            value: e.target.value,
+                        }), error: state.context.errorMessages['question']?.[0]
+                            ? t(state.context.errorMessages['question']?.[0])
+                            : undefined, fileInputProps: {
+                            id: 'attachments',
+                            name: 'attachments',
+                            iconLabel: t(translations_1.PageText.Contact.journeyInfo.input.question.attachment),
+                            onChange: (files) => {
+                                send({
+                                    type: 'ON_INPUT_CHANGE',
+                                    inputName: 'attachments',
+                                    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({
+                            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({
+                            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({
+                            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 })] }));
+}

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

@@ -0,0 +1,179 @@
+import { InputErrorMessages } from '../validation';
+import type { FormSchemaName } from '../modules/config/types';
+type SubmitInput = {
+    attachments?: File[];
+    firstName?: string;
+    lastName?: string;
+    email?: string;
+    question?: string;
+};
+export type JourneyInfoContextType = {
+    attachments?: File[];
+    firstName?: string;
+    lastName?: string;
+    email?: string;
+    question?: string;
+    errorMessages: InputErrorMessages;
+    firstIncorrectErrorMessage?: string;
+    hasSubmissionError?: boolean;
+};
+export type MachinePaths = {
+    successPath: string;
+    errorPath: string;
+};
+export declare function createJourneyInfoStateMachine(onSubmit: (schemaName: FormSchemaName, state: Record<string, unknown>) => Promise<Response>, paths?: MachinePaths): import("xstate").StateMachine<JourneyInfoContextType, {
+    type: "VALIDATE";
+} | {
+    type: "ON_INPUT_CHANGE";
+    inputName: "address" | "attachments" | "bankAccountNumber" | "city" | "date" | "email" | "firstName" | "feedback" | "IBAN" | "lastName" | "phoneNumber" | "postalCode" | "SWIFT" | "toStop" | "fromStop" | "plannedDepartureTime";
+    value: any;
+} | {
+    type: "ON_TRANSPORTMODE_CHANGE";
+    value: import("..").TransportModeType;
+} | {
+    type: "ON_LINE_CHANGE";
+    value: import("..").Line | undefined;
+} | {
+    type: "ON_INPUT_CHANGE";
+    inputName: "question";
+    value: string | boolean;
+} | {
+    type: "ON_SET_STATE";
+} | {
+    type: "SUBMIT";
+    orderedFormFieldNames: string[];
+}, {
+    [x: string]: import("xstate").ActorRefFromLogic<import("xstate").PromiseActorLogic<true, SubmitInput, import("xstate").EventObject>> | undefined;
+}, {
+    src: "submit";
+    logic: import("xstate").PromiseActorLogic<true, SubmitInput, import("xstate").EventObject>;
+    id: string | undefined;
+}, {
+    type: "navigateToErrorPage";
+    params: unknown;
+} | {
+    type: "navigateToSuccessPage";
+    params: unknown;
+} | {
+    type: "clearValidationErrors";
+    params: unknown;
+} | {
+    type: "setValidationErrors";
+    params: unknown;
+} | {
+    type: "scrollToFirstErrorMessage";
+    params: unknown;
+} | {
+    type: "setSubmissionError";
+    params: unknown;
+} | {
+    type: "clearSubmissionError";
+    params: unknown;
+} | {
+    type: "onInputChange";
+    params: unknown;
+}, {
+    type: "isFormValid";
+    params: unknown;
+}, never, "success" | "validating" | "submitting" | {
+    editing: "journeyInfo" | "selectJourneyInfoForm";
+}, string, import("xstate").NonReducibleUnknown, import("xstate").NonReducibleUnknown, import("xstate").EventObject, import("xstate").MetaObject, {
+    id: "journeyInfoStateMachine";
+    states: {
+        readonly editing: {
+            states: {
+                readonly selectJourneyInfoForm: {};
+                readonly journeyInfo: {
+                    id: "journeyInfo";
+                };
+                readonly history: {};
+            };
+        };
+        readonly validating: {
+            id: "validating";
+        };
+        readonly submitting: {
+            id: "submitting";
+        };
+        readonly success: {};
+    };
+}>;
+export declare const journeyInfoStateMachine: import("xstate").StateMachine<JourneyInfoContextType, {
+    type: "VALIDATE";
+} | {
+    type: "ON_INPUT_CHANGE";
+    inputName: "address" | "attachments" | "bankAccountNumber" | "city" | "date" | "email" | "firstName" | "feedback" | "IBAN" | "lastName" | "phoneNumber" | "postalCode" | "SWIFT" | "toStop" | "fromStop" | "plannedDepartureTime";
+    value: any;
+} | {
+    type: "ON_TRANSPORTMODE_CHANGE";
+    value: import("..").TransportModeType;
+} | {
+    type: "ON_LINE_CHANGE";
+    value: import("..").Line | undefined;
+} | {
+    type: "ON_INPUT_CHANGE";
+    inputName: "question";
+    value: string | boolean;
+} | {
+    type: "ON_SET_STATE";
+} | {
+    type: "SUBMIT";
+    orderedFormFieldNames: string[];
+}, {
+    [x: string]: import("xstate").ActorRefFromLogic<import("xstate").PromiseActorLogic<true, SubmitInput, import("xstate").EventObject>> | undefined;
+}, {
+    src: "submit";
+    logic: import("xstate").PromiseActorLogic<true, SubmitInput, import("xstate").EventObject>;
+    id: string | undefined;
+}, {
+    type: "navigateToErrorPage";
+    params: unknown;
+} | {
+    type: "navigateToSuccessPage";
+    params: unknown;
+} | {
+    type: "clearValidationErrors";
+    params: unknown;
+} | {
+    type: "setValidationErrors";
+    params: unknown;
+} | {
+    type: "scrollToFirstErrorMessage";
+    params: unknown;
+} | {
+    type: "setSubmissionError";
+    params: unknown;
+} | {
+    type: "clearSubmissionError";
+    params: unknown;
+} | {
+    type: "onInputChange";
+    params: unknown;
+}, {
+    type: "isFormValid";
+    params: unknown;
+}, never, "success" | "validating" | "submitting" | {
+    editing: "journeyInfo" | "selectJourneyInfoForm";
+}, string, import("xstate").NonReducibleUnknown, import("xstate").NonReducibleUnknown, import("xstate").EventObject, import("xstate").MetaObject, {
+    id: "journeyInfoStateMachine";
+    states: {
+        readonly editing: {
+            states: {
+                readonly selectJourneyInfoForm: {};
+                readonly journeyInfo: {
+                    id: "journeyInfo";
+                };
+                readonly history: {};
+            };
+        };
+        readonly validating: {
+            id: "validating";
+        };
+        readonly submitting: {
+            id: "submitting";
+        };
+        readonly success: {};
+    };
+}>;
+export {};
+//# sourceMappingURL=journeyInfoStateMachine.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"journeyInfoStateMachine.d.ts","sourceRoot":"","sources":["../../src/journey-info/journeyInfoStateMachine.ts"],"names":[],"mappings":"AAMA,OAAO,EAAuB,kBAAkB,EAAC,MAAM,eAAe,CAAC;AAEvE,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,yBAAyB,CAAC;AAE5D,KAAK,WAAW,GAAG;IACf,WAAW,CAAC,EAAE,IAAI,EAAE,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACjC,WAAW,CAAC,EAAE,IAAI,EAAE,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,EAAE,kBAAkB,CAAC;IAClC,0BAA0B,CAAC,EAAE,MAAM,CAAC;IACpC,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAChC,CAAC;AAaF,MAAM,MAAM,YAAY,GAAG;IAAE,WAAW,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE,CAAC;AAEtE,wBAAgB,6BAA6B,CACzC,QAAQ,EAAE,CAAC,UAAU,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,OAAO,CAAC,QAAQ,CAAC,EAC3F,KAAK,CAAC,EAAE,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0JvB;AAED,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAOnC,CAAC"}