https://su-pay-website-dev-8a58b.web.app/component---src-pages-con…-cancel-confirm-tsx-dee7dea926c9da8df3d6.js

1"use strict";(self.webpackChunkgatsby_starter_default=self.webpackChunkgatsby_starter_default||[]).push([[9435],{2355:function(e,t,n){n.r(t),n.d(t,{Head:function(){return y},default:function(){return w}});var r=n(3748),o=n(5928),i=n(2888),a=n(8442),l=n(4033),p=n(6805),c=n(5242),s=n(9260),d=n(9767),u=n(3199),f=n(5186),m=n(4599),h=n(7921),g=n(9674),x=n(5603),b=n(4770);const y=()=>i.createElement(f.G,{title:"お問い合わせ内容確認 - お問い合わせ",canonical:"https://su-pay.jp/contact/cancel/confirm/",noIndex:!0});function w(){const{0:e,1:t}=(0,i.useState)(!1),n=(0,a.d4)(e=>e.contactCancel),o=(0,a.wA)(),{dateParseString:p}=(0,c.A)(),f=()=>{history.pushState(null,"",null),o((0,d.H)())};(0,i.useLayoutEffect)(()=>{const e=sessionStorage.getItem("isReload");e&&""!==e&&(0,l.navigate)("/contact/cancel/")},[]);const y=()=>{sessionStorage.setItem("isReload","1")};(0,i.useEffect)(()=>(window.addEventListener("popstate",f,!1),()=>{window.removeEventListener("popstate",f,!1)}),[]),(0,i.useEffect)(()=>(window.addEventListener("beforeunload",y,!1),()=>{sessionStorage.setItem("isReload",""),window.removeEventListener("beforeunload",y,!1)}));return i.createElement(m.P,{isLoading:e,isForm:!0},i.createElement(h.h,{as:"h1",bg:!0},"お問い合わせ"),i.createElement(_,null,i.createElement(g.r,{breadCrumbs:[{name:"トップ",path:"/"},{name:"お問い合わせ",path:"/contact/"},{name:"解約申請フォーム"}]}),i.createElement(v,null,i.createElement(h.h,{as:"h2",align:"left",color:s.w.colors.supayBlue},"入力内容のご確認")),i.createElement(u._L,null,i.createElement(b.l,{isRequired:!0},"お名前"),i.createElement(u.sf,null,i.createElement("p",null,n.name)),i.createElement(b.l,{isRequired:!0},"生年月日"),i.createElement(u.sf,null,i.createElement("p",null,p(n.birthday,!1))),i.createElement(b.l,{isRequired:!0},"登録していた電話番号"),i.createElement(u.sf,null,i.createElement("p",null,n.tel)),i.createElement(b.l,{isRequired:!0},"今回お手続きの連絡用メールアドレス"),i.createElement(u.sf,null,i.createElement("p",null,n.email)),i.createElement(b.l,{isRequired:!0},"郵便番号"),i.createElement(u.sf,null,i.createElement("p",null,n.zip_code)),i.createElement(b.l,{isRequired:!0},"住所"),i.createElement(u.sf,null,i.createElement("p",null,n.address)),i.createElement(b.l,{isRequired:!0},"本人確認書類"),i.createElement(u.sf,null,n.require_files.map((e,t)=>i.createElement(u.P6,{key:`${e.name}${t}`},i.createElement("p",null,e.name)))),n.other_files.length>0&&i.createElement(i.Fragment,null,i.createElement(b.l,null,"その他の書類"),i.createElement(u.sf,null,n.other_files.map((e,t)=>i.createElement(u.P6,{key:`${e.name}${t}`},i.createElement("p",null,e.name)))))),i.createElement(u.fm,null,i.createElement(x.$,{showArrowLeft:!0,bgColor:"#D0D5DB",onClick:()=>{(0,l.navigate)("/contact/cancel/")}},"戻る"),i.createElement(x.$,{showArrowRight:!0,onClick:()=>(()=>{t(!0);let e=[];

1if(n.other_files){const t=n.other_files;e=n.require_files.concat(t)}else e=n.require_files;const i=new FormData;i.append("phone_number",n.tel),i.append("mail_address",n.email),i.append("name",n.name),i.append("address",n.address),i.append("zip_code",n.zip_code),i.append("birthday",p(n.birthday,!1)),e.map(e=>i.append("files[]",e)),r.A.post("/cancellation",i,{headers:{"Content-Type":"multipart/form-data"}}).then(e=>{o((0,d.H)()),t(!1),200==e.status?(0,l.navigate)("/contact/cancel/done/"):(0,l.navigate)("/contact/error/")}).catch(()=>{t(!1),(0,l.navigate)("/contact/error/")})})()},"送信する"))))}const _=o.default.div.withConfig({displayName:"confirm__MainWrapper",componentId:"sc-1myioe5-0"})(["width:",";margin:22px auto 0;","{width:100%;padding:0 ",";margin:12px auto 0;}"],e=>e.theme.containerWidth,p.$.sp,e=>e.theme.containerMargin),v=o.default.div.withConfig({displayName:"confirm__TitleWrapper",componentId:"sc-1myioe5-1"})(["margin:102px 0 70px;h2{line-height:52px;text-align:left;}","{margin:60px 0 22px;h2{font-size:20px;line-height:24px;}}"],p.$.sp)},3199:function(e,t,n){n.d(t,{AN:function(){return f},BA:function(){return C},F5:function(){return d},HT:function(){return y},K1:function(){return u},Mi:function(){return g},Mo:function(){return a},P6:function(){return w},Ye:function(){return m},_L:function(){return p},aX:function(){return s},bZ:function(){return E},cB:function(){return v},cG:function(){return x},eT:function(){return l},ef:function(){return b},fX:function(){return _},fm:function(){return $},sf:function(){return c},y3:function(){return k}});var r=n(8177),o=n(5928),i=n(6805);const a=(0,o.default)(r.a).withConfig({displayName:"form__FormHeader",componentId:"sc-taf0ah-0"})(["margin-bottom:80px;","{margin-bottom:44px;}"],i.$.sp),l=o.default.div.withConfig({displayName:"form__Caution",componentId:"sc-taf0ah-1"})(["padding:33px 37px;font-size:18px;h3{font-size:22px;margin-bottom:19px;}div:first-of-type{margin-bottom:30px;}ul{margin-bottom:24px;li{&::before{content:'・';color:",";font-weight:bold;margin-right:5px;}}ol{list-style:decimal;padding-left:45px;li{&::before{content:'';}}}}.emphasize-red{color:",";}div:last-child{display:flex;gap:5px;}","{padding:19px 22px;font-size:14px;h3{font-size:14px;margin-bottom:13px;}div:first-of-type{margin-bottom:14px;}ul{margin-bottom:22px;ol{padding-left:37px;}}}"],e=>e.theme.colors.supayBlue,e=>{let{theme:t}=e;return t.colors.accent},i.$.sp),p=o.default.div.withConfig({displayName:"form__FormMain",componentId:"sc-taf0ah-2"})(["display:grid;grid-template-columns:280px 1fr;gap:60px 83px;margin-bottom:70px;","{grid-template-columns:1fr;gap:14px 0;margin-bottom:40px;div:first-child{margin-top:0px;}}"],i.$.sp),c=o.default.div.withConfig({displayName:"form__FormContent",componentId:"sc-taf0ah-3"})(["p{word-break:break-word;white-space:pre-wrap;line-height:1.5;}textarea{padding:15px 22px;resize:none;line-height:1.5;}","{padding-top:5px;p:first-child{margin-top:-5px;}}"],i.$.pc),s=o.default.div.withConfig({displayName:"form__FormSubGroup",componentId:"sc-taf0ah-4"})(["","{padding:27px 23px;background-color:#f7f8f9;border-radius:10px;}"],i.$.sp),d=o.default.ul.withConfig({displayName:"form__FormNote",componentId:"sc-taf0ah-5"})(["color:#738392;font-size:16px;line-height:24px;margin-top:2px;li{display:flex;&::before{content:'※';}}","{font-size:12px;line-height:16px;}"],i.$.sp),u=o.default.input.withConfig({displayName:"form__FormInputStyle",componentId:"sc-taf0ah-6"})(["display:inline-block;",";padding:0 22px;font-size:18px;border:1px solid ",";background-color:",";border-radius:10px;width:100%;&::placeholder{line-height:1;color:#9ea8b3;}&:focus{border-color:#1c2f48;}&[type='number']{-moz-appearance:textfield;&::-webkit-outer-spin-button,&::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}}","{",";font-size:16px;}"],e=>{let{as:t}=e;return"textarea"!==t&&"height: 62px"},e=>{let{theme:t}=e;return t.colors.borderGrey},e=>{let{theme:t}=e;return t.colors.backgroundGrey},i.$.sp,e=>{let{as:t}=e;return"textarea"!==t&&"height: 54px"}),f=o.default.div.withConfig({displayName:"form__FormSubItem",componentId:"sc-taf0ah-7"})(["& + &{margin-top:35px;}","{& + &{margin-top:20px;}}"],i.$.sp),m=o.default.p.withConfig({displayName:"form__FormItemAlert",componentId:"sc-taf0ah-8"})(["font-size:16px;color:",";font-weight:bold;margin-top:2px;& + ul{margin-top:6px;}&::before{content:'エラー：';}","{font-size:12px;}"],e=>e.theme.colors.accent,i.$.sp),h=o.default.div.withConfig({displayName:"form__FormBtn",componentId:"sc-taf0ah-9"})(["display:inline-flex;align-items:center;height:62px;padding:0 22px;font-size:18px;border:1px solid ",";background-color:",";border-radius:10px;","{height:54px;line-height:54px;font-size:16px;}"],e=>{let{theme:t}=e;return t.colors.borderGrey},e=>{let{theme:t}=e;return t.colors.backgroundGrey},i.$.sp),g=(0,o.default)(h).withConfig({displayName:"form__FormRadio",componentId:"sc-taf0ah-10"})(["input{opacity:0;appearance:none;position:absolute;}label{padding-left:35px;position:relative;}label:before,label:after{content:'';display:block;border-radius:50%;position:absolute;transform:translateY(-50%);top:50%;}label:before{background-color:#fff;border:1px solid ",";border-radius:50%;width:18px;height:18px;left:1px;}label:after{background-color:#fff;border:5px solid ",";border-radius:50%;opacity:0;width:18px;height:18px;left:1px;}input:checked + label:after{opacity:1;}input:checked + label{color:",";font-weight:bold;}","{width:100%;label{padding-left:33px;}}"],e=>{let{theme:t}=e;return t.colors.borderGrey},e=>{let{theme:t}=e;return t.colors.supayBlue},e=>{let{theme:t}=e;return t.colors.supayBlue},i.$.sp),x=(0,o.default)(h).withConfig({displayName:"form__FormCheckbox",componentId:"sc-taf0ah-11"})(["label{display:flex;align-items:center;}input[type='checkbox']{margin:0;padding:0;background:none;border:none;border-radius:0;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:0;height:0;&:checked{& + span{color:",";font-weight:bold;}& + span::after{content:'';display:block;position:absolute;border-bottom:3px solid white;border-left:3px solid white;height:6px;width:11px;transform:rotate(-45deg);top:39%;left:4px;}& + span::before{background-color:",";border:none;}}}span{padding-left:35px;position:relative;&::before{content:'';display:block;position:absolute;top:50%;left:0;width:18px;height:18px;background-color:#fff;border:1px solid ",";transform:translateY(-50%);}}","{width:100%;input[type='checkbox']:checked + span::after{top:42%;}}"],e=>{let{theme:t}=e;return t.colors.supayBlue},e=>{let{theme:t}=e;return t.colors.supayBlue},e=>{let{theme:t}=e;return t.colors.borderGrey},i.$.sp),b=(0,o.default)(h).withConfig({displayName:"form__FileUpload",componentId:"sc-taf0ah-12"})(["min-width:172px;margin-bottom:16px;input[type='file']{display:none;}&:hover{cursor:pointer;opacity:",";}","{min-width:158px;margin-bottom:14px;}"],e=>e.theme.opacity,i.$.sp),y=o.default.p.withConfig({displayName:"form__NoFileSelected",componentId:"sc-taf0ah-13"})(["line-height:1;","{font-size:14px;}"],i.$.sp),w=o.default.div.withConfig({displayName:"form__FileInfo",componentId:"sc-taf0ah-14"})(["display:flex;align-items:center;gap:10px;line-height:1;& + &{margin-top:9px;}","{gap:6px;& + &{margin-top:6px;}}"],i.$.sp),_=(0,o.default)(d).withConfig({displayName:"form__FileFormNote",componentId:"sc-taf0ah-15"})(["margin-top:25px;","{margin-top:14px;}"],i.$.sp),v=o.default.div.withConfig({displayName:"form__FormSubItemInner",componentId:"sc-taf0ah-16"})(["display:flex;align-items:center;gap:20px;","{flex-direction:column;gap:10px;}"],i.$.sp),E=(0,o.default)(h).withConfig({displayName:"form__FormDatePicker",componentId:"sc-taf0ah-17"})([".react-datepicker{line-height:initial;}.react-datepicker__input-time-container{font-size:18px;}input.react-datepicker-time__input{display:inline-block;height:62px;line-height:62px;padding:0 22px;border:1px solid ",";background-color:",";border-radius:10px;}.react-datepicker__navigation{top:14px;}","{display:none;}"],e=>{let{theme:t}=e;return t.colors.borderGrey},e=>{let{theme:t}=e;return t.colors.backgroundGrey},i.$.sp),k=o.default.div.withConfig({displayName:"form__ClearBtn",componentId:"sc-taf0ah-18"})(["display:flex;align-items:center;justify-content:center;width:24px;height:24px;min-width:24px;font-size:13px;border:1px solid ",";border-radius:50%;background-color:",";&:hover{cursor:pointer;}"],e=>{let{theme:t}=e;return t.colors.borderGrey},e=>{let{theme:t}=e;return t.colors.backgroundGrey}),C=o.default.div.withConfig({displayName:"form__FormAction",componentId:"sc-taf0ah-19"})(["display:flex;flex-flow:row wrap-reverse;justify-content:center;align-content:center;gap:40px;","{gap:10px;}"],i.$.sp),$=(0,o.default)(C).withConfig({displayName:"form__ConfirmFormAction",componentId:"sc-taf0ah-20"})(["","{button{width:225px;}}"],i.$.pc)},4770:function(e,t,n){n.d(t,{l:function(){return a}});var r=n(2888),o=n(5928),i=n(6805);const a=e=>{let{isRequired:t=!1,children:n,id:o}=e;return r.createElement(l,null,r.createElement(p,{isRequired:t},t?"必須":"任意"),r.createElement(c,{id:o},n))},l=o.default.div.withConfig({displayName:"FormLabel__Wrapper",componentId:"sc-10geme4-0"})(["display:flex;align-items:flex-start;","{margin-top:16px;}"],i.$.sp),p=o.default.div.withConfig({displayName:"FormLabel__FormBadge",componentId:"sc-10geme4-1"})(["line-height:1;font-size:14px;color:white;padding:7px 12px;border-radius:10px;background-color:",";","{font-size:12px;padding:4px 7px;border-radius:6px;min-width:38px;}"],e=>{let{isRequired:t,theme:n}=e;return t?n.colors.supayBlue:"#bac1c9"},i.$.sp),c=o.default.p.withConfig({displayName:"FormLabel__Label",componentId:"sc-10geme4-2"})(["font-size:18px;margin-left:13px;width:213px;vertical-align:top;line-height:1.5;","{font-size:14px;margin-left:8px;width:auto;vertical-align:middle;}"],i.$.sp)},5242:function(e,t,n){n.d(t,{A:function(){return i}});var r=n(9260),o=n(2888);function i(){return{disableArrowKey:e=>{switch(e.key){case"ArrowUp":case"ArrowDown":e.preventDefault()}}

1,sliceMaxLength:(e,t)=>{e.currentTarget.value=e.currentTarget.value.slice(0,t)},dateParseString:function(e,t){void 0===t&&(t=!0);const n=e.getFullYear(),r=("0"+(e.getMonth()+1)).slice(-2),o=("0"+e.getDate()).slice(-2),i=("0"+e.getHours()).slice(-2),a=("0"+e.getMinutes()).slice(-2);return t?`${n}/${r}/${o} ${i}:${a}`:`${n}/${r}/${o}`},formRadioClick:e=>{var t,n;null===(t=e.currentTarget.getElementsByTagName("input")[0])||void 0===t||t.click();const o=null===(n=e.currentTarget.parentNode)||void 0===n?void 0:n.children;for(let i=0;i<o.length;i++)o[i].setAttribute("style",`border-color: ${r.w.colors.borderGrey}`);e.currentTarget.setAttribute("style",`border-color: ${r.w.colors.supayBlue}`)},formCheckboxBtnClick:e=>{var t;null===(t=e.currentTarget.getElementsByTagName("input")[0])||void 0===t||t.click()},formCheckboxClick:e=>{var t,n,o,i;(e.stopPropagation(),e.currentTarget.checked)?null===(t=e.currentTarget.parentElement)||void 0===t||null===(n=t.parentElement)||void 0===n||n.setAttribute("style",`border-color: ${r.w.colors.supayBlue}`):null===(o=e.currentTarget.parentElement)||void 0===o||null===(i=o.parentElement)||void 0===i||i.setAttribute("style",`border-color: ${r.w.colors.borderGrey}`)},autoResizeTextArea:e=>{const t=(0,o.useRef)(null);return(0,o.useEffect)(()=>{const e=t.current;if(!e)return;const{borderTopWidth:n,borderBottomWidth:r}=getComputedStyle(e);e.style.height="auto",e.style.height=`calc(${e.scrollHeight}px + ${n} + ${r})`},[e]),t}}}},5603:function(e,t,n){n.d(t,{$:function(){return c}});var r=n(2888),o=n(5928),i=n(5387),a=n(6805),l=n(5695),p=n(9260);const c=e=>{let{children:t,showArrowLeft:n,showArrowRight:o,showArrowDown:i,bgColor:a=`${p.w.colors.supayBlue}`,type:l="button",onClick:c}=e;return r.createElement(s,{bgColor:a,showArrowLeft:n,type:l,onClick:c},n&&r.createElement(d,{size:25}),t,o&&r.createElement(u,{size:25}),i&&r.createElement(f,{size:25}))},s=o.default.button.withConfig({displayName:"Button__ButtonStyle",componentId:"sc-ljn2f5-0"})(["background-color:",";border-radius:37px;height:62px;padding:19px 33px;color:#ffffff;font-size:24px;display:flex;align-items:center;justify-content:",";transition:all 0.3s ease;","{&:hover{opacity:",";transform:translateY(-2px);}}","{font-size:18px;height:56px;padding:19px 27px;}","{width:75vw;font-size:",";}","{font-size:",";}"],e=>{let{bgColor:t}=e;return t},e=>{let{showArrowLeft:t}=e;return t?"flex-start":"space-between"},a.$.pc,e=>{let{theme:t}=e;return t.opacity},a.$.sp,a.$.sm,(0,l.N)(20,375),a.$.xs,(0,l.N)(18,375)),d=(0,o.default)(i.Y5o).withConfig({displayName:"Button__ArrowLeft",componentId:"sc-ljn2f5-1"})(["margin-right:28px;","{margin-right:19px;}"],a.$.sm),u=(0,o.default)(i.xyO).withConfig({displayName:"Button__ArrowRight",componentId:"sc-ljn2f5-2"})(["margin-left:28px;","{margin-left:0;}"],a.$.sm),f=(0,o.default)(i.tEr).withConfig({displayName:"Button__ArrowDown",componentId:"sc-ljn2f5-3"})(["margin-left:28px;","{margin-left:0;}"],a.$.sm)},9767:function(e,t,n){n.d(t,{H:function(){return i},V:function(){return o}});var r=n(5060);const o=e=>({type:r.Q.contactCancel,payload:e}),i=()=>({type:r.Q.clearState})}}]);
2//# sourceMappingURL=component---src-pages-contact-cancel-confirm-tsx-dee7dea926c9da8df3d6.js.map