https://17.live/assets/FollowButtonWithHint.d73df638a5afcece76f9.chunk.js

1try{let e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="7e3c7fc5-d2cd-46dd-937c-b1a3c6106e12",e._sentryDebugIdIdentifier="sentry-dbid-7e3c7fc5-d2cd-46dd-937c-b1a3c6106e12")}catch(e){}("undefined"!==typeof window?window:"undefined"!==typeof global?global:"undefined"!==typeof globalThis?globalThis:"undefined"!==typeof self?self:{}).SENTRY_RELEASE={id:"181fb8e919aae039486d147a5d10e716b098e32b"};(self.webpackChunk_17live=self.webpackChunk_17live||[]).push([[1899],{21520:(e,t,n)=>{n.d(t,{K:()=>o});var o=function(e){return{exited:0,exiting:0,entering:1,entered:1}[e]}},70411:(e,t,n)=>{n.d(t,{Z:()=>L});var o=n(87462),i=n(45987),r=n(15671),s=n(43144),l=n(82963),a=n(61120),u=n(60136),d=n(4942),c=n(67294),p=n(33112),f=n(53464);const h=function(e,t){var n=t.displayName,o=t.name,i=n||o||"";return"".concat(e,"(").concat(i,")")};var m=["shouldOpen","shouldResetTimer","handleOpen"];function v(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(v=function(){return!!e})()}const Z=function(e){var t,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;return t=function(t){function h(){var e,t,o,i;(0,r.Z)(this,h);for(var s=arguments.length,u=new Array(s),c=0;c<s;c++)u[c]=arguments[c];return t=this,o=h,i=[].concat(u),o=(0,a.Z)(o),e=(0,l.Z)(t,v()?Reflect.construct(o,i||[],(0,a.Z)(t).constructor):o.apply(t,i)),(0,d.Z)(e,"state",{isOpen:!1}),(0,d.Z)(e,"startTimer",function(){var t=e.props,o=t.delay,i=void 0===o?n:o;(0,t.shouldOpen)()&&(e.timer$=(0,p.HT)(i).pipe((0,f.hX)(function(){return e.props.shouldOpen()})).subscribe(function(){return e.open()}))}),(0,d.Z)(e,"stopTimer",function(){e.timer$&&e.timer$.unsubscribe()}),(0,d.Z)(e,"resetTimer",function(){e.close(),e.stopTimer(),e.startTimer()}),(0,d.Z)(e,"open",function(){e.setState({isOpen:!0});var t=e.props.handleOpen;"function"===typeof t&&t()}),(0,d.Z)(e,"close",function(){e.setState({isOpen:!1})}),e}return(0,u.Z)(h,t),(0,s.Z)(h,[{key:"componentDidMount",value:function(){this.startTimer()}},{key:"componentDidUpdate",value:function(e){var t=this.props,n=t.shouldOpen,o=t.shouldResetTimer,i=this.state.isOpen;o(e)?this.resetTimer():i&&!n()&&this.close()}},{key:"componentWillUnmount",value:function(){this.stopTimer()}},{key:"render",value:function(){var t=this.props,n=(t.shouldOpen,t.shouldResetTimer,t.handleOpen,(0,i.Z)(t,m)),r=this.state.isOpen;return c.createElement(e,(0,o.Z)({},n,{isOpen:r,handleClose:this.close}))}}])}(c.Component),(0,d.Z)(t,"displayName",h("withDelayOpener",e)),(0,d.Z)(t,"defaultProps",{shouldOpen:function(){return!0},shouldResetTimer:function(){return!1}}),t};var g=n(22928),w=n(71893);var y=n(44313),I=n(73210),b=n(59762),x=n(16572),D=n(21520),M=n(41608),C=["isOpen","position","title","description","timeout","handleClose"],N=w.ZP.div.withConfig({componentId:"sc-1xbvb9d-0"})(["flex-grow:1;font-size:14px;color:",";"],function(e){return e.theme.BD_WHITE}),T=w.ZP.div.withConfig({componentId:"sc-1xbvb9d-1"})(["font-size:12px;color:",";"],function(e){return e.theme.BD_WHITE}),O=(0,w.ZP)(b.Z).attrs(function(){return{src:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICAgIDxwYXRoIGNsYXNzPSJjb250cm9sLWZpbGwiIGZpbGw9IiM0NTRFODAiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTEzLjA3NSAxMmwzLjUwMiAzLjUwM2EuNzYuNzYgMCAxIDEtMS4wNzQgMS4wNzRMMTIgMTMuMDc1bC0zLjUwMyAzLjUwMmEuNzYuNzYgMCAwIDEtMS4wNzQtMS4wNzRMMTAuOTI1IDEyIDcuNDIzIDguNDk3YS43Ni43NiAwIDAgMSAxLjA3NC0xLjA3NEwxMiAxMC45MjVsMy41MDMtMy41MDJhLjc2Ljc2IDAgMSAxIDEuMDc0IDEuMDc0TDEzLjA3NSAxMnoiLz4KPC9zdmc+Cg=="}}).withConfig({componentId:"sc-1xbvb9d-2"})([".control-fill{transition:fill 0.15s ease-out;}&:hover{.control-fill{fill:#292f4d;}}"]),E=w.ZP.button.withConfig({componentId:"sc-1xbvb9d-3"})(["width:24px;height:24px;padding:0;border:none;margin:-8px -10px 0 10px;outline:none;cursor:pointer;pointer-events:auto;"]),z=w.ZP.div.withConfig({componentId:"sc-1xbvb9d-4"})(["display:flex;margin-bottom:8px;"]),A=(0,w.ZP)(M.Z).withConfig({componentId:"sc-1xbvb9d-5"})(["text-align:left;opacity:",";transition:","ms ease-in opacity;z-index:",";","{padding:12px 14px;box-shadow:0 1px 4px 0 rgba(40,35,45,0.3);font-weight:350;}"],function(e){return e.opacity},function(e){return e.timeout},I.z.TUTORIAL_HINT,M.s),R=(0,g.Z)(O,{}),S=function(e){var t=e.title,n=e.description,o=e.handleClose;return(0,g.Z)(c.Fragment,{},void 0,(0,g.Z)(z,{},void 0,(0,g.Z)(N,{},void 0,t),(0,g.Z)(E,{onClick:o},void 0,R)),(0,g.Z)(T,{},void 0,n))};S.displayName="TutorialHintContent";var _=function(e){var t=e.isOpen,n=e.position,r=e.title,s=e.description,l=e.timeout,a=void 0===l?300:l,u=e.handleClose,d=(0,i.Z)(e,C),p=(0,g.Z)(S,{title:r,de

1scription:s,handleClose:u});return(0,g.Z)(x.Z,{isOpen:!!t,timeout:a,onExited:u},void 0,function(e){return c.createElement(A,(0,o.Z)({position:n,backgroundColor:y.BD_BLUE,isMultiLine:!0,multiLineWidth:220,opacity:(0,D.K)(e),timeout:a},d),p)})};_.displayName="TutorialHint";const L=Z(_)},6272:(e,t,n)=>{n.d(t,{Z:()=>p});var o=n(87462),i=n(4942),r=n(67294),s=n(25427),l=n(81956),a=n(46386),u=n(1418),d=function(e){return(0,i.Z)((0,i.Z)({},u.EV.NONE,(0,s.rm)(l._$.black)),u.EV.LOADING,(0,s.rm)(l._$.black))[e]},c=function(e){return r.createElement(a.ZP,(0,o.Z)({themeName:"black",getStatusCSS:d,shouldHideFakePlaceholder:!0},e))};c.displayName="FollowButton";const p=c},17265:(e,t,n)=>{n.r(t),n.d(t,{default:()=>k});var o=n(14890),i=n(2040),r=n(22222),s=n(80802),l=n(41648),a=n(37495),u=n(22928),d=n(87462),c=n(45987),p=n(67294),f=n(71893),h=n(15671),m=n(43144),v=n(82963),Z=n(61120),g=n(60136),w=n(4942),y=n(10745),I=n(89701),b=n(1418),x=n(70411),D=(n(94606),{id:"liveroom_follow_suggestion_title",defaultMessage:"Follow Streamer"}),M={id:"liveroom_follow_suggestion_tooltip",defaultMessage:"Liked this stream? Follow the streamer now and don't miss out again!"},C=["position","delay"];function N(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(N=function(){return!!e})()}var T=function(e){function t(e){var n,o,i,r;(0,h.Z)(this,t),o=this,i=t,r=[e],i=(0,Z.Z)(i),n=(0,v.Z)(o,N()?Reflect.construct(i,r||[],(0,Z.Z)(o).constructor):i.apply(o,r)),(0,w.Z)(n,"shouldOpen",function(){var e=n.props.status,t=I.xg.getItem(I.W9)||{},o=t.followHintCount,i=void 0===o?0:o,r=t.hasShowDriveRegisterBox,s=e===b.EV.NONE&&i<3&&n.hasShowDriveRegisterBox===r;return n.hasShowDriveRegisterBox=r,s}),(0,w.Z)(n,"shouldResetTimer",function(e){return e.userID!==n.props.userID}),(0,w.Z)(n,"handleOpen",function(){var e=(I.xg.getItem(I.W9)||{}).followHintCount,t=void 0===e?0:e;I.xg.updateItem(I.W9,{followHintCount:t+1})});var s=(I.xg.getItem(I.W9)||{}).hasShowDriveRegisterBox;return n.hasShowDriveRegisterBox=s,n}return(0,g.Z)(t,e),(0,m.Z)(t,[{key:"render",value:function(){var e=this.props,t=e.position,n=e.delay,o=(0,c.Z)(e,C);return p.createElement(x.Z,(0,d.Z)({position:t,delay:n,title:p.createElement(y._H,D),description:p.createElement(y._H,M),shouldOpen:this.shouldOpen,shouldResetTimer:this.shouldResetTimer,handleOpen:this.handleOpen},o))}}])}(p.PureComponent);(0,w.Z)(T,"defaultProps",{delay:3e5}),T.displayName="FollowHint";const O=T;var E=n(6272),z=["userID","status","position","delay"],A=f.ZP.div.withConfig({componentId:"sc-17s3rb2-0"})(["position:relative;"]),R=f.ZP.div.withConfig({componentId:"sc-17s3rb2-1"})(["display:flex;align-items:center;"]),S=function(e){var t=e.userID,n=e.status,o=e.position,i=e.delay,r=(0,c.Z)(e,z);return(0,u.Z)(R,{},void 0,(0,u.Z)(A,{},void 0,p.createElement(E.Z,(0,d.Z)({userID:t},r)),(0,u.Z)(O,{userID:t,status:n,position:o,delay:i})))};S.displayName="FollowButtonWithHint";const _=S;var L=(0,r.zB)({status:(0,a.Yd)()});const k=(0,o.qC)((0,s.Z)(l.Z),(0,i.connect)(L))(_)}}]);
2//# sourceMappingURL=FollowButtonWithHint.d73df638a5afcece76f9.chunk.js.map