https://hodler.sh/_next/static/chunks/app/%5Blocale%5D/invest/page-ac4dfcbad9540833.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1971],{78093:function(e,l,t){Promise.resolve().then(t.bind(t,16456)),Promise.resolve().then(t.t.bind(t,65878,23)),Promise.resolve().then(t.t.bind(t,72972,23)),Promise.resolve().then(t.bind(t,91049)),Promise.resolve().then(t.bind(t,26870)),Promise.resolve().then(t.bind(t,69674)),Promise.resolve().then(t.bind(t,48117)),Promise.resolve().then(t.bind(t,38066)),Promise.resolve().then(t.bind(t,40991)),Promise.resolve().then(t.bind(t,16364)),Promise.resolve().then(t.bind(t,23491)),Promise.resolve().then(t.bind(t,69941)),Promise.resolve().then(t.bind(t,65464)),Promise.resolve().then(t.bind(t,57663)),Promise.resolve().then(t.bind(t,82429)),Promise.resolve().then(t.bind(t,15539)),Promise.resolve().then(t.bind(t,56282)),Promise.resolve().then(t.bind(t,56563)),Promise.resolve().then(t.bind(t,48983)),Promise.resolve().then(t.bind(t,59971)),Promise.resolve().then(t.bind(t,4161)),Promise.resolve().then(t.bind(t,6610)),Promise.resolve().then(t.bind(t,57373)),Promise.resolve().then(t.bind(t,90976)),Promise.resolve().then(t.bind(t,91419)),Promise.resolve().then(t.bind(t,66748)),Promise.resolve().then(t.bind(t,62797)),Promise.resolve().then(t.bind(t,37059))},57663:function(e,l,t){"use strict";t.d(l,{default:function(){return v}});var s=t(57437),n=t(2265),r=e=>{let[l,t]=n.useState(0),[s,r]=n.useState(0),i=n.useRef(),a=n.useRef(null),o=n.useRef(0),u=n.useCallback(()=>{clearInterval(i.current);let l=()=>t(l=>(r(l),e[l+1]?l+1:0));i.current=setInterval(()=>l(),1e4)},[e]),d=n.useCallback(e=>{t(l=>(r(l),e)),u()},[u]),c=n.useCallback(()=>{t(l=>(r(l),e[l+1]?l+1:0)),u()},[e,u]),h=n.useCallback(()=>{t(l=>(r(l),e[l-1]?l-1:e.length-1)),u()},[e,u]),m=n.useCallback(e=>{o.current=e.touches[0].clientX},[]),f=n.useCallback(e=>{let l=e.changedTouches[0].clientX;o.current>l+50&&c(),o.current<l-50&&h()},[c,h]);return n.useEffect(()=>{let e=null==a?void 0:a.current;return null==e||e.addEventListener("touchstart",m),null==e||e.addEventListener("touchend",f),()=>{null==e||e.removeEventListener("touchstart",m),null==e||e.removeEventListener("touchend",f)}},[m,f]),n.useEffect(()=>(u(),()=>clearInterval(i.current)),[u]),{selectedIndex:l,prevIndex:s,wrapperRef:a,selectBanner:d,slideNext:c,slidePrev:h}},i=t(61994),a=t(27648),o=t(72684),u=t(45664),d=t(52701);let c=(e,l,t)=>l===t?e===l?t+t:t-e:l>e?e:t+t-e;var h=e=>{let{index:l,selectedIndex:t,maxIndex:s}=e,[r,i]=n.useState(c(l,t,s));return n.useEffect(()=>{i(c(l,t,s))},[l,t,s]),r},m=e=>{let{banner:l,selectedIndex:t,index:n,maxIndex:r}=e,{bodyText:c,image:m,buttonText:f,buttonLink:v}=l.attributes,x=t===n,b=h({index:n,selectedIndex:t,maxIndex:r});return(0,s.jsxs)("li",{className:(0,i.Z)("absolute top-0 left-0"," w-full h-full px-6 2xl:px-9","flex flex-col justify-center items-start gap-6 md:gap-3","transition transform"),style:{zIndex:b,transform:x?void 0:"scale(.90) translateY(2rem)"},children:[(0,s.jsx)(d.TD,{src:(0,u.YM)(null==m?void 0:m.data[0]),alt:c,sizes:"100vw",wrapperClassName:"sm:absolute top-0 left-0 w-full h-full rounded-xl overflow-hidden",className:"object-cover",priority:!0,loader:(0,s.jsx)("div",{className:"w-full h-full bg-gray-3"})}),(0,s.jsx)("h2",{className:"relative h2 text-white w-full md:w-[60%] lg:w-[72%] xl:w-[37.5rem]",children:c}),(0,s.jsxs)(a.default,{className:"relative px-6 py-3 rounded-lg bg-blue h4 text-gray-5 flex gap-2",href:v,children:[f,(0,s.jsx)(o.W1,{className:"w-4 h-4"})]})]})},f=e=>{let{banners:l,selectedIndex:t,selectBanner:n}=e;return(0,s.jsx)("div",{className:"flex gap-2",children:l.map((e,l)=>(0,s.jsx)("button",{className:"p-2",onClick:()=>n(l),children:(0,s.jsx)("div",{className:(0,i.Z)("w-[0.5625rem] h-[0.5625rem] rounded-full",l===t?"bg-gray-1":"bg-gray-23")})},"investBannerAction".concat(e.id)))})},v=e=>{let{banners:l}=e,{selectedIndex:t,prevIndex:n,wrapperRef:i,selectBanner:a,slideNext:u,slidePrev:d}=r(l);return(0,s.jsxs)("section",{className:"w-full flex flex-col gap-6 items-center",children:[(0,s.jsxs)("div",{className:"w-full flex items-center gap-3",children:[(0,s.jsx)("button",{className:"w-6 h-6 p-1 hidden md:flex shrink-0 items-center justify-center rounded-full bg-gray-3 text-white",onClick:d,children:(0,s.jsx)(o.Rc,{className:"sm:w-3 sm:h-3 -ml-0.5"})}),(0,s.jsx)("ul",{ref:i,className:"w-full h-[13.125rem] relative",children:l.map((e,r)=>(0,s.jsx)(m,{banner:e,selectedIndex:t,prevIndex:n,index:r,maxIndex:l.length-1},"InvestIdeasBanner".concat(e.id)))}),(0,s.jsx)("button",{className:"w-6 h-6 p-1 hidden md:flex shrink-0 items-center justify-center rounded-full bg-gray-3 text-white",onClick:u,children:(0,s.jsx)(o.Rc,{className:"sm:w-3 sm:h-3 ml-0.5 rotate-180"})})]}),(0,s.jsx)(f,{banners:l,selectedIndex:t,selectBanner:a})]})}},67588:function(e,l,t){"use strict";t.d(l,{IO:function(){return s},NR:function(){return n}});let s=5,n=5e3},45527:function(e,l,t){"use strict";var s=t(2265);l.Z=e=>{let[l,t]=s.useState(0),[n,r]=s.useState(!1),i=s.useCallback((e,l)=>{t(l),r(!0)},[]);return{isOpen:n,openShort:i,closeShort:s.useCallback(()=>r(!1),[]),index:l,slideNext:s.useCallback(()=>{t(l=>l+1>=e.length?l:l+1)},[e.length]),slidePrev:s.useCallback(()=>{t(e=>e-1<0?e:e-1)},[])}}},65106:function(e,l,t){"use strict";t.d(l,{Z:function(){return x}});var s=t(57437),n=t(61994),r=t(2265),i=t(86118),a=t(45664),o=t(52701),u=t(72684);let d=100/(t(67588).NR/20);var c=e=>{let{shortIndex:l,content:t,onNextContent:s}=e,[n,i]=r.useState(0),[o,u]=r.useState(!1),c=r.useRef(null),h=r.useRef(),m=r.useCallback(()=>{h.current&&h.current(!0)},[]),f=(0,a.Yj)(t),v=r.useCallback(()=>{c.current&&i(c.current.currentTime/c.current.duration*100)},[]),x=r.useCallback(()=>u(e=>!e),[]);return r.useEffect(()=>{c.current&&(o?c.current.muted=!0:c.current.muted=!1)},[o,c]),r.useEffect(()=>{let e;if(i(0),!f)return new Promise(e=>{h.current=e}).then(()=>{e=setInterval(()=>{i(l=>{let t=l+d;return t>100?(clearInterval(e),s(),l):t})},20)}),()=>{clearInterval(e)}},[f,t,l,s]),{progress:n,isVideo:f,videoElement:c,isMuted:o,toggleMute:x,onVideoTimeUpdate:v,onImageLoad:m}},h=t(60610),m=e=>{let{progress:l,curContent:t,length:r}=e,i=Array(r).fill(0),a="repeat(".concat(r,", minmax(0, 1fr))");return(0,s.jsx)("ul",{className:"absolute top-8 w-full h-3 px-4 py-0.5 rounded-xl grid grid-rows-1 gap-2",style:{gridTemplateColumns:a},children:i.map((e,r)=>(0,s.jsx)("li",{className:(0,n.Z)("h-full rounded-xl",r<t?"bg-white":"bg-gray-1"),children:r===t&&(0,s.jsx)(h.fC,{className:"w-full h-full rounded-xl",value:l,children:(0,s.jsx)(h.z$,{className:"h-full bg-white rounded-lg",style:{width:"".concat(l,"%")}})})},"ShortProgress".concat(r)))})};let f=r.memo(e=>{let{index:l,title:t,curContent:n,contents:r,coverImg:i,publishedAt:d,onNextContent:h,handleClose:f}=e,{progress:v,isVideo:x,isMuted:b,videoElement:w,toggleMute:p,onVideoTimeUpdate:g,onImageLoad:j}=c({shortIndex:l,content:r&&r[n],onNextContent:h});return r?(0,s.jsxs)(s.Fragment,{children:[x?(0,s.jsx)(o.HR,{videoElement:w,wrapperClassName:"relative w-full h-full flex justify-center",autoPlay:!0,playsInl

