ContactForm

Shared contact form (name/email/message + Turnstile widget) used by both the JA and EN contact pages.

Forms & Dialogs

Japanese

English

/** @jsxRuntime automatic */ /** @jsxImportSource preact */ // Story for ContactForm — new gap story (epic #1647 Wave 6, #1663). // // Static states only, no MSW: ContactForm has no client-side `fetch` — it's a // plain SSR `<form method="post" action="/api/contact?locale=...">` that // posts a full-page navigation (handled by zmod-preorder-worker) plus an // inline script that reads `?error=` from the URL on load. Both are // meaningless to reproduce inside the isolated preview iframe, so the two // variants below simply show the JA/EN locale copy — the form's actual // distinguishing content. import { defineStory } from '@lib/styleguide/story-contract'; import type { StoryMeta } from '@lib/styleguide/story-contract'; import ContactForm from './contact-form'; const meta: StoryMeta = { title: 'ContactForm', category: 'Forms & Dialogs', description: 'Shared contact form (name/email/message + Turnstile widget) used by both the JA and EN contact pages.', usage: `import ContactForm from '@/components/shared/contact-form';\n\n<ContactForm locale="ja" />`, }; export default meta; export const Japanese = defineStory({ name: 'Japanese', render: () => <ContactForm locale="ja" />, }); export const English = defineStory({ name: 'English', render: () => <ContactForm locale="en" />, });