https://www.scener.com/_next/static/chunks/7176.8aaa1634aadec0b3.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7176],{77176:function(e,t,n){n.r(t),n.d(t,{default:function(){return D}});var i=n(14924),r=n(85893),o=n(67294),a=n(41120),s=n(41749),l=n(41524),c=n(1548),d=n(45053),u=n(81426),m=n(59009),f=n(8100),h=n(4480),p=n(18718),g=n(38738),v=n(40509),x=function(e){var t=e.embedded,n=e.shouldLoad,i=(0,v.F_)().userId,a=(0,f.ZP)(["/users/featured?cursor=0&count=100",n],(function(e,t){return t&&(0,g._m)(e)}),{fallbackData:{items:[]},revalidateOnMount:!0}).data.items,s=(0,h.sJ)(p.Wo),l=(0,h.sJ)(p.D6),c=(0,o.useCallback)((function(){return Promise.resolve(!0)}),[]),x=(0,o.useRef)(),b=(0,o.useState)(a),y=b[0],j=b[1];(0,o.useEffect)((function(){a&&s&&j(a.filter((function(e){return e&&e.username&&e.id!=i&&(!s||!s[e.id])&&!l[e.id]})).slice(0,5))}),[a,s,i]);var w=(0,o.useCallback)((function(e){return(0,r.jsx)(m.Z,{user:e,embedded:t,actionTrackingName:"Recommended hosts - follow",trackingSource:"Activity Bar"})}),[t]),Z=(0,o.useCallback)((function(){return!0}),[]);return y.length?(0,r.jsx)(d.Z,{title:"Recommended hosts",children:(0,r.jsx)(u.Z,{items:y,isItemLoaded:Z,pageSize:5,infinite:!1,loadMoreItems:c,hasMore:!1,renderItem:w,itemHeight:76,infinteLoaderRef:x})}):null},b=n(73637),y=n(62822),j=(n(76152),n(94184),n(22318)),w=n(11163),Z=n(20472),I=(n(14187),n(74095)),C=n(229),S=n(33213),k=n(96257),R=n(50947),_=(0,a.Z)((function(e){return{upcomingEventContainer:{background:e.functions.rgba(e.palette.common.white,.05),margin:e.spacing(1,0),padding:e.spacing(0,0,0),display:"flex",flexFlow:"row wrap",alignItems:"center",justifyContent:"space-between",width:"100%",flex:"0 0 auto",position:"relative",borderRadius:e.functions.rems(8)},serviceContainer:{paddingTop:e.functions.rems(12),paddingBottom:0,paddingLeft:e.functions.rems(18),paddingRight:e.functions.rems(18)},titleContainer:{paddingLeft:e.functions.rems(18),paddingRight:e.functions.rems(18),minHeight:e.functions.rems(60),maxHeight:e.functions.rems(60)},itemRowContainer:{flexGrow:1,width:"100%"},itemContainer:{width:"calc(100% - 30%)",flexGrow:1,flexDirection:"column",justifyContent:"space-around"},itemRowSpacer:{paddingTop:e.functions.rems(5)},nameContainer:{flexGrow:1},serviceTitle:{fontWeight:"bold",letterSpacing:.18},primaryText:{fontSize:e.functions.rems(14),fontWeight:800,letterSpacing:.25,lineHeight:e.functions.rems(18),whiteSpace:"pre-wrap",overflowX:"hidden",textOverflow:"ellipsis"},avatar:{height:e.functions.rems(32),width:e.functions.rems(32),borderColor:"#fff!important"},largeAvatar:{height:e.functions.rems(74),width:e.functions.rems(74),borderColor:"#fff!important"},time:{display:"flex",alignItems:"center",justifyContent:"space-between",flexFlow:"column nowrap",backgroundColor:e.palette.scener.supernova,borderRadius:2e3,fontSize:".55rem",fontWeight:"900",textTransform:"uppercase",lineHeight:e.functions.rems(12),height:e.functions.rems(13),padding:e.spacing(0,2)},viewMoreButton:{minHeight:e.functions.rems(28),minWidth:e.functions.rems(140),borderRadius:e.functions.rems(14),backgroundColor:e.functions.rgba(e.palette.common.black,.8),"&:hover,&:focus,&:active":{background:e.functions.rgba(e.palette.scener.eclipse,.8)}},moreButton:{width:e.functions.rems(20),height:e.functions.rems(20),fontSize:20,borderRadius:"1rem",padding:2,"&:hover,&:focus,&:active":{background:e.functions.rgba(e.palette.common.white,.1)}},displayName:{maxWidth:"100%",whiteSpace:"noWrap",overflowX:"hidden",textOverflow:"ellipsis",fontSize:e.functions.rems(16),fontWeight:800,letterSpacing:.29,marginTop:e.functions.rems(5)},username:{color:e.functions.rgba(e.palette.common.white,.6),fontSize:e.functions.rems(16),fontWeight:600,letterSpacing:.29},imageContainer:{padding:"1rem 1rem 0.8rem"},contentImage:{width:"100%",height:"auto",objectFit:"contain",backgroundColor:e.palette.scener.eclipse,backgroundRepeat:"no-repeat",backgroundPosition:"top center",position:"relative"},contentImageContainer:{background:"linear-gradient(90deg, #000, transparent)"},overlineMed:{fontSize:e.functions.rems(12),fontWeight:600},overlineLarge:{fontSize:e.functions.rems(16),fontWeight:600},eventActions:{display:"flex",alignItems:"center",marginLeft:"0.5rem"},metaContainer:{paddingLeft:"1rem",paddingRight:"1rem",paddingBottom:"0.8rem"},actionButton:{minWidth:e.functions.rems(81),minHeight:e.functions.rems(28),"&$disabled":{border:"2px s

