https://www.cocome.app/_next/static/chunks/pages/ja/contact-cf7b1f9d86d2433a.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7980],{63998:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/ja/contact",function(){return n(9608)}])},85994:function(e,t,n){"use strict";var a=n(67294);t.Z=()=>{(0,a.useEffect)(()=>{document.documentElement.scrollTop=document.body.scrollTop=0,document.getElementById("__next").scrollTo(0,0)},[])}},9608:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return x}});var a=n(85893);n(67294);var s=n(66062),i=n(42389),c=n(72806),r=n(25009),l=n(2831),d=n(85994),o=n(95682),m=n.n(o);let{TabPane:u}=s.Z,h={labelCol:{span:4},wrapperCol:{span:16}},b={required:"${label}を入力してください!",types:{email:"${label}は正しい形式のメールアドレスではなさそうです!"}},p=async(e,t)=>{let n="",a=e["お名前"],s="CoCome Contact - ".concat(0===t?"個人":"法人"," - ").concat(a);for(let t in e)void 0!==e[t]&&(n+="".concat(t,": ").concat(e[t],"\r\n"));let c=document.querySelectorAll(".normal-button");c.forEach(e=>e.setAttribute("hidden","hidden"));let r=document.querySelectorAll(".loading-button");r.forEach(e=>e.removeAttribute("hidden"));try{let e=await fetch("/api/mail",{method:"post",body:JSON.stringify({type:t,text:n,subject:s})}),{status:a}=await e.json();"ok"===a?(document.getElementById("tabs-info").remove(),document.getElementById("success").style.display="block"):(i.ZP.error("送信に失敗しました。もう一度お試しください。"),r.forEach(e=>e.setAttribute("hidden","hidden")),c.forEach(e=>e.removeAttribute("hidden")))}catch(e){i.ZP.error("送信に失敗しました。もう一度お試しください。"),r.forEach(e=>e.setAttribute("hidden","hidden")),c.forEach(e=>e.removeAttribute("hidden"))}};function x(e){return(0,d.Z)(),(0,a.jsx)("div",{className:"default-container",children:(0,a.jsxs)("div",{className:m().contactContainer,children:[(0,a.jsxs)("div",{id:"tabs-info",children:[(0,a.jsx)("img",{className:"company-title",src:"https://cdn.cocome.app/v1/images/eyJpZCI6IkZaRlRFQlhNNVIzRFZUTlVOT0RRNEI3NkVSTEM1QSIsInciOjMzNiwiaCI6MTY2LCJkIjowLCJtdCI6ImltYWdlL2pwZWciLCJkaCI6NjAxNTEyMDY0Mjc1ODkyNDgwLCJhYiI6MH0?format=originalOFGHLERTH"}),(0,a.jsxs)(s.Z,{centered:!0,defaultActiveKey:"0",children:[(0,a.jsx)(u,{tab:(0,a.jsxs)("div",{className:m().tabContainer,children:[(0,a.jsx)(c.Z,{htmlType:"button",shape:"round",size:"large",type:"primary",id:"person-active",children:(0,a.jsx)("div",{className:m().buttonText,children:"個人の方"})}),(0,a.jsx)(c.Z,{hidden:"hidden",htmlType:"button",shape:"round",size:"large",id:"person-plain",onClick:()=>{document.getElementById("person-active").removeAttribute("hidden"),document.getElementById("person-plain").setAttribute("hidden","hidden"),document.getElementById("company-active").setAttribute("hidden","hidden"),document.getElementById("company-plain").removeAttribute("hidden")},children:(0,a.jsx)("div",{className:"button-text",children:"個人の方"})}),(0,a.jsx)("div",{className:m().buttonTip,children:"アプリの使い方、ご意見など個人の方からのお問い合わせ"})]}),children:(0,a.jsxs)(r.Z,{...h,colon:!1,name:"個人の方",onFinish:e=>p(e,0),validateMessages:b,children:[(0,a.jsx)(r.Z.Item,{label:"お名前\xa0",name:"お名前",rules:[{required:!0}],children:(0,a.jsx)(l.Z,{})}),(0,a.jsx)(r.Z.Item,{label:"ふりがな\xa0",name:"ふりがな",children:(0,a.jsx)(l.Z,{})}),(0,a.jsx)(r.Z.Item,{label:"メールアドレス\xa0",name:"メールアドレス",rules:[{required:!0,type:"email"}],children:(0,a.jsx)(l.Z,{})}),(0,a.jsx)(r.Z.Item,{label:"お問い合わせ内容\xa0",name:"お問い合わせ内容",rules:[{required:!0}],children:(0,a.jsx)(l.Z.TextArea,{})}),(0,a.jsx)("br",{}),(0,a.jsx)(r.Z.Item,{wrapperCol:{xs:{span:16,offset:0},sm:{span:16,offset:4}},children:(0,a.jsxs)("div",{className:m().buttonContainer,children:[(0,a.jsx)(c.Z,{className:"normal-button",htmlType:"submit",shape:"round",size:"large",type:"primary",children:(0,a.jsx)("span",{className:m().buttonText,children:"送信する"})}),(0,a.jsx)(c.Z,{className:"loading-button",hidden:"hidden",htmlType:"submit",loading:"true",shape:"round",size:"large",type:"primary",children:(0,a.jsx)("span",{className:m().buttonText,children:"送信する"})})]})})]})},"0"),(0,a.jsx)(u,{tab:(0,a.jsxs)("div",{className:"tab-container",children:[(0,a.jsx)(c.Z,{hidden:"hidden",htmlType:"button",shape:"round",size:"large",type:"primary",id:"company-active",children:(0,a.jsx)("div",{className:m().buttonText,children:"法人の方"})}),(0,a.jsx)(c.Z,{htmlType:"button",shape:"round",size:"large",id:"company-plain",onClick:()=>{document.getElementById("person-plain").removeAttribute("hidden"),document.getElementById("person-active").setAttribute("hidden","hidden"),document.getElementById("company-active").removeAttribute("hidden"),document.getElementById("company-plain").setAttribute("hidden","hidden")},children:(0,a.jsx)("div",{className:m().buttonText,children:"法人の方"})}

