@mrfylke/contact-form 0.1.11 → 0.1.22

package/README.md

@@ -8,9 +8,400 @@ A configurable contact form package for public transportation organizations.
 npm install @mrfylke/contact-form
 ```
 
-## Usage
+### Peer dependencies
 
-See [INTEGRATION.md](./INTEGRATION.md) for detailed integration instructions.
+```bash
+npm install react react-dom next @atb-as/theme @internationalized/date react-aria-components
+```
+
+## Quick start
+
+### 1. Create your configuration
+
+```ts
+import { ContactFormConfig } from '@mrfylke/contact-form';
+
+export const contactFormConfig: ContactFormConfig = {
+  theme: {
+    light: { /* colors, spacer, border */ },
+    dark:  { /* same structure */ },
+  },
+  icons: {
+    'transportation/BusFill': MyBusIcon,
+    // ... see Icon set section below
+  },
+  api: {
+    baseUrl: '/api',
+    endpoints: { submitForm: '/contact/submit' },
+    onSubmit,
+  },
+  org: {
+    name: 'Your Company',
+    supportEmail: 'support@yourcompany.com',
+  },
+};
+```
+
+### 2. Wrap your app
+
+```tsx
+import { ContactFormRoot } from '@mrfylke/contact-form';
+import { contactFormConfig } from './config/contact-form-config';
+
+export function RootLayout({ children }) {
+  const acceptLanguage = (await headers()).get('accept-language');
+  return (
+    <ContactFormRoot config={contactFormConfig} acceptLanguageHeader={acceptLanguage ?? undefined}>
+      {children}
+    </ContactFormRoot>
+  );
+}
+```
+
+### 3. Render form pages
+
+```tsx
+import { RefundContent, ContactPageLayout } from '@mrfylke/contact-form';
+
+export default function ContactPage() {
+  return (
+    <ContactPageLayout title="Contact Us">
+      <RefundContent />
+    </ContactPageLayout>
+  );
+}
+```
+
+## API configuration
+
+The package is decoupled from your backend. You supply an `onSubmit` callback; the package defines the payload shape.
+
+```ts
+import type { FormSchemaName } from '@mrfylke/contact-form';
+
+const onSubmit = async (
+  schemaName: FormSchemaName,
+  state: Record<string, unknown>,
+): Promise<Response> => {
+  return fetch('/api/contact/submit', {
+    method: 'POST',
+    headers: { 'Content-Type': 'application/json' },
+    body: JSON.stringify({ ...state, formType: schemaName }),
+  });
+};
+```
+
+`schemaName` is one of: `'ticketControl'` · `'refund'` · `'meansOfTransport'` · `'ticketing'` · `'journeyInfo'`
+
+### Routing submissions to different endpoints
+
+```ts
+const onSubmit = async (schemaName: FormSchemaName, state) => {
+  const endpointMap: Record<FormSchemaName, string> = {
+    ticketControl:     '/api/contact/ticket-control',
+    refund:            '/api/contact/refund',
+    meansOfTransport:  '/api/contact/means-of-transport',
+    ticketing:         '/api/contact/ticketing',
+    journeyInfo:       '/api/contact/journey-info',
+  };
+  return fetch(endpointMap[schemaName], {
+    method: 'POST',
+    headers: { 'Content-Type': 'application/json' },
+    body: JSON.stringify(state),
+  });
+};
+```
+
+### Payload types
+
+Import these in your API handlers to type-check incoming data:
+
+```ts
+import type {
+  TicketControlSubmitPayload,
+  RefundSubmitPayload,
+  MeansOfTransportSubmitPayload,
+  TicketingSubmitPayload,
+  JourneyInfoSubmitPayload,
+} from '@mrfylke/contact-form';
+```
+
+Attachments are base64-encoded strings within the payload.
+
+### Lines endpoint
+
+The package includes a ready-made route handler for fetching transit lines from Entur.
+
+**Option 1 – ready-made handler (recommended)**
+
+```ts
+// app/api/contact/lines/route.ts
+import { createLinesRouteHandler } from '@mrfylke/contact-form/server';
+
+export const GET = createLinesRouteHandler();
+// Or with explicit authority:
+// export const GET = createLinesRouteHandler({ getAuthorityId: () => 'ATB:Authority:2' });
+```
+
+Set `ENTUR_AUTHORITY_ID` in your `.env` and point `api.endpoints.lines` at the mounted path.
+
+**Option 2 – call `getLines()` directly**
+
+```ts
+import { getLines } from '@mrfylke/contact-form/server';
+
+export async function GET() {
+  const lines = await getLines(); // reads ENTUR_AUTHORITY_ID from env
+  return Response.json(lines);
+}
+```
+
+**Server exports:** `createLinesRouteHandler` · `getLines` · `getEnturAuthorityId` · `EnturAuthority`
+
+## `ContactFormRoot` props
+
+| Prop | Type | Description |
+|---|---|---|
+| `config` | `ContactFormConfig` | Required. Theme, icons, API, org, features. |
+| `acceptLanguageHeader` | `string` | Raw `Accept-Language` header from the server. |
+| `initialLanguage` | `Language` | Client-side initial language when no header is available. |
+| `forceTheme` | `'light' \| 'dark'` | Forces a theme variant; disables the dark-mode toggle. |
+| `translationsOverride` | `ContactFormTranslationsOverride` | Merges additional translation overrides on top of `config.translations`. |
+
+## Container and layout
+
+```tsx
+import { ContactFormRoot, ContactFormContainer, ContactPageLayout } from '@mrfylke/contact-form';
+
+<ContactFormRoot config={contactFormConfig}>
+  <ContactFormContainer header={<MyHeader />} footer={<MyFooter />}>
+    <ContactPageLayout title="Contact" backLink={backLink}>
+      {content}
+    </ContactPageLayout>
+  </ContactFormContainer>
+</ContactFormRoot>
+```
+
+Header and footer are your app's responsibility. Their components can use `useContactFormConfig()`, `useTheme()`, and `useTranslation()` from the package.
+
+### Layout config
+
+```ts
+layout: {
+  basePath: '/contact',
+  backLinkDefault: { href: '/', label: PageText.Contact.contactPageLayout.homeLink },
+  successPath: '/contact/thanks',   // default: basePath + '/success'
+  errorPath:   '/contact/oops',     // default: basePath + '/error'
+  successContent: <CustomThanksMessage />,
+  errorContent:   <CustomErrorMessage />,
+  footerUrls: {
+    privacy:       'https://example.com/privacy',
+    accessibility: 'https://example.com/accessibility',
+    help:          '/contact',
+    tickets:       'https://example.com/tickets',
+    homePage:      { href: 'https://example.com', name: 'example.com' },
+  },
+}
+```
+
+Render `SuccessContent`/`ErrorContent` (or your overrides) without `ContactPageLayout` — they are standalone result pages.
+
+## Deep-linking
+
+Form type selections are reflected in the URL as a `?type=` query parameter. This allows direct links to specific form states.
+
+**Reading on load:** on mount each form section reads `?type=` and selects the matching radio if it is in the enabled set.
+
+**Writing on change:** selecting a radio updates `?type=` via `replaceState` (no page reload).
+
+**Bypassing agreement checkboxes:** for sections with an initial agreement step (refund), append `&agreed=true` to pre-tick the checkbox and jump straight to the form.
+
+**Available values per section:**
+
+| Section | `?type=` values |
+|---|---|
+| Means of transport | `driver` · `transportation` · `delay` · `stop` · `serviceOffering` · `injury` |
+| Ticket control | `feeComplaint` · `feedback` · `postponePayment` |
+| Refund | `refundOfTicket` · `refundAndTravelGuarantee` · `residualValueOnTravelCard` |
+| Ticketing | `priceAndTicketTypes` · `app` · `webshop` · `travelCard` |
+
+Examples:
+- `/contact/refund?type=refundAndTravelGuarantee&agreed=true` — opens travel guarantee form with agreement pre-accepted
+- `/contact/ticket-control?type=feeComplaint` — opens fee complaint form directly
+
+Only values present in `formSchemaOverrides.enabledFormTypes` / `enabledFormCategories` are accepted; invalid values are ignored.
+
+## Translations
+
+Translations are required — the package ships no built-in copy. The key structure follows **planner-web** as source of truth.
+
+```tsx
+import {
+  PageText,
+  ComponentText,
+  CommonText,
+  ServerText,
+} from '@mrfylke/contact-form/translations';
+
+const contactFormConfig: ContactFormConfig = {
+  translations: { pages: PageText, components: ComponentText, common: CommonText, server: ServerText },
+};
+```
+
+To override specific keys, merge with the defaults:
+
+```tsx
+const customTranslations = {
+  pages: {
+    Contact: {
+      contactPageLayout: {
+        title: { no: 'Kontakt oss', en: 'Contact us', nn: 'Kontakt oss' },
+      },
+    },
+  },
+  components: ComponentText,
+  common: CommonText,
+  server: ServerText,
+};
+```
+
+## Theme
+
+### Using `@atb-as/theme` (recommended)
+
+```ts
+import { createThemesFor, ThemeVariant } from '@atb-as/theme';
+import { adaptAtbTheme } from '@mrfylke/contact-form/config';
+
+const theme = adaptAtbTheme(createThemesFor(ThemeVariant.FRAM));
+```
+
+### Manual theme
+
+```ts
+type Theme = {
+  light: ThemeColors;
+  dark:  ThemeColors;
+};
+
+type ThemeColors = {
+  color: {
+    transport:   TransportColors;
+    status:      StatusColors;
+    background:  BackgroundColors;
+    interactive: { primary: InteractiveColor; secondary: InteractiveColor; destructive: InteractiveColor };
+  };
+  spacer: { small: string; medium: string; large: string; xLarge: string };
+  border: { radius: { small: string; regular: string; circle: string }; width: { slim: string; medium: string } };
+};
+```
+
+Use `themeOverrides` for small tweaks without rebuilding the full theme:
+
+```ts
+themeOverrides: { light: { spacer: { medium: '1.25rem' } } }
+```
+
+## Icon set
+
+Provide a React component for each key. Each component accepts `size`, `className`, `role`, `alt`, and `style` props.
+
+**Transportation:** `transportation/BusFill` · `transportation/TrainFill` · `transportation/TramFill` · `transportation/WalkFill` · `transportation/BicycleFill` · `transportation/PlaneFill` · `transportation/BoatFill` · `transportation/FerryFill` · `transportation/MetroFill` · `transportation/UnknownFill`
+
+**Actions:** `actions/Close` · `actions/Clear` · `actions/Add`
+
+**Status:** `status/CheckmarkFill` · `status/ErrorFill`
+
+## Overriding standard behavior
+
+| Feature | Default | Config key |
+|---|---|---|
+| Pages/tabs | All 7 tabs, all internal | `pagesOverrides` |
+| Ferry transport mode | Included | `features.includeFerry` |
+| Form schemas | All types/categories per page | `formSchemaOverrides` |
+| Header links | Single optional home link | `layout.headerLinksOverride` |
+| Footer links | Standard sections | `layout.footerLinksOverride` |
+| Translations | No defaults — must be provided | `translations` |
+| Theme | Must be provided | `theme` + `themeOverrides` |
+
+### Pages
+
+```ts
+pagesOverrides: {
+  hidePageIds: ['lost-property'],
+  externalUrlByPageId: { refund: 'https://example.com/refund-form' },
+}
+```
+
+Page IDs: `'ticket-control'` · `'refund'` · `'means-of-transport'` · `'ticketing'` · `'lost-property'` · `'group-travel'` · `'journey-info'`
+
+### Ferry flag
+
+```ts
+features: { includeFerry: false } // removes ferry from transport mode dropdowns and line queries
+```
+
+### Form schema overrides
+
+```ts
+formSchemaOverrides: {
+  ticketControl:    { enabledFormTypes:       ['feeComplaint', 'feedback'] },
+  meansOfTransport: { enabledFormTypes:       ['driver', 'delay', 'transportation'] },
+  refund:           { enabledFormCategories:  ['refundOfTicket', 'refundAndTravelGuarantee'] },
+  ticketing:        { enabledFormCategories:  ['app', 'webshop'] },
+}
+```
+
+Can also be loaded from a JSON/YAML file:
+
+```ts
+import schemaOverrides from './config/contact-form-schema.json';
+// ...
+formSchemaOverrides: schemaOverrides,
+```
+
+### Header links override
+
+```ts
+layout: {
+  headerLinksOverride: [
+    { href: 'https://example.com', label: { no: 'Hjem', en: 'Home', nn: 'Heim' } },
+  ],
+}
+```
+
+Empty array removes all header links.
+
+### Footer links override
+
+```ts
+layout: {
+  footerLinksOverride: [
+    { href: 'https://example.com/tickets', label: { no: 'Billetter', en: 'Tickets', nn: 'Billettar' }, section: 'general' },
+    { href: 'https://example.com/privacy', label: { no: 'Personvern', en: 'Privacy', nn: 'Personvern' }, section: 'bottom' },
+  ],
+}
+```
+
+Links with `section: 'bottom'` replace the standard privacy/accessibility row.
+
+## Styling
+
+```ts
+import '@mrfylke/contact-form/lib/styles.css';
+```
+
+## Examples
+
+See the `apps/next-demo` directory for a complete implementation, including commented examples of all override options in `apps/next-demo/src/config/contact-form-config.tsx`.
+
+## Troubleshooting
+
+**`useContactFormConfig must be used within ContactFormConfigProvider`** — wrap your app with `<ContactFormRoot>`.
+
+**Icons not showing** — verify all required icon keys are provided and check the browser console for warnings.
+
+**Theme not applying** — ensure `<ContactFormRoot>` wraps everything and your theme object matches the expected structure.
 
 ## License
 

package/lib/ContactFormRoot.d.ts

@@ -30,6 +30,11 @@ export type ContactFormRootProps = {
      * 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;
     /**
      * 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.
@@ -43,5 +48,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, translationsOverride, children, }: ContactFormRootProps): import("react/jsx-runtime").JSX.Element;
+export declare function ContactFormRoot({ config, acceptLanguageHeader, initialLanguage, defaultLanguage, onLanguageChange, forceTheme, defaultDarkMode, 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,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,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;;;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"}

package/lib/ContactFormRoot.js

@@ -15,13 +15,13 @@ 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, translationsOverride, children, }) {
+function ContactFormRoot({ config, acceptLanguageHeader, initialLanguage, defaultLanguage, onLanguageChange, forceTheme, defaultDarkMode, translationsOverride, children, }) {
     const header = acceptLanguageHeader ?? deriveHeaderFromInitialLanguage(initialLanguage);
     // 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, 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 }) }) }) }));
+    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) {

package/lib/commoneEvents.d.ts

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

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,CAAC;IAC3B,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,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"}

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":"AAgBA,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,2CAuEnB"}
+{"version":3,"file":"date-selector.d.ts","sourceRoot":"","sources":["../../../src/components/form/date-selector.tsx"],"names":[],"mappings":"AAgBA,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,2CAwEnB"}

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

@@ -14,8 +14,9 @@ const icon_1 = require("../icon");
 const error_message_1 = require("../error-message");
 function DateSelector({ id, label, value, isRequired, errorMessage, onChange, }) {
     const { t } = (0, translations_1.useTranslation)();
-    const zonedDateTime = value
-        ? (0, date_1.fromDate)(new Date(value || ''), 'Europe/Oslo')
-        : undefined;
-    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, { id: `date_selector__${id}`, granularity: "day", value: zonedDateTime, onChange: (e) => e && onChange(e.toString().slice(0, 10)), 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, htmlFor: `date-selector-${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) })] }));
+    const zonedDateTime = value ? (0, date_1.fromDate)(new Date(value), 'Europe/Oslo') : null;
+    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, { id: `date_selector__${id}`, 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, htmlFor: `date-selector-${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/departure-time-field.d.ts

@@ -0,0 +1,16 @@
+import { TranslatedString } from '../../translations';
+type DepartureTimeFieldProps = {
+    id?: string;
+    date?: string;
+    lineId?: string;
+    fromStopId?: string;
+    toStopId?: string;
+    selectedTripId?: string;
+    plannedDepartureTime?: string;
+    onChange: (departureTime?: string, tripId?: string) => void;
+    isRequired?: boolean;
+    errorMessage?: TranslatedString;
+};
+export declare function DepartureTimeField({ id, date, lineId, fromStopId, toStopId, selectedTripId, plannedDepartureTime, onChange, isRequired, errorMessage, }: DepartureTimeFieldProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=departure-time-field.d.ts.map

package/lib/components/form/departure-time-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"departure-time-field.d.ts","sourceRoot":"","sources":["../../../src/components/form/departure-time-field.tsx"],"names":[],"mappings":"AAMA,OAAO,EACL,gBAAgB,EAGjB,MAAM,oBAAoB,CAAC;AAI5B,KAAK,uBAAuB,GAAG;IAC7B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,QAAQ,EAAE,CAAC,aAAa,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,gBAAgB,CAAC;CACjC,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,EACjC,EAA2B,EAC3B,IAAI,EACJ,MAAM,EACN,UAAU,EACV,QAAQ,EACR,cAAc,EACd,oBAAoB,EACpB,QAAQ,EACR,UAAU,EACV,YAAY,GACb,EAAE,uBAAuB,2CAoDzB"}

package/lib/components/form/departure-time-field.js

@@ -0,0 +1,28 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DepartureTimeField = DepartureTimeField;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const use_departures_1 = require("../../lines/use-departures");
+const translations_1 = require("../../translations");
+const select_1 = __importDefault(require("./select"));
+const time_selector_1 = __importDefault(require("./time-selector"));
+function DepartureTimeField({ id = 'plannedDepartureTime', date, lineId, fromStopId, toStopId, selectedTripId, plannedDepartureTime, onChange, isRequired, errorMessage, }) {
+    const PageText = (0, translations_1.usePageText)();
+    const { t } = (0, translations_1.useTranslation)();
+    const hasDeparturesEndpoint = (0, use_departures_1.useDeparturesEndpointConfigured)();
+    const { departures, isLoading } = (0, use_departures_1.useDepartures)(date, lineId, fromStopId, toStopId);
+    const label = t(PageText.Contact.input.plannedDepartureTime.label);
+    const errorStr = errorMessage ? t(errorMessage) : undefined;
+    if (!hasDeparturesEndpoint) {
+        return ((0, jsx_runtime_1.jsx)(time_selector_1.default, { id: id, label: label, value: plannedDepartureTime, isRequired: isRequired, errorMessage: errorMessage, onChange: (time) => onChange(time, undefined) }));
+    }
+    const selectedDeparture = departures.find((d) => selectedTripId
+        ? d.tripId === selectedTripId
+        : d.departureTime === plannedDepartureTime);
+    return ((0, jsx_runtime_1.jsx)(select_1.default, { id: id, label: label, value: selectedDeparture, options: departures, valueToId: (d) => d.tripId, valueToText: (d) => (0, use_departures_1.formatDepartureTime)(d.departureTime), onChange: (d) => onChange(d?.departureTime, d?.tripId), isRequired: isRequired, disabled: !lineId || !fromStopId || !toStopId || !date, placeholder: isLoading
+            ? t(PageText.Contact.input.plannedDepartureTime.loading)
+            : t(PageText.Contact.input.plannedDepartureTime.optionLabel), error: errorStr }));
+}

package/lib/components/form/description-modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"description-modal.d.ts","sourceRoot":"","sources":["../../../src/components/form/description-modal.tsx"],"names":[],"mappings":"AASA,KAAK,qBAAqB,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE;QACZ,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;KACzB,CAAC;IACF,WAAW,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC;AAEF,QAAA,MAAM,gBAAgB,GAAI,mDAKvB,qBAAqB,mDA0FvB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"description-modal.d.ts","sourceRoot":"","sources":["../../../src/components/form/description-modal.tsx"],"names":[],"mappings":"AASA,KAAK,qBAAqB,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE;QACZ,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;KACzB,CAAC;IACF,WAAW,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC;AAEF,QAAA,MAAM,gBAAgB,GAAI,mDAKvB,qBAAqB,mDA2FvB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/lib/components/form/description-modal.js

@@ -13,6 +13,7 @@ const typography_1 = require("../typography");
 const button_1 = require("../button");
 const icon_1 = require("../icon");
 const DescriptionModal = ({ title, modalContent, isModalOpen, closeModal, }) => {
+    const PageText = (0, translations_1.usePageText)();
     const { t } = (0, translations_1.useTranslation)();
     const modalRef = (0, react_1.useRef)(null);
     const { description, instruction, bulletPoints } = modalContent;
@@ -37,7 +38,7 @@ const DescriptionModal = ({ title, modalContent, isModalOpen, closeModal, }) =>
     if (!isModalOpen)
         return null;
     return ((0, jsx_runtime_1.jsx)(framer_motion_1.motion.div, { className: form_module_css_1.default.modal_wrapper, initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, transition: { ease: 'easeInOut', duration: 0.15 }, children: (0, jsx_runtime_1.jsx)(focus_1.FocusScope, { contain: true, restoreFocus: true, autoFocus: true, children: (0, jsx_runtime_1.jsx)(framer_motion_1.motion.div, { ref: modalRef, initial: { opacity: 0, y: -30 }, animate: { opacity: 1, y: 0 }, exit: { opacity: 0, y: 0 }, transition: { ease: 'backOut', delay: 0.1, duration: 0.15 }, children: (0, jsx_runtime_1.jsxs)("dialog", { "aria-modal": "true", "aria-labelledby": "title", tabIndex: 0, className: form_module_css_1.default.modal_content, children: [(0, jsx_runtime_1.jsxs)("div", { className: form_module_css_1.default.modal_header, children: [(0, jsx_runtime_1.jsx)(typography_1.Typo.h2, { id: "title", textType: "body__m", autoFocus: true, children: title }), (0, jsx_runtime_1.jsx)(button_1.Button, { className: form_module_css_1.default.iconButton, onClick: closeModal, icon: { right: (0, jsx_runtime_1.jsx)(icon_1.MonoIcon, { icon: 'actions/Close' }) }, buttonProps: {
-                                        'aria-label': t(translations_1.PageText.Contact.components.modal.close()),
+                                        'aria-label': t(PageText.Contact.components.modal.close()),
                                     } })] }), description && (0, jsx_runtime_1.jsx)(typography_1.Typo.p, { textType: "body__m", children: description }), bulletPoints && ((0, jsx_runtime_1.jsx)("ul", { className: form_module_css_1.default.modal__rules_list, children: bulletPoints.map((desc, index) => ((0, jsx_runtime_1.jsx)("li", { children: (0, jsx_runtime_1.jsx)(typography_1.Typo.p, { textType: "body__m", children: desc }, index) }, index))) })), instruction && ((0, jsx_runtime_1.jsx)(typography_1.Typo.p, { textType: "body__m__strong", children: instruction }))] }) }) }) }));
 };
 exports.default = DescriptionModal;

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

@@ -1 +1 @@
-{"version":3,"file":"file-input.d.ts","sourceRoot":"","sources":["../../../src/components/form/file-input.tsx"],"names":[],"mappings":"AAUA,MAAM,MAAM,cAAc,GAAG;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;CACpC,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,OAAO,CAAC,EAAE,UAAU,CAAC,CAAC;AAI3D,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,EAAE,EACF,QAAQ,EACR,SAAS,EACT,KAAK,EACL,UAAkB,EAClB,IAAI,EACJ,YAAY,GACb,EAAE,cAAc,2CAiHhB"}
+{"version":3,"file":"file-input.d.ts","sourceRoot":"","sources":["../../../src/components/form/file-input.tsx"],"names":[],"mappings":"AAUA,MAAM,MAAM,cAAc,GAAG;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;CACpC,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,OAAO,CAAC,EAAE,UAAU,CAAC,CAAC;AAI3D,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,EAAE,EACF,QAAQ,EACR,SAAS,EACT,KAAK,EACL,UAAkB,EAClB,IAAI,EACJ,YAAY,GACb,EAAE,cAAc,2CAkHhB"}

package/lib/components/form/file-input.js

@@ -16,6 +16,7 @@ const translations_1 = require("../../translations");
 const theme_1 = require("../../modules/theme");
 const MAX_ALLOWED_FILE_SIZE = 10 * 1024 * 1024; // 10MB
 function FileInput({ id, onChange, iconLabel, label, isRequired = false, name, errorMessage, }) {
+    const PageText = (0, translations_1.usePageText)();
     const { t } = (0, translations_1.useTranslation)();
     const { theme } = (0, theme_1.useTheme)();
     const { background } = theme.color;
@@ -47,7 +48,7 @@ function FileInput({ id, onChange, iconLabel, label, isRequired = false, name, e
         const filteredFiles = uploadedFiles.filter((file) => {
             const isTooLarge = file.size > MAX_ALLOWED_FILE_SIZE;
             if (isTooLarge) {
-                alert(t(translations_1.PageText.Contact.components.fileinput.errorMessages.tooLarge(file.name)));
+                alert(t(PageText.Contact.components.fileinput.errorMessages.tooLarge(file.name)));
             }
             return !isTooLarge;
         });

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

@@ -7,5 +7,6 @@ export { default as Select } from './select';
 export { default as Textarea } from './textarea';
 export { default as DateSelector } from './date-selector';
 export { default as TimeSelector } from './time-selector';
+export { DepartureTimeField } from './departure-time-field';
 export { SearchableSelect, getLineOptions, getStopOptions, } from './searchable-select';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/form/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAC9E,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,EACL,gBAAgB,EAChB,cAAc,EACd,cAAc,GACf,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/form/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAC9E,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EACL,gBAAgB,EAChB,cAAc,EACd,cAAc,GACf,MAAM,qBAAqB,CAAC"}

package/lib/components/form/index.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getStopOptions = exports.getLineOptions = exports.SearchableSelect = exports.TimeSelector = exports.DateSelector = exports.Textarea = exports.Select = exports.Radio = exports.Input = exports.Fieldset = exports.FileInput = exports.FieldWrapperWithError = void 0;
+exports.getStopOptions = exports.getLineOptions = exports.SearchableSelect = exports.DepartureTimeField = exports.TimeSelector = exports.DateSelector = exports.Textarea = exports.Select = exports.Radio = exports.Input = exports.Fieldset = exports.FileInput = exports.FieldWrapperWithError = void 0;
 var field_wrapper_with_error_1 = require("./field-wrapper-with-error");
 Object.defineProperty(exports, "FieldWrapperWithError", { enumerable: true, get: function () { return __importDefault(field_wrapper_with_error_1).default; } });
 var file_input_1 = require("./file-input");
@@ -22,6 +22,8 @@ var date_selector_1 = require("./date-selector");
 Object.defineProperty(exports, "DateSelector", { enumerable: true, get: function () { return __importDefault(date_selector_1).default; } });
 var time_selector_1 = require("./time-selector");
 Object.defineProperty(exports, "TimeSelector", { enumerable: true, get: function () { return __importDefault(time_selector_1).default; } });
+var departure_time_field_1 = require("./departure-time-field");
+Object.defineProperty(exports, "DepartureTimeField", { enumerable: true, get: function () { return departure_time_field_1.DepartureTimeField; } });
 var searchable_select_1 = require("./searchable-select");
 Object.defineProperty(exports, "SearchableSelect", { enumerable: true, get: function () { return searchable_select_1.SearchableSelect; } });
 Object.defineProperty(exports, "getLineOptions", { enumerable: true, get: function () { return searchable_select_1.getLineOptions; } });

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,EAAY,gBAAgB,EAAkB,MAAM,oBAAoB,CAAC;AAMhF,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,4CAkEZ,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,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,4CAmEZ,CAAC;AAEF,eAAe,KAAK,CAAC"}