https://s-meiban.rentals.link/account/asset/_next/static/chunks/pages/account/notification-3eefcf365a380be6.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[77],{373:(e,i,t)=>{"use strict";t.d(i,{A:()=>p});var r=t(4410),n=t(2839),o=t(5776),a=t(1139),s=t(9725),l=t.n(s),c=t(8266),d=t(4476);let g=["name"],h=["children","className","clone","component"];function p(e){return(i,t={})=>{let s,{name:p}=t,f=(0,n.A)(t,g),x="function"==typeof i?e=>({root:t=>i((0,r.A)({theme:e},t))}):{root:i},m=(0,c.A)(x,(0,r.A)({Component:e,name:p||e.displayName,classNamePrefix:p},f));i.filterProps&&(s=i.filterProps,delete i.filterProps),i.propTypes&&(i.propTypes,delete i.propTypes);let u=o.forwardRef(function(i,t){let{children:l,className:c,clone:g,component:p}=i,f=(0,n.A)(i,h),x=m(i),u=(0,a.A)(x.root,c),j=f;if(s&&(j=function(e,i){let t={};return Object.keys(e).forEach(r=>{-1===i.indexOf(r)&&(t[r]=e[r])}),t}(j,s)),g)return o.cloneElement(l,(0,r.A)({className:(0,a.A)(l.props.className,u)},j));if("function"==typeof l)return l((0,r.A)({className:u},j));let v=p||e;return(0,d.jsx)(v,(0,r.A)({ref:t,className:u},j,{children:l}))});return l()(u,e),u}}},525:(e,i,t)=>{"use strict";t.d(i,{k:()=>l});var r=t(4476),n=t(1001),o=t(8266),a=t(3791);let s=(0,o.A)({LoadingSpinner:{zIndex:9999,position:"absolute",top:0,left:0,height:"100%",width:"100%",display:"flex",justifyContent:"center",alignItems:"center"}});function l(e){let{color:i}=e,t=s();return(0,r.jsx)("div",{className:t.LoadingSpinner,style:{color:i?a.Tj[i]:a.Tj.muiGrey600},children:(0,r.jsx)(n.A,{color:"inherit"})})}l.defaultProps={color:"muiGrey600"}},988:(e,i,t)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/account/notification",function(){return t(5130)}])},1001:(e,i,t)=>{"use strict";t.d(i,{A:()=>w});var r=t(2839),n=t(4410),o=t(5776),a=t(1139),s=t(4284),l=t(5482),c=t(2371),d=t(8186),g=t(6817),h=t(2712);function p(e){return(0,h.A)("MuiCircularProgress",e)}(0,t(2426).A)("MuiCircularProgress",["root","determinate","indeterminate","colorPrimary","colorSecondary","svg","circle","circleDeterminate","circleIndeterminate","circleDisableShrink"]);var f=t(4476);let x=["className","color","disableShrink","size","style","thickness","value","variant"],m=e=>e,u,j,v,y,b=(0,l.i7)(u||(u=m`
2  0% {
3    transform: rotate(0deg);
4  }
5
6  100% {
7    transform: rotate(360deg);
8  }
9`)),k=(0,l.i7)(j||(j=m`
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`)),C=(0,g.Ay)("span",{name:"MuiCircularProgress",slot:"Root",overridesResolver:(e,i)=>{let{ownerState:t}=e;return[i.root,i[t.variant],i[`color${(0,c.A)(t.color)}`]]}})(({ownerState:e,theme:i})=>(0,n.A)({display:"inline-block"},"determinate"===e.variant&&{transition:i.transitions.create("transform")},"inherit"!==e.color&&{color:i.palette[e.color].main}),({ownerState:e})=>"indeterminate"===e.variant&&(0,l.AH)(v||(v=m`
25      animation: ${0} 1.4s linear infinite;
26    `),b)),N=(0,g.Ay)("svg",{name:"MuiCircularProgress",slot:"Svg",overridesResolver:(e,i)=>i.svg})({display:"block"}),A=(0,g.Ay)("circle",{name:"MuiCircularProgress",slot:"Circle",overridesResolver:(e,i)=>{let{ownerState:t}=e;return[i.circle,i[`circle${(0,c.A)(t.variant)}`],t.disableShrink&&i.circleDisableShrink]}})(({ownerState:e,theme:i})=>(0,n.A)({stroke:"currentColor"},"determinate"===e.variant&&{transition:i.transitions.create("stroke-dashoffset")},"indeterminate"===e.variant&&{strokeDasharray:"80px, 200px",strokeDashoffset:0}),({ownerState:e})=>"indeterminate"===e.variant&&!e.disableShrink&&(0,l.AH)(y||(y=m`
27      animation: ${0} 1.4s ease-in-out infinite;
28    `),k)),w=o.forwardRef(function(e,i){let t=(0,d.A)({props:e,name:"MuiCircularProgress"}),{className:o,color:l="primary",disableShrink:g=!1,size:h=40,style:m,thickness:u=3.6,value:j=0,variant:v="indeterminate"}=t,y=(0,r.A)(t,x),b=(0,n.A)({},t,{color:l,disableShrink:g,size:h,thickness:u,value:j,variant:v}),k=(e=>{let{classes:i,variant:t,color:r,disableShrink:n}=e,o={root:["root",t,`color${(0,c.A)(r)}`],svg:["svg"],circle:["circle",`circle${(0,c.A)(t)}`,n&&"circleDisableShrink"]};return(0,s.A)(o,p,i)})(b),w={},S={},T={};if("determinate"===v){let e=2*Math.PI*((44-u)/2);w.strokeDasharray=e.toFixed(3),T["aria-valuenow"]=Math.round(j),w.strokeDashoffset=`${((100-j)/100*e).toFixed(3)}px`,S.transform="rotate(-90deg)"}return(0,f.jsx)(C,(0,n.A)({className:(0,a.A)(k.root,o),style:(0,n.A)({width:h,height:h},S,m),ownerState:b,ref:i,role:"progressbar"},T,y,{children:(0,f.jsx)(N,{className:k.svg,ownerState:b,viewBox:"22 22 44 44",children:(0,f.jsx)(A,{className:k.circle,style:w,ownerState:b,cx:44,cy:44,r:(44-u)/2,fill:"none",strokeWidth:u})})}))})},2095:(e,i,t)=>{"use strict";t.d(i,{g:()=>g});var r=t(4476),n=t(8266),o=t(4857),a=t.n(o),s=t(879);let l=["inline","block","inline-block","flex","inline-flex","grid","inline-grid"];function c(e){return{...(0,s.n)(e,{...l.reduce((e,i)=>

28(e["&.-display-".concat(i,":not(.-initial-visible)")]={display:i},e),{}),"&.-initial-visible":{display:"none"}})}}let d=(0,n.A)({ResponsiveContainer:{display:"none","&.-breakpoint-sm":c("sm"),"&.-breakpoint-md":c("md"),"&.-breakpoint-lg":c("lg"),"&.-breakpoint-xl":c("xl"),"&.-initial-visible":{...l.reduce((e,i)=>(e["&.-display-".concat(i)]={display:i},e),{})}}});function g(e){let{children:i,className:t,initialVisible:n,breakpoint:o,display:s="block"}=e,l=d();return(0,r.jsx)("div",{className:a()(l.ResponsiveContainer,{"-initial-visible":n,["-breakpoint-".concat(o)]:!0},"-display-".concat(s),t),children:i})}},2816:(e,i,t)=>{"use strict";t.d(i,{V:()=>m});var r=t(4476),n=t(525),o=t(8266),a=t(4857),s=t.n(a),l=t(2095),c=t(879);let d=(0,o.A)({NotificationCenter:{display:"flex",flexDirection:"column",minHeight:"100vh"},NotificationCenterContent:{flex:"1 1 auto"},NotificationCenterCard:{backgroundColor:"white",...(0,c.n)("md",{width:640,margin:"40px auto",borderRadius:4})},NotificationCenterHeader:{...(0,c.n)("md",{margin:"0 24px"})},NotificationCenterMain:{padding:"32px 14px",...(0,c.n)("md",{margin:"0 80px"})},NotificationCenterFooter:{flex:"0 0 auto"}});function g(e){let{className:i,mainContent:t,headerContent:n,footerContent:o,returnLink:a}=e,c=d();return(0,r.jsxs)("div",{className:s()(c.NotificationCenter,i),children:[(0,r.jsxs)("div",{className:c.NotificationCenterContent,children:[a&&(0,r.jsx)(l.g,{breakpoint:"md",children:a}),(0,r.jsxs)("div",{className:c.NotificationCenterCard,children:[n&&(0,r.jsx)("div",{className:c.NotificationCenterHeader,children:n}),a&&(0,r.jsx)(l.g,{breakpoint:"md",initialVisible:!0,children:a}),(0,r.jsx)("main",{className:c.NotificationCenterMain,children:t})]})]}),o&&(0,r.jsx)("footer",{className:c.NotificationCenterFooter,children:o})]})}var h=t(4138),p=t(3236),f=t(7837),x=t(1442);function m(e){let{children:i,returnLink:t}=e,{applicationName:o}=(0,x.Yz)().mtConfig.serviceSettings,{logo:{href:a,imageSrc:s,presentedByLogo:l},isMounted:c}=(0,f.z7)();return c?(0,r.jsx)(g,{mainContent:i,footerContent:(0,r.jsx)(h.w,{}),headerContent:(0,r.jsx)(p.Y,{logoHref:a,logo:(0,r.jsx)("img",{src:s,alt:o}),presentedByLogo:l?(0,r.jsx)("img",{src:l.src,alt:l.alt}):void 0}),returnLink:t}):(0,r.jsx)(n.k,{})}},3236:(e,i,t)=>{"use strict";t.d(i,{Y:()=>h});var r=t(4476),n=t(8266),o=t(4857),a=t.n(o),s=t(7479),l=t.n(s),c=t(3791),d=t(879);let g=(0,n.A)({Header:{backgroundColor:c.Tj.white,padding:14,display:"flex",alignItems:"center",justifyContent:"center",borderBottom:"1px solid ".concat(c.Tj.grey),"&.-isOR":{backgroundColor:c.Tj.headerBgColor}},HeaderLogo:{"& > img":{display:"block",width:"auto",height:36},"&.-isOR":{display:"flex",alignItems:"center",justifyContent:"center",width:152,height:40,...(0,d.n)("sm",{width:"auto",maxWidth:230}),"& > img":{display:"block",objectFit:"contain",height:"auto",maxWidth:152,maxHeight:40,...(0,d.n)("sm",{maxWidth:230})}}},HeaderPresentedByLogo:{margin:0,display:"flex","$Header.-isOR &":{marginLeft:10}},HeaderPresentedByLogoLink:{height:25,"& > img":{height:"100%"}}});function h(e){let{logoHref:i,logo:t,presentedByLogo:n}=e,o=g();return(0,r.jsxs)("header",{className:a()(o.Header,n&&"-isOR"),children:[(0,r.jsx)(l(),{href:i,className:a()(o.HeaderLogo,n&&"-isOR"),children:t}),n&&(0,r.jsx)("p",{className:o.HeaderPresentedByLogo,children:(0,r.jsx)(l(),{href:"https://about.rentals.link/",className:o.HeaderPresentedByLogoLink,children:n})})]})}},5130:(e,i,t)=>{"use strict";t.r(i),t.d(i,{default:()=>N});var r=t(4476),n=t(6133),o=t(5776),a=t(8266);let s={src:"/account/asset/_next/static/media/webpush.3de66817.png",width:646};var l=t(2434),c=t(8167),d=t(4420),g=t(8551),h=t(2738),p=t(5403),f=t(3791),x=t(7837),m=t(5871),u=t(9366),j=t(1442),v=t(879);let y=(0,a.A)({NotificationTopIndex:{backgroundColor:f.Tj.backgroundGrey,margin:"-32px -14px",padding:"32px 14px",...(0,v.n)("md",{backgroundColor:f.Tj.white,margin:"0 -80px",padding:"0 24px"})},NotificationTopSection:{marginTop:32,padding:"19px 11px",borderRadius:8,border:"1px solid ".concat(f.Tj.grey),backgroundColor:f.Tj.white,...(0,v.n)("md",{padding:"19px 27px"})},NotificationTopSectionImg:{marginTop:16,marginBottom:16,textAlign:"left","& > img":{maxWidth:"100%",verticalAlign:"bottom"}}});function b(){let{mtConfig:{tenantCode:e}}=(0,j.Yz)(),{code:i,isOR:t,isAdmin:n}=(0,x.z7)(),{userFingerPrint:a,checkNotificationPermissionStatus:f}=(0,m.l0)(),[v,b]=(0,o.useState)(m.$c.IsLoading),k=y();return(0,o.useEffect)(()=>{(async()=>

28{if(a&&i)try{await f(i,e)?b(m.$c.Granted):b(m.$c.Default)}catch(e){console.error(e)}})()},[f,a,i,e]),(0,r.jsxs)("div",{className:k.NotificationTopIndex,children:[(0,r.jsx)(h.s,{justifyContent:"center",children:(0,r.jsx)(c.h,{children:"通知設定"})}),(t||n)&&(0,r.jsxs)("div",{className:k.NotificationTopSection,children:[(0,r.jsx)(c.h,{component:"h2",children:"プッシュ通知"}),(0,r.jsx)(g.Z,{margin:"12px 0 0",padding:"0",children:(0,r.jsx)(l.E,{lineHeight:1.6,children:"手配状況や営業所からのメッセージを、パソコンのブラウザまたはスマホのプッシュ通知で受け取ることができます。"})}),(0,r.jsx)("div",{className:k.NotificationTopSectionImg,children:(0,r.jsx)("img",{src:s.src,width:s.width/2,alt:""})}),v!==m.$c.IsLoading&&v!==m.$c.Granted&&(0,r.jsx)(p.p,{variant:"warning",children:"ご利用中のブラウザではプッシュ通知が未設定です。"}),(0,r.jsx)(g.Z,{margin:"16px 0 0",padding:"0",children:(0,r.jsx)(d.$,{size:"large",fullWidth:!0,onClick:()=>{i&&(window.location.href=(0,u.Cr)(i))},children:"プッシュ通知設定"})})]}),(0,r.jsxs)("div",{className:k.NotificationTopSection,children:[(0,r.jsx)(c.h,{component:"h2",children:"メール通知"}),(0,r.jsx)(g.Z,{margin:"12px 0 0",padding:"0",children:(0,r.jsx)(l.E,{lineHeight:1.6,children:"手配状況や営業所からのメッセージを、メールで受け取ることができます。"})}),(0,r.jsx)(g.Z,{margin:"12px 0 0",padding:"0",children:(0,r.jsx)(d.$,{size:"large",fullWidth:!0,onClick:()=>{i&&(window.location.href=(0,u.Qf)(i))},children:"メール通知設定"})})]})]})}var k=t(2443),C=t(2816);function N(){let e=(0,x.v8)();return(0,r.jsxs)(C.V,{returnLink:(0,r.jsx)(n.J,{onClick:e,label:"戻る"}),children:[(0,r.jsx)(k.s,{title:"通知設定"}),(0,r.jsx)(b,{})]})}N.getLayout=function(e){return e}},5403:(e,i,t)=>{"use strict";t.d(i,{p:()=>d});var r=t(4476),n=t(8266),o=t(4857),a=t.n(o),s=t(4162),l=t(3791);let c=(0,n.A)({MessageBox:{display:"flex",padding:"8px 12px 8px 8px",borderStyle:"solid",borderWidth:"0 0 0 6px",borderRadius:4,color:l.Tj.text900,"&.-variant-info":{backgroundColor:l.Tj.info100,borderColor:l.Tj.info600},"&.-variant-warning":{backgroundColor:l.Tj.warning200,borderColor:l.Tj.warning600},"&.-variant-error":{backgroundColor:l.Tj.error600,borderColor:l.Tj.error500,color:l.Tj.white}},MessageBoxIconBase:{display:"flex",flex:"0 0 24px",marginRight:8,"$MessageBox.-variant-info > &":{color:l.Tj.info600},"$MessageBox.-variant-warning > &":{color:l.Tj.warning600}},MessageBoxContent:{flex:"1 1 auto",fontSize:15,lineHeight:1.5,fontWeight:400,"$MessageBox.-variant-error > &":{fontWeight:700}}});function d(e){let{children:i,className:t,variant:n="info"}=e,o=c();return(0,r.jsxs)("div",{className:a()(o.MessageBox,n&&"-variant-".concat(n),t),children:[(0,r.jsx)("div",{className:o.MessageBoxIconBase,children:(0,r.jsx)(s.I,{iconName:"info"===n?"infoCircle":"warning",fontSize:"24px"})}),(0,r.jsx)("div",{className:o.MessageBoxContent,children:i})]})}d.defaultProps={className:void 0,variant:void 0}},6133:(e,i,t)=>{"use strict";t.d(i,{J:()=>d});var r=t(4476),n=t(373),o=t(4162),a=t(8551),s=t(3791),l=t(879);let c=(0,n.A)("button")({fontWeight:"bold",fontSize:16,lineHeight:1.5,display:"flex",color:s.Tj.primary,alignItems:"center",textDecoration:"none",padding:"14px",backgroundColor:s.Tj.white,borderLeft:"none",borderTopStyle:"none",borderRight:"none",borderBottom:"1px solid ".concat(s.Tj.grey),...(0,l.n)("md",{borderBottom:"none"}),outline:0,width:"100%",cursor:"pointer"});function d(e){let{onClick:i,label:t}=e;return(0,r.jsxs)(c,{onClick:i,children:[(0,r.jsx)(o.I,{iconName:"

28chevronLeft",fontSize:"18px"}),(0,r.jsx)(a.Z,{margin:"0 0 0 8px",padding:"0",children:t})]})}},8167:(e,i,t)=>{"use strict";t.d(i,{h:()=>d});var r=t(4476),n=t(5776),o=t(482),a=t(8266),s=t(3791);let l={h1:{fontSize:"28px",fontWeight:700,letterSpacing:"0",lineHeight:1},h2:{fontSize:"24px",fontWeight:700,letterSpacing:"0.03em",lineHeight:1.5},h3:{fontSize:"20px",fontWeight:700,letterSpacing:"0",lineHeight:1.5},h4:{fontSize:"17px",fontWeight:700,letterSpacing:"0",lineHeight:1.5},subhead:{fontSize:"16px",fontWeight:500,letterSpacing:"0",lineHeight:1.5}},c=(0,a.A)({typography:{color:s.Tj.text900,fontFamily:"inherit"}}),d=(0,n.memo)(e=>{let{children:i,component:t="h1"}=e,n=c();return(0,r.jsx)(o.A,{className:n.typography,component:"subhead"===t?"p":t,style:{fontSize:l[t].fontSize,fontWeight:l[t].fontWeight,letterSpacing:l[t].letterSpacing,lineHeight:l[t].lineHeight},children:i})})}},e=>{e.O(0,[636,593,792],()=>e(e.s=988)),_N_E=e.O()}]);