https://cornes-web-prod.herokuapp.com/_next/static/chunks/pages/contact/contact-app-2c73c9c59c1ba0ec.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6381],{20315:function(a,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/contact/contact-app",function(){return e(30435)}])},30435:function(a,t,e){"use strict";e.r(t),e.d(t,{default:function(){return P}});var s=e(85893),n=e(9008),c=e.n(n),r=e(72460),o=e(49059),_=e(92786),l=e(53350),i=e(11163),d=e(84121),p=e.n(d),m=e(46452),x=e(19970),f=e.n(x),j=e(41664),h=e.n(j),u=e(25675),N=e.n(u),b=e(99953),v=e(82175),C=e(67294),g=e(25278),y=e(8423),k=e.n(y);let w=a=>(0,s.jsx)(s.Fragment,{children:(0,s.jsxs)("div",{className:k().thanks__bg,children:[(0,s.jsx)("h2",{className:k().thanks__head,children:"送信完了"}),(0,s.jsxs)("p",{className:k().thanks__text,children:["送信完了しました。",(0,s.jsx)("br",{}),"お問い合わせいただきありがとうございました。"]}),(0,s.jsxs)("p",{className:k().thanks__text,children:["内容を確認ののち、ご返信の必要な場合、",(0,s.jsx)("br",{className:k().sp}),"担当者より折り返しご連絡いたします。",(0,s.jsx)("br",{}),"営業時間その他の事情により、",(0,s.jsx)("br",{className:k().sp}),"お返事に3-4日かかる場合がございますので",(0,s.jsx)("br",{className:k().sp}),"ご了承願います。"]}),(0,s.jsx)("h3",{className:k().thanks__subHead,children:"メールが届かない場合"}),(0,s.jsxs)("p",{className:k().thanks__text,children:["ご入力いただいたメールアドレスに",(0,s.jsx)("br",{className:k().sp}),"送信確認のメールが自動送信されます。",(0,s.jsx)("br",{}),"メールが届かない場合、お手数ですが",(0,s.jsx)("br",{}),"迷惑メールボックスに入っていないかご確認のうえ、",(0,s.jsx)("br",{className:k().sp}),"別のメールアドレスにて再度お試しください。"]})]})});var S=e(42180),A=e.n(S),T=e(154),E=e(57982),R=e(19828);let F=async a=>{let t=await (0,R.v_)("inquiries/general",a,!0);return t},Z=a=>{let[t,e]=(0,C.useState)(!1),[n,c]=(0,C.useState)(!1);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)("div",{className:"".concat(A().confirm__content," ").concat(!n&&A().show),children:[(0,s.jsx)("h2",{className:A().confirm__head,children:"入力内容の確認"}),(0,s.jsxs)("p",{className:A().confirm__text,children:["入力内容を確認し、間違いがなければ",(0,s.jsx)("br",{}),"「送信」ボタンを押して送信してください。"]}),(0,s.jsx)("div",{className:A().confirm__bg,children:(0,s.jsxs)("div",{className:A().confirm__data,children:[(0,s.jsxs)("dl",{children:[(0,s.jsx)("dt",{children:"メールアドレス"}),(0,s.jsx)("dd",{children:a.values.email})]}),(0,s.jsxs)("dl",{className:A().detail,children:[(0,s.jsx)("dt",{children:"お問い合わせ内容"}),(0,s.jsx)("dd",{className:A().alignLeft,children:a.values.detail})]})]})}),(0,s.jsxs)("div",{className:A().submitButtons,children:[(0,s.jsx)(g.Z,{variant:"back",label:"入力内容修正",isLoading:t,onClick(){a.setConfirmationModal(!1),a.setSubmitting(!1)}}),(0,s.jsx)(g.Z,{label:"送信",isLoading:t,async onClick(){e(!0);try{let t=await F(a.values);t.ok?(a.handleReset(),c(!0)):a.setStatus(T.E),E.k.debug("POST結果: ".concat(t.ok))}catch(s){a.setStatus(T.E)}finally{e(!1),a.setSubmitting(!1)}c(!0)}})]}),(0,s.jsxs)("p",{className:"".concat(A().confirm__text," ").concat(A().sm),children:["※ フォームの送信をもちまして",(0,s.jsx)("br",{className:A().sp}),"プライバシーポリシーを一読いただき、",(0,s.jsx)("br",{}),"同意いただいたものとみなします。"]})]}),(0,s.jsx)("div",{className:"".concat(A().thanks__content," ").concat(n&&A().show),children:(0,s.jsx)(w,{setConfirmationModal:a.setConfirmationModal,setCompleteModal:c})})]})},L=a=>{let{detail:t,email:e}=a},H=a=>{let[t,e]=(0,C.useState)(!1),n={email:a.email,detail:"",conecoId:a.userId},c=(0,v.TA)({initialValues:n,validate:L,validateOnChange:!1,validateOnBlur:!1,onSubmit:()=>e(!0)}),{isValid:r,errors:_,values:l,setSubmitting:i,setStatus:d,handleReset:p,isSubmitting:m,submitForm:x}=c;return(0,s.jsx)(s.Fragment,{children:(0,s.jsx)(v.Hy,{value:c,children:(0,s.jsxs)("form",{id:"formContainer",className:"".concat(f().form," ").concat(f().appform),"data-test-id":b.y.form,children:[(0,s.jsxs)("dl",{children:[(0,s.jsx)("dt",{children:"お問い合わせ内容"}),(0,s.jsx)("dd",{className:f().subjectCol,children:(0,s.jsxs)(v.gN,{as:"select",name:"subject",style:{maxWidth:"100%",minWidth:270},children:[(0,s.jsx)("option",{value:"contact",children:"アプリに関するお問い合わせ"}),(0,s.jsx)("option",{value:"account",children:"アプリアカウント削除のご依頼"})]})})]}),(0,s.jsxs)("dl",{children:[(0,s.jsx)("dt",{children:"お問い合わせ内容"}

