https://membership-hotelfauchonkyoto.com/_next/static/chunks/app/contact/page-aaa0b50cd6011279.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[327],{8344:function(e,n,t){Promise.resolve().then(t.bind(t,8023)),Promise.resolve().then(t.bind(t,2421)),Promise.resolve().then(t.bind(t,231))},6828:function(e,n,t){"use strict";var i=t(7437);t(2265);var o=t(2840);let a=o.ZP.div.withConfig({componentId:"sc-49e9a8f4-0"})(["width:100%;@media screen and (max-width:767px){& + &{margin-top:30px;}}"]),r=o.ZP.label.withConfig({componentId:"sc-49e9a8f4-1"})(["display:block;margin-bottom:10px;font-size:14px;font-weight:600;line-height:1.42857143;"]),d=o.ZP.input.withConfig({componentId:"sc-49e9a8f4-2"})(["width:100%;padding:15px 15px;font-size:14px;font-weight:600;line-height:1.42857143;color:#333;-webkit-appearance:none;background-color:#f0f0f0;border:1px solid #f0f0f0;border-radius:5px;-webkit-transition:border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;transition:border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;-webkit-tap-highlight-color:transparent;&:focus{border-color:#333;outline:0;}&::placeholder{color:#999999;}&:-webkit-autofill,&:-webkit-autofill:hover,&:-webkit-autofill:focus{-webkit-box-shadow:0 0 0px 1000px #f0f0f0 inset;-webkit-text-fill-color:#333;transition:background-color 5000s ease-in-out 0s;}"]);o.ZP.p.withConfig({componentId:"sc-49e9a8f4-3"})(["margin-top:10px;font-size:11px;color:#dd0000;"]),n.Z=e=>{let{label:n,type:t,required:o,name:s,error:c,value:p,onChange:l,placeholder:h}=e;return(0,i.jsxs)(a,{children:[(0,i.jsx)(r,{children:n}),(0,i.jsx)(d,{type:t||"text",name:s,onChange:l,value:p,placeholder:h})]})}},7291:function(e,n,t){"use strict";var i=t(7437);t(2265);var o=t(2840);let a=o.ZP.option.withConfig({componentId:"sc-53213203-0"})(["color:#999999;"]),r=o.ZP.div.withConfig({componentId:"sc-53213203-1"})(["width:100%;@media screen and (max-width:767px){& + &{margin-top:30px;}}"]),d=o.ZP.label.withConfig({componentId:"sc-53213203-2"})(["display:block;margin-bottom:10px;font-size:14px;font-weight:600;line-height:1.42857143;"]),s=o.ZP.select.withConfig({componentId:"sc-53213203-3"})(["width:100%;padding:15px 15px;font-size:14px;line-height:1.42857143;color:#333;-webkit-appearance:none;background-color:#f0f0f0;border:1px solid #f0f0f0;border-radius:5px;-webkit-transition:border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;transition:border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;-webkit-tap-highlight-color:transparent;&:focus{border-color:#333;outline:0;}&:-webkit-autofill,&:-webkit-autofill:hover,&:-webkit-autofill:focus{-webkit-box-shadow:0 0 0px 1000px #f0f0f0 inset;-webkit-text-fill-color:#333;transition:background-color 5000s ease-in-out 0s;}"]),c=o.ZP.p.withConfig({componentId:"sc-53213203-4"})(["margin-top:10px;font-size:11px;color:#dd0000;"]);n.Z=e=>{let{label:n,theme:t,required:o,name:p,error:l,value:h,onChange:x}=e;return(0,i.jsxs)(r,{children:[(0,i.jsxs)(d,{children:[n,o&&"*"]}),(0,i.jsxs)(s,{name:p,onChange:x,value:h,children:[(0,i.jsx)(a,{value:"",children:"選択してください"}),t.map((e,n)=>(0,i.jsx)(a,{value:e,children:e},n))]}),l&&(0,i.jsx)(c,{children:"必須項目を入力してください"})]})}},372:function(e,n,t){"use strict";var i=t(7437);t(2265);var o=t(2840);let a=o.ZP.div.withConfig({componentId:"sc-514980dc-0"})(["width:100%;@media screen and (max-width:767px){& + &{margin-top:30px;}}"]),r=o.ZP.label.withConfig({componentId:"sc-514980dc-1"})(["display:block;margin-bottom:10px;font-size:14px;font-weight:600;line-height:1.42857143;"]),d=o.ZP.textarea.withConfig({componentId:"sc-514980dc-2"})(["display:flex;width:100%;padding:15px 15px;font-size:14px;font-weight:600;line-height:1.42857143;color:#333;-webkit-appearance:none;background-color:#f0f0f0;border:1px solid #f0f0f0;border-radius:5px;-webkit-transition:border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;transition:border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;-webkit-tap-highlight-color:transparent;&:focus{border-color:#333;outline:0;}&::placeholder{color:#999999;}&:-webkit-autofill,&:-webkit-autofill:hover,&:-webkit-autofill:focus{-webkit-box-shadow:0 0 0px 1000px #f0f0f0 inset;-webkit-text-fill-color:#333;transition:background-color 5000s ease-in-out 0s;}"]),s=o.ZP.p.withConfig({componentId:"sc-514980dc-3"})(["margin-top:10px;font-size:11px;color:#dd0000;"]);n.Z=e=>{let{label:n,required:t,name:o,error:c,value:p,onChange:l,placeholder:h}=e;return(0,i.jsxs)(a,{children:[(0,i.jsxs)(r,{children:[n,t&&"*"]}),(0,i.jsx)(d,{name:o,rows:5,onChange:l,value:p,placeholder:h||"例) HAZUKIの特典内容について詳しく話を聞きたい"}),c&&(0,i.jsx)(s,{children:"必須項目を入力してください"})]})}},3879:function(e,n,t){"use strict";var i=t(7437);let o=t(2840).ZP.h1.withConfig({componentId:"sc-1150be61-0"})(["font-weight:600;line-height:1.85714286;text-align:center;@media screen and (max-width:767px){padding-top:35px;font-size:16px;}@media screen and (min-width:768px){padding-top:80px;font-size:28px;}"]);n.Z=e=>{let{title:n}=e;return(0,i.jsx)(o,{dangerouslySetInnerHTML:{__html:n}})}},8023:function(e,n,t){"use strict";t.d(n,{Header:function(){return a}});var i=t(7437),o=t(2840);let a=()=>(0,i.jsx)(r,{children:(0,i.jsxs)(d,{children:[(0,i.jsx)(s,{href:"/",children:(0,i.jsx)(c,{src:"/images/home/header/logo.svg",alt:"HAZUKI"})}),(0,i.jsxs)(p,{children:["フォションホテル京都の",(0,i.jsx)("br",{}),"会員制サービス"]})]})}),r=o.ZP.header.withConfig({componentId:"sc-95e1fa1-0"})(["position:fixed;z-index:10;width:100%;background-color:#fff;@media screen and (max-width:767px){height:66px;}@media screen and (min-width:768px){height:72px;box-shadow:0 4px 4px 0 rgb(0 0 0 / 7%);}"]),d=o.ZP.div.withConfig({componentId:"sc-95e1fa1-1"})(["display:flex;align-items:center;height:100%;@media screen and (max-width:767px){justify-content:center;}@media screen and (min-width:768px){height:72px;box-shadow:0 4px 4px 0 rgb(0 0 0 / 7%);max-width:1400px;padding-left:48px;margin:auto;}"]),s=o.ZP.a.withConfig({componentId:"sc-95e1fa1-2"})(["display:flex;@media screen and (min-width:768px){&:hover{opacity:0.8;}}"]),c=o.ZP.img.withConfig({componentId:"sc-95e1fa1-3"})(["aspect-ratio:156 / 23;@media screen and (max-width:767px){width:131px;}@media screen and (min-width:768px){width:156px;}"]),p=o.ZP.p.withConfig({componentId:"sc-95e1fa1-4"})(["font-size:11px;font-weight:600;letter-spacing:0.1em;line-height:144%;margin-left:28px;@media screen and (max-width:767px){display:none;}"])},2421:function(e,n,t){"use strict";t.d(n,{default:function(){return g}});var i=t(7437),o=t(2265),a=t(2840),r=t(6828),d=t(1389),s=t(4810),c=t.n(s);let p=a.ZP.p.withConfig({componentId:"sc-f81a8c1b-0"})(["margin-top:35px;margin-bottom:40px;font-size:11px;line-height:1.66666667;color:#999999;a{color:#ea168c;text-decoration:underline;}@media screen and (min-width:768px){margin-top:45px;text-align:center;}"]);(0,a.ZP)(c()).withConfig({componentId:"sc-f81a8c1b-1"})(["position:absolute;inset:50% auto auto 50%;top:0;width:calc(100% - 30px);padding:0px;padding-bottom:50px;margin-top:50px;margin-right:-50%;overflow:auto;color:#fff;border-radius:15px 15px 0 0;outline:none;transform:translateX(-50%);@media screen and (min-width:768px){width:520px;}"]),a.ZP.button.withConfig({componentId:"sc-f81a8c1b-2"})(["position:absolute;top:20px;right:20px;z-index:1;width:26px;height:26px;background-color:unset;background-image:url(/images/common/close.svg);background-repeat:no-repeat;background-position:center;background-size:cover;border:none;@media screen and (min-width:768px){&:hover{cursor:pointer;opacity:0.8;}}"]),a.ZP.div.withConfig({componentId:"sc-f81a8c1b-3"})(["padding:50px 25px 25px 25px;color:#000000;background-color:#fff;border-radius:15px;"]),a.ZP.p.withConfig({componentId:"sc-f81a8c1b-4"})(["font-size:24px;font-weight:600;line-height:1.25;text-align:center;"]),a.ZP.p.withConfig({componentId:"sc-f81a8c1b-5"})(["margin:25px 0 20px 0;font-size:13px;font-weight:600;"]),a.ZP.p.withConfig({componentId:"sc-f81a8c1b-6"})(["white-space:pre-line;margin-top:20px;font-size:12px;line-height:1.83333333;"]);var l=()=>(0,i.jsx)(i.Fragment,{children:(0,i.jsxs)(p,{children:["「送信する」ボタンを押すことで、「",(0,i.jsx)(d.w,{footerContent:"プライバシーポリシー",isInContact:!0}

