티스토리 수익 글 보기

!function(){try{var t=”undefined”!=typeof window?window:”undefined”!=typeof global?global:”undefined”!=typeof self?self:{},e=(new t.Error).stack;e&&(t._sentryDebugIds=t._sentryDebugIds||{},t._sentryDebugIds[e]=”d2cbc8cc-df8d-4f72-81ea-68f9353dda4f”,t._sentryDebugIdIdentifier=”sentry-dbid-d2cbc8cc-df8d-4f72-81ea-68f9353dda4f”)}catch(t){}}(),(self.webpackChunktwitch_twilight=self.webpackChunktwitch_twilight||[]).push([[67813],{67813:function(t,e,n){n.d(e,{e:function(){return q}});var r,i,a,s,o,f,l,u,p,c,d,m=n(109417),g=n(777387),h=n(364467),y=n(28974),x=n(735665),v=n(296540),S=n(693523),w=n(922267),C=n(723319),A=n(58168),T=n(198587),E=n(474848),X=[“injectChild”],Y=(0,v.forwardRef)((function(t,e){var n=t.injectChild,r=(0,T.A)(t,X);if(n&&(0,v.isValidElement)(r.children)){var i=v.Children.only(r.children),a=(0,A.A)({},r,i.props,{className:(0,y.cn)(r.className,i.props.className)});return e&&(a.ref=e),(0,v.cloneElement)(i,a)}return(0,E.jsx)(“div”,(0,A.A)({ref:e,className:r.className},r,{children:r.children}))}));Y.displayName=”WrapOrInjectChild”;var $,N,H=C.g1,D=(0,w.H)(“$status”,((r={})[H.enter]={opacity:0},r[H.entering]={opacity:1},r[H.entered]={opacity:1},r[H.exit]={opacity:1},r[H.exiting]={opacity:0},r[H.exited]={opacity:0},r)),b=(0,w.H)(“$status”,((i={})[H.enter]={opacity:0,transform:”scale(0.9)”},i[H.entering]={opacity:1,transform:”scale(1)”},i[H.entered]={opacity:1,transform:”scale(1)”},i[H.exit]={opacity:1,transform:”scale(1)”},i[H.exiting]={opacity:0,transform:”scale(0.9)”},i[H.exited]={opacity:0,transform:”scale(0.9)”},i)),O=(0,w.H)(“$status”,((a={})[H.enter]={opacity:0,transform:”translateY(2rem)”},a[H.entering]={opacity:1,transform:”translateY(0)”},a[H.entered]={opacity:1,transform:”translateY(0)”},a[H.exit]={opacity:1,transform:”translateY(0)”},a[H.exiting]={opacity:0,transform:”translateY(2rem)”},a[H.exited]={opacity:0,transform:”translateY(2rem)”},a)),R=(0,w.H)(“$status”,((s={})[H.enter]={opacity:0,transform:”translateX(-2rem)”},s[H.entering]={opacity:1,transform:”translateX(0)”},s[H.entered]={opacity:1,transform:”translateX(0)”},s[H.exit]={opacity:1,transform:”translateX(0)”},s[H.exiting]={opacity:0,transform:”translateX(-2rem)”},s[H.exited]={opacity:0,transform:”translateX(-2rem)”},s)),B=(0,w.H)(“$status”,((o={})[H.enter]={opacity:0,transform:”translateX(2rem)”},o[H.entering]={opacity:1,transform:”translateX(0)”},o[H.entered]={opacity:1,transform:”translateX(0)”},o[H.exit]={opacity:1,transform:”translateX(0)”},o[H.exiting]={opacity:0,transform:”translateX(2rem)”},o[H.exited]={opacity:0,transform:”translateX(2rem)”},o)),L=(0,w.H)(“$status”,((f={})[H.enter]={opacity:0,transform:”translateY(-2rem)”},f[H.entering]={opacity:1,transform:”translateY(0)”},f[H.entered]={opacity:1,transform:”translateY(0)”},f[H.exit]={opacity:1,transform:”translateY(0)”},f[H.exiting]={opacity:0,transform:”translateY(-2rem)”},f[H.exited]={opacity:0,transform:”translateY(-2rem)”},f)),I=(0,w.H)(“$status”,((l={})[H.enter]={transform:”translateY(100%)”},l[H.entering]={transform:”translateY(0)”},l[H.entered]={transform:”translateY(0)”},l[H.exit]={transform:”translateY(0)”},l[H.exiting]={transform:”translateY(100%)”},l[H.exited]={transform:”translateY(100%)”},l)),j=(0,w.H)(“$status”,((u={})[H.enter]={transform:”translateX(-100%)”},u[H.entering]={transform:”translateX(0)”},u[H.entered]={transform:”translateX(0)”},u[H.exit]={transform:”translateX(0)”},u[H.exiting]={transform:”translateX(-100%)”},u[H.exited]={transform:”translateX(-100%)”},u)),M=(0,w.H)(“$status”,((p={})[H.enter]={transform:”translateX(100%)”},p[H.entering]={transform:”translateX(0)”},p[H.entered]={transform:”translateX(0)”},p[H.exit]={transform:”translateX(0)”},p[H.exiting]={transform:”translateX(100%)”},p[H.exited]={transform:”translateX(100%)”},p)),F=(0,w.H)(“$status”,((c={})[H.enter]={transform:”translateY(-100%)”},c[H.entering]={transform:”translateY(0)”},c[H.entered]={transform:”translateY(0)”},c[H.exit]={transform:”translateY(0)”},c[H.exiting]={transform:”translateY(-100%)”},c[H.exited]={transform:”translateY(-100%)”},c)),P=(0,w.H)(“$status”,((d={})[H.enter]={opacity:0},d[H.entering]={opacity:1},d[H.entered]={opacity:1},d[H.exit]={opacity:1},d[H.exiting]={opacity:0},d[H.exited]={opacity:0},d)),_=(0,S.I4)(Y).withConfig({shouldForwardProp:function(){return!0}}).withConfig({displayName:”ScTransitionBase”,componentId:”sc-hx4quq-0″})([“transition-delay:”,”;transition-duration:”,”;transition-timing-function:”,”;transition-property:none;”,”;”,””],(function(t){return t.$delay+”ms”}),(function(t){return t.$duration+”ms”}),(function(t){return t.$timingFunction}),(0,w.H)(“$status”,(($={})[C.g1.enter]=void 0,$[C.g1.entering]={transitionProperty:”transform, opacity”},$[C.g1.entered]=void 0,$[C.g1.exit]=void 0,$[C.g1.exiting]={transitionProperty:”transform, opacity”},$[C.g1.exited]=void 0,$)),(0,w.H)(“$type”,((N={})[C.ES.Fade]=D,N[C.ES.ScaleOver]=b,N[C.ES.SlideOverBottom]=O,N[C.ES.SlideOverLeft]=R,N[C.ES.SlideOverRight]=B,N[C.ES.SlideOverTop]=L,N[C.ES.TranslateBottom]=I,N[C.ES.TranslateLeft]=j,N[C.ES.TranslateRight]=M,N[C.ES.TranslateTop]=F,N[C.ES.None]=P,N))),k=n(243864),q=function(t){function e(e){var n;return n=t.call(this,e)||this,(0,h.A)((0,m.A)(n),”containerRef”,void 0),(0,h.A)((0,m.A)(n),”transitionTimer”,void 0),(0,h.A)((0,m.A)(n),”onEnterComplete”,(function(){n.setState({status:C.g1.entered}),n.props.onEnterComplete&&n.props.onEnterComplete()})),(0,h.A)((0,m.A)(n),”onExitComplete”,(function(){n.setState({status:C.g1.exited}),n.props.onExitComplete&&n.props.onExitComplete()})),(0,h.A)((0,m.A)(n),”refHandler”,(function(t){if(n.containerRef=t,n.props.injectChild){var e=v.Children.only(n.props.children).ref;”function”==typeof e&&e(t)}})),(0,h.A)((0,m.A)(n),”ensureLayoutReflow”,(function(){n.containerRef&&n.containerRef.scrollTop})),n.state={status:e.show&&!e.transitionInitialMount?C.g1.entered:C.g1.exited},n}(0,g.A)(e,t),e.getDerivedStateFromProps=function(t,e){var n=t.show,r=e.status,i=C.g1;return n&&r===i.exited?{status:i.enter}:n&&r===i.exiting?{status:i.entering}:n||r!==i.entered?n||r!==i.entering?null:{status:i.exiting}:{status:i.exit}};var n=e.prototype;return n.componentDidMount=function(){this.props.transitionInitialMount&&this.props.show&&this.setState({status:C.g1.enter})},n.componentWillUnmount=function(){clearTimeout(this.transitionTimer)},n.componentDidUpdate=function(t,e){var n=C.g1;this.state.status===n.enter?(this.ensureLayoutReflow(),this.setState({status:n.entering})):this.state.status===n.exit?(this.ensureLayoutReflow(),this.setState({status:n.exiting})):this.state.status===n.entering&&e.status!==n.entering?(clearTimeout(this.transitionTimer),this.transitionTimer=window.setTimeout(this.onEnterComplete,this.getDurationAndDelay())):this.state.status===n.exiting&&e.status!==n.exiting&&(clearTimeout(this.transitionTimer),this.transitionTimer=window.setTimeout(this.onExitComplete,this.getDurationAndDelay()))},n.render=function(){var t,e;if(this.state.status===C.g1.exited&&!this.props.alwaysRenderChild)return null;var n=(0,k.Ds)(this.props.type,this.state.status,this.props.duration),r=(0,k.uf)(this.props.type,this.state.status,this.props.delay);return(0,E.jsx)(_,{className:(0,y.cn)(“tw-transition”,this.props.className),ref:this.refHandler,children:this.props.children,injectChild:this.props.injectChild,”aria-hidden”:null!=(t=this.props[“aria-hidden”])?t:!this.props.preventChildAriaHidden&&!this.props.show,$type:(0,k.Pw)(this.props.type,this.state.status),$status:this.state.status,$delay:(0,x.Oe)()?0:r,$duration:(0,x.Oe)()?0:n,$timingFunction:null!=(e=this.props.timingFunction)?e:”ease”})},n.getDurationAndDelay=function(){return(0,x.Oe)()?0:(0,k.Ds)(this.props.type,this.state.status,this.props.duration)+(0,k.uf)(this.props.type,this.state.status,this.props.delay)},e}(v.Component);(0,h.A)(q,”displayName”,void 0),q.displayName=”Transition”},723319:function(t,e,n){var r,i,a,s;n.d(e,{Bw:function(){return s},Cf:function(){return a},ES:function(){return r},g1:function(){return i}}),function(t){t.Fade=”fade”,t.TranslateRight=”translate-right”,t.TranslateLeft=”translate-left”,t.TranslateTop=”translate-top”,t.TranslateBottom=”translate-bottom”,t.ScaleOver=”scale-over”,t.SlideOverRight=”slide-over-right”,t.SlideOverLeft=”slide-over-left”,t.SlideOverTop=”slide-over-top”,t.SlideOverBottom=”slide-over-bottom”,t.None=”none”}(r||(r={})),function(t){t.enter=”enter-prep”,t.entering=”enter-active”,t.entered=”enter-done”,t.exit=”exit-prep”,t.exiting=”exit-active”,t.exited=”exit-done”}(i||(i={})),function(t){t.Short=”short”,t.Medium=”medium”,t.Long=”long”}(a||(a={})),function(t){t.None=”none”,t.Short=”short”,t.Medium=”medium”,t.Long=”long”}(s||(s={}))},243864:function(t,e,n){n.d(e,{Ds:function(){return l},KH:function(){return s},Pw:function(){return f},uf:function(){return u}});var r,i,a=n(723319),s=((r={})[a.Cf.Short]=100,r[a.Cf.Medium]=150,r[a.Cf.Long]=200,r),o=((i={})[a.Bw.None]=0,i[a.Bw.Short]=100,i[a.Bw.Medium]=150,i[a.Bw.Long]=200,i);function f(t,e){return Array.isArray(t)?[a.g1.enter,a.g1.entering,a.g1.entered].includes(e)?t[0]:t[1]:t}function l(t,e,n){var r=f(t,e);if(a.ES.None===r)return 0;if(“string”==typeof n&&e===a.g1.exiting)return s[a.Cf.Short];if(“string”==typeof n||”number”==typeof n)return p(n);if(Array.isArray(n)){var i=n[0],o=n[1];if(e===a.g1.entering)return p(i);if(e===a.g1.exiting)return p(o)}return e===a.g1.exiting?s[a.Cf.Short]:s[a.Cf.Medium]}function u(t,e,n){var r=f(t,e);if(a.ES.None===r)return 0;if(“string”==typeof n||”number”==typeof n)return c(n);if(Array.isArray(n)){var i=n[0],s=n[1];if(e===a.g1.entering)return c(i);if(e===a.g1.exiting)return c(s)}return o[a.Bw.None]}function p(t){return”string”==typeof t?s[t]:t}function c(t){return”string”==typeof t?o[t]:t}}}]);