1olid #8E8E93",borderRadius:e.functions.rems(18),color:e.palette.common.white}},largeActionButton:{minWidth:e.functions.rems(100),minHeight:e.functions.rems(36),"&$disabled":{border:"2px solid #8E8E93",borderRadius:e.functions.rems(18),color:e.palette.common.white}},twolineText:{WebkitLineClamp:"2",WebkitBoxOrient:"vertical",display:"-webkit-box",overflow:"hidden",textOverflow:"ellipsis"},live:{backgroundColor:"red",color:"#fff",lineHeight:"14.06px",width:e.functions.rems(60),height:e.functions.rems(20),borderRadius:11.87,display:"flex",alignItems:"center",justifyContent:"center",fontSize:e.functions.rems(13.5),letterSpacing:.49,fontWeight:800},overlap:{display:"block",whiteSpace:"pre"},textSecondary:{color:"#8E8C99"},smallTitle:{fontSize:e.functions.rems(14),fontWeight:"bold"},disabled:{},verifiedIcon:{fontSize:".78rem"}}})),L=function(e){var t=e.room,n=_(),i=((0,w.useRouter)(),(0,v.F_)().userId),a=(0,o.useState)(!1),l=a[0],c=a[1];(0,o.useEffect)((function(){if(null===t||void 0===t?void 0:t.id){var e=(0,k.cf)((0,R._I)("rooms",t.id),(function(e){e.exists()&&c(e.data().active)}));return function(){return e()}}}),[t.id]);var d=(0,o.useMemo)((function(){return t.participants.filter((function(e){return e&&e.user&&e.user.username&&e.userId!=i}))}),[t,i]),u=(0,o.useMemo)((function(){return t.participants.filter((function(e){return e&&e.userId==i}))[0]}),[t,i]),m=(0,o.useMemo)((function(){if(!t)return null;var e=Math.abs(t.updated-window.Timestamp.seconds());return e>604800?(0,S.i)(t.updated,"LLL. d"):e<86400?(0,S.i)(t.updated,"t"):e<172800?"Yesterday":(0,S.i)(t.updated,"cccc")}),[t]),f=(0,o.useMemo)((function(){return d?d.map((function(e,t){return(0,r.jsxs)("span",{children:[0!=t&&", ",(0,r.jsx)(C.Z,{user:e.user,classes:{icon:n.verifiedIcon}})]},e.user.username+t)})):null}),[n.verifiedIcon,d]);return t&&u&&d&&d.length>0?(0,r.jsxs)(s.Z,{container:!0,alignItems:"center",justifyContent:"space-between",spacing:0,className:n.upcomingEventContainer,children:[(0,r.jsx)(s.Z,{item:!0,wrap:"nowrap",container:!0,alignItems:"center",justifyContent:"space-between",className:n.serviceContainer,children:(0,r.jsxs)(s.Z,{item:!0,container:!0,alignItems:"center",justifyContent:"space-between",spacing:1,children:[(0,r.jsx)(s.Z,{item:!0,xs:12,sm:12,md:8,children:(0,r.jsx)(j.Z,{align:"left",variant:"subtitle1",color:"textPrimary",style:{textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden"},children:f})}),(0,r.jsx)(s.Z,{item:!0,xs:12,sm:12,md:4,children:(0,r.jsx)(j.Z,{variant:"overline",align:"right",style:{width:"100%",display:"block"},children:m})}),(0,r.jsx)(s.Z,{item:!0,children:(0,r.jsx)(I.Z,{users:d.map((function(e){return e.user})),size:3})}),(0,r.jsx)(s.Z,{item:!0,children:(0,r.jsx)(Z.Z,{width:"6rem",type:t.type,roomId:t.id,roomCode:t.code,roomData:t,active:l,title:"Join",localParticipant:u,getTitle:"Recent room - Join",trackingSource:"Home page"})})]})}),(0,r.jsx)(s.Z,{container:!0,style:{padding:"0.4rem"}})]},t.id):(0,r.jsx)(r.Fragment,{})},T=((0,a.Z)((function(e){return{secondaryAction:{}}})),function(){var e=(0,h.sJ)(p.D6),t=(0,p.Vm)().recentPrivateParties,n=(0,o.useMemo)((function(){return t?Object.values(t).filter((function(t){return!!t&&t.participants&&!t.participants.find((function(t){return e[t.userId]}))})).sort((function(e,t){return t.updated-e.updated})).slice(0,3):[]}),[t,e]),i=(0,o.useCallback)((function(e){return(0,r.jsx)(L,{room:e},e.id)}),[]);return(null===n||void 0===n?void 0:n.length)>0?(0,r.jsx)(b.Z,{in:n&&Boolean(n.length),timeout:150,children:(0,r.jsx)(d.Z,{title:"Recent private parties",children:(0,r.jsx)(y.Z,{children:n.length?n.map(i):(0,r.jsx)(r.Fragment,{})})})}):(0,r.jsx)(r.Fragment,{})}),E=n(26042),F=n(80343),M=n(68372),z=n(23822),O=n(98885),P=n(64963),W={transition:"opacity 1000ms ease-in-out",opacity:0},B={entering:{opacity:1},entered:{opacity:1},exiting:{opacity:0},exited:{opacity:0}},H=function(e){var t=e.service,n=e.shouldLoad,i=(0,f.ZP)(["/content/popular",t,n],(function(e,n,i){return i&&(0,g._m)(e+(t?"?service="+n:""))}),{revalidateOnMount:!0,revalidateOnFocus:!1}).data;return(0,r.jsx)(O.ZP,{in:i&&i.items&&i.items.length>0,timeout:150,children:function(e){return(0,r.jsx)(F.Z,{style:(0,E.Z)({},W,B[e]),children:i&&i.items&&i.items.length>0&&(0,r.jsx)(d.Z,{title:"Popular"+(t&&M.Z.SERVICE_LIST[t]?" on "+M.Z.SERVICE_LIST[t].name:""),children:(0,r.jsx)(s.Z,{container:!0,spacing:0,style:t?null:{padding:"1rem"},children:i.items.length>0&&i.items.filter((function(e){return e.img})).slice(0,5).map((function(e){return(0,r.jsxs)(s.Z,{item:!0,container:!0,alignItems:"stretch",justifyContent:"space-between",wrap:"nowrap",spacing:0,style:{marginBottom:".75rem",backgroundColor:"rgba(255,255,255,.07)",height:"8rem"},children:[(0,r.jsx)("div",{style:{flex:"0 0 26.7%",height:"100%",position:"relative"},children:(0,r.jsx)(P.Ei,{src:e.img,layout:"intrinsic",objectFit:"contain",objectPosition:"center center",width:256,height:384})}),(0,r.jsx)("div",{style:{flex:"0 1 100%",height:"100%"},children:(0,r.jsxs)(s.Z,{item:!0,container:!0,alignContent:"space-between",justifyContent:"flex-start",children:[!t&&(0,r.jsx)(s.Z,{item:!0,xs:12,children:(0,r.jsx)(j.Z,{variant:"overline",style:{borderBottom:"solid 1px white",margin:"1rem"},children:M.Z.SERVICE_LIST[e.service]?M.Z.SERVICE_LIST[e.service].name:e.service})}),(0,r.jsx)(s.Z,{item:!0,xs:12,children:(0,r.jsx)(j.Z,{align:"left",variant:"subtitle1",style:{margin:"0.5rem 1rem",WebkitLineClamp:"2",WebkitBoxOrient:"vertical",display:"-webkit-box",overflow:"hidden",textOverflow:"ellipsis"},children:e.title})}),(0,r.jsx)(s.Z,{item:!0,xs:12,children:(0,r.jsx)(z.Z,{invert:!0,contentId:e.id,invertedColor:"primary",style:{whiteSpace:"normal",margin:"0.5rem 1rem"},source:"Popular",trackingSource:"Activity Bar",trackingVariant:"popular",getTitle:"Host a watch party"})})]})})]},e.id)}))})})})}})},N=n(60034),A=n(71608),U=(n(38230),n(22168),(0,a.Z)((function(e){return{container:{display:"flex",width:"100%",height:"100%",backgroundSize:"cover",backgroundPosition:"top left",backgroundRepeat:"no-repeat",flexFlow:"row nowrap",alignItems:"stretch",justifyContent:"center"},rightContent:{flex:"0 0 100%",display:"flex",flexFlow:"column nowrap",alignItems:"center",alignContent:"center",justifyContent:"flex-end",padding:"1rem"},text:{fontSize:".875rem",lineHeight:"1.1",fontWeight:"bold",color:e.palette.scener.eclipse},button:{padding:e.spacing(.75,2.25),backgroundColor:"rgba(255,255,255,.28)",color:"white","&:hover":{backgroundColor:"rgba(255,255,255,.40)",color:"white"}}}})),n(5152),(0,a.Z)((function(e){return{activityDrawerContent:{},footer:(0,i.Z)({position:"relative",bottom:0,backgroundColor:"transparent",width:"100%"},e.breakpoints.down("xs"),{width:"100vw"})}}))),D=function(e){var t=e.shouldLoad,n=e.sections,i=void 0===n?["live","recent","upcoming"]:n,a=e.service,d=U(),u=(0,o.useMemo)((function(){return(0,A.tq)()}),[]),m=(0,v.F_)().loggedIn,f=(0,o.useState)(!1),h=(f[0],f[1]),p=(0,o.useMemo)((function(){return u?{live:(0,r.jsx)(c.Z,{service:a,shouldLoad:t}),upcoming:(0,r.jsx)(N.Z,{shouldLoad:t,service:a,onLoaded:function(){h(!0)}}),recommended:(0,r.jsx)(x,{shouldLoad:t}),popular:(0,r.jsx)(H,{service:a})}:{live:(0,r.jsx)(c.Z,{service:a,shouldLoad:t}),upcoming:(0,r.jsx)(N.Z,{shouldLoad:t,service:a,onLoaded:function(){h(!0)}}),recent:m&&(0,r.jsx)(T,{shouldLoad:t,onLoaded:function(){h(!0)}}),recommended:(0,r.jsx)(x,{shouldLoad:t}),popular:(0,r.jsx)(H,{service:a,shouldLoad:t})}}),[a,u,m,t]);return(0,r.jsxs)(s.Z,{container:!0,spacing:0,wrap:"wrap",alignContent:"stretch",children:[i.map((function(e){return p[e]?o.cloneElement(p[e],{key:e,embedded:!!a}):null})),(0,r.jsxs)(s.Z,{className:d.footer,item:!0,children:[a&&(0,r.jsx)("hr",{style:{opacity:"0.5"}}),(0,r.jsx)(l.Z,{embedded:!!a})]})]})}},45053:function(e,t,n){var i=n(85893),r=n(41120),o=n(41749),a=n(22318),s=(0,r.Z)((function(e){return{titleContainer:{background:e.functions.rgba(e.palette.common.white,.1),padding:e.spacing(1.5,3)}}}));t.Z=function(e){var t=e.title,n=e.children,r=e.hide,l=s();return r?null:(0,i.jsxs)(o.Z,{container:!0,item:!0,spacing:0,xs:12,style:{margin:0},children:[(0,i.jsx)(o.Z,{item:!0,xs:12,className:l.titleContainer,children:(0,i.jsx)(a.Z,{variant:"h3",align:"left",children:t})}),(0,i.jsx)(o.Z,{item:!0,xs:12,children:n})]})}},1548:function(e,t,n){var i=n(85893),r=n(45053),o=n(8100),a=n(73637),s=n(41749),l=n(22007),c=n(38738),d=n(67294);t.Z=function(e){var t=e.service,n=e.shouldLoad,u=(0,o.ZP)(["/rooms/live/all",n],(function(e,t){return t&&(0,c._m)(e)}),{fallbackData:[],refreshInterval:9e5,revalidateOnFocus:!0,focusThrottleInterval:3e5}).data,m=(0,d.useMemo)((function(){return u?u.filter((function(e){var t,n,i;if("undefined"!==typeof document){var r,o,a,s,l=document.location.pathname.replace(/.+?@(.+?)(\/.*)?$/i,"$1");if(l)return(null===(r=e.owner)||void 0===r?void 0:r.username)!==l&&(e.isFeatured||(null===(o=e.status)||void 0===o||null===(a=o.content)||void 0===a?void 0:a.duration)&&"number"===typeof(null===(s=e.status)||void 0===s?void 0:s.currentTime))}return e.isFeatured||(null===(t=e.status)||void 0===t||null===(n=t.content)||void 0===n?void 0:n.duration)&&"number"===typeof(null===(i=e.status)||void 0===i?void 0:i.currentTime)})).slice().sort((function(e,t){var n,i,r,o;return e.isFeatured&&!t.isFeatured?-1:t.isFeatured&&!e.isFeatured?1:(null===(n=e.status)||void 0===n?void 0:n.currentTime)&&!(null===(i=t.status)||void 0===i?void 0:i.currentTime)?-1:(null===(r=t.status)||void 0===r?void 0:r.currentTime)&&!(null===(o=e.status)||void 0===o?void 0:o.currentTime)?1:0})).slice(0,3):[]}),[u]);return(0,i.jsx)(a.Z,{in:m&&!!m.length,timeout:150,unmountOnExit:!0,children:(0,i.jsx)(r.Z,{title:"Happening now",children:(0,i.jsx)(s.Z,{container:!0,spacing:0,style:t?null:{padding:"1rem"},children:m&&m.length>0&&m.slice(0,10).map((function(e){return(0,i.jsx)(l.Z,{event:e,showTimer:!1},e&&e.id)}))})})})}},60034:function(e,t,n){var i=n(85893),r=n(45053),o=n(8100),a=n(73637),s=n(41749),l=n(22007),c=n(67294);n(29580);t.Z=function(e){var t=e.service,n=e.onLoaded,d=e.shouldLoad,u=(0,o.ZP)(["/events",d],(function(e,t){return t&&public_request(e)}),{revalidateOnMount:!0,revalidateOnFocus:!1,fallbackData:[],focusThrottleInterval:6e4,onSuccess:function(e){console.log(e),n&&n()}}),m=u.data,f=(u.error,(0,c.useMemo)((function(){return m?m.slice(0,10):[]}),[m]));return(0,i.jsx)(a.Z,{in:m&&!!m.length,timeout:150,unmountOnExit:!0,children:(0,i.jsx)(r.Z,{title:"Upcoming parties",children:(0,i.jsx)(s.Z,{container:!0,spacing:0,style:t?null:{padding:"1rem"},children:f&&f.length>0&&f.slice(0,10).map((function(e){return(0,i.jsx)(l.Z,{event:e},e.id)}))})})})}},41524:function(e,t,n){var i=n(85893),r=n(41120),o=n(41749),a=n(22318),s=n(89659),l=n(22168),c=(0,r.Z)((function(e){return{container:{padding:e.spacing(1,2),margin:0,width:"100%"}}}));t.Z=function(e){var t=e.embedded,n=c(),r=(new Date).getFullYear();return(0,i.jsxs)(o.Z,{container:!0,alignItems:"center",justifyContent:"center",spacing:1,className:n.container,children:[(0,i.jsx)(o.Z,{item:!0,children:(0,i.jsxs)(a.Z,{variant:"body2",children:["Copyright \xa9 Scener, Inc. ",r," "]})}),(0,i.jsxs)(o.Z,{item:!0,container:!0,alignItems:"center",justifyContent:"center",spacing:3,children:[(0,i.jsx)(o.Z,{item:!0,children:(0,i.jsx)(l.Z,{trigger:"click",label:"Help",category:"Footer",children:(0,i.jsx)(s.Z,{target:t?"_blank":null,href:"/help",variant:"body2",color:"textSecondary",children:"Help"})})}),(0,i.jsx)(o.Z,{item:!0,children:(0,i.jsx)(l.Z,{trigger:"click",label:"Press",category:"Footer",children:(0,i.jsx)(s.Z,{href:"mailto:[email protected]",variant:"body2",color:"textSecondary",target:"_blank",children:"Press"})})}),(0,i.jsx)(o.Z,{item:!0,children:(0,i.jsx)(l.Z,{trigger:"click",label:"Terms",category:"Footer",children:(0,i.jsx)(s.Z,{href:"/terms",target:t?"_blank":null,variant:"body2",color:"textSecondary",children:"Terms"})})}),(0,i.jsx)(o.Z,{item:!0,children:(0,i.jsx)(l.Z,{trigger:"click",label:"Privacy",category:"Footer",children:(0,i.jsx)(s.Z,{href:"/terms#privacy",target:t?"_blank":null,variant:"body2",color:"textSecondary",children:"Privacy"})})})]})]})}},23822:function(e,t,n){var i=n(5152),r=n.n(i)()((function(){return Promise.resolve().then(n.bind(n,79856))}),{loadableGenerated:{webpack:function(){return[79856]}},ssr:!1});t.Z=r},81426:function(e,t,n){var i=n(14924),r=n(85893),o=n(41120),a=n(65691),s=n(11728),l=n(1314),c=n(67294),d=(0,o.Z)((function(e){return{list:(0,i.Z)({width:"100%",height:"100%",display:"flex",alignContent:"center",alignItems:"stretch",overflowY:"visible"},e.breakpoints.down("xs"),{minHeight:e.functions.rems(350)}),typeWrap:{maxWidth:"60%",textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden"},liveBadge:{"& span":{backgroundColor:"red !important"}}}}));t.Z=function(e){var t=e.items,n=e.renderItem,i=e.itemHeight,o=void 0===i?76:i,u=e.loadMoreItems,m=e.isItemLo

