https://volumo.com/_next/static/chunks/2060.7500008d8372193f.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2060],{51558:(e,t,n)=>{"use strict";n.d(t,{G:()=>N});var r=n(80263),a=n(12556),i=n(97930),o=n(33894),s=n(92839),l=n(91840),c=n(43391),u=n(50016),d=n(13463),m=n(6750),p=n(53239),h=n(33064),g=n(76084),_=n(94674),v=n.n(_),b=n(36285),S=n(4622),x=n(3638),f=n(85890),y=n.n(f);let j=[`${h.Z4.basePath}/static/images/subscription-reminder-modal/option-1-image-1.png`,`${h.Z4.basePath}/static/images/subscription-reminder-modal/option-1-image-2.png`,`${h.Z4.basePath}/static/images/subscription-reminder-modal/option-1-image-3.png`],C=5*m._L,L=e=>{let{className:t}=e,[n,a]=(0,p.useState)(0),[i,o]=(0,p.useState)();return(0,p.useEffect)(()=>{let e,t,n=()=>{var e;let t,n;return o((e=new Date,t=`${e.getHours()}`.padStart(2,"0"),n=`${e.getMinutes()}`.padStart(2,"0"),`${t}:${n}`))};n();let r=setTimeout(()=>{n(),e=setInterval(n,m.kg)},(t=new Date,m.kg-(t.getSeconds()*m._L+t.getMilliseconds())));return()=>{clearTimeout(r),e&&clearInterval(e)}},[]),(0,r.jsxs)("div",{className:(0,x.A)(y().root,t),children:[(0,r.jsx)(S.v,{className:y().dots,count:j.length,duration:C,selectedIndex:n,size:"minimal",onChange:a}),(0,r.jsxs)("div",{className:y().phoneFrame,children:[(0,r.jsx)(b.C,{autoColumns:"100%",className:y().scroller,currentIndex:n,step:"100%",onIndexChange:a,children:j.map((e,t)=>(0,r.jsx)("div",{className:y().slide,children:(0,r.jsx)("img",{alt:"",className:y().image,loading:0===t?"eager":"lazy",src:e})},e))}),(0,r.jsx)("div",{"aria-hidden":!0,className:y().phoneOverlay,style:{backgroundImage:`url(${h.Z4.basePath}/static/images/subscription-reminder-modal/iphone.png)`}}),(0,r.jsxs)("div",{"aria-hidden":!0,className:y().phoneStatusBar,children:[(0,r.jsx)("span",{className:y().phoneStatusTime,children:i}),(0,r.jsxs)("div",{className:y().phoneStatusIcons,children:[(0,r.jsx)("img",{alt:"",className:y().phoneStatusIcon,src:`${h.Z4.basePath}/static/images/subscription-reminder-modal/signal.svg`}),(0,r.jsx)("img",{alt:"",className:y().phoneStatusIcon,src:`${h.Z4.basePath}/static/images/subscription-reminder-modal/wi-fi.svg`}),(0,r.jsx)("img",{alt:"",className:y().phoneStatusIcon,src:`${h.Z4.basePath}/static/images/subscription-reminder-modal/battery.svg`})]})]})]})]})},M=`${h.Z4.basePath}/static/images/subscription-reminder-modal/volumo-logo.svg`,N=e=>{let{onDeny:t}=e,{t:n}=(0,d.c3)(),{isAboveSm:p}=(0,a.yU)(),h=(0,g.vL)();return(0,r.jsx)(c.$m,{allowExtraBottomSpace:!1,className:v().root,children:(0,r.jsxs)(i.xA,{className:v().body,columns:p?"1fr 1fr":"1fr",children:[(0,r.jsxs)(i.xA,{alignContent:p?"space-between":"start",className:v().content,verticalSpacing:3,children:[(0,r.jsxs)(i.xA,{alignItems:"center",autoFlow:"column",horizontalSpacing:1,justifyContent:p?"flex-start":"center",children:[(0,r.jsx)("img",{alt:"Volumo",className:v().logo,src:M}),(0,r.jsx)("span",{className:v().headerLabel,children:n("Newsletter","newsletter modal label")})]}),(0,r.jsxs)(i.xA,{verticalSpacing:1.5,children:[(0,r.jsx)(u.V,{align:p?"left":"center",className:v().title,variant:"vividH3",children:n("Stay updated,\nnot overwhelmed.","newsletter modal title")}),(0,r.jsx)(u.V,{align:p?"left":"center",className:v().description,component:"p",variant:"body2",children:n("Subscribe to get only the latest music, charts, and meaningful updates from Volumo.","newsletter modal description")})]}),(0,r.jsxs)(i.xA,{columns:"1fr 1fr",horizontalSpacing:1.5,children:[(0,r.jsx)(l.K,{fullWidth:!0,iconComponent:s.sUG,onClick:()=>{h.mutate({payload:{marketing_emails:"subscribed"}},{onSuccess:()=>o.vF.success(n("Subscription successful! Exciting updates and exclusive offers are on the way.","mailing list"),{countdownDuration:10*m._L})})},children:n("Subscribe")}),(0,r.jsx)(l.K,{fullWidth:!0,iconComponent:s.AL1,muted:"inPopup",onClick:t,children:n("Maybe later")})]})]}),(0,r.jsx)("div",{className:v().sliderWrap,children:(0,r.jsx)(L,{className:v().slider})})]})})}},72060:(e,t,n)=>{"use strict";n.r(t),n.d(t,{SubscriptionReminderBottomSheet:()=>o});var r=n(80263),a=n(75976);n(53239);var i=n(51558);let o=e=>{let{open:t,onClose:n}=e;return(0,r.jsx)(a.Xn,{hasCloseButton:!0,open:t,openStateHash:"subscription-reminder",onCloseAttempt:n,children:(0,r.jsx)(i.G,{onDeny:n})})}},75976:(e,t,n)=>{"use strict";n.d(t,{Xn:()=>_,zf:()=>h});var r=n(80263),a=n(34131),i=n(84897),o=n(78852),s=n(55132),l=n(3638),c=n(53239),u=n(43391),d=n(84696),m=n.n(d);let p=(0,c.createContext)({expandRequestCount:0}),h=()=>(0,c.useContext)(p),g={appear:m()["movingLayer--enter"],appearActive:m()["movingLayer--enter--active"],enter