1),(0,a.jsx)("div",{className:m().buttonTip,children:"取材依頼、タイアップご検討など法人の方からのお問い合わせ"})]}),children:(0,a.jsxs)(r.Z,{...h,colon:!1,name:"法人の方",onFinish:e=>p(e,1),validateMessages:b,children:[(0,a.jsx)(r.Z.Item,{label:"会社名\xa0",name:"会社名",rules:[{required:!0}],children:(0,a.jsx)(l.Z,{})}),(0,a.jsx)(r.Z.Item,{label:"ホームページ\xa0",name:"ホームページ",children:(0,a.jsx)(l.Z,{})}),(0,a.jsx)(r.Z.Item,{label:"部署名\xa0",name:"部署名",children:(0,a.jsx)(l.Z,{})}),(0,a.jsx)(r.Z.Item,{label:"お名前\xa0",name:"お名前",rules:[{required:!0}],children:(0,a.jsx)(l.Z,{})}),(0,a.jsx)(r.Z.Item,{label:"ふりがな\xa0",name:"ふりがな",children:(0,a.jsx)(l.Z,{})}),(0,a.jsx)(r.Z.Item,{label:"メールアドレス\xa0",name:"メールアドレス",rules:[{required:!0,type:"email"}],children:(0,a.jsx)(l.Z,{})}),(0,a.jsx)(r.Z.Item,{label:"電話番号\xa0",name:"電話番号",children:(0,a.jsx)(l.Z,{})}),(0,a.jsx)(r.Z.Item,{label:"お問い合わせ内容\xa0",name:"お問い合わせ内容",rules:[{required:!0}],children:(0,a.jsx)(l.Z.TextArea,{})}),(0,a.jsx)("br",{}),(0,a.jsx)(r.Z.Item,{wrapperCol:{xs:{span:16,offset:0},sm:{span:16,offset:4}},children:(0,a.jsxs)("div",{className:m().buttonContainer,children:[(0,a.jsx)(c.Z,{className:"normal-button",htmlType:"submit",shape:"round",size:"large",type:"primary",children:(0,a.jsx)("span",{className:m().buttonText,children:"送信する"})}),(0,a.jsx)(c.Z,{className:"loading-button",hidden:"hidden",htmlType:"submit",loading:"true",shape:"round",size:"large",type:"primary",children:(0,a.jsx)("span",{className:m().buttonText,children:"送信する"})})]})})]})},"1")]})]}),(0,a.jsxs)("div",{id:"success",style:{display:"none"},children:[(0,a.jsx)("img",{src:"https://cdn.cocome.app/v1/images/eyJpZCI6IjVKQzRNVEVNM01MNVgzNEdXRk5BT1pSU1JPRUU1RSIsInciOjQwMCwiaCI6MjQyLCJkIjowLCJtdCI6ImltYWdlL2pwZWciLCJkaCI6NTU1MjQyMTk1NTI2MzkyNTAzNSwiYWIiOjB9?format=originalOFGHLERTH"}),(0,a.jsx)("p",{id:"after-submit",children:"お問い合わせを受け付けました。"}),(0,a.jsx)("p",{id:"after-submit-text-1",children:"※ お問い合わせいただきました内容によっては、お答えできない場合やお時間がかかる場合がございます。"}),(0,a.jsx)("p",{id:"after-submit-text-2",children:"また、土日祝日にいただいたお問い合わせにつきましては、翌営業日以降のご返信となりますので、あらかじめご了承ください。"})]})]})})}},95682:function(e){e.exports={contactContainer:"contact_contactContainer__KkQ9T","ant-tabs-nav":"contact_ant-tabs-nav__3s25a",contactTitle:"contact_contactTitle__HffNi",antMessage:"contact_antMessage__UG6xK",antInput:"contact_antInput___2T24",antBtnPrimary:"contact_antBtnPrimary__g2EEH",antTabsTabActive:"contact_antTabsTabActive__okJ4e","ant-tabs-tab-btn":"contact_ant-tabs-tab-btn___fT3t",antTabsTab:"contact_antTabsTab__m_2jO",antTabsInkBar:"contact_antTabsInkBar__S6Maz",tabContainer:"contact_tabContainer__M95lM",buttonText:"contact_buttonText__7_8S2",buttonTip:"contact_buttonTip__3bHvX",antTabsTabpane:"contact_antTabsTabpane__aQS18",buttonContainer:"contact_buttonContainer__plLEb",tabsInfo:"contact_tabsInfo__RzJmK",success:"contact_success__Y958G","ant-tabs-tab":"contact_ant-tabs-tab__X8njN"}}},function(e){e.O(0,[4800,2729,2031,6951,9737,9774,2888,179],function(){return e(e.s=63998)}),_N_E=e.O()}]);