https://matomeru-oiwai.jp/_next/static/chunks/pages/mypage/settings/billing-091e3e73a1142406.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1230],{5616:function(e,t,r){"use strict";r.d(t,{Z:function(){return k}});var a=r(87462),l=r(63366),n=r(67294),s=r(90512),i=r(7740),o=r(86523),d=r(39707),c=r(96682),m=r(85893);let u=["className","component"];var x=r(37078),h=r(21265),f=r(10606),g=r(1588);let p=(0,g.Z)("MuiBox",["root"]),b=(0,h.Z)(),v=function(e={}){let{themeId:t,defaultTheme:r,defaultClassName:x="MuiBox-root",generateClassName:h}=e,f=(0,i.default)("div",{shouldForwardProp:e=>"theme"!==e&&"sx"!==e&&"as"!==e})(o.Z),g=n.forwardRef(function(e,n){let i=(0,c.Z)(r),o=(0,d.Z)(e),{className:g,component:p="div"}=o,b=(0,l.Z)(o,u);return(0,m.jsx)(f,(0,a.Z)({as:p,ref:n,className:(0,s.Z)(g,h?h(x):x),theme:t&&i[t]||i},b))});return g}({themeId:f.Z,defaultTheme:b,defaultClassName:p.root,generateClassName:x.Z.generate});var k=v},98456:function(e,t,r){"use strict";r.d(t,{Z:function(){return C}});var a=r(63366),l=r(87462),n=r(67294),s=r(90512),i=r(94780),o=r(70917),d=r(98216),c=r(28628),m=r(90948),u=r(1588),x=r(34867);function getCircularProgressUtilityClass(e){return(0,x.ZP)("MuiCircularProgress",e)}(0,u.Z)("MuiCircularProgress",["root","determinate","indeterminate","colorPrimary","colorSecondary","svg","circle","circleDeterminate","circleIndeterminate","circleDisableShrink"]);var h=r(85893);let f=["className","color","disableShrink","size","style","thickness","value","variant"],_=e=>e,g,p,b,v,k=(0,o.F4)(g||(g=_`
2  0% {
3    transform: rotate(0deg);
4  }
5
6  100% {
7    transform: rotate(360deg);
8  }
9`)),j=(0,o.F4)(p||(p=_`
10  0% {
11    stroke-dasharray: 1px, 200px;
12    stroke-dashoffset: 0;
13  }
14
15  50% {
16    stroke-dasharray: 100px, 200px;
17    stroke-dashoffset: -15px;
18  }
19
20  100% {
21    stroke-dasharray: 100px, 200px;
22    stroke-dashoffset: -125px;
23  }
24`)),useUtilityClasses=e=>{let{classes:t,variant:r,color:a,disableShrink:l}=e,n={root:["root",r,`color${(0,d.Z)(a)}`],svg:["svg"],circle:["circle",`circle${(0,d.Z)(r)}`,l&&"circleDisableShrink"]};return(0,i.Z)(n,getCircularProgressUtilityClass,t)},y=(0,m.ZP)("span",{name:"MuiCircularProgress",slot:"Root",overridesResolver:(e,t)=>{let{ownerState:r}=e;return[t.root,t[r.variant],t[`color${(0,d.Z)(r.color)}`]]}})(({ownerState:e,theme:t})=>(0,l.Z)({display:"inline-block"},"determinate"===e.variant&&{transition:t.transitions.create("transform")},"inherit"!==e.color&&{color:(t.vars||t).palette[e.color].main}),({ownerState:e})=>"indeterminate"===e.variant&&(0,o.iv)(b||(b=_`
25      animation: ${0} 1.4s linear infinite;
26    `),k)),N=(0,m.ZP)("svg",{name:"MuiCircularProgress",slot:"Svg",overridesResolver:(e,t)=>t.svg})({display:"block"}),Z=(0,m.ZP)("circle",{name:"MuiCircularProgress",slot:"Circle",overridesResolver:(e,t)=>{let{ownerState:r}=e;return[t.circle,t[`circle${(0,d.Z)(r.variant)}`],r.disableShrink&&t.circleDisableShrink]}})(({ownerState:e,theme:t})=>(0,l.Z)({stroke:"currentColor"},"determinate"===e.variant&&{transition:t.transitions.create("stroke-dashoffset")},"indeterminate"===e.variant&&{strokeDasharray:"80px, 200px",strokeDashoffset:0}),({ownerState:e})=>"indeterminate"===e.variant&&!e.disableShrink&&(0,o.iv)(v||(v=_`
27      animation: ${0} 1.4s ease-in-out infinite;
28    `),j)),w=n.forwardRef(function(e,t){let r=(0,c.i)({props:e,name:"MuiCircularProgress"}),{className:n,color:i="primary",disableShrink:o=!1,size:d=40,style:m,thickness:u=3.6,value:x=0,variant:g="indeterminate"}=r,p=(0,a.Z)(r,f),b=(0,l.Z)({},r,{color:i,disableShrink:o,size:d,thickness:u,value:x,variant:g}),v=useUtilityClasses(b),k={},j={},w={};if("determinate"===g){let e=2*Math.PI*((44-u)/2);k.strokeDasharray=e.toFixed(3),w["aria-valuenow"]=Math.round(x),k.strokeDashoffset=`${((100-x)/100*e).toFixed(3)}px`,j.transform="rotate(-90deg)"}return(0,h.jsx)(y,(0,l.Z)({className:(0,s.Z)(v.root,n),style:(0,l.Z)({width:d,height:d},j,m),ownerState:b,ref:t,role:"progressbar"},w,p,{children:(0,h.jsx)(N,{className:v.svg,ownerState:b,viewBox:"22 22 44 44",children:(0,h.jsx)(Z,{className:v.circle,style:k,ownerState:b,cx:44,cy:44,r:(44-u)/2,fill:"none",strokeWidth:u})})}))});var C=w},888:function(e,t,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/mypage/settings/billing",function(){return r(32760)}])},80654:function(e,t,r){"use strict";r.d(t,{K:function(){return DetailSection}});var a=r(85893),l=r(67294),DetailSection=function(e){var t=e.listData,r=(0,l.useMemo)(function(){return"section"in t?t.section.map(function(e,r){return(0,a.jsxs)("div",{className:"mb-3.5 sm:mb-0",children:[t.section.length>1&&(0,a.jsxs)("h2",{className:"text-md mt-0.5 border-b border-black-lightest px-1 pb-1 pt-3 font-bold text-black-dark sm:mb-0.5 sm:mt-3 sm:pb-2",children:["ご芳名 ",r+1]}),(0,a.jsx)("ul",{children:e.dataList.map(function(e){return(0,a.jsxs)("li",{className:"flex flex-col gap-1 border-b border-black-lightest px-2 pb-4 pt-4.25 sm:pb-4.25 sm:pt-4 lg:px-6",children:[e.label&&(0,a.jsxs)("p",{className:"text-sm font-bold text-black-darkGray",children:[e.label,t.section.length>1?" ".concat(r+1):""]}),(0,a.jsx)("p",{className:"text-base text-black-darkGray break-anywhere",children:e.value})]},e.key)})})]},r)}):t.dataList.map(function(e){return(0,a.jsxs)("li",{className:"flex flex-col gap-1 border-b border-black-lightest px-2 pb-3.75 pt-4 lg:px-6",children:[e.label&&(0,a.jsx)("p",{className:"text-sm font-bold text-black-darkGray",children:e.label}),(0,a.jsx)("p",{className:"text-base text-black-darkGray",children:e.value})]},e.key)})},[t]);return(0,a.jsxs)("div",{className:"rounded-lg bg-black-backGround p-4 xl:p-6",children:[(0,a.jsx)("h1",{className:"inline-flex h-7 items-center rounded-full bg-primary-main px-4 font-default text-xs font-bold leading-1.2 tracking-normal text-white lg:h-7.5 lg:text-13 lg:leading-1.2",children:t.title}),(0,a.jsx)("ul",{children:r})]})}},67988:function(e,t,r){"use strict";r.r(t);var a=r(85893),l=r(9008),n=r.n(l),s=r(25675),i=r.n(s),o=r(41664),d=r.n(o),c=r(74424);t.default=function(){return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(n(),{children:(0,a.jsx)("title",{children:"お探しのページは見つかりませんでした | matomeru"})}),(0,a.jsx)(c.Z,{children:(0,a.jsxs)("div",{className:"mx-auto max-w-283 px-6 md:pl-2 md:pr-4",children:[(0,a.jsx)("h1",{className:"mt-10 font-default text-2xl leading-1.3 text-black-main md:ml-2 md:mt-20 md:h-10.5 md:text-32",children:"お探しのページは見つかりませんでした"}),(0,a.jsxs)("p",{className:"mt-8 font-default text-lg leading-normal md:ml-2",children:["お探しのページは削除されたか、一時的に利用できない状態です。",(0,a.jsx)("br",{}),"お探しのページのURLが正しいかどうかご確認ください。"]}),(0,a.jsx)(d(),{href:"/",children:(0,a.jsxs)("div",{className:"relative mx-auto mb-3 mt-8 flex h-15.25 w-81.75 justify-center rounded-48 border-solid bg-primary-main align-middle md:ml-2 md:w-70",children:[(0,a.jsx)("p",{className:"leading1.8 flex items-center gap-15 align-middle text-4 font-bold text-white",children:"TOPに戻る"}),(0,a.jsx)(i(),{src:"/Icon/arrow_next.svg",alt:"",width:6,height:8,className:"absolute right-3.5 top-6.25 flex items-center"})]})}),(0,a.jsx)(i(),{src:"/img/five-people.png",alt:"",width:621,height:160,className:"mt-22 hidden md:block"}),(0,a.jsx)(i(),{src:"/img/five-people.png",alt:"",width:359,height:94,className:"mx-auto mt-20 block md:hidden"})]})})]})}},10630:function(e,t,r){"use strict";r.r(t);var a=r(85893),l=r(9008),n=r.n(l),s=r(25675),i=r.n(s),o=r(41664),d=r.n(o),c=r(74424);t.default=function(){return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(n(),{children:(0,a.jsx)("title",{children:"何らかのエラーが発生しました。 | matomeru"})}

28),(0,a.jsx)(c.Z,{isError:!0,children:(0,a.jsxs)("div",{className:"mx-auto max-w-283 px-6 md:pl-2 md:pr-4",children:[(0,a.jsx)("h1",{className:"mt-10 font-default text-2xl leading-1.3 text-black-main md:ml-2 md:mt-20 md:h-10.5 md:text-32",children:"何らかのエラーが発生しました。"}),(0,a.jsxs)("p",{className:"mt-8 font-default text-lg leading-normal md:ml-2",children:["お探しのページは削除されたか、一時的に利用できない状態です。",(0,a.jsx)("br",{}),"再度読み込む又はお探しのページのURLが正しいかどうかご確認ください。"]}),(0,a.jsx)(d(),{href:"/",children:(0,a.jsxs)("div",{className:"relative mx-auto mb-3 mt-8 flex h-15.25 w-81.75 justify-center rounded-48 border-solid bg-primary-main align-middle md:ml-2 md:w-70",children:[(0,a.jsx)("p",{className:"leading1.8 flex items-center gap-15 align-middle text-4 font-bold text-white",children:"TOPに戻る"}),(0,a.jsx)(i(),{src:"/Icon/arrow_next.svg",alt:"",width:6,height:8,className:"absolute right-3.5 top-6.25 flex items-center"})]})}),(0,a.jsx)(i(),{src:"/img/five-people.png",alt:"",width:621,height:160,className:"mt-22 hidden md:block"}),(0,a.jsx)(i(),{src:"/img/five-people.png",alt:"",width:359,height:94,className:"mx-auto mt-20 block md:hidden"})]})})]})}},16929:function(e,t,r){"use strict";r.r(t);var a=r(48564),l=r(18007),n=r(58894),s=r(79735),i=r(85893),o=r(12918),d=r.n(o);r(67294);var c=r(74193),m=r(67988),u=r(10630),x=function(e){(0,l._)(CustomErrorPage,e);var t=(0,s._)(CustomErrorPage);function CustomErrorPage(){return(0,a._)(this,CustomErrorPage),t.apply(this,arguments)}return CustomErrorPage.prototype.render=function(){var e=this.props.statusCode;return 401===e?(0,i.jsx)(c.Z,{}):404===e?(0,i.jsx)(m.default,{}):(0,i.jsx)(u.default,{})},CustomErrorPage}((0,n._)(d()));x.getInitialProps=d().getInitialProps,t.default=x},32760:function(e,t,r){"use strict";r.r(t),r.d(t,{default:function(){return billing}});var a=r(85893),l=r(9008),n=r.n(l);r(67294);var s=r(51350),i=r(16929),o=r(67819),d=r(41664),c=r.n(d),m=r(80654),u=r(74424),BillingPresentation=function(e){var t=e.isLoading,r=e.data;return(0,a.jsx)(u.Z,{isLoading:t,isMypage:!0,children:(0,a.jsxs)("div",{className:"flex flex-col pb-26",children:[(0,a.jsxs)("div",{className:"relative px-6 pt-6 lg:pl-6 lg:pr-10 lg:pt-10",children:[(0,a.jsx)("h1",{className:"font-Inter text-xl font-normal leading-1.5 tracking-normal text-black-darkGray lg:h-9 lg:text-2xl lg:leading-1.5",children:"請求先"}),(0,a.jsx)("div",{className:"mt-3 lg:mt-6",children:(0,a.jsx)(m.K,{listData:r.billing})})]}),(0,a.jsxs)("p",{className:"hidden lg:ml-6 lg:mt-2 lg:flex",children:[(0,a.jsx)("span",{className:"font-default text-sm font-medium uppercase tracking-0.4 text-black-darkGray lg:leading-24",children:"上記に変更がある場合は、"}),(0,a.jsx)(c(),{href:"https://green-road.co.jp/business/matomeru/contact",passHref:!0,className:"font-default text-sm font-medium uppercase tracking-0.4 text-primary-main underline hover:opacity-70 lg:leading-24",target:"_blank",rel:"noopener noreferrer",children:"お問い合わせフォーム"}),(0,a.jsx)("span",{className:"font-default text-sm font-medium uppercase tracking-0.4 text-black-darkGray lg:leading-24",children:"からご連絡ください。"})]}),(0,a.jsxs)("p",{className:"mt-2 px-6 font-default text-sm font-medium uppercase tracking-0.4 text-black-darkGray lg:hidden lg:leading-24",children:["上記に変更がある場合は、",(0,a.jsx)(c(),{href:"https://green-road.co.jp/business/matomeru/contact",passHref:!0,className:"font-default text-sm font-medium uppercase tracking-0.4 text-primary-main underline hover:opacity-70 lg:leading-24",target:"_blank",rel:"noopener noreferrer",children:"お問い合わせフォーム"}),"からご連絡ください。"]})]})})},Container=function(){var e,t=(0,s.Z)(o.L.billing_information),r=t.data,l=t.error,n=t.isLoading;if(l)return(0,a.jsx)(i.default,{statusCode:null===(e=l.response)||void 0===e?void 0:e.status});var d={title:"請求先情報",dataList:[{label:"会社名",key:"company_name",value:null==r?void 0:r.company_name},{label:"請求先部署",key:"department",value:null==r?void 0:r.department},{label:"請求先担当者役職",key:"position",value:null==r?void 0:r.position},{label:"請求先担当者",key:"manager_name",value:null==r?void 0:r.manager_name},{label:"住所",key:"address",value:null==r?void 0:r.address},{label:"電話番号",key:"tel",value:null==r?void 0:r.tel},{label:"メールアドレス",key:"email",value:null==r?void 0:r.email},{label:"請求先その他メールアドレス",key:"other_emails",value:null==r?void 0:r.other_emails}]};return(0,a.jsx)(BillingPresentation,{isLoading:n,data:{billing:d}})},Component=function(){return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(n(),{children:(0,a.jsx)("title",{children:"請求先 | matomeru"})}),(0,a.jsx)(Container,{})]})},billing=function(){return(0,a.jsx)(Component,{})}},36252:function(){},12918:function(e,t,r){e.exports=r(66908)},9008:function(e,t,r){e.exports=r(79201)}},function(e){e.O(0,[6478,5675,5913,1664,4424,9774,2888,179],function(){return e(e.s=888)}),_N_E=e.O()}]);