1ine:!0,className:"w-full h-auto max-h-[100dvh] aspect-9/16 focus-visible:outline-none rounded-xl",poster:(0,a.YM)(i),src:(0,a.wH)(r[n]),onEnded:h,onTimeUpdate:g},r[n].id):(0,s.jsx)("div",{className:"relative w-full h-full",children:(0,s.jsx)(o.TD,{src:(0,a.YM)(r[n]),alt:t,style:{objectFit:"contain",top:"50%",left:"50%",transform:"translate(-50%,-50%)"},sizes:"(min-width: 768px) 75vw, 100vw",wrapperClassName:"relative top-1/2 -translate-y-1/2 w-screen h-auto max-h-[100dvh] md:h-full md:w-auto aspect-9/16 focus-visible:outline-none rounded-xl text-white overflow-hidden",onLoad:j,onError:j},r[n].id)}),(0,s.jsxs)("div",{className:"absolute top-12 left-4 flex flex-col gap-2",children:[(0,s.jsx)("h3",{className:"h3 text-ellipsis line-clamp-1 text-white",children:t}),(0,s.jsx)("p",{className:"w-full body_2 text-ellipsis line-clamp-1 text-gray-1",children:(0,a.lY)({isoString:d,withTime:!1})})]}),(0,s.jsx)("button",{className:"absolute top-12 right-4 z-50 w-11 h-11 flex items-center justify-center focus-visible:outline-none bg-gray-3 rounded-full",onClick:f,children:(0,s.jsx)(u.Tw,{})}),x&&(0,s.jsx)("button",{className:"absolute top-12 right-[4.75rem] z-50 w-11 h-11 flex items-center justify-center focus-visible:outline-none bg-gray-3 rounded-full",onClick:p,children:b?(0,s.jsx)(u.xb,{}):(0,s.jsx)(u.MC,{})}),(0,s.jsx)(m,{progress:v,curContent:n,length:r.length})]}):(0,s.jsx)("div",{className:"relative w-full h-full",children:(0,s.jsx)("button",{className:"absolute top-12 right-4 z-50 w-11 h-11 flex items-center justify-center focus-visible:outline-none bg-gray-5 rounded-full",onClick:f,children:(0,s.jsx)(u.Tw,{})})})});var v=e=>{let{open:l,index:t,contents:s,slideNext:n,slidePrev:i,onClose:a}=e,o=r.useRef(!1),u=r.useRef(null),[d,c]=r.useState(0),[h,m]=r.useState(0),f=r.useRef(0),v=r.useCallback(e=>{f.current=e.touches[0].clientX},[]),x=r.useCallback(e=>{let l=e.changedTouches[0].clientX;f.current>l+50&&(n(),m(0)),f.current<l-50&&(i(),m(0))},[n,i]),b=r.useCallback(()=>{m(0),a()},[a]),w=r.useCallback(e=>{e.stopPropagation(),m(0),n()},[n]),p=r.useCallback(e=>{e.stopPropagation(),m(0),i()},[i]),g=r.useCallback(()=>{if(!s||!s[0]){m(0),n();return}m(e=>s[e+1]?e+1:(n(),0))},[s,n]),j=r.useCallback(e=>{e.stopPropagation(),g()},[g]),N=r.useCallback(()=>{if(!s||!s[0]){m(0),i();return}m(e=>s[e-1]?e-1:(i(),0))},[s,i]),C=r.useCallback(e=>{e.stopPropagation(),N()},[N]);return r.useLayoutEffect(()=>{c(9*document.documentElement.clientHeight/16)},[]),r.useEffect(()=>{if(!l){o.current=!1;return}let e=!1===o.current?"instant":"smooth";o.current=!0,setTimeout(()=>{var l;null===(l=u.current)||void 0===l||l.scroll({left:d*t,behavior:e})},0)},[l,t,d]),r.useEffect(()=>{l&&m(0)},[l]),{curContent:h,dialogListRef:u,startTouching:v,endTouching:x,handleNext:w,handlePrev:p,handleClose:b,onNextContent:g,onNextContentClick:j,onPrevContent:N,onPrevContentClick:C}},x=e=>{var l,t,r,u,d,c,h,m,x,b;let{open:w,index:p,shorts:g,slideNext:j,slidePrev:N,onClose:C}=e,k=g?null===(r=g[p])||void 0===r?void 0:null===(t=r.attributes)||void 0===t?void 0:null===(l=t.mediaContents)||void 0===l?void 0:l.data:null,y=g?null===(d=g[p])||void 0===d?void 0:null===(u=d.attributes)||void 0===u?void 0:u.title:"",P=g?null===(m=g[p])||void 0===m?void 0:null===(h=m.attributes)||void 0===h?void 0:null===(c=h.cover)||void 0===c?void 0:c.data:null,E=g?null===(b=g[p])||void 0===b?void 0:null===(x=b.attributes)||void 0===x?void 0:x.publishedAt:"",{curContent:I,dialogListRef:T,startTouching:S,endTouching:R,handleNext:Y,handlePrev:z,handleClose:Z,onNextContent:M,onNextContentClick:_,onPrevContentClick:D}=v({open:w,index:p,contents:k,slideNext:j,slidePrev:N,onClose:C}),F=(0,i.ac)(i.zP.MOBILE);return(0,s.jsx)(o.Vq,{open:w,onClose:Z,triggerClassname:"hidden",contentClassname:"w-screen h-[100dvh] md:w-full md:h-full",content:(0,s.jsxs)("div",{className:"relative w-full h-full text-white overflow-hidden",onTouchStart:S,onTouchEnd:R,children:[F&&(0,s.jsx)("div",{className:"relative w-screen h-[100dvh] md:hidden aspect-9/16 shrink-0 bg-black rounded-xl",children:(0,s.jsx)(f,{index:p,title:y,curContent:I,coverImg:P,contents:k,publishedAt:E,onNextContent:M,handleClose:Z})}),!F&&(0,s.jsx)("ul",{ref:T,className:"hidden md:flex w-full h-full px-[calc(50%-100vh/32*9)] overflow-hidden",children:null==g?void 0:g.map((e,l)=>l===p?(0,s.jsx)("li",{className:(0,n.Z)("relative h-full w-auto aspect-9/16 shrink-0 bg-black rounded-xl","transition-transform"),children:(0,s.jsx)(f,{index:p,title:y,curContent:I,coverImg:P,contents:k,publishedAt:e.attributes.publishedAt,onNextContent:M,handleClose:Z})},"DialogShort".concat(e.id)):(0,s.jsxs)("li",{className:(0,n.Z)("relative h-full w-auto aspect-9/16 shrink-0 bg-gray-6 rounded-xl overflow-hidden","transition-transform scale-95 translate-y-[10%]"),children:[(0,s.jsx)(o.TD,{src:(0,a.YM)(e.attributes.cover.data),alt:y,style:{objectFit:"contain",top:"50%",left:"50%",transform:"translate(-50%,-50%)"},sizes:"50vw",className:"blur-md",wrapperClassName:"relative w-full h-full focus-visible:outline-none rounded-xl overflow-hidden"}),(0,s.jsx)("div",{className:(0,n.Z)("absolute top-6 body_1 text-white",l>p?"left-6":"right-6"),children:null==e?void 0:e.attributes.title})]},"DialogShort".concat(e.id)))}

1),(0,s.jsxs)("div",{className:"absolute top-0 left-0 md:left-[calc(50%-100vh/32*9)] w-screen h-[100dvh] md:h-full md:w-auto aspect-9/16 rounded-xl",children:[(0,s.jsx)("button",{className:"absolute w-1/2 left-0 top-0 h-full focus-visible:outline-none",onClick:D}),(0,s.jsx)("button",{className:"absolute left-1/2 w-1/2 top-0 h-full focus-visible:outline-none",onClick:_})]}),(0,s.jsx)("button",{className:"hidden md:flex absolute top-0 left-0 h-full w-[calc(50%-100vh/32*9-1.5rem)] overflow-hidden focus-visible:outline-none",onClick:z}),(0,s.jsx)("button",{className:"hidden md:flex absolute top-0 right-0  h-full w-[calc(50%-100vh/32*9-1.5rem)] shrink-0 overflow-hidden focus-visible:outline-none",onClick:Y})]})})}},82429:function(e,l,t){"use strict";t.d(l,{default:function(){return h}});var s=t(57437),n=t(2265),r=t(45527),i=t(52701),a=t(45664),o=e=>{let{short:l,index:t,onClick:n}=e,{title:r,cover:o,mobileCover:u,publishedAt:d}=l.attributes;return(0,s.jsxs)("li",{onClick:()=>n(l,t),children:[(0,s.jsxs)("div",{className:"hidden md:flex w-[6.25rem] md:w-40 xxl:w-56 flex-col gap-3 shrink-0 cursor-pointer",children:[(0,s.jsx)(i.TD,{src:(0,a.YM)(null==o?void 0:o.data),alt:r,style:{objectFit:"contain",top:"50%",left:"50%",transform:"translate(-50%,-50%)"},sizes:"(min-width: 768px) 25vw, 50vw",wrapperClassName:"w-full relative aspect-9/16 rounded-xl overflow-hidden text-white bg-gray-4"}),(0,s.jsxs)("div",{className:"w-full flex flex-col gap-2",children:[(0,s.jsx)("h4",{className:"w-full body_1 text-ellipsis line-clamp-1 text-white",children:r}),(0,s.jsx)("p",{className:"w-full body_2 text-ellipsis line-clamp-1 text-gray-1",children:(0,a.lY)({isoString:d,withTime:!1})})]})]}),(0,s.jsx)("div",{className:"flex md:hidden w-[6.25rem]",children:(0,s.jsx)(i.TD,{src:(0,a.YM)(null==u?void 0:u.data),alt:r,style:{objectFit:"cover",top:"50%",left:"50%",transform:"translate(-50%,-50%)"},sizes:"(min-width: 768px) 25vw, 50vw",wrapperClassName:"w-full relative aspect-square rounded-full overflow-hidden text-white bg-gray-4"})})]})},u=t(65106);let d={sm:100,md:160,lg:160,lg2:160,xl:160,xxl:224},c={sm:8,md:24,lg:24,lg2:24,xl:24,xxl:24};var h=n.memo(e=>{let{shorts:l}=e,{isOpen:t,openShort:a,closeShort:h,index:m,slideNext:f,slidePrev:v}=(0,r.Z)(l),x=n.useMemo(()=>l.map((e,l)=>(0,s.jsx)(o,{index:l,short:e,onClick:a},"ShortCard".concat(e.id))),[l,a]);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(i.xf,{itemWidth:d,gap:c,itemsCount:l.length,children:x}),(0,s.jsx)(u.Z,{index:m,shorts:l,open:t,onClose:h,slideNext:f,slidePrev:v})]})})},15539:function(e,l,t){"use strict";t.d(l,{default:function(){return m}});var s=t(57437),n=t(2265),r=t(45527),i=t(45664),a=t(52701),o=e=>{let{short:l,index:t,onClick:n}=e,{title:r,mobileCover:o}=l.attributes;return(0,s.jsx)("div",{className:"w-10 h-10 relative shrink-0 rounded-full cursor-pointer overflow-hidden",onClick:()=>n(l,t),children:(0,s.jsx)(a.TD,{src:(0,i.YM)(null==o?void 0:o.data),alt:r,sizes:"(min-width: 768px) 10vw, 15vw",wrapperClassName:"w-full h-full relative overflow-hidden text-white bg-gray-4"})})},u=t(65106),d=t(33145),c=t(67588);let h=n.memo(e=>{let{shorts:l}=e,t=l.reduce((e,l,t)=>{var s,n;let r=null==l?void 0:null===(n=l.attributes)||void 0===n?void 0:null===(s=n.mediaContents)||void 0===s?void 0:s.data,a=null==r?void 0:r.filter(e=>!(0,i.Yj)(e));if(a&&t<c.IO){let l=a.map(e=>(0,i.YM)(e));e.push(...l)}return e},[]);return(0,s.jsx)("div",{className:"relative w-0 h-0 invisible",children:t.map(e=>(0,s.jsx)(d.default,{src:e,alt:"prefetched shorts image",width:0,height:0,sizes:"(min-width: 768px) 75vw, 100vw"},e))})});var m=e=>{let{shorts:l}=e,{isOpen:t,openShort:n,closeShort:i,index:a,slideNext:d,slidePrev:c}=(0,r.Z)(l);return l[0]?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(h,{shorts:l}),(0,s.jsx)("div",{className:"w-full flex gap-3 items-start justify-center flex-nowrap overflow-hidden",children:(0,s.jsx)(o,{index:0,short:l[0],onClick:n})}),(0,s.jsx)(u.Z,{open:t,index:a,shorts:l,slideNext:d,slidePrev:c,onClose:i})]}):(0,s.jsx)("div",{className:"w-10 h-10 bg-gray-6 rounded-full"})}}},function(e){e.O(0,[81,246,4889,2957,3564,4362,7246,9810,763,2971,2117,1744],function(){return e(e.s=78093)}),_N_E=e.O()}]);