1aded,f=e.pageSize,h=e.hideEmpty,p=e.infinite,g=e.infinteLoaderRef,v=d(),x=(0,c.useMemo)((function(){return!!(!h||t&&t.length)}),[h,t]),b=(0,c.useCallback)((function(e){var n=e.height;return(0,r.jsx)(a.Z,{isItemLoaded:m,itemCount:1e8,loadMoreItems:u,ref:g,minimumBatchSize:f,children:function(e){var i=e.onItemsRendered,a=e.ref;return(0,r.jsx)(l.t7,{height:n,itemCount:t.length,itemSize:o,onItemsRendered:i,ref:a,width:"100%",children:y})}})}),[m,u,g,f,t.length,o,y]),y=(0,c.useCallback)((function(e){var i=e.index,o=e.style;return(0,r.jsx)("div",{style:o,children:n(t[i])},t[i]&&t[i].id?t[i].id:i)}),[t,n]);return x?p?(0,r.jsx)("div",{className:v.list,style:{height:!p&&"100%"},children:(0,r.jsx)("div",{style:{width:"100%",flex:p?"1 1 100%":"1 0 0%",height:!p&&"100%"},children:(0,r.jsx)(s.Z,{disableWidth:!0,children:b})})}):(0,r.jsx)("div",{className:v.list,style:{height:"100%"},children:(0,r.jsx)("div",{style:{width:"100%",height:"100%"},children:(0,r.jsx)(l.t7,{height:Math.min(t.length,f)*o,itemCount:t.length,itemSize:o,width:"100%",children:y})})}):(0,r.jsx)(r.Fragment,{})}},59009:function(e,t,n){var i=n(85893),r=n(41120),o=n(50998),a=n(96353),s=n(27873),l=n(95757),c=n(81860),d=n(95477),u=n(76152),m=(n(56485),n(97314)),f=n(67294),h=n(67461),p=n(11163),g=n(88055),v=(n(68436),n(20472)),x=n(18718),b=n(22168),y=n(4480),j=n(229),w=(0,r.Z)((function(e){return{userList:{width:"100%",display:"flex",alignContent:"center"},typeWrap:{textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden"},liveBadge:{"& span":{marginLeft:"0.2rem"}}}}));t.Z=function(e){var t=e.user,n=e.embedded,r=e.style,Z=e.actionTrackingName,I=e.trackingSource,C=void 0===I?"Unknown":I,S=w(),k=(0,u.q)().auth.userId,R=(0,x.Y4)().follow,_=(0,y.sJ)((0,x.aR)(t&&t.id)),L=(0,f.useState)(null),T=L[0],E=L[1],F=(0,p.useRouter)(),M=!1,z=null,O=function(){console.log("*** Follow ***",t,k),E("loading"),R(t).then((function(e){console.log(e),E(e?null:"error")})).catch((function(){E("error")}))};return t&&t.username?(0,i.jsxs)(o.Z,{button:!0,onClick:function(){return e=t,void(n?window.open(g.Z.WEB_HOST+"/@"+e.username,"_blank"):F.push("/[username]","/@"+e.username));var e},component:"div",ContainerComponent:"div",style:r,children:[(0,i.jsx)(a.Z,{children:(0,i.jsx)(s.Z,{anchorOrigin:{vertical:"top",horizontal:"left"},badgeContent:M?"LIVE":null,className:S.liveBadge,children:(0,i.jsx)(m.Z,{user:t,border:!0,size:60})})}),(0,i.jsx)(l.Z,{primary:t.displayName,secondary:(0,i.jsx)(j.Z,{user:t}),primaryTypographyProps:{className:O&&S.typeWrap,variant:"subtitle2"},secondaryTypographyProps:{className:O&&S.typeWrap,variant:"h6"}}),k!=t.id&&(0,i.jsx)(c.Z,{children:M?(0,i.jsx)(v.Z,{width:"6rem",type:"public",roomId:z.roomId,user:t,title:"Join"}):(0,i.jsx)(b.Z,{trigger:"click",label:Z,category:C,children:(0,i.jsx)(h.Z,{disabled:_,style:{width:"6rem"},variant:"outlined",color:"default",status:T,onClick:function(){O()},children:_?"Following":"Follow"})})})]}):(0,i.jsxs)(o.Z,{button:!0,disabled:!0,onClick:function(){},component:"div",children:[(0,i.jsx)(a.Z,{children:(0,i.jsx)(d.Z,{size:20})}),(0,i.jsx)(l.Z,{primary:"loading...",primaryTypographyProps:{className:O&&S.typeWrap,variant:"subtitle2"}})]})}},50947:function(e,t,n){n.d(t,{EZ:function(){return a},_I:function(){return s}});var i=n(15503),r=n(96257),o=function(){return(0,r.ad)((0,i.Mq)())},a=function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return(0,r.hJ)(o(),t.join("/"))},s=function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return(0,r.JU)(o(),t.join("/"))}},65691:function(e,t,n){var i=n(67294);var r=function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")},o=function(){function e(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(t,n,i){return n&&e(t.prototype,n),i&&e(t,i),t}}(),a=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!==typeof t&&"function"!==typeof t?e:t},s=function(e){function t(){var e,n,i;r(this,t);for(var o=arguments.length,s=Array(o),l=0;l<o;l++)s[l]=arguments[l];return n=i=a(this,(e=t.__proto__||Object.getPrototypeOf(t)).call.apply(e,[this].concat(s))),i._lastRenderedStartIndex=-1,i._lastRenderedStopIndex=-1,i._memoizedUnloadedRanges=[],i._onItemsRendered=function(e){var t=e.visibleStartIndex,n=e.visibleStopIndex;i._lastRenderedStartIndex=t,i._lastRenderedStopIndex=n,i._ensureRowsLoaded(t,n)},i._setRef=function(e){i._listRef=e},a(i,n)}return function(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,e),o(t,[{key:"resetloadMoreItemsCache",value:function(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this._memoizedUnloadedRanges=[],e&&this._ensureRowsLoaded(this._lastRenderedStartIndex,this._lastRenderedStopIndex)}},{key:"componentDidMount",value:function(){0}},{key:"render",value:function(){return(0,this.props.children)({onItemsRendered:this._onItemsRendered,ref:this._setRef})}},{key:"_ensureRowsLoaded",value:function(e,t){var n=this.props,i=n.isItemLo

1aded,r=n.itemCount,o=n.minimumBatchSize,a=void 0===o?10:o,s=n.threshold,l=void 0===s?15:s,c=function(e){for(var t=e.isItemLoaded,n=e.itemCount,i=e.minimumBatchSize,r=e.startIndex,o=e.stopIndex,a=[],s=null,l=null,c=r;c<=o;c++)t(c)?null!==l&&(a.push(s,l),s=l=null):(l=c,null===s&&(s=c));if(null!==l){for(var d=Math.min(Math.max(l,s+i-1),n-1),u=l+1;u<=d&&!t(u);u++)l=u;a.push(s,l)}if(a.length)for(;a[1]-a[0]+1<i&&a[0]>0;){var m=a[0]-1;if(t(m))break;a[0]=m}return a}({isItemLoaded:i,itemCount:r,minimumBatchSize:a,startIndex:Math.max(0,e-l),stopIndex:Math.min(r-1,t+l)});(this._memoizedUnloadedRanges.length!==c.length||this._memoizedUnloadedRanges.some((function(e,t){return c[t]!==e})))&&(this._memoizedUnloadedRanges=c,this._loadUnloadedRanges(c))}},{key:"_loadUnloadedRanges",value:function(e){for(var t=this,n=this.props.loadMoreItems||this.props.loadMoreRows,i=function(i){var r=e[i],o=e[i+1],a=n(r,o);null!=a&&a.then((function(){if(function(e){var t=e.lastRenderedStartIndex,n=e.lastRenderedStopIndex,i=e.startIndex,r=e.stopIndex;return!(i>n||r<t)}({lastRenderedStartIndex:t._lastRenderedStartIndex,lastRenderedStopIndex:t._lastRenderedStopIndex,startIndex:r,stopIndex:o})){if(null==t._listRef)return;"function"===typeof t._listRef.resetAfterIndex?t._listRef.resetAfterIndex(r,!0):("function"===typeof t._listRef._getItemStyleCache&&t._listRef._getItemStyleCache(-1),t._listRef.forceUpdate())}}))},r=0;r<e.length;r+=2)i(r)}}]),t}(i.PureComponent);t.Z=s}}]);