@mrfylke/contact-form 0.1.33 → 0.1.35

package/README.md

@@ -108,28 +108,6 @@ const onSubmit = async (
 };
 ```
 
-See `FormSlug` for the full set of possible values.
-
-### Routing submissions to different endpoints
-
-```ts
-const onSubmit = async (slug: FormSlug, state) => {
-  const endpointMap: Record<FormSlug, string> = {
-    'ticket-control':    '/api/contact/ticket-control',
-    refund:              '/api/contact/refund',
-    'means-of-transport': '/api/contact/means-of-transport',
-    ticketing:           '/api/contact/ticketing',
-    'journey-info':      '/api/contact/journey-info',
-    'lost-property':     '/api/contact/lost-property',
-  };
-  return fetch(endpointMap[slug], {
-    method: 'POST',
-    headers: { 'Content-Type': 'application/json' },
-    body: JSON.stringify(state),
-  });
-};
-```
-
 ### Payload types
 
 Import these in your API handlers to type-check incoming data:

package/lib/commoneEvents.d.ts

@@ -5,7 +5,7 @@ export declare const commonEvents: {
 } | {
     type: "ON_INPUT_CHANGE";
     inputName: "address" | "attachments" | "bankAccountNumber" | "city" | "date" | "email" | "firstName" | "feedback" | "IBAN" | "lastName" | "phoneNumber" | "postalCode" | "SWIFT" | "toStop" | "fromStop" | "plannedDepartureTime" | "tripId";
-    value: any;
+    value: unknown;
 } | {
     type: "ON_TRANSPORTMODE_CHANGE";
     value: TransportModeType;

package/lib/commoneEvents.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"commoneEvents.d.ts","sourceRoot":"","sources":["../src/commoneEvents.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AAEzB,eAAO,MAAM,YAAY,EACrB;IAAE,IAAI,EAAE,UAAU,CAAA;CAAE,GACpB;IACE,IAAI,EAAE,iBAAiB,CAAC;IACxB,SAAS,EACL,SAAS,GACT,aAAa,GACb,mBAAmB,GACnB,MAAM,GACN,MAAM,GACN,OAAO,GACP,WAAW,GACX,UAAU,GACV,MAAM,GACN,UAAU,GACV,aAAa,GACb,YAAY,GACZ,OAAO,GACP,QAAQ,GACR,UAAU,GACV,sBAAsB,GACtB,QAAQ,CAAC;IACb,KAAK,EAAE,GAAG,CAAC;CACZ,GACD;IACE,IAAI,EAAE,yBAAyB,CAAC;IAChC,KAAK,EAAE,iBAAiB,CAAC;CAC1B,GACD;IACE,IAAI,EAAE,gBAAgB,CAAC;IACvB,KAAK,EAAE,IAAI,GAAG,SAAS,CAAC;CACzB,CAAC"}
+{"version":3,"file":"commoneEvents.d.ts","sourceRoot":"","sources":["../src/commoneEvents.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AAEzB,eAAO,MAAM,YAAY,EACrB;IAAE,IAAI,EAAE,UAAU,CAAA;CAAE,GACpB;IACE,IAAI,EAAE,iBAAiB,CAAC;IACxB,SAAS,EACL,SAAS,GACT,aAAa,GACb,mBAAmB,GACnB,MAAM,GACN,MAAM,GACN,OAAO,GACP,WAAW,GACX,UAAU,GACV,MAAM,GACN,UAAU,GACV,aAAa,GACb,YAAY,GACZ,OAAO,GACP,QAAQ,GACR,UAAU,GACV,sBAAsB,GACtB,QAAQ,CAAC;IACb,KAAK,EAAE,OAAO,CAAC;CAChB,GACD;IACE,IAAI,EAAE,yBAAyB,CAAC;IAChC,KAAK,EAAE,iBAAiB,CAAC;CAC1B,GACD;IACE,IAAI,EAAE,gBAAgB,CAAC;IACvB,KAAK,EAAE,IAAI,GAAG,SAAS,CAAC;CACzB,CAAC"}

package/lib/components/form/date-selector.d.ts

@@ -1,3 +1,4 @@
+import { DateValue } from '@internationalized/date';
 import { TranslatedString } from '../../translations';
 export type DateSelectorProps = {
     id: string;
@@ -5,7 +6,9 @@ export type DateSelectorProps = {
     value?: string;
     isRequired?: boolean;
     errorMessage?: TranslatedString;
+    minValue?: DateValue;
+    maxValue?: DateValue;
     onChange: (value: string) => void;
 };
-export default function DateSelector({ id, label, value, isRequired, errorMessage, onChange, }: DateSelectorProps): import("react").JSX.Element;
+export default function DateSelector({ id, label, value, isRequired, errorMessage, minValue, maxValue, onChange, }: DateSelectorProps): import("react").JSX.Element;
 //# sourceMappingURL=date-selector.d.ts.map

package/lib/components/form/date-selector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"date-selector.d.ts","sourceRoot":"","sources":["../../../src/components/form/date-selector.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAAE,gBAAgB,EAAkB,MAAM,oBAAoB,CAAC;AAItE,MAAM,MAAM,iBAAiB,GAAG;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,EAAE,EACF,KAAK,EACL,KAAK,EACL,UAAU,EACV,YAAY,EACZ,QAAQ,GACT,EAAE,iBAAiB,+BA0EnB"}
+{"version":3,"file":"date-selector.d.ts","sourceRoot":"","sources":["../../../src/components/form/date-selector.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAmB,MAAM,yBAAyB,CAAC;AAgBrE,OAAO,EAAE,gBAAgB,EAAkB,MAAM,oBAAoB,CAAC;AAItE,MAAM,MAAM,iBAAiB,GAAG;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,EAAE,EACF,KAAK,EACL,KAAK,EACL,UAAU,EACV,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,QAAQ,GACT,EAAE,iBAAiB,+BA4EnB"}

package/lib/components/form/date-selector.js

@@ -13,11 +13,11 @@ const form_component_label_1 = __importDefault(require("./form-component-label")
 const translations_1 = require("../../translations");
 const icon_1 = require("../icon");
 const error_message_1 = require("../error-message");
-function DateSelector({ id, label, value, isRequired, errorMessage, onChange, }) {
+function DateSelector({ id, label, value, isRequired, errorMessage, minValue, maxValue, onChange, }) {
     const { t } = (0, translations_1.useTranslation)();
     const zonedDateTime = (0, react_1.useMemo)(() => (value ? (0, date_1.fromDate)(new Date(value), 'Europe/Oslo') : null), [value]);
     return ((0, jsx_runtime_1.jsxs)("div", { className: form_module_css_1.default.dateSelectorContainer, children: [(0, jsx_runtime_1.jsxs)(react_aria_components_1.DatePicker, { granularity: "day", value: zonedDateTime, onChange: (e) => e && onChange(e.toString().slice(0, 10)), onOpenChange: (isOpen) => {
                     if (isOpen && !value)
                         onChange((0, date_1.today)('Europe/Oslo').toString());
-                }, className: form_module_css_1.default.dateSelector, shouldForceLeadingZeros: true, "aria-label": label, "aria-labelledby": `label-${id}`, children: [(0, jsx_runtime_1.jsx)(form_component_label_1.default, { label: label, id: `label-${id}`, isRequired: isRequired }), (0, jsx_runtime_1.jsxs)(react_aria_components_1.Group, { className: form_module_css_1.default.calendarSelectorGroup, children: [(0, jsx_runtime_1.jsx)(react_aria_components_1.DateInput, { className: form_module_css_1.default.dateSelectorInput, children: (segment) => ((0, jsx_runtime_1.jsx)(react_aria_components_1.DateSegment, { segment: segment, className: form_module_css_1.default.dateSelectorSegment })) }), (0, jsx_runtime_1.jsx)(react_aria_components_1.Button, { className: form_module_css_1.default.calendarButton, children: (0, jsx_runtime_1.jsx)(icon_1.MonoIcon, { icon: "time/Date" }) })] }), (0, jsx_runtime_1.jsx)(react_aria_components_1.Popover, { className: form_module_css_1.default.calendarDialog, placement: "bottom right", children: (0, jsx_runtime_1.jsx)(react_aria_components_1.Dialog, { children: (0, jsx_runtime_1.jsxs)(react_aria_components_1.Calendar, { children: [(0, jsx_runtime_1.jsxs)("header", { className: form_module_css_1.default.calendarDialog__header, children: [(0, jsx_runtime_1.jsx)(react_aria_components_1.Button, { slot: "previous", className: form_module_css_1.default.calendarDialog__headerButtons, children: (0, jsx_runtime_1.jsx)(icon_1.MonoIcon, { icon: "navigation/ArrowLeft" }) }), (0, jsx_runtime_1.jsx)(react_aria_components_1.Heading, { className: form_module_css_1.default.calendarDialog__title }), (0, jsx_runtime_1.jsx)(react_aria_components_1.Button, { slot: "next", className: form_module_css_1.default.calendarDialog__headerButtons, children: (0, jsx_runtime_1.jsx)(icon_1.MonoIcon, { icon: "navigation/ArrowRight" }) })] }), (0, jsx_runtime_1.jsx)(react_aria_components_1.CalendarGrid, { className: form_module_css_1.default.calendarGrid, children: (date) => ((0, jsx_runtime_1.jsx)(react_aria_components_1.CalendarCell, { date: date, className: form_module_css_1.default.calendarGrid__cell })) })] }) }) })] }), (0, jsx_runtime_1.jsx)("input", { id: `date_selector__${id}`, type: "hidden", value: value ?? '' }), errorMessage && (0, jsx_runtime_1.jsx)(error_message_1.ErrorMessage, { message: t(errorMessage) })] }));
+                }, minValue: minValue, maxValue: maxValue, className: form_module_css_1.default.dateSelector, shouldForceLeadingZeros: true, "aria-label": label, "aria-labelledby": `label-${id}`, children: [(0, jsx_runtime_1.jsx)(form_component_label_1.default, { label: label, id: `label-${id}`, isRequired: isRequired }), (0, jsx_runtime_1.jsxs)(react_aria_components_1.Group, { className: form_module_css_1.default.calendarSelectorGroup, children: [(0, jsx_runtime_1.jsx)(react_aria_components_1.DateInput, { className: form_module_css_1.default.dateSelectorInput, children: (segment) => ((0, jsx_runtime_1.jsx)(react_aria_components_1.DateSegment, { segment: segment, className: form_module_css_1.default.dateSelectorSegment })) }), (0, jsx_runtime_1.jsx)(react_aria_components_1.Button, { className: form_module_css_1.default.calendarButton, children: (0, jsx_runtime_1.jsx)(icon_1.MonoIcon, { icon: "time/Date" }) })] }), (0, jsx_runtime_1.jsx)(react_aria_components_1.Popover, { className: form_module_css_1.default.calendarDialog, placement: "bottom right", children: (0, jsx_runtime_1.jsx)(react_aria_components_1.Dialog, { children: (0, jsx_runtime_1.jsxs)(react_aria_components_1.Calendar, { children: [(0, jsx_runtime_1.jsxs)("header", { className: form_module_css_1.default.calendarDialog__header, children: [(0, jsx_runtime_1.jsx)(react_aria_components_1.Button, { slot: "previous", className: form_module_css_1.default.calendarDialog__headerButtons, children: (0, jsx_runtime_1.jsx)(icon_1.MonoIcon, { icon: "navigation/ArrowLeft" }) }), (0, jsx_runtime_1.jsx)(react_aria_components_1.Heading, { className: form_module_css_1.default.calendarDialog__title }), (0, jsx_runtime_1.jsx)(react_aria_components_1.Button, { slot: "next", className: form_module_css_1.default.calendarDialog__headerButtons, children: (0, jsx_runtime_1.jsx)(icon_1.MonoIcon, { icon: "navigation/ArrowRight" }) })] }), (0, jsx_runtime_1.jsx)(react_aria_components_1.CalendarGrid, { className: form_module_css_1.default.calendarGrid, children: (date) => ((0, jsx_runtime_1.jsx)(react_aria_components_1.CalendarCell, { date: date, className: form_module_css_1.default.calendarGrid__cell })) })] }) }) })] }), (0, jsx_runtime_1.jsx)("input", { id: `date_selector__${id}`, type: "hidden", value: value ?? '' }), errorMessage && (0, jsx_runtime_1.jsx)(error_message_1.ErrorMessage, { message: t(errorMessage) })] }));
 }

package/lib/components/form/form.module.css

@@ -131,32 +131,6 @@
   background: token('color.background.neutral.1.background');
 }
 
-.label_container {
-  display: flex;
-  justify-content: space-between;
-}
-
-/* Icon button */
-.iconButton {
-  background: transparent;
-  padding: 0;
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  border: none;
-  border-radius: 50%;
-}
-
-.iconButton:focus {
-  outline: 2px solid token('color.interactive.2.outline.background');
-  outline-offset: 2px;
-}
-
-.iconButton:hover {
-  background-color: token('color.interactive.2.hover.background');
-  color: token('color.interactive.2.hover.foreground.primary');
-}
-
 /* textare */
 .textarea_container {
   display: flex;
@@ -229,54 +203,6 @@
   gap: token('spacing.small');
 }
 
-/* modal */
-.modal_wrapper {
-  position: fixed;
-  z-index: 200;
-  top: 0;
-  left: 0;
-  bottom: 0;
-  right: 0;
-  background: rgba(0, 0, 0, 0.5);
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-}
-
-.modal_content {
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  max-width: 32rem;
-  padding: token('spacing.large');
-  border: token('border.width.medium') solid
-    token('color.interactive.2.outline.background'); /* Use border property */
-  box-shadow: inset 0 0 0 token('border.width.medium')
-    token('color.interactive.2.outline.background');
-  color: token('color.background.neutral.0.foreground.primary');
-  background-color: token('color.background.neutral.0.background');
-  border-radius: token('border.radius.regular');
-}
-
-.modal_content > * + * {
-  margin-top: token('spacing.small');
-}
-
-.modal_header {
-  display: flex;
-  justify-content: space-between;
-}
-
-.modal__rules_list {
-  padding: token('spacing.medium');
-  padding-left: token('spacing.xLarge');
-}
-
-.modal__rules_list > li {
-  padding: token('spacing.xSmall') 0;
-}
-
 /* select and searchable-select*/
 .select__select_container,
 .searchable_select__comboBox {

package/lib/components/form/input.d.ts

@@ -3,15 +3,11 @@ import { TranslatedString } from '../../translations';
 type InputProps = {
     id: string;
     label: string;
-    modalContent?: {
-        description?: string;
-        instruction?: string;
-        bulletPoints?: string[];
-    };
+    description?: string;
     isRequired?: boolean;
     errorMessage?: TranslatedString;
     onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
 } & React.JSX.IntrinsicElements['input'];
-export declare const Input: ({ id, label, errorMessage, type, name, checked, value, modalContent, disabled, onChange, placeholder, isRequired, }: InputProps) => React.JSX.Element;
+export declare const Input: ({ id, label, description, errorMessage, type, name, checked, value, disabled, onChange, placeholder, isRequired, }: InputProps) => React.JSX.Element;
 export default Input;
 //# sourceMappingURL=input.d.ts.map

package/lib/components/form/input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/components/form/input.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAY,MAAM,OAAO,CAAC;AAGrD,OAAO,EACL,gBAAgB,EAGjB,MAAM,oBAAoB,CAAC;AAM5B,KAAK,UAAU,GAAG;IAChB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE;QACb,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;KACzB,CAAC;IACF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CAC3D,GAAG,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC;AAEzC,eAAO,MAAM,KAAK,GAAI,qHAanB,UAAU,sBAmEZ,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/components/form/input.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,EAAE,gBAAgB,EAAkB,MAAM,oBAAoB,CAAC;AAKtE,KAAK,UAAU,GAAG;IAChB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CAC3D,GAAG,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC;AAEzC,eAAO,MAAM,KAAK,GAAI,oHAanB,UAAU,sBA+CZ,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/lib/components/form/input.js

@@ -6,38 +6,23 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Input = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const form_module_css_1 = __importDefault(require("./form.module.css"));
-const react_1 = require("react");
-const description_modal_1 = __importDefault(require("./description-modal"));
 const form_component_label_1 = __importDefault(require("./form-component-label"));
 const translations_1 = require("../../translations");
 const css_1 = require("../../utils/css");
-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 typography_1 = require("../typography");
+const Input = ({ id, label, description, errorMessage, type, name, checked, value, disabled, onChange, placeholder, isRequired, }) => {
     const { t } = (0, translations_1.useTranslation)();
-    const [isModalOpen, setIsModalOpen] = (0, react_1.useState)(false);
-    const isModalContentProvided = hasModalContent(modalContent);
-    const displayDescriptionModal = isModalOpen && isModalContentProvided;
-    const toggleModalState = () => {
-        setIsModalOpen(!isModalOpen);
-    };
     return ((0, jsx_runtime_1.jsxs)("div", { className: (0, css_1.andIf)({
             [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(PageText.Contact.components.modal.moreInformation(label)),
-                        } }))] }), (0, jsx_runtime_1.jsx)("input", { id: `input__${id}`, type: type, name: name, className: (0, css_1.andIf)({
+        }), children: [(0, jsx_runtime_1.jsx)(form_component_label_1.default, { label: label, htmlFor: `input__${id}`, disabled: disabled, isRequired: isRequired }), description && ((0, jsx_runtime_1.jsx)(typography_1.Typo.p, { textType: "body__s", id: `description-input__${id}`, children: description })), (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,
-                }), checked: checked, value: value, disabled: disabled, onChange: onChange, placeholder: placeholder, "aria-invalid": !!errorMessage, "aria-describedby": errorMessage ? `error-input__${id}` : undefined }), errorMessage && ((0, jsx_runtime_1.jsx)(error_message_1.ErrorMessage, { message: t(errorMessage), id: `error-input__${id}` })), displayDescriptionModal && ((0, jsx_runtime_1.jsx)(description_modal_1.default, { title: label, modalContent: modalContent || {}, isModalOpen: isModalOpen, closeModal: toggleModalState }))] }));
+                }), checked: checked, value: value, disabled: disabled, onChange: onChange, placeholder: placeholder, "aria-invalid": !!errorMessage, "aria-describedby": (0, css_1.andIf)({
+                    [`description-input__${id}`]: !!description,
+                    [`error-input__${id}`]: !!errorMessage,
+                }) || undefined }), errorMessage && ((0, jsx_runtime_1.jsx)(error_message_1.ErrorMessage, { message: t(errorMessage), id: `error-input__${id}` }))] }));
 };
 exports.Input = Input;
 exports.default = exports.Input;
-function hasModalContent(content) {
-    return !!(content &&
-        (content.description ||
-            content.instruction ||
-            (content.bulletPoints && content.bulletPoints?.length > 0)));
-}

package/lib/components/form/time-selector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"time-selector.d.ts","sourceRoot":"","sources":["../../../src/components/form/time-selector.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,gBAAgB,EAAkB,MAAM,oBAAoB,CAAC;AAGtE,MAAM,MAAM,iBAAiB,GAAG;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC,CAAC;AACF,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,EAAE,EACF,KAAK,EACL,KAAK,EACL,UAAU,EACV,YAAY,EACZ,QAAQ,GACT,EAAE,iBAAiB,+BA0CnB"}
+{"version":3,"file":"time-selector.d.ts","sourceRoot":"","sources":["../../../src/components/form/time-selector.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,gBAAgB,EAAkB,MAAM,oBAAoB,CAAC;AAGtE,MAAM,MAAM,iBAAiB,GAAG;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC,CAAC;AACF,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,EAAE,EACF,KAAK,EACL,KAAK,EACL,UAAU,EACV,YAAY,EACZ,QAAQ,GACT,EAAE,iBAAiB,+BAuCnB"}

package/lib/components/form/time-selector.js

@@ -14,7 +14,7 @@ const translations_1 = require("../../translations");
 const error_message_1 = require("../error-message");
 function TimeSelector({ id, label, value, isRequired, errorMessage, onChange, }) {
     const { t } = (0, translations_1.useTranslation)();
-    const parsedValue = (0, react_1.useMemo)(() => (value ? (0, date_1.parseTime)(value) : undefined), [value]);
+    const parsedValue = (0, react_1.useMemo)(() => (value ? (0, date_1.parseTime)(value) : null), [value]);
     return ((0, jsx_runtime_1.jsxs)("div", { className: form_module_css_1.default.timeSelectorContainer, children: [(0, jsx_runtime_1.jsxs)(react_aria_components_1.TimeField, { value: parsedValue, onChange: (change) => {
                     if (!change)
                         return;

package/lib/components/icon/generated-icons.js

@@ -1793,32 +1793,32 @@ exports.icons = {
             "id": "favicon"
         },
         "status/Check": {
-            "relative": "colors/icons/status/light/Check.svg",
-            "absolute": "/home/runner/work/mrfylke-contact-form/mrfylke-contact-form/packages/contact-form/.tmp-icon-assets/colors/icons/status/light/Check.svg",
+            "relative": "colors/icons/status/dark/Check.svg",
+            "absolute": "/home/runner/work/mrfylke-contact-form/mrfylke-contact-form/packages/contact-form/.tmp-icon-assets/colors/icons/status/dark/Check.svg",
             "assetType": "colors",
             "colorType": "icons",
             "darkable": true,
             "id": "status/Check"
         },
         "status/Error": {
-            "relative": "colors/icons/status/light/Error.svg",
-            "absolute": "/home/runner/work/mrfylke-contact-form/mrfylke-contact-form/packages/contact-form/.tmp-icon-assets/colors/icons/status/light/Error.svg",
+            "relative": "colors/icons/status/dark/Error.svg",
+            "absolute": "/home/runner/work/mrfylke-contact-form/mrfylke-contact-form/packages/contact-form/.tmp-icon-assets/colors/icons/status/dark/Error.svg",
             "assetType": "colors",
             "colorType": "icons",
             "darkable": true,
             "id": "status/Error"
         },
         "status/Info": {
-            "relative": "colors/icons/status/light/Info.svg",
-            "absolute": "/home/runner/work/mrfylke-contact-form/mrfylke-contact-form/packages/contact-form/.tmp-icon-assets/colors/icons/status/light/Info.svg",
+            "relative": "colors/icons/status/dark/Info.svg",
+            "absolute": "/home/runner/work/mrfylke-contact-form/mrfylke-contact-form/packages/contact-form/.tmp-icon-assets/colors/icons/status/dark/Info.svg",
             "assetType": "colors",
             "colorType": "icons",
             "darkable": true,
             "id": "status/Info"
         },
         "status/Warning": {
-            "relative": "colors/icons/status/light/Warning.svg",
-            "absolute": "/home/runner/work/mrfylke-contact-form/mrfylke-contact-form/packages/contact-form/.tmp-icon-assets/colors/icons/status/light/Warning.svg",
+            "relative": "colors/icons/status/dark/Warning.svg",
+            "absolute": "/home/runner/work/mrfylke-contact-form/mrfylke-contact-form/packages/contact-form/.tmp-icon-assets/colors/icons/status/dark/Warning.svg",
             "assetType": "colors",
             "colorType": "icons",
             "darkable": true,

package/lib/index.d.ts

@@ -2,7 +2,7 @@ export { useContactFormConfig, useThemeConfig, useApiConfig, buildEnabledPageIds
 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, Theme, ThemeColors, ContrastColor, TransportColors, InteractiveColor, StatusColors, ApiConfig, LayoutConfig, LayoutLinkLabel, PagesConfig, FormSchemaOverrides, FormSlug, ContactPage, PageId, ExtraPageId, ExtraContactPage, EnabledPageIdsList, } from './modules/config';
+export type { ContactFormConfig, Theme, ThemeColors, ContrastColor, TransportColors, InteractiveColor, StatusColors, ApiConfig, LayoutConfig, LayoutLinkLabel, PagesConfig, FormSchemaOverrides, LostPropertyMode, FormSlug, ContactPage, PageId, ExtraPageId, ExtraContactPage, EnabledPageIdsList, } from './modules/config';
 export { ThemeProvider, useTheme, useHtmlDarkMode } from './modules/theme';
 export type { MonoIcons } from './components/icon';
 export { ButtonLink, Button } from './components/button';

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/journey-info/journeyInfoStateMachine.d.ts

@@ -26,7 +26,7 @@ export declare function createJourneyInfoStateMachine(onSubmit: (slug: FormSlug,
 } | {
     type: "ON_INPUT_CHANGE";
     inputName: "address" | "attachments" | "bankAccountNumber" | "city" | "date" | "email" | "firstName" | "feedback" | "IBAN" | "lastName" | "phoneNumber" | "postalCode" | "SWIFT" | "toStop" | "fromStop" | "plannedDepartureTime" | "tripId";
-    value: any;
+    value: unknown;
 } | {
     type: "ON_TRANSPORTMODE_CHANGE";
     value: import("..").TransportModeType;
@@ -103,7 +103,7 @@ export declare const journeyInfoStateMachine: import("xstate").StateMachine<Jour
 } | {
     type: "ON_INPUT_CHANGE";
     inputName: "address" | "attachments" | "bankAccountNumber" | "city" | "date" | "email" | "firstName" | "feedback" | "IBAN" | "lastName" | "phoneNumber" | "postalCode" | "SWIFT" | "toStop" | "fromStop" | "plannedDepartureTime" | "tripId";
-    value: any;
+    value: unknown;
 } | {
     type: "ON_TRANSPORTMODE_CHANGE";
     value: import("..").TransportModeType;

package/lib/layouts/contact-pages.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"contact-pages.d.ts","sourceRoot":"","sources":["../../src/layouts/contact-pages.ts"],"names":[],"mappings":"AACA,OAAO,EACL,QAAQ,IAAI,cAAc,EAC1B,gBAAgB,EAGjB,MAAM,iBAAiB,CAAC;AAEzB,OAAO,KAAK,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAUxE;;;GAGG;AACH,eAAO,MAAM,eAAe,GAC1B,WAAU,OAAO,cAA+B,KAC/C,WAAW,EAyDb,CAAC;AAEF,wBAAgB,eAAe,IAAI,WAAW,EAAE,CAI/C;AAED,wBAAgB,eAAe,CAC7B,KAAK,EAAE,iBAAiB,CAAC,OAAO,CAAC,EACjC,QAAQ,EAAE,OAAO,cAAc,GAC9B,WAAW,EAAE,CAMf;AAED,eAAO,MAAM,oBAAoB,GAAI,UAAU,MAAM,WACvB,CAAC;AAE/B,wBAAgB,eAAe,CAC7B,QAAQ,EAAE,MAAM,EAChB,QAAQ,EAAE,MAAM,EAChB,YAAY,EAAE,WAAW,EAAE,GAC1B,WAAW,GAAG,SAAS,CAGzB;AAED,wBAAgB,uBAAuB,CACrC,QAAQ,EAAE,MAAM,EAChB,MAAM,EAAE,iBAAiB,GACxB,gBAAgB,GAAG,SAAS,CAO9B;AAED;;;;;GAKG;AACH,wBAAgB,yBAAyB,CACvC,MAAM,EAAE,iBAAiB,GACxB,gBAAgB,GAAG,SAAS,CAG9B;AAID,eAAO,MAAM,sBAAsB,GAAI,cAAc,WAAW,YAG/D,CAAC"}
+{"version":3,"file":"contact-pages.d.ts","sourceRoot":"","sources":["../../src/layouts/contact-pages.ts"],"names":[],"mappings":"AACA,OAAO,EACL,QAAQ,IAAI,cAAc,EAC1B,gBAAgB,EAGjB,MAAM,iBAAiB,CAAC;AAGzB,OAAO,KAAK,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAUxE;;;GAGG;AACH,eAAO,MAAM,eAAe,GAC1B,WAAU,OAAO,cAA+B,KAC/C,WAAW,EAyDb,CAAC;AAEF,wBAAgB,eAAe,IAAI,WAAW,EAAE,CAI/C;AAED,wBAAgB,eAAe,CAC7B,KAAK,EAAE,iBAAiB,CAAC,OAAO,CAAC,EACjC,QAAQ,EAAE,OAAO,cAAc,GAC9B,WAAW,EAAE,CAMf;AAED,eAAO,MAAM,oBAAoB,GAAI,UAAU,MAAM,WACvB,CAAC;AAE/B,wBAAgB,eAAe,CAC7B,QAAQ,EAAE,MAAM,EAChB,QAAQ,EAAE,MAAM,EAChB,YAAY,EAAE,WAAW,EAAE,GAC1B,WAAW,GAAG,SAAS,CAGzB;AAED,wBAAgB,uBAAuB,CACrC,QAAQ,EAAE,MAAM,EAChB,MAAM,EAAE,iBAAiB,GACxB,gBAAgB,GAAG,SAAS,CAU9B;AAED;;;;;GAKG;AACH,wBAAgB,yBAAyB,CACvC,MAAM,EAAE,iBAAiB,GACxB,gBAAgB,GAAG,SAAS,CAG9B;AAID,eAAO,MAAM,sBAAsB,GAAI,cAAc,WAAW,YAG/D,CAAC"}

package/lib/layouts/contact-pages.js

@@ -11,6 +11,7 @@ exports.getPageTitleForPathname = getPageTitleForPathname;
 exports.useActiveContactPageTitle = useActiveContactPageTitle;
 const navigation_1 = require("next/navigation");
 const translations_1 = require("../translations");
+const translations_context_1 = require("../translations/translations-context");
 const config_1 = require("../modules/config");
 const ticket_control_1 = __importDefault(require("../ticket-control"));
 const refund_1 = __importDefault(require("../refund"));
@@ -102,11 +103,15 @@ function findMatchedPage(pathname, basePath, visiblePages) {
 }
 function getPageTitleForPathname(pathname, config) {
     const basePath = config.layout?.basePath ?? '/contact';
-    const { PageText: mergedPageText } = (0, translations_1.mergeTranslationOverrides)({
+    const { PageText: mergedPageText, terms } = (0, translations_1.mergeTranslationOverrides)({
         pages: config.translations?.pages,
+        terms: config.translations?.terms,
     });
     const visiblePages = getVisiblePages(config.pages, mergedPageText);
-    return findMatchedPage(pathname, basePath, visiblePages)?.title;
+    const title = findMatchedPage(pathname, basePath, visiblePages)?.title;
+    if (!title)
+        return undefined;
+    return (0, translations_context_1.fillTerms)(title, terms);
 }
 /**
  * Title of the currently active contact page, reactive to client-side

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

@@ -2,6 +2,7 @@ import { TransportModeType } from '../types';
 import { Line } from '../server/journey-planner/validators';
 export declare const DEFAULT_TRANSPORT_MODES: TransportModeType[];
 export declare const useTransportModeOptions: () => TransportModeType[];
+export declare function sortLinesByCode(lines: Line[]): Line[];
 export declare function filterLinesByMode(lines: Line[], transportMode: TransportModeType, enabledModes: TransportModeType[]): Line[];
 export declare const useLines: () => {
     lines: {

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

@@ -1 +1 @@
-{"version":3,"file":"use-lines.d.ts","sourceRoot":"","sources":["../../src/lines/use-lines.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,sCAAsC,CAAC;AAK5D,eAAO,MAAM,uBAAuB,EAAE,iBAAiB,EAItD,CAAC;AAEF,eAAO,MAAM,uBAAuB,QAAO,iBAAiB,EACM,CAAC;AAsCnE,wBAAgB,iBAAiB,CAC/B,KAAK,EAAE,IAAI,EAAE,EACb,aAAa,EAAE,iBAAiB,EAChC,YAAY,EAAE,iBAAiB,EAAE,GAChC,IAAI,EAAE,CA6CR;AAED,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;oCAWoB,iBAAiB,KAAG,IAAI,EAAE;6BAUjC,MAAM,KAAG,IAAI,CAAC,OAAO,CAAC;CAYvD,CAAC"}
+{"version":3,"file":"use-lines.d.ts","sourceRoot":"","sources":["../../src/lines/use-lines.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,sCAAsC,CAAC;AAK5D,eAAO,MAAM,uBAAuB,EAAE,iBAAiB,EAItD,CAAC;AAEF,eAAO,MAAM,uBAAuB,QAAO,iBAAiB,EACM,CAAC;AAiBnE,wBAAgB,eAAe,CAAC,KAAK,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,CAmBrD;AAED,wBAAgB,iBAAiB,CAC/B,KAAK,EAAE,IAAI,EAAE,EACb,aAAa,EAAE,iBAAiB,EAChC,YAAY,EAAE,iBAAiB,EAAE,GAChC,IAAI,EAAE,CA6CR;AAED,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;oCAWoB,iBAAiB,KAAG,IAAI,EAAE;6BAUjC,MAAM,KAAG,IAAI,CAAC,OAAO,CAAC;CAYvD,CAAC"}

package/lib/lines/use-lines.js

@@ -4,6 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLines = exports.useTransportModeOptions = exports.DEFAULT_TRANSPORT_MODES = void 0;
+exports.sortLinesByCode = sortLinesByCode;
 exports.filterLinesByMode = filterLinesByMode;
 const immutable_1 = __importDefault(require("swr/immutable"));
 const api_browser_1 = require("../modules/api-browser");

package/lib/lost-property/LostPropertyForm.d.ts

@@ -1,5 +1,11 @@
 import React from 'react';
+import { type LostPropertyMode } from '../modules/config';
 import type { LostPropertyContext, LostPropertyEvent } from './LostPropertyMachine';
+/**
+ * The host's `lostProperty.modes`, or the global transport modes with the
+ * full form when unset.
+ */
+export declare function useLostPropertyModes(): LostPropertyMode[];
 type LostPropertyFormProps = {
     state: {
         context: LostPropertyContext;

package/lib/lost-property/LostPropertyForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LostPropertyForm.d.ts","sourceRoot":"","sources":["../../src/lost-property/LostPropertyForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAiB1B,OAAO,KAAK,EACV,mBAAmB,EACnB,iBAAiB,EAClB,MAAM,uBAAuB,CAAC;AAE/B,KAAK,qBAAqB,GAAG;IAC3B,KAAK,EAAE;QAAE,OAAO,EAAE,mBAAmB,CAAA;KAAE,CAAC;IACxC,IAAI,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;CAC1C,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,KAAK,EACL,IAAI,GACL,EAAE,qBAAqB,qBAqOvB"}
+{"version":3,"file":"LostPropertyForm.d.ts","sourceRoot":"","sources":["../../src/lost-property/LostPropertyForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,EAAwB,KAAK,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAahF,OAAO,KAAK,EACV,mBAAmB,EACnB,iBAAiB,EAClB,MAAM,uBAAuB,CAAC;AAE/B;;;GAGG;AACH,wBAAgB,oBAAoB,IAAI,gBAAgB,EAAE,CAezD;AAED,KAAK,qBAAqB,GAAG;IAC3B,KAAK,EAAE;QAAE,OAAO,EAAE,mBAAmB,CAAA;KAAE,CAAC;IACxC,IAAI,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;CAC1C,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,KAAK,EACL,IAAI,GACL,EAAE,qBAAqB,qBAgQvB"}

package/lib/lost-property/LostPropertyForm.js

@@ -1,22 +1,55 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.useLostPropertyModes = useLostPropertyModes;
 exports.default = LostPropertyForm;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const translations_1 = require("../translations");
 const use_lines_1 = require("../lines/use-lines");
+const config_1 = require("../modules/config");
 const components_1 = require("../components");
-const typography_1 = require("../components/typography");
+/**
+ * The host's `lostProperty.modes`, or the global transport modes with the
+ * full form when unset.
+ */
+function useLostPropertyModes() {
+    const PageText = (0, translations_1.usePageText)();
+    const globalModes = (0, use_lines_1.useTransportModeOptions)();
+    const hostModes = (0, config_1.useContactFormConfig)().formSchemaOverrides?.lostProperty?.modes;
+    const { getLinesByMode } = (0, use_lines_1.useLines)();
+    if (hostModes)
+        return hostModes;
+    return globalModes.map((mode) => {
+        const modeLines = new Set(getLinesByMode(mode).map((line) => line.id));
+        return {
+            id: mode,
+            label: PageText.Contact.input.transportMode.modes[mode],
+            lines: (line) => modeLines.has(line.id),
+        };
+    });
+}
 function LostPropertyForm({ state, send, }) {
     const PageText = (0, translations_1.usePageText)();
-    const { t } = (0, translations_1.useTranslation)();
-    const { getLinesByMode, getQuaysByLine } = (0, use_lines_1.useLines)();
-    const transportModeOptions = (0, use_lines_1.useTransportModeOptions)();
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(typography_1.Typo.p, { textType: "body__m", children: t(PageText.Contact.lostAndFound.info) }), (0, jsx_runtime_1.jsxs)(components_1.Fieldset, { title: t(PageText.Contact.lostAndFound.about.title), children: [(0, jsx_runtime_1.jsx)(components_1.Select, { id: "transportMode", label: t(PageText.Contact.input.transportMode.label), value: state.context.transportMode || '', onChange: (value) => send({
-                            type: 'ON_TRANSPORTMODE_CHANGE',
-                            value: value,
-                        }), isRequired: true, error: state.context.errorMessages['transportMode']?.[0]
-                            ? t(state.context.errorMessages['transportMode']?.[0])
-                            : undefined, valueToId: (val) => val, valueToText: (val) => t(PageText.Contact.input.transportMode.modes[val]), options: transportModeOptions, placeholder: t(PageText.Contact.input.transportMode.optionLabel) }), (0, jsx_runtime_1.jsx)(components_1.SearchableSelect, { id: "line", label: t(PageText.Contact.input.line.label), value: state.context.line, placeholder: t(PageText.Contact.input.line.optionLabel), isDisabled: !state.context.transportMode, options: (0, components_1.getLineOptions)(getLinesByMode(state.context.transportMode)), onChange: (value) => {
+    const { t, tRich } = (0, translations_1.useTranslation)();
+    const modes = useLostPropertyModes();
+    const { lines, getQuaysByLine } = (0, use_lines_1.useLines)();
+    const selectedMode = modes.find((mode) => mode.id === state.context.transportMode);
+    const modeLines = selectedMode?.lines
+        ? (0, use_lines_1.sortLinesByCode)((lines ?? []).filter(selectedMode.lines))
+        : [];
+    const transportModeSelect = ((0, jsx_runtime_1.jsx)(components_1.Select, { id: "transportMode", label: t(PageText.Contact.input.transportMode.label), value: state.context.transportMode || '', onChange: (value) => send({
+            type: 'ON_TRANSPORTMODE_CHANGE',
+            value: value ?? '',
+        }), isRequired: true, error: state.context.errorMessages['transportMode']?.[0]
+            ? t(state.context.errorMessages['transportMode']?.[0])
+            : undefined, valueToId: (val) => val, valueToText: (val) => {
+            const label = modes.find((mode) => mode.id === val)?.label;
+            return label ? t(label) : val;
+        }, options: modes.map((mode) => mode.id), placeholder: t(PageText.Contact.input.transportMode.optionLabel) }));
+    const introSection = ((0, jsx_runtime_1.jsxs)(components_1.Fieldset, { title: t(PageText.Contact.lostAndFound.title), children: [tRich(PageText.Contact.lostAndFound.info), transportModeSelect, selectedMode?.info && tRich(selectedMode.info)] }));
+    // The rest of the form only shows once a mode with a form is picked.
+    if (!selectedMode?.lines)
+        return introSection;
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [introSection, (0, jsx_runtime_1.jsxs)(components_1.Fieldset, { title: t(PageText.Contact.lostAndFound.about.title), children: [(0, jsx_runtime_1.jsx)(components_1.SearchableSelect, { id: "line", label: t(PageText.Contact.input.line.label), value: state.context.line, placeholder: t(PageText.Contact.input.line.optionLabel), isDisabled: !state.context.transportMode, options: (0, components_1.getLineOptions)(modeLines), onChange: (value) => {
                             send({ type: 'ON_LINE_CHANGE', value });
                         }, isRequired: true, error: state.context.errorMessages['line']?.[0]
                             ? t(state.context.errorMessages['line']?.[0])
@@ -39,13 +72,22 @@ function LostPropertyForm({ state, send, }) {
                                 inputName: 'tripId',
                                 value: tripId,
                             });
-                        }, isRequired: true, errorMessage: state.context.errorMessages['plannedDepartureTime']?.[0] })] }), (0, jsx_runtime_1.jsx)(components_1.Fieldset, { title: t(PageText.Contact.lostAndFound.itemDescription.title), isRequired: true, children: (0, jsx_runtime_1.jsx)(components_1.Textarea, { id: "feedback", value: state.context.feedback || '', onChange: (e) => send({
+                        }, isRequired: true, errorMessage: state.context.errorMessages['plannedDepartureTime']?.[0] })] }), (0, jsx_runtime_1.jsx)(components_1.Fieldset, { title: t(PageText.Contact.lostAndFound.itemDescription.title), isRequired: true, children: (0, jsx_runtime_1.jsx)(components_1.Textarea, { id: "feedback", description: t(PageText.Contact.lostAndFound.itemDescription.description), value: state.context.feedback || '', onChange: (e) => send({
                         type: 'ON_INPUT_CHANGE',
                         inputName: 'feedback',
                         value: e.target.value,
                     }), error: state.context.errorMessages['feedback']?.[0]
                         ? t(state.context.errorMessages['feedback']?.[0])
-                        : undefined }) }), (0, jsx_runtime_1.jsxs)(components_1.Fieldset, { title: t(PageText.Contact.lostAndFound.contactInfo.title), isRequired: true, children: [(0, jsx_runtime_1.jsx)(components_1.Input, { id: "firstName", label: t(PageText.Contact.input.firstName.label), type: "text", name: "firstName", isRequired: true, value: state.context.firstName || '', errorMessage: state.context.errorMessages['firstName']?.[0], onChange: (e) => send({
+                        : undefined, fileInputProps: {
+                        id: 'attachments',
+                        name: 'attachments',
+                        iconLabel: t(PageText.Contact.input.feedback.attachment.generic),
+                        onChange: (files) => send({
+                            type: 'ON_INPUT_CHANGE',
+                            inputName: 'attachments',
+                            value: files,
+                        }),
+                    } }) }), (0, jsx_runtime_1.jsxs)(components_1.Fieldset, { title: t(PageText.Contact.lostAndFound.contactInfo.title), isRequired: true, children: [(0, jsx_runtime_1.jsx)(components_1.Input, { id: "firstName", label: t(PageText.Contact.input.firstName.label), type: "text", name: "firstName", isRequired: true, value: state.context.firstName || '', errorMessage: state.context.errorMessages['firstName']?.[0], onChange: (e) => send({
                             type: 'ON_INPUT_CHANGE',
                             inputName: 'firstName',
                             value: e.target.value,

package/lib/lost-property/LostPropertyMachine.d.ts

@@ -1,9 +1,8 @@
 import { InputErrorMessages } from '../validation';
-import type { TransportModeType } from '../types';
 import type { Line } from '../server/journey-planner/validators';
 import type { FormSlug } from '../modules/config/types';
 export type LostPropertyContext = {
-    transportMode?: TransportModeType;
+    transportMode?: string;
     line?: Line;
     fromStop?: Line['quays'][0];
     toStop?: Line['quays'][0];
@@ -15,6 +14,7 @@ export type LostPropertyContext = {
     lastName?: string;
     email?: string;
     phoneNumber?: string;
+    attachments?: File[];
     errorMessages: InputErrorMessages;
     firstErrorMessage?: string;
     hasSubmissionError?: boolean;
@@ -25,7 +25,7 @@ export type LostPropertyEvent = {
     value: unknown;
 } | {
     type: 'ON_TRANSPORTMODE_CHANGE';
-    value: TransportModeType;
+    value: string;
 } | {
     type: 'ON_LINE_CHANGE';
     value: Line | undefined;
@@ -50,6 +50,7 @@ type SubmitInput = {
     lastName?: string;
     email?: string;
     phoneNumber?: string;
+    attachments?: File[];
 };
 export declare function createLostPropertyMachine(onSubmit: (slug: FormSlug, state: Record<string, unknown>) => Promise<Response>, paths?: MachinePaths): import("xstate").StateMachine<LostPropertyContext, {
     type: "ON_INPUT_CHANGE";
@@ -57,7 +58,7 @@ export declare function createLostPropertyMachine(onSubmit: (slug: FormSlug, sta
     value: unknown;
 } | {
     type: "ON_TRANSPORTMODE_CHANGE";
-    value: TransportModeType;
+    value: string;
 } | {
     type: "ON_LINE_CHANGE";
     value: Line | undefined;

package/lib/lost-property/LostPropertyMachine.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LostPropertyMachine.d.ts","sourceRoot":"","sources":["../../src/lost-property/LostPropertyMachine.ts"],"names":[],"mappings":"AACA,OAAO,EAAwB,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAMzE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,sCAAsC,CAAC;AACjE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAExD,MAAM,MAAM,mBAAmB,GAAG;IAChC,aAAa,CAAC,EAAE,iBAAiB,CAAC;IAClC,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,QAAQ,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;IAC5B,MAAM,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,kBAAkB,CAAC;IAClC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,iBAAiB,GACzB;IAAE,IAAI,EAAE,iBAAiB,CAAC;IAAC,SAAS,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,OAAO,CAAA;CAAE,GAC9D;IAAE,IAAI,EAAE,yBAAyB,CAAC;IAAC,KAAK,EAAE,iBAAiB,CAAA;CAAE,GAC7D;IAAE,IAAI,EAAE,gBAAgB,CAAC;IAAC,KAAK,EAAE,IAAI,GAAG,SAAS,CAAA;CAAE,GACnD;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,qBAAqB,EAAE,MAAM,EAAE,CAAA;CAAE,CAAC;AAExD,KAAK,YAAY,GAAG;IAAE,WAAW,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE,CAAC;AAE/D,KAAK,WAAW,GAAG;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,wBAAgB,yBAAyB,CACvC,QAAQ,EAAE,CACR,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAC3B,OAAO,CAAC,QAAQ,CAAC,EACtB,KAAK,CAAC,EAAE,YAAY;UA3BV,iBAAiB;eAAa,MAAM;WAAS,OAAO;;UACpD,yBAAyB;WAAS,iBAAiB;;UACnD,gBAAgB;WAAS,IAAI,GAAG,SAAS;;UACzC,QAAQ;2BAAyB,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4NpD"}
+{"version":3,"file":"LostPropertyMachine.d.ts","sourceRoot":"","sources":["../../src/lost-property/LostPropertyMachine.ts"],"names":[],"mappings":"AACA,OAAO,EAAwB,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAOzE,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,sCAAsC,CAAC;AACjE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAExD,MAAM,MAAM,mBAAmB,GAAG;IAChC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,QAAQ,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;IAC5B,MAAM,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,IAAI,EAAE,CAAC;IACrB,aAAa,EAAE,kBAAkB,CAAC;IAClC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,iBAAiB,GACzB;IAAE,IAAI,EAAE,iBAAiB,CAAC;IAAC,SAAS,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,OAAO,CAAA;CAAE,GAC9D;IAAE,IAAI,EAAE,yBAAyB,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GAClD;IAAE,IAAI,EAAE,gBAAgB,CAAC;IAAC,KAAK,EAAE,IAAI,GAAG,SAAS,CAAA;CAAE,GACnD;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,qBAAqB,EAAE,MAAM,EAAE,CAAA;CAAE,CAAC;AAExD,KAAK,YAAY,GAAG;IAAE,WAAW,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE,CAAC;AAE/D,KAAK,WAAW,GAAG;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,IAAI,EAAE,CAAC;CACtB,CAAC;AAEF,wBAAgB,yBAAyB,CACvC,QAAQ,EAAE,CACR,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAC3B,OAAO,CAAC,QAAQ,CAAC,EACtB,KAAK,CAAC,EAAE,YAAY;UA5BV,iBAAiB;eAAa,MAAM;WAAS,OAAO;;UACpD,yBAAyB;WAAS,MAAM;;UACxC,gBAAgB;WAAS,IAAI,GAAG,SAAS;;UACzC,QAAQ;2BAAyB,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiOpD"}

package/lib/lost-property/LostPropertyMachine.js

@@ -129,7 +129,10 @@ function createLostPropertyMachine(onSubmit, paths) {
         },
         actors: {
             submit: (0, xstate_1.fromPromise)(async ({ input }) => {
-                const response = await onSubmit('lost-property', input);
+                const response = await onSubmit('lost-property', {
+                    ...input,
+                    attachments: await (0, utils_1.convertFilesToBase64)(input.attachments ?? []),
+                });
                 if (!response.ok)
                     throw new Error('Failed to submit');
                 return response.ok;
@@ -173,6 +176,7 @@ function createLostPropertyMachine(onSubmit, paths) {
                         lastName: context.lastName,
                         email: context.email,
                         phoneNumber: context.phoneNumber,
+                        attachments: context.attachments,
                     }),
                     onDone: { target: 'success' },
                     onError: {