1),(0,s.jsxs)("dd",{children:[(0,s.jsx)(v.gN,{as:"textarea",name:"detail",rows:8}),!r&&!!_&&(0,s.jsx)("span",{className:f().errortext,children:"お問い合わせ内容を入力してください"})]})]}),(0,s.jsxs)("div",{className:f().form__privacy,children:[(0,s.jsx)("h3",{className:f().form__privacyHead,children:"個人情報の取扱いについて"}),(0,s.jsxs)("p",{className:f().form__privacyText,children:["お問い合わせ前に、必ず",(0,s.jsx)("br",{className:f().sm}),"「",(0,s.jsx)(h(),{href:"/privacy",target:"_blank","data-test-id":b.y.link.privacy,children:"プライバシーポリシー"}),"」をご一読いただき、",(0,s.jsx)("br",{}),"同意の上「入力内容を確認する」へお進みください。"]}),(0,s.jsx)("div",{className:f().form__submit,"data-test-id":b.y.button.confirmInput,children:null==n.email?(0,s.jsxs)("p",{className:f().error,children:["マイページよりメールアドレスを設定し",(0,s.jsx)("br",{}),"再度お試しください"]}):null==n.conecoId?(0,s.jsxs)("p",{className:f().error,children:["会員情報が正しくありません。",(0,s.jsx)("br",{}),"ログインして再度お試しください"]}):(0,s.jsx)(g.Z,{label:"入力内容を確認する",isLoading:m,onClick(){e(!0),x()}})})]}),(0,s.jsxs)("div",{className:"".concat(f().confirm__modal," ").concat(t&&f().open),"data-test-id":b.y.modal,children:[(0,s.jsx)("div",{className:f().confirm__modal__closeBtn,onClick(){e(!1),i(!1)},"data-test-id":b.y.button.closeConfirmModal,children:(0,s.jsx)(N(),{src:"/assets/images/common/icn-close_dk.svg",width:40,height:40,alt:"閉じる"})}),(0,s.jsx)(o.Z,{children:(0,s.jsx)(Z,{values:l,setConfirmationModal:e,setStatus:d,setSubmitting:i,handleReset:p})})]})]})})})},{siteTitle:B,siteDesc:O,siteUrl:I}=l.N,M=()=>{var a;let t={pageTitle:m.gZ["contact/contact-app"].ja,pageTitleEn:m.gZ["contact/contact-app"].en,pageDesc:"コーンズ・モータース　オーナー限定サービス「CONECO」の総合的なお問合わせフォームです。"},e=(0,i.useRouter)();e.asPath;let{email:n,userId:r}=e.query;return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)(c(),{children:[(0,s.jsx)("title",{children:"".concat(t.pageTitle," | ").concat(B)}),(0,s.jsx)("meta",{name:"description",content:null!==(a=t.pageDesc)&&void 0!==a?a:O})]}),(0,s.jsx)(o.Z,{children:(0,s.jsx)(_.Z,{pageTitle:t.pageTitle,pageTitleEn:t.pageTitleEn})}),(0,s.jsx)("section",{className:"".concat(p().appContactSec," ").concat(p().intro),children:(0,s.jsxs)(o.Z,{children:[(0,s.jsxs)("p",{className:p().intro__text,children:["メールは常時受付させていただいておりますが、",(0,s.jsx)("br",{}),"ご返信の必要な場合、",(0,s.jsx)("br",{className:p().sp}),"営業時間その他の事情により、",(0,s.jsx)("br",{}),"お返事に3-4日かかる場合がございますので",(0,s.jsx)("br",{className:p().sp}),"ご了承ください。"]}),(0,s.jsxs)("p",{className:p().intro__text,children:["アプリアカウントの削除依頼についてもこちらのフォームからご連絡ください。",(0,s.jsx)("br",{}),"なお、弊社で管理しているお客様情報は削除されませんのでご安心ください。"]}),(0,s.jsxs)("p",{className:"".concat(p().intro__text," ").concat(p().red),children:["各モデルのカタログの郵送は行っておりません。",(0,s.jsx)("br",{}),"ご商談時に直接担当営業から",(0,s.jsx)("br",{className:p().sp}),"手渡しさせていただいております。"]})]})}),(0,s.jsx)("section",{className:"".concat(p().appContactSec," ").concat(p().formContainer),children:(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("div",{className:p().appContact__defaultinfo,children:(0,s.jsxs)("div",{className:p().defaultinfo__inner,children:[(0,s.jsxs)("dl",{className:p().defaultinfo__row,children:[(0,s.jsx)("dt",{children:"メールアドレス"}),(0,s.jsxs)("dd",{children:[null==n?"メールアドレスが登録されていません":n,(0,s.jsx)("br",{}),(0,s.jsxs)("p",{className:p().caption,children:["弊社からの回答が届くアドレスになります。",(0,s.jsx)("br",{}),"アドレスの変更を希望される場合、",(0,s.jsx)("br",{className:p().sp}),(0,s.jsx)("span",{className:p().bold,children:"マイページ → 会員情報"}),"より修正いただけます。"]})]})]}),(0,s.jsx)("div",{className:p().defaultinfo__change})]})}),null!=n&&null!=r&&(0,s.jsx)("div",{className:p().appContact__form,children:(0,s.jsx)(H,{email:n,userId:r})})]})})]})};M.getLayout=function(a){return(0,s.jsx)(r.Z,{children:a})};var P=M},19970:function(a){a.exports={form:"contact-app-form_form__h9IX9",form__text:"contact-app-form_form__text__Q8WBH",sp:"contact-app-form_sp__VxL3D",form__caption:"contact-app-form_form__c

1aption___12HB",requiredLabel:"contact-app-form_requiredLabel__0DvVl",any:"contact-app-form_any__1fgHU",errortext:"contact-app-form_errortext__nulFf",reserveRow:"contact-app-form_reserveRow__HbL1v",reserveLabel:"contact-app-form_reserveLabel__Bz3pg",datetime:"contact-app-form_datetime__9vg_3",dateField:"contact-app-form_dateField___wjfj",timeField:"contact-app-form_timeField__a_4QY",form__privacy:"contact-app-form_form__privacy__ruzW4",form__privacyHead:"contact-app-form_form__privacyHead__3itRd",form__privacyText:"contact-app-form_form__privacyText__YOrRV",sm:"contact-app-form_sm__RY3T1",error:"contact-app-form_error__f_QEi",error__head:"contact-app-form_error__head__fBSFK",error__text:"contact-app-form_error__text__mP_nT",confirm__modal:"contact-app-form_confirm__modal__KRQFB",confirm__modal__closeBtn:"contact-app-form_confirm__modal__closeBtn__CkIMO",open:"contact-app-form_open__e1ZSp"}},84121:function(a){a.exports={appContactSec:"ContactApp_appContactSec__s1ER2",intro:"ContactApp_intro__dr8dJ",intro__text:"ContactApp_intro__text__t4Ev2",red:"ContactApp_red__UCxPF",sp:"ContactApp_sp__MD40o",formContainer:"ContactApp_formContainer__R6wwR",appContact__defaultinfo:"ContactApp_appContact__defaultinfo__5tYIS",appContact__form:"ContactApp_appContact__form__HyfEh",defaultinfo__inner:"ContactApp_defaultinfo__inner__yHy1J",defaultinfo__title:"ContactApp_defaultinfo__title__9Xzp_",defaultinfo__row:"ContactApp_defaultinfo__row__5xhKp",caption:"ContactApp_caption__grSAl",bold:"ContactApp_bold__0gCoR",name:"ContactApp_name__iOqZr",kana:"ContactApp_kana__7TRDF",defaultinfo__change:"ContactApp_defaultinfo__change__P_z6L"}},11163:function(a,t,e){a.exports=e(80880)}},function(a){a.O(0,[1664,5675,195,729,9774,2888,179],function(){return a(a.s=20315)}),_N_E=a.O()}]);