1),"」の内容に同意したものとみなします。"]})}),h=t(7291),x=t(372),f=t(3879),m=t(975);let u=["購入手続きについて","特典・サービス内容について","サービスの利用方法について","ホテル施設について","その他"];function g(){let[e,n]=(0,o.useState)(!1),[t,a]=(0,o.useState)({}),[d,s]=(0,o.useState)({}),[c,p]=(0,o.useState)("");function g(e,n){a(t=>({...t,[e]:n}))}function I(e,n){s(t=>({...t,[e]:n}))}function Z(e){return""===e||void 0===e}function z(){return!Z(t.lastName)&&!Z(t.firstName)&&!Z(t.phoneNumber)&&!Z(t.email)&&void 0!==t.inquiryType&&!Z(t.body)}async function P(){if(I("lastName",Z(t.lastName)),I("firstName",Z(t.firstName)),I("phoneNumber",Z(t.phoneNumber)),I("email",Z(t.email)),I("inquiryType",void 0===t.inquiryType),I("body",Z(t.body)),z()&&!e){n(!0);try{let e=await (0,m.A)("FauchonInquiry/SendInquiry",t);1===e.code?window.location.href="/contact/complete/":p(e.message)}finally{n(!1)}}}let[N,q]=(0,o.useState)(!1);return(0,o.useEffect)(()=>{q(z())},[t]),(0,i.jsx)(i.Fragment,{children:(0,i.jsx)(w,{children:(0,i.jsxs)(b,{children:[(0,i.jsx)(f.Z,{title:"お問い合わせ"}),(0,i.jsxs)(C,{onSubmit:()=>!1,children:[(0,i.jsxs)(k,{children:[(0,i.jsx)(r.Z,{label:"姓",name:"lastName",onChange:e=>g("lastName",e.target.value),value:t.lastName,placeholder:"田中"}),(0,i.jsx)(r.Z,{label:"名",name:"firstName",onChange:e=>g("firstName",e.target.value),value:t.firstName,placeholder:"太郎"})]}),(0,i.jsx)(k,{children:(0,i.jsx)(r.Z,{label:"電話番号",type:"tel",name:"tel",onChange:e=>g("phoneNumber",e.target.value),value:t.phoneNumber,placeholder:"09012345678"})}),(0,i.jsx)(k,{children:(0,i.jsx)(r.Z,{label:"メールアドレス",type:"email",name:"email",onChange:e=>g("email",e.target.value),value:t.email,placeholder:"[email protected]"})}),(0,i.jsx)(j,{children:(0,i.jsx)(h.Z,{label:"お問い合わせ種別",theme:u,name:"inquiryType",value:t.inquiryType,onChange:e=>g("inquiryType",e.target.value)})}),(0,i.jsx)(j,{children:(0,i.jsx)(x.Z,{label:"お問い合わせ内容",name:"content",onChange:e=>g("body",e.target.value),value:t.body})}),(0,i.jsx)(l,{}),(0,i.jsx)(j,{children:(0,i.jsx)(y,{value:"送信する",type:"button",onClick:P,disabled:!N||e,$active:N})}),c&&(0,i.jsx)(v,{children:c})]})]})})})}let w=a.zo.div.withConfig({componentId:"sc-9a200df5-0"})(["@media screen and (max-width:767px){padding:66px 0px 80px;}@media screen and (min-width:768px){padding:72px 0px 100px;}"]),b=a.zo.div.withConfig({componentId:"sc-9a200df5-1"})(["position:relative;max-width:700px;margin:0 auto;@media screen and (max-width:767px){padding:0px 30px;}"]);a.zo.div.withConfig({componentId:"sc-9a200df5-2"})(["text-align:center;"]);let v=a.zo.p.withConfig({componentId:"sc-9a200df5-3"})(["display:flex;align-items:center;justify-content:center;margin-top:16px;font-size:16px;color:#dd0000;"]);a.zo.p.withConfig({componentId:"sc-9a200df5-4"})(["margin-top:10px;font-size:11px;line-height:1.66666667;color:#ababab;"]);let C=a.zo.form.withConfig({componentId:"sc-9a200df5-5"})(["@media screen and (max-width:767px){margin-top:24px;}@media screen and (min-width:768px){margin-top:64px;}"]),j=a.zo.div.withConfig({componentId:"sc-9a200df5-6"})(["width:100%;margin-top:30px;"]),k=a.zo.div.withConfig({componentId:"sc-9a200df5-7"})(["& + &{margin-top:30px;}@media screen and (min-width:768px){display:flex;gap:20px;width:100%;}"]),y=a.zo.input.withConfig({componentId:"sc-9a200df5-8"})(["display:flex;align-items:center;justify-content:center;width:100%;max-width:315px;min-height:50px;margin:0 auto;font-size:13px;font-weight:600;color:#fff;cursor:",";background:",";border:none;border-radius:50px;outline:none;box-shadow:none;&:disabled{pointer-events:none;opacity:0.6;}@media screen and (max-width:767px){max-width:275px;font-size:calc(12 / 375 * 100vw);}@media screen and (min-width:768px){&:hover{opacity:",";}}"],e=>{let{$active:n}=e;return n?"pointer":"default"},e=>{let{$active:n}=e;return n?"#EA168C":"#d2d2d2"},e=>{let{$active:n}=e;return n?.8:1})},975:function(e,n,t){"use strict";t.d(n,{A:function(){return o}});var i=t(3464);async function o(e,n){let t="".concat("https://api.decentier.co.jp","/").concat(e),o=await i.Z.post(t,n);return console.log(o.data),o.data}}},function(e){e.O(0,[840,810,464,231,971,117,744],function(){return e(e.s=8344)}),_N_E=e.O()}]);