1:m()["movingLayer--enter"],enterActive:m()["movingLayer--enter--active"],exit:m()["movingLayer--exit"],exitActive:m()["movingLayer--exit--active"]},_=(0,c.memo)(e=>{let{children:t,className:n,closeButtonClassName:d,defaultHeight:h="auto",forceTrapFocus:_,forceBlackCloseButton:v,hasCloseButton:b,open:S,openStateHash:x,canMaximize:f,onCloseAttempt:y}=e,[j,C]=(0,c.useState)(h),[L,M]=(0,c.useState)(),N=(0,c.useRef)(null),R=(0,c.useRef)(!1),w=(0,c.useRef)(void 0),B=(0,c.useRef)(),k=(0,c.useRef)(!1),A=(0,c.useRef)(!1),[I,E]=(0,c.useState)(0),{rerender:T}=(0,a.v)(),[H,W]=(0,c.useState)(0),$=(0,c.useRef)(null),P=(0,c.useCallback)(()=>"number"==typeof j?j:N.current?N.current.scrollHeight/window.innerHeight*100:"number"==typeof h?h:50,[h,j]);(0,c.useEffect)(()=>{if(R.current=!1,j!==h&&setTimeout(()=>C(h),300),S&&N.current){let e=new MutationObserver(()=>T());return e.observe(N.current,{childList:!0,subtree:!0}),()=>{e.disconnect()}}},[S]),(0,c.useLayoutEffect)(()=>{if(!S||!$.current)return;let e=(0,s.bV)($.current);"auto"===j&&e>=window.innerHeight?(R.current=!0,C(100)):100===j&&R.current&&e>0&&e<window.innerHeight&&(R.current=!1,C(h))});let O=(0,c.useCallback)(e=>{B.current=e.changedTouches[0].pageY,k.current=!1,A.current=!1;let t=P();(0,s.mW)(e.changedTouches[0].target,e=>e!==N.current)&&100===t||M(e.changedTouches[0].pageY),W(t)},[P]),V=(0,c.useCallback)(e=>{if(void 0===L)return;let t=e.changedTouches[0].pageY;if(void 0!==B.current&&Math.abs(t-B.current)>8&&(k.current=!0),!k.current)return;let n=L-t,r=n/window.innerHeight*100,a=P(),i=a+r;!A.current&&n>0&&a<100&&(A.current=!0,E(e=>e+1)),i>a&&a<100&&(f||a<H)&&(C(Math.min(Math.max(i,0),100)),M(t))},[f,L,H,P,C]),Z=(0,c.useCallback)(e=>{if(void 0===L)return;let t=(0,s.mW)(e.changedTouches[0].target,e=>e!==N.current),n=e.changedTouches[0].pageY;if(void 0!==B.current&&Math.abs(n-B.current)>8&&(k.current=!0),!k.current)return;let r=L-n,a=r/window.innerHeight*100,i=P(),o=i+a,l=100-n/window.innerHeight*100;e.cancelable&&(o<i&&i>0&&l<i&&C(Math.min(Math.max(o,0),100)),r&&100!==i&&(e.stopPropagation(),e.preventDefault(),M(n),w.current=t))},[L,P,C]),z=(0,c.useCallback)(()=>{if(M(void 0),!k.current)return;k.current=!1;let e=P(),t=Math.min($.current?(0,s.bV)($.current)/window.innerHeight*100:e,100),n="number"==typeof h?h-.1*h:.9*t,r="number"==typeof h?h+(100-h)*.3:t+(100-t)*.3;e<n?y?.():e>r&&f?C(100):C(h),w.current=void 0},[f,h,P,C,y]);(0,c.useEffect)(()=>{let e=N.current;if(e)return e.addEventListener("touchmove",V,{capture:!0,passive:!1}),e.addEventListener("touchmove",Z),e.addEventListener("touchend",z),e.addEventListener("touchstart",O),()=>{e.removeEventListener("touchmove",V,{capture:!0}),e.removeEventListener("touchmove",Z),e.removeEventListener("touchend",z),e.removeEventListener("touchstart",O)}},[S,z,Z,O]);let q=(0,c.useMemo)(()=>({expandRequestCount:I}),[I]);return(0,r.jsxs)(i.u,{animationClassNames:g,className:m().root,forceTrapFocus:_,hasBlockingOverlay:!0,hasScrollbars:P()>=100||"disabled",innerRef:N,inPortal:!0,open:S,openStateHash:x??"bottom-sheet",overlayClassName:m().overlay,popupClassName:(0,l.A)(m().popup,m().movingLayer,n),role:"dialog",scrollableRef:$,style:{height:`${"number"==typeof j?j:$.current?Math.min((0,s.bV)($.current)/window.innerHeight*100,100):void 0}%`,transition:void 0!==L?"none":void 0},onCloseAttempt:y,children:[!b&&(0,r.jsx)(o.K,{pt:2}),(0,r.jsx)(p.Provider,{value:q,children:t}),b?(0,r.jsx)(u.s_,{className:(0,l.A)(m().closeButton,d),forceBlack:v,putAbsolute:!0,onClick:y}):(0,r.jsx)("div",{className:m().draggableThumb})]})});_.displayName="BottomSheet"},84696:e=>{e.exports={root:"BottomSheet_root__OYUBU",popup:"BottomSheet_popup__nvWQD",overlay:"BottomSheet_overlay__tqKjs",movingLayer:"BottomSheet_movingLayer__1ZqXZ","movingLayer--enter":"BottomSheet_movingLayer--enter__B_ro6","movingLayer--enter--active":"BottomSheet_movingLayer--enter--active__JQg6q","movingLayer--exit":"BottomSheet_movingLayer--exit__reqI4","movingLayer--exit--active":"BottomSheet_movingLayer--exit--active__VqWgA",draggableThumb:"BottomSheet_draggableThumb__oKmBW",closeButton:"BottomSheet_closeButton__exWq_"}},85890:e=>{e.exports={root:"SubscriptionReminderModalSlider_root__27FsP",dots:"SubscriptionReminderModalSlider_dots__vRlV1",scroller:"SubscriptionReminderModalSlider_scroller__5D2nq",slide:"SubscriptionReminderModalSlider_slide__X1u8u",image:"SubscriptionReminderModalSlider_image__6jA0O",phoneFrame:"SubscriptionReminderModalSlider_phoneFrame__fWx__",ph

1oneOverlay:"SubscriptionReminderModalSlider_phoneOverlay__FlAfz",phoneStatusBar:"SubscriptionReminderModalSlider_phoneStatusBar__iDv1p",phoneStatusTime:"SubscriptionReminderModalSlider_phoneStatusTime__bogmz",phoneStatusIcons:"SubscriptionReminderModalSlider_phoneStatusIcons__vGxtm",phoneStatusIcon:"SubscriptionReminderModalSlider_phoneStatusIcon__f9msO"}},94674:e=>{e.exports={root:"SubscriptionReminderModalContent_root__H0mue",body:"SubscriptionReminderModalContent_body__jlcrO",content:"SubscriptionReminderModalContent_content__efmnH",logo:"SubscriptionReminderModalContent_logo__3RujL",headerLabel:"SubscriptionReminderModalContent_headerLabel___V9p6",title:"SubscriptionReminderModalContent_title__m1NzW",description:"SubscriptionReminderModalContent_description__WAOXg",sliderWrap:"SubscriptionReminderModalContent_sliderWrap__BXkzn",slider:"SubscriptionReminderModalContent_slider__GXn_I"}}}]);