{"version":3,"file":"static/chunks/app/(commonLayout)/contact/page-378c944231974402.js","mappings":"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","sources":["webpack://_N_E/?8ee0","webpack://_N_E/./app/_components/Pages/Contact/ContactForm/index.tsx","webpack://_N_E/./app/(commonLayout)/contact/page.module.css","webpack://_N_E/./app/_components/Pages/Contact/ContactForm/index.module.css"],"sourcesContent":["import(/* webpackMode: \"eager\", webpackExports: [\"ContactForm\"] */ \"/codebuild/output/src844427751/src/FullStackHP-v2/app/_components/Pages/Contact/ContactForm/index.tsx\");\n;\nimport(/* webpackMode: \"eager\" */ \"/codebuild/output/src844427751/src/FullStackHP-v2/app/(commonLayout)/contact/page.module.css\");\n","'use client';\nimport React, { useRef, useState } from 'react';\nimport styles from './index.module.css';\n\nexport function ContactForm() {\n  const lastnameRef = useRef<HTMLInputElement>(null);\n  const firstnameRef = useRef<HTMLInputElement>(null);\n  const companyRef = useRef<HTMLInputElement>(null);\n  const emailRef = useRef<HTMLInputElement>(null);\n  const typeRef = useRef<HTMLSelectElement>(null);\n  const messageRef = useRef<HTMLTextAreaElement>(null);\n  const [success, setSuccess] = useState<boolean>(false);\n  const [error, setError] = useState<string>();\n  const onSubmit = async (e: React.FormEvent<HTMLFormElement>) => {\n    e.preventDefault();\n    const res = await fetch('/api/submit-contact', {\n      method: 'POST',\n      headers: {\n        'Content-Type': 'application/json',\n      },\n      body: JSON.stringify({\n        lastname: lastnameRef.current?.value,\n        firstname: firstnameRef.current?.value,\n        company: companyRef.current?.value,\n        email: emailRef.current?.value,\n        type: typeRef.current?.value,\n        message: messageRef.current?.value,\n      }),\n    }).then((res) => res.json());\n    if (res.status === 'error') {\n      setError(res.message);\n    } else {\n      setSuccess(true);\n    }\n  };\n  if (success) {\n    return (\n      <p className={styles.success}>\n        お問い合わせいただき、ありがとうございます。\n        <br />\n        お返事まで今しばらくお待ちください。\n      </p>\n    );\n  }\n  return (\n    <form className={styles.form} onSubmit={onSubmit}>\n      <div className={styles.item}>\n        <label className={styles.label} htmlFor=\"type\">\n          お問合わせ目的*\n        </label>\n        <select className={styles.selectedfield} id=\"type\" ref={typeRef}>\n          <option value=\"\">選択してください</option>\n          <option value=\"ビジネスパートナー募集\">ビジネスパートナー募集</option>\n          <option value=\"弊社求人への応募について\">弊社求人への応募について</option>\n          <option value=\"弊社サービスについて\">弊社サービスについて</option>\n          <option value=\"その他\">その他</option>\n        </select>\n      </div>\n      <div className={styles.horizontal}>\n        <div className={styles.item}>\n          <label className={styles.label} htmlFor=\"lastname\">\n            姓*\n          </label>\n          <input className={styles.textfield} type=\"text\" id=\"lastname\" ref={lastnameRef} />\n        </div>\n        <div className={styles.item}>\n          <label className={styles.label} htmlFor=\"firstname\">\n            名*\n          </label>\n          <input className={styles.textfield} type=\"text\" id=\"firstname\" ref={firstnameRef} />\n        </div>\n      </div>\n      <div className={styles.item}>\n        <label className={styles.label} htmlFor=\"company\">\n          会社名\n        </label>\n        <input className={styles.textfield} type=\"text\" id=\"company\" ref={companyRef} />\n      </div>\n      <div className={styles.item}>\n        <label className={styles.label} htmlFor=\"email\">\n          メールアドレス*\n        </label>\n        <input className={styles.textfield} type=\"text\" id=\"email\" ref={emailRef} />\n      </div>\n\n      <div className={styles.item}>\n        <label className={styles.label} htmlFor=\"message\">\n          メッセージ*\n        </label>\n        <textarea className={styles.textarea} id=\"message\" ref={messageRef} />\n      </div>\n      <div className={styles.actions}>\n        <p className={styles.error}>{error}</p>\n        <input type=\"submit\" value=\"送信する\" className={styles.button} />\n      </div>\n    </form>\n  );\n}\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"button\":\"page_button__CroAF\",\"text\":\"page_text__sKNvj\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"form\":\"ContactForm_form__TQbHT\",\"item\":\"ContactForm_item__6JqfY\",\"horizontal\":\"ContactForm_horizontal__14opJ\",\"label\":\"ContactForm_label__ocYkU\",\"textfield\":\"ContactForm_textfield__AjbAk\",\"textarea\":\"ContactForm_textarea__N4Hgo\",\"selectedfield\":\"ContactForm_selectedfield__YjPHR\",\"actions\":\"ContactForm_actions__Mr3ZA\",\"button\":\"ContactForm_button__un8S_\",\"success\":\"ContactForm_success__UmmjM\",\"error\":\"ContactForm_error__VrZyl\"};"],"names":["Promise","resolve","then","__webpack_require__","bind","t","ContactForm","lastnameRef","useRef","firstnameRef","companyRef","emailRef","typeRef","messageRef","success","setSuccess","useState","error","setError","onSubmit","e","preventDefault","res","fetch","method","headers","body","JSON","stringify","lastname","current","value","firstname","company","email","type","message","json","status","react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__","jsxs","p","className","styles","jsx","br","form","div","label","htmlFor","select","id","ref","option","input","textarea","module","exports"],"sourceRoot":""}