https://cornes-web-prod.herokuapp.com/_next/static/chunks/pages/contact/coneco-c83995ca13cbb714.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1657],{88298:function(e,s,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/contact/coneco",function(){return a(99345)}])},55575:function(e,s,a){"use strict";a.d(s,{Z:function(){return b}});var t=a(85893),n=a(36291),r=a(41664),l=a.n(r),i=a(37329),c=a.n(i),d=a(46452),o=a(11163),m=a(9473);let u=e=>{switch(e){case"BENTLEY":return d._.Bentley;case"FERRARI":return d._.Ferrari;case"LAMBO":return d._.Lamborghini;case"ROLLSROYCE":return d._.RollsRoyce;case"SINGER":return d._.Singer;default:return"/"}},_=e=>{switch(e){case"LAMBO":return"LAMBORGHINI";case"ROLLSROYCE":return"ROLLS-ROYCE";default:return e}},h=()=>{let e=(0,o.useRouter)(),s=(0,m.v9)(e=>e.pageState),a=(()=>{let a=e.pathname.split("/"),t=[],n=[];return a.forEach(e=>{e&&n.push(e);let a=n.join("/");if(a===d._.ServiceCenter&&s.selectedBrand||a===d._.ShowRoom&&s.selectedBrand){t.push({label:_(s.selectedBrand),path:"/".concat(u(s.selectedBrand))});return}if(!Object.values(d._).includes(a))return;let r=d.gZ[a].ja;t.push({label:r,path:"/".concat(a)})}),s.id&&s.title&&(a.includes(d._.News)&&t.push({label:s.title,path:"/".concat(d._.News,"/").concat(s.id)}),a.includes(d._.ServiceCenter)&&t.push({label:s.title,path:"/".concat(d._.ServiceCenter,"/").concat(s.id)}),a.includes(d._.ShowRoom)&&t.push({label:s.title,path:"/".concat(d._.ShowRoom,"/").concat(s.id)})),t})();return(0,t.jsx)("div",{className:c().breadCrumbs,children:(0,t.jsx)(n.Z,{children:(0,t.jsxs)("ul",{"data-test-id":"breadcrumb-ul",children:[(0,t.jsx)("li",{children:(0,t.jsx)(l(),{href:"/",children:"HOME"})}),a.map((e,s)=>(0,t.jsx)("li",{children:""===e.path?(0,t.jsx)("div",{children:e.label}):(0,t.jsx)(l(),{href:e.path,children:e.label})},s))]})})})};var x=a(11188),j=a(24320),p=a(15054),f=a(24507),g=a.n(f);let N=e=>{let{children:s}=e;return(0,t.jsxs)(m.zt,{store:p.h,children:[(0,t.jsx)(j.Z,{}),(0,t.jsxs)("div",{className:g().container,children:[(0,t.jsx)(h,{}),(0,t.jsx)("main",{className:g().main,children:s})]}),(0,t.jsx)(x.Z,{})]})};var b=N},92786:function(e,s,a){"use strict";var t=a(85893),n=a(65666),r=a.n(n);let l=e=>{let{pageTitle:s,pageTitleEn:a}=e;return(0,t.jsxs)("div",{className:r().pageTitle,children:[(0,t.jsx)("p",{className:r().pageTitle__en,children:a}),(0,t.jsx)("h1",{className:r().pageTitle__ja,children:s})]})};s.Z=l},99345:function(e,s,a){"use strict";a.r(s),a.d(s,{default:function(){return D}});var t=a(85893),n=a(9008),r=a.n(n),l=a(55575),i=a(49059),c=a(92786),d=a(53350),o=a(66723),m=a.n(o),u=a(46452),_=a(32821),h=a(28275),x=a(75212),j=a(90959),p=a.n(j),f=a(11666),g=a(8129),N=a(99953),b=a(154),v=a(19828);let y=async e=>{let s=await (0,v.v_)("inquiries/app",e,!0);return s};var C=a(73442),T=a.n(C);let S=["ログインできない","パスワードがわからない","その他"],w=e=>({inquiryType:e.inquiryType,detail:e.detail,lastname:e.lastname,firstname:e.firstname,lastnameKana:e.lastnameKana,firstnameKana:e.firstnameKana,email:e.email,phoneNumber:e.phoneNumber,addressZip:e.addressZip,addressPrefecture:e.addressPrefecture,addressCity:e.addressCity,addressStreet:e.addressStreet,companyName:e.companyName,ownerVehicle:e.ownerVehicle,vehicleNumber:e.vehicleNumber,registrationNumber:e.registrationNumber,agent:e.agent});var Z=a(57982),k=a(34613),E=a(67294);let B=e=>{let[s,a]=(0,E.useState)(!1),[n,r]=(0,E.useState)(!1),l=()=>{e.resetFormState(),r(!1)};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)("div",{className:"".concat(T().confirm__content," ").concat(!n&&T().show),children:[(0,t.jsx)("h2",{className:T().confirm__head,children:"入力内容の確認"}),(0,t.jsxs)("p",{className:T().confirm__text,children:["入力内容を確認し、間違いがなければ",(0,t.jsx)("br",{}),"「送信」ボタンを押して送信してください。"]}),(0,t.jsxs)("div",{className:T().confirm__data,children:[(0,t.jsxs)("dl",{children:[(0,t.jsx)("dt",{children:"問合せ種別"}),(0,t.jsx)("dd",{children:e.values.inquiryType})]}),(0,t.jsxs)("dl",{children:[(0,t.jsx)("dt",{children:"お問い合わせ内容"}),(0,t.jsx)("dd",{children:e.values.detail})]}),(0,t.jsxs)("dl",{children:[(0,t.jsx)("dt",{children:"お名前"}),(0,t.jsx)("dd",{className:T().col2,children:e.values.lastname}),(0,t.jsx)("dd",{className:T().col2,children:e.values.firstname})]}),(0,t.jsxs)("dl",{children:[(0,t.jsx)("dt",{children:"ふりがな"}),(0,t.jsx)("dd",{className:T().col2,children:e.values.lastnameKana}),(0,t.jsx)("dd",{className:T().col2,children:e.values.firstnameKana})]}),(0,t.jsxs)("dl",{children:[(0,t.jsx)("dt",{children:"メールアドレス"}),(0,t.jsx)("dd",{children:e.values.email})]}),(0,t.jsxs)("dl",{children:[(0,t.jsx)("dt",{children:"電話番号"}),(0,t.jsx)("dd",{children:e.values.phoneNumber})]}),(0,t.jsxs)("dl",{children:[(0,t.jsx)("dt",{children:"住所"}),(0,t.jsxs)("dd",{children:[(0,t.jsxs)("p",{children:[(0,t.jsx)("span",{className:T().addressLabel,children:"郵便番号"}),(0,t.jsx)("br",{}),e.values.addressZip]}),(0,t.jsxs)("p",{children:[(0,t.jsx)("span",{className:T().addressLabel,children:"都道府県"}),(0,t.jsx)("br",{}),e.values.addressPrefecture]}),(0,t.jsxs)("p",{children:[(0,t.jsx)("span",{className:T().addressLabel,children:"市区町村・番地"}),(0,t.jsx)("br",{}),e.values.addressCity]}),(0,t.jsxs)("p",{children:[(0,t.jsx)("span",{className:T().addressLabel,children:"建物名・部屋番号"}),(0,t.jsx)("br",{}),e.values.addressStreet]})]})]}),(0,t.jsxs)("dl",{children:[(0,t.jsx)("dt",{children:"会社名"}),(0,t.jsx)("dd",{children:e.values.companyName})]}),(0,t.jsxs)("dl",{children:[(0,t.jsx)("dt",{children:"所有車両"}),(0,t.jsx)("dd",{children:e.values.ownerVehicle})]}),(0,t.jsxs)("dl",{children:[(0,t.jsx)("dt",{children:"登録ナンバー"}),(0,t.jsx)("dd",{children:e.values.vehicleNumber})]}),(0,t.jsxs)("dl",{children:[(0,t.jsx)("dt",{children:"車台番号"}),(0,t.jsx)("dd",{children:e.values.registrationNumber})]}),(0,t.jsxs)("dl",{children:[(0,t.jsx)("dt",{children:"担当者名"}),(0,t.jsx)("dd",{children:e.values.agent})]})]}),(0,t.jsxs)("div",{className:T().submitButtons,children:[(0,t.jsx)(x.Z,{label:"入力内容修正",isLoading:s,onClick(){e.setConfirmationModal(!1),e.setSubmitting(!1)}}

1),(0,t.jsx)(x.Z,{label:"送信",variant:"send",isLoading:s,async onClick(){a(!0);try{let s=await y(w(e.values));s.ok?(e.resetFormState(),r(!0)):e.setStatus(b.E),Z.k.debug("POST結果: ".concat(s.ok))}catch(t){e.setStatus(b.E)}finally{a(!1),e.setSubmitting(!1)}}})]})]}),(0,t.jsx)("div",{className:"".concat(T().thanks__content," ").concat(n&&T().show),children:(0,t.jsx)(k.Z,{setConfirmationModal:e.setConfirmationModal,setCompleteModal:r,onClose:l})})]})};var L=a(82175),O=a(25675),F=a.n(O),R=a(41664),q=a.n(R);let K=e=>{switch(e){case"inquiryType":return"問合せ種別";case"detail":return"お問い合わせ内容";case"email":return"メールアドレス";case"emailConfirm":return"メールアドレス(確認)";case"phoneNumber":return"電話番号";case"lastname":return"お名前(姓)";case"lastnameKana":return"ふりがな(せい)";case"firstname":return"お名前(名)";case"firstnameKana":return"ふりがな(めい)";case"addressZip":return"住所(郵便番号)";case"addressPrefecture":return"住所(都道府県)";case"addressCity":return"住所(市区町村・番地)";case"addressStreet":return"住所(建物名・部屋番号)";case"companyName":return"会社名";case"ownerVehicle":return"所有車両";case"vehicleNumber":return"登録ナンバー";case"registrationNumber":return"車台番号";case"agent":return"担当者名";default:return""}},A=e=>{let s={},{inquiryType:a,detail:t,lastname:n,firstname:r,lastnameKana:l,firstnameKana:i,email:c,emailConfirm:d,phoneNumber:o}=e,m=(0,f.mp)(a);if(m&&(s.inquiryType=m),"その他"===a){let u=(0,f.mp)(t);u&&(s.detail=u)}let _=(0,f.mp)(n);_&&(s.lastname=_);let h=(0,f.mp)(r);h&&(s.firstname=h);let x=(0,f.mp)(l);x&&(s.lastnameKana=x);let j=(0,f.mp)(i);j&&(s.firstnameKana=j);let p=(0,f.Le)(c);p&&(s.email=p);let g=(0,f.cz)(d,c);g&&(s.emailConfirm=g);let N=(0,f.mp)(o);return N&&(s.phoneNumber=N),s},M=e=>{let s=[];return Object.entries(e).map(e=>{let[a,t]=e;s.push("".concat(K(a),": ").concat(t))}),s},V=()=>{let[e,s]=(0,E.useState)(!1),[a,n]=(0,E.useState)(!1),r=e=>{n(e.target.checked)},[l,c]=(0,E.useState)(!0);(0,E.useEffect)(()=>{c(!1)},[]);let d=(0,L.TA)({initialValues:{inquiryType:"",detail:"",lastname:"",firstname:"",lastnameKana:"",firstnameKana:"",email:"",emailConfirm:"",phoneNumber:"",addressZip:"",addressZipCode:"",addressZipTownArea:"",addressPrefecture:"",addressCity:"",addressStreet:"",companyName:"",ownerVehicle:"",vehicleNumber:"",registrationNumber:"",agent:""},validate:A,validateOnChange:!1,validateOnBlur:!1,onSubmit:()=>s(!0)}),{isValid:o,errors:m,values:u,setFieldValue:j,resetForm:f,setSubmitting:b,setStatus:v,isSubmitting:y,submitForm:C}=d,T=()=>{f(),n(!1)};return(0,E.useEffect)(()=>{var e;Object.keys(m).length>0&&(null===(e=document.getElementById("errorMessage"))||void 0===e||e.scrollIntoView())},[m]),(0,t.jsx)(t.Fragment,{children:l?(0,t.jsx)(t.Fragment,{}):(0,t.jsx)(L.Hy,{value:d,children:(0,t.jsxs)("form",{id:"formContainer",className:"".concat(p().form," ").concat(p().consult," ").concat(p().coneco),"data-test-id":N.y.form,children:[(0,t.jsxs)("p",{className:p().form__text,children:["｢*｣は必須項目です。",(0,t.jsx)("br",{className:p().sp}),"必ずご入力をお願いいたします。"]}),!o&&!!m&&(0,t.jsx)("div",{id:"errorMessage",children:(0,t.jsx)(h.Z,{errors:M(m)})}),(0,t.jsx)("table",{className:p().formTable,children:(0,t.jsxs)("tbody",{children:[(0,t.jsxs)("tr",{children:[(0,t.jsxs)("th",{children:["問合せ種別",(0,t.jsx)("span",{className:p().required,children:"*"})]}),(0,t.jsx)("td",{children:(0,t.jsxs)(L.gN,{as:"select",name:"inquiryType",children:[(0,t.jsx)("option",{value:"",children:"選択してください"}),S.map(e=>(0,t.jsx)("option",{value:e,children:e},e))]})})]}),(0,t.jsxs)("tr",{children:[(0,t.jsxs)("th",{children:["お問い合わせ内容","その他"===u.inquiryType&&(0,t.jsx)("span",{className:p().required,children:"*"})]}),(0,t.jsx)("td",{children:(0,t.jsx)(L.gN,{as:"textarea",name:"detail",id:"",rows:5,"data-test-id":N.y.textarea.detail})})]}),(0,t.jsxs)("tr",{children:[(0,t.jsxs)("th",{children:["お名前",(0,t.jsx)("span",{className:p().required,

1children:"*"})]}),(0,t.jsxs)("td",{className:p().nameCol,children:[(0,t.jsxs)("label",{htmlFor:"lastname",children:["姓",(0,t.jsx)(L.gN,{type:"text",name:"lastname",id:"lastname","data-test-id":N.y.input.familyName})]}),(0,t.jsxs)("label",{htmlFor:"firstname",children:["名",(0,t.jsx)(L.gN,{type:"text",name:"firstname",id:"firstname","data-test-id":N.y.input.givenName})]})]})]}),(0,t.jsxs)("tr",{children:[(0,t.jsxs)("th",{children:["ふりがな",(0,t.jsx)("span",{className:p().required,children:"*"})]}),(0,t.jsxs)("td",{className:p().kanaCol,children:[(0,t.jsxs)("label",{htmlFor:"lastnameKana",children:["せい",(0,t.jsx)(L.gN,{type:"text",name:"lastnameKana",id:"lastnameKana","data-test-id":N.y.input.familyNameHiragana})]}),(0,t.jsxs)("label",{htmlFor:"firstnameKana",children:["めい",(0,t.jsx)(L.gN,{type:"text",name:"firstnameKana",id:"firstnameKana","data-test-id":N.y.input.givenNameHiragana})]})]})]}),(0,t.jsxs)("tr",{children:[(0,t.jsxs)("th",{children:["メールアドレス",(0,t.jsx)("span",{className:p().required,children:"*"})]}),(0,t.jsxs)("td",{className:p().mailCol,children:[(0,t.jsx)(L.gN,{name:"email",type:"email","data-test-id":N.y.input.email}),(0,t.jsx)(L.gN,{name:"emailConfirm",placeholder:"確認のため、もう一度入力してください",type:"email","data-test-id":N.y.input.emailConfirm}),(0,t.jsx)("p",{className:p().formTable__caption,children:"弊社に登録されているメールアドレスをご入力ください。"})]})]}),(0,t.jsxs)("tr",{children:[(0,t.jsxs)("th",{children:["電話番号",(0,t.jsx)("span",{className:p().required,children:"*"})]}),(0,t.jsxs)("td",{children:[(0,t.jsx)(L.gN,{type:"tel",name:"phoneNumber","data-test-id":N.y.input.tel}),(0,t.jsx)("p",{className:p().formTable__caption,children:'※ハイフン"-"は不要です。　例）0312345678'})]})]}),(0,t.jsxs)("tr",{children:[(0,t.jsx)("th",{children:"住所"}),(0,t.jsx)(_.Z,{zipCodeFieldName:"addressZipCode",zipTownAreaFieldName:"addressZipTownArea",prefectureFieldName:"addressPrefecture",cityFieldName:"addressCity",streetFieldName:"addressStreet",addressZipCode:u.addressZipCode,addressZipTownArea:u.addressZipTownArea,setFieldValue:j})]}),(0,t.jsxs)("tr",{children:[(0,t.jsx)("th",{children:"会社名"}),(0,t.jsx)("td",{children:(0,t.jsx)(L.gN,{type:"text",name:"companyName"})})]}),(0,t.jsxs)("tr",{children:[(0,t.jsx)("th",{children:"所有車両"}),(0,t.jsx)("td",{children:(0,t.jsx)(L.gN,{type:"text",name:"ownerVehicle"})})]}),(0,t.jsxs)("tr",{children:[(0,t.jsx)("th",{children:"登録ナンバー"}),(0,t.jsx)("td",{children:(0,t.jsx)(L.gN,{type:"text",name:"vehicleNumber"})})]}),(0,t.jsxs)("tr",{children:[(0,t.jsx)("th",{children:"車台番号"}),(0,t.jsx)("td",{children:(0,t.jsx)(L.gN,{type:"text",name:"registrationNumber"})})]}),(0,t.jsxs)("tr",{children:[(0,t.jsx)("th",{children:"担当者名"}),(0,t.jsxs)("td",{children:[(0,t.jsx)(L.gN,{type:"text",name:"agent"}),(0,t.jsx)("p",{className:p().formTable__caption,children:"サービス担当、セールス担当または店舗名をご入力ください。"})]})]})]})}),(0,t.jsxs)("div",{className:p().form__privacy,children:[(0,t.jsx)("h3",{className:p().form__privacyHead,children:"個人情報の取扱いについて"}),(0,t.jsxs)("p",{className:p().form__privacyText,children:["「",(0,t.jsx)(q(),{href:"/privacy/inquiry",target:"_blank",children:"お問い合わせにおける個人情報の取扱いについて"}),"」を",(0,t.jsx)("br",{}),"必ずお読みください。"]}),(0,t.jsxs)("label",{htmlFor:"contactTel",className:p().form__privacyCheck,children:[(0,t.jsx)(L.gN,{type:"checkbox",name:"contactAccept",value:"accepted",checked:a,onChange:r}),"同意する"]}),"error"===status&&(0,t.jsx)(g.Z,{message:"お問い合わせ送信に失敗しました"}),(0,t.jsx)("div",{className:"".concat(p().form__submit," ").concat(a?p().isActive:p().isDisabled),"data-test-id":N.y.button.confirmInput,children:(0,t.jsx)(x.Z,{label:"入力内容を確認する",isLoading:y,onClick(){a&&(u.addressZip="".concat(u.addressZipCode,"-").concat(u.addressZipTownArea),C())}})})]}),(0,t.jsxs)("div",{className:"".concat(p().confirm__modal," ").concat(e&&p().open),"data-test-id":N.y.modal,children:[(0,t.jsx)("div",{className:p().confirm__modal__closeBtn,onClick(){s(!1),b(!1)},"data-test-id":N.y.button.closeConfirmModal,children:(0,t.jsx)(F(),{src:"/assets/images/common/icn-close.svg",width:40,height:40,alt:"閉じる"})}),(0,t.jsx)(i.Z,{children:(0,t.jsx)(B,{values:u,setConfirmationModal:s,setStatus:v,setSubmitting:b,resetFormState:T})})]})]})})})},{siteTitle:P,siteDesc:H}=d.N,I=()=>{var e;let s={pageTitle:u.gZ["contact/coneco"].ja,pageTitleEn:u.gZ["contact/coneco"].en,pageDesc:"コーンズ・モータースが、正規販売代理店としてå

1–り扱う高級車（フェラーリ、ベントレー、ロールス・ロイス、ランボルギーニ）のCONECOお問合わせフォームです。"};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)(r(),{children:[(0,t.jsx)("title",{children:"".concat(s.pageTitle," | ").concat(P)}),(0,t.jsx)("meta",{name:"description",content:null!==(e=s.pageDesc)&&void 0!==e?e:H})]}),(0,t.jsx)(i.Z,{children:(0,t.jsx)(c.Z,{pageTitle:s.pageTitle,pageTitleEn:s.pageTitleEn})}),(0,t.jsx)("section",{className:"".concat(m().consultSec," ").concat(m().intro),children:(0,t.jsx)(i.Z,{children:(0,t.jsxs)("p",{className:m().intro__text,children:["メールは常時受付させていただいておりますが、",(0,t.jsx)("br",{className:m().sm}),"ご返信の必要な場合、",(0,t.jsx)("br",{className:m().sp}),"営業時間その他の事情により、",(0,t.jsx)("br",{className:m().sm}),"お返事に3-4日かかる場合がございますので",(0,t.jsx)("br",{className:m().md}),"ご了承ください。"]})})}),(0,t.jsx)("section",{className:"".concat(m().consultSec," ").concat(m().form),children:(0,t.jsx)(i.Z,{children:(0,t.jsx)(V,{})})})]})};I.getLayout=function(e){return(0,t.jsx)(l.Z,{children:e})};var D=I},90959:function(e){e.exports={form:"general-consult-form_form__cJ2A7",form__text:"general-consult-form_form__text__GEvkS",sp:"general-consult-form_sp__BJg1C",formTable:"general-consult-form_formTable__sDVQp",formTable__noselect:"general-consult-form_formTable__noselect__86Nsh",brandRow:"general-consult-form_brandRow__hBDgW",hidden:"general-consult-form_hidden__HeelK",storeRow:"general-consult-form_storeRow___Nx9N",required:"general-consult-form_required__KRed9",brandCol:"general-consult-form_brandCol__ictLb",active:"general-consult-form_active__SWTHE",storeCol:"general-consult-form_storeCol__dB_wq",nameCol:"general-consult-form_nameCol__m0S8W",kanaCol:"general-consult-form_kanaCol__L_ObE",contactCol:"general-consult-form_contactCol__QYIZC",mailCol:"general-consult-form_mailCol__wktW9",formTable__caption:"general-consult-form_formTable__caption__PL8fV",form__submit:"general-consult-form_form__submit__0B82z",isDisabled:"general-consult-form_isDisabled__AjkzK",form__privacy:"general-consult-form_form__privacy__OAjHT",form__privacyHead:"general-consult-form_form__privacyHead__Vdg9D",form__privacyText:"general-consult-form_form__privacyText__l1PU0",sm:"general-consult-form_sm__7PiJt",form__privacyCheck:"general-consult-form_form__privacyCheck__EKRwF",confirm__modal:"general-consult-form_confirm__modal__EsezH",confirm__modal__closeBtn:"general-consult-form_confirm__modal__closeBtn__y_xD5",open:"general-consult-form_open__d4sx3",consult:"general-consult-form_consult__jBje3",coneco:"general-consult-form_coneco__3uCl7"}},37329:function(e){e.exports={breadCrumbs:"BreadCrumbs_breadCrumbs__w5TYc"}},65666:function(e){e.exports={pageTitle:"MainTitle_pageTitle__gfLBv",pageTitle__en:"MainTitle_pageTitle__en__a5dpf",pageTitle__ja:"MainTitle_pageTitle__ja__xZEgW"}},66723:function(e){e.exports={consultSec:"Consult_consultSec__bB4U5",form:"Consult_form__Og07p",intro:"Consult_intro__O1pvG",intro__text:"Consult_intro__text__wVVL2",gold:"Consult_gold__nomhL",md:"Consult_md__aQ4iF",form__text:"Consult_form__text__AnAa0",sp:"Consult_sp__MDNed"}},14225:function(e,s,a){"use strict";a.d(s,{z:function(){return j}});var t=a(67294),[n,r]=(0,a(55227).k)({strict:!1,name:"ButtonGroupContext"}),l=a(16914),i=a(25432),c=a(85893);function d(e){let{children:s,className:a,...n}=e,r=(0,t.isValidElement)(s)?(0,t.cloneElement)(s,{"aria-hidden":!0,focusable:!1}):s,d=(0,i.cx)("chakra-button__icon",a);return(0,c.jsx)(l.m.span,{display:"inline-flex",alignSelf:"center",flexShrink:0,...n,className:d,children:r})}d.displayName="ButtonIcon";var o=a(81136);function m(e){let{label:s,placement:a,spacing:n="0.5rem",children:r=(0,

1c.jsx)(o.$,{color:"currentColor",width:"1em",height:"1em"}),className:d,__css:m,...u}=e,_=(0,i.cx)("chakra-button__spinner",d),h="start"===a?"marginEnd":"marginStart",x=(0,t.useMemo)(()=>({display:"flex",alignItems:"center",position:s?"relative":"absolute",[h]:s?n:0,fontSize:"1em",lineHeight:"normal",...m}),[m,s,h,n]);return(0,c.jsx)(l.m.div,{className:_,...u,__css:x,children:r})}m.displayName="ButtonSpinner";var u=a(81103),_=a(16554),h=a(22772),x=a(33179),j=(0,_.G)((e,s)=>{let a=r(),n=(0,h.mq)("Button",{...a,...e}),{isDisabled:d=null==a?void 0:a.isDisabled,isLoading:o,isActive:_,children:j,leftIcon:f,rightIcon:g,loadingText:N,iconSpacing:b="0.5rem",type:v,spinner:y,spinnerPlacement:C="start",className:T,as:S,...w}=(0,x.Lr)(e),Z=(0,t.useMemo)(()=>{let e={...null==n?void 0:n._focus,zIndex:1};return{display:"inline-flex",appearance:"none",alignItems:"center",justifyContent:"center",userSelect:"none",position:"relative",whiteSpace:"nowrap",verticalAlign:"middle",outline:"none",...n,...!!a&&{_focus:e}}},[n,a]),{ref:k,type:E}=function(e){let[s,a]=(0,t.useState)(!e),n=(0,t.useCallback)(e=>{e&&a("BUTTON"===e.tagName)},[]);return{ref:n,type:s?"button":void 0}}(S),B={rightIcon:g,leftIcon:f,iconSpacing:b,children:j};return(0,c.jsxs)(l.m.button,{ref:(0,u.qq)(s,k),as:S,type:null!=v?v:E,"data-active":(0,i.PB)(_),"data-loading":(0,i.PB)(o),__css:Z,className:(0,i.cx)("chakra-button",T),...w,disabled:d||o,children:[o&&"start"===C&&(0,c.jsx)(m,{className:"chakra-button__spinner--start",label:N,placement:"start",spacing:b,children:y}),o?N||(0,c.jsx)(l.m.span,{opacity:0,children:(0,c.jsx)(p,{...B})}):(0,c.jsx)(p,{...B}),o&&"end"===C&&(0,c.jsx)(m,{className:"chakra-button__spinner--end",label:N,placement:"end",spacing:b,children:y})]})});function p(e){let{leftIcon:s,rightIcon:a,children:t,iconSpacing:n}=e;return(0,c.jsxs)(c.Fragment,{children:[s&&(0,c.jsx)(d,{marginEnd:n,children:s}),t,a&&(0,c.jsx)(d,{marginStart:n,children:a})]})}j.displayName="Button"}},function(e){e.O(0,[1664,5675,7886,195,4320,733,4886,8557,3180,9774,2888,179],function(){return e(e.s=88298)}),_N_E=e.O()}]);