티스토리 수익 글 보기
!function(){try{var e=”undefined”!=typeof window?window:”undefined”!=typeof global?global:”undefined”!=typeof self?self:{},t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]=”43ebacdc-2189-4483-9ad5-b01afe12acd2″,e._sentryDebugIdIdentifier=”sentry-dbid-43ebacdc-2189-4483-9ad5-b01afe12acd2″)}catch(e){}}(),(self.webpackChunktwitch_twilight=self.webpackChunktwitch_twilight||[]).push([[45837],{588280:function(e,t,i){i.d(t,{i:function(){return s}});var n=i(58168),o=i(198587),r=i(399488),l=i(474848),a=[“title”,”titleId”],c=function(e){var t=e.title,i=e.titleId,r=(0,o.A)(e,a);return(0,l.jsxs)(“svg”,(0,n.A)({width:20,height:20,viewBox:”0 0 20 20″,”aria-labelledby”:i},r,{children:[t?(0,l.jsx)(“title”,{id:i,children:t}):null,(0,l.jsx)(“path”,{d:”M5 17.066V2.934a.5.5 0 0 1 .777-.416L17 10 5.777 17.482A.5.5 0 0 1 5 17.066z”})]}))};c.displayName=”SourceIconMiniPlayerPlay”;var s=(0,r.S)(c)},187033:function(e,t,i){i.d(t,{x:function(){return s}});var n=i(58168),o=i(198587),r=i(399488),l=i(474848),a=[“title”,”titleId”],c=function(e){var t=e.title,i=e.titleId,r=(0,o.A)(e,a);return(0,l.jsxs)(“svg”,(0,n.A)({width:20,height:20,viewBox:”0 0 20 20″,”aria-labelledby”:i},r,{children:[t?(0,l.jsx)(“title”,{id:i,children:t}):null,(0,l.jsx)(“path”,{d:”m5 7 4.146-4.146a.5.5 0 0 1 .854.353v13.586a.5.5 0 0 1-.854.353L5 13H4a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h1zm7 1.414L13.414 7l1.623 1.623L16.66 7l1.414 1.414-1.623 1.623 1.623 1.623-1.414 1.414-1.623-1.623-1.623 1.623L12 11.66l1.623-1.623L12 8.414z”})]}))};c.displayName=”SourceIconMuted”;var s=(0,r.S)(c)},298830:function(e,t,i){i.d(t,{A:function(){return s}});var n=i(58168),o=i(198587),r=i(399488),l=i(474848),a=[“title”,”titleId”],c=function(e){var t=e.title,i=e.titleId,r=(0,o.A)(e,a);return(0,l.jsxs)(“svg”,(0,n.A)({width:20,height:20,viewBox:”0 0 20 20″,”aria-labelledby”:i},r,{children:[t?(0,l.jsx)(“title”,{id:i,children:t}):null,(0,l.jsx)(“path”,{d:”M5 17.066V2.934a.5.5 0 0 1 .777-.416L17 10 5.777 17.482A.5.5 0 0 1 5 17.066z”})]}))};c.displayName=”SourceIconPlay”;var s=(0,r.S)(c)},942993:function(e,t,i){i.d(t,{n:function(){return s}});var n=i(58168),o=i(198587),r=i(399488),l=i(474848),a=[“title”,”titleId”],c=function(e){var t=e.title,i=e.titleId,r=(0,o.A)(e,a);return(0,l.jsxs)(“svg”,(0,n.A)({width:16,height:16,viewBox:”0 0 16 16″,”aria-labelledby”:i},r,{children:[t?(0,l.jsx)(“title”,{id:i,children:t}):null,(0,l.jsx)(“path”,{d:”M8 9.414 10.586 12 12 10.586 9.414 8 12 5.414 10.586 4 8 6.586 5.414 4 4 5.414 6.586 8 4 10.586 5.414 12 8 9.414z”})]}))};c.displayName=”SourceIconSmallhide”;var s=(0,r.S)(c)},843613:function(e,t,i){i.d(t,{L:function(){return s}});var n=i(58168),o=i(198587),r=i(399488),l=i(474848),a=[“title”,”titleId”],c=function(e){var t=e.title,i=e.titleId,r=(0,o.A)(e,a);return(0,l.jsxs)(“svg”,(0,n.A)({width:16,height:16,viewBox:”0 0 16 16″,”aria-labelledby”:i},r,{children:[t?(0,l.jsx)(“title”,{id:i,children:t}):null,(0,l.jsx)(“path”,{fillRule:”evenodd”,d:”M7 9v3h2V9h3V7H9V4H7v3H4v2h3z”,clipRule:”evenodd”})]}))};c.displayName=”SourceIconSmallplus”;var s=(0,r.S)(c)},105922:function(e,t,i){i.d(t,{i:function(){return s}});var n=i(58168),o=i(198587),r=i(399488),l=i(474848),a=[“title”,”titleId”],c=function(e){var t=e.title,i=e.titleId,r=(0,o.A)(e,a);return(0,l.jsxs)(“svg”,(0,n.A)({width:20,height:20,viewBox:”0 0 20 20″,”aria-labelledby”:i},r,{children:[t?(0,l.jsx)(“title”,{id:i,children:t}):null,(0,l.jsx)(“path”,{fillRule:”evenodd”,d:”M10.954 3.543c-.422-.724-1.486-.724-1.908 0l-6.9 11.844c-.418.719.11 1.613.955 1.613h13.798c.844 0 1.373-.894.955-1.613l-6.9-11.844zM11 15H9v-2h2v2zm0-3H9V7h2v5z”,clipRule:”evenodd”})]}))};c.displayName=”SourceIconWarning”;var s=(0,r.S)(c)},489624:function(e,t,i){function n(e,t){var i=e&&Math.round(null==e?void 0:e.getBoundingClientRect().width),n=t&&Math.round(null==t?void 0:t.getBoundingClientRect().width);return n&&i&&n>i+1?n-i+1:0}i.d(t,{V:function(){return n}})},808463:function(e,t,i){i.d(t,{No:function(){return u}});var n=i(58168),o=i(693523),r=i(296540),l=i(941737),a=i(336220),c=i(489624),s=i(703064),d=i(474848),u=function(e){var t=void 0===e?{}:e,i=t.tooltipDelay,n=void 0===i?200:i,o=t.id,l=(0,r.useState)(!1),a=l[0],c=l[1],d=(0,r.useRef)(),u=(0,s.i)({id:o?o+”-tooltip”:void 0}),f=u.anchorProps,h=u.tooltipProps,v=u.setIsOpen,y=(0,r.useCallback)((function(e){d.current=window.setTimeout((function(){c(!0)}),null!=e?e:n)}),[n,c]),x=(0,r.useCallback)((function(){d.current&&clearTimeout(d.current),v(!1),c(!1)}),[v]),b=(0,r.useCallback)((function(){y()}),[y]),m=(0,r.useCallback)((function(){x()}),[x]),g=(0,r.useCallback)((function(){y()}),[y]),j=(0,r.useCallback)((function(){x()}),[x]);return{TruncateWithTooltip:p,showTooltipIfOverflowing:y,clearTooltip:x,textProps:{tooltipProps:h,isFocused:a,setIsOpen:v},anchorProps:{ref:f.ref,”aria-describedby”:f[“aria-describedby”],onMouseEnter:b,onMouseLeave:m,onFocus:g,onBlur:j}}},p=function(e){var t=e.children,i=e.tooltipProps,o=e.isFocused,s=e.setIsOpen,u=(0,r.useState)(!1),p=u[0],h=u[1],v=(0,r.useRef)(null),y=(0,r.useRef)(null);return(0,r.useEffect)((function(){o&&v.current&&y.current&&(0,c.V)(v.current,y.current)&&(h(!0),s(!0))}),[o,s]),(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(f,{ref:v,children:(0,d.jsx)(“span”,{ref:y,children:t})}),p&&(0,d.jsx)(a.b,(0,n.A)({},i,{children:(0,d.jsx)(l.T,{children:t})}))]})};p.displayName=”TruncateWithTooltip”;var f=o.I4.div.withConfig({displayName:”ScTruncateText”,componentId:”sc-i3kjgq-0″})([‘white-space:nowrap;text-overflow:ellipsis;overflow:hidden;&::after{content:””;display:block;}’])},60762:function(e,t,i){i.d(t,{p:function(){return d}});var n=i(58168),o=i(564368),r=i(186396),l=i(300531),a=i(959340),c=i(914421),s=i(474848),d=function(e){var t=e.type,i=e.primaryButton,d=e.secondaryButton;return(0,s.jsxs)(a.P,{display:c.nl.Flex,justifyContent:c.A9.Start,flexDirection:c.bo.RowReverse,children:[(0,s.jsx)(“div”,{children:t&&!i.type?(0,s.jsx)(l.p,(0,n.A)({size:r.dN.Small},i,{type:t})):(0,s.jsx)(o.$n,(0,n.A)({size:o.Mp.Small,variant:i.type||o.VQ.Primary},i,{type:void 0}))}),d&&(0,s.jsx)(a.P,{margin:{right:1},children:(0,s.jsx)(o.$n,(0,n.A)({size:o.Mp.Small,variant:d.type||o.VQ.Secondary},d,{type:void 0}))})]})};d.displayName=”NotificationActions”},585081:function(e,t,i){i.d(t,{y:function(){return g}});var n,o=i(58168),r=i(198587),l=i(466377),a=i(392395),c=i(853296),s=i(671835),d=i(693523),u=i(922267),p=i(659480),f=i(906719),h=i(311248),v=i(474848),y=[“type”],x=[“type”,”title”],b=function(e){var t,i=e.type,n=(0,r.A)(e,y);switch(i){case f._.Error:t=(0,v.jsx)(l.P,(0,o.A)({},n));break;case f._.Info:t=(0,v.jsx)(a.h,(0,o.A)({},n));break;case f._.Success:t=(0,v.jsx)(c.i,(0,o.A)({},n));break;case f._.Warning:t=(0,v.jsx)(s.l,(0,o.A)({},n))}return t},m=d.I4.div.withConfig({displayName:”ScNotificationFigure”,componentId:”sc-1984gyo-0″})([“display:flex;align-items:center;color:”,”;”],(0,u.H)(“$type”,((n={})[f._.Error]=(0,p.b)(“color-fill-alert”),n[f._.Info]=(0,p.b)(“color-fill-info”),n[f._.Success]=(0,p.b)(“color-fill-success”),n[f._.Warning]=(0,p.b)(“color-fill-warn”),n))),g=function(e){var t=e.type,i=e.title,n=(0,r.A)(e,x),l=(0,h.P)(t);return(0,v.jsx)(m,(0,o.A)({className:”tw-notification-figure”,$type:t},n,{children:b({type:t,title:!1===i?void 0:null!=i?i:l,role:!1===i?”presentation”:”img”,”aria-hidden”:!1===i||void 0})}))};g.displayName=”NotificationFigure”},204243:function(e,t,i){i.d(t,{p:function(){return m}});var n,o,r=i(312663),l=i(959340),a=i(914421),c=i(58168),s=i(375276),d=i(693523),u=i(922267),p=i(659480),f=i(288794),h=i(70931),v=i(906719),y=i(474848),x=d.I4.span.withConfig({displayName:”ScNotificationMessageLink”,componentId:”sc-1fkgyn0-0″})([“color:”,”;”,””],(0,u.H)(“$type”,((n={})[v._.Error]=(0,p.b)(“color-text-alert”),n[v._.Info]=(0,p.b)(“color-text-info”),n[v._.Success]=(0,p.b)(“color-text-success”),n[v._.Warning]=(0,p.b)(“color-text-warn”),n)),(0,f.k)(o||(o=(0,s.A)([“\n color: “,”;\n “])),(0,p.b)(“color-text-base”))),b=function(e){return(0,y.jsx)(x,{$type:e.type,children:(0,y.jsx)(h.Cb,(0,c.A)({},e.link,{variant:h.KD.Inherit,underline:!0,hoverColorInherit:!0}))})};b.displayName=”NotificationLink”;var m=function(e){return(0,y.jsxs)(y.Fragment,{children:[e.title&&(0,y.jsx)(l.P,{margin:{right:.5},display:e.description?void 0:a.nl.Inline,children:(0,y.jsx)(r.N,{fontSize:a.Z4.Size4,fontWeight:a.IT.SemiBold,as:”span”,children:e.title})}),e.description&&(0,y.jsx)(l.P,{display:a.nl.Inline,children:(0,y.jsxs)(l.P,{color:e.descriptionColor||a.Q1.Alt2,display:a.nl.Inline,children:[e.description,” “]})}),e.link&&(0,y.jsx)(l.P,{display:a.nl.Inline,fontWeight:e.title&&!e.description?a.IT.SemiBold:void 0,children:(0,y.jsx)(b,{link:e.link,type:e.type})})]})};m.displayName=”NotificationMessage”},579038:function(e,t,i){i.d(t,{D:function(){return M}});var n,o,r,l,a,c=i(58168),s=i(198587),d=i(375276),u=i(693523),p=i(153477),f=i(659480),h=i(922267),v=i(97774),y=i(902418),x=i(79004),b=i(237103),m=i(914421),g=i(959340),j=i(736522),I=i(60762),w=i(585081),A=i(204243),S=i(906719),N=i(784905),k=i(474848),P=[“actions”,”background”,”children”,”closeButton”,”iconTitle”,”message”,”role”,”type”],C=u.I4.div.withConfig({displayName:”ScInFeatureNotificationCloseButton”,componentId:”sc-a4oqgt-0″})([“padding:”,” “,”;margin:0.3rem 0;”],(0,p.C)(“space-05”),(0,p.C)(“space-1″)),_=u.I4.div.withConfig({displayName:”ScInFeatureNotification”,componentId:”sc-a4oqgt-1″})([“”,” position:relative;border-bottom-width:5px;border-bottom-style:solid;border-radius:”,”;color:”,”;”,””],(function(e){var t=e.$elevation,i=e.theme;return(0,j.sv)({elevation:null!=t?t:3,theme:i})}),(0,p.C)(“border-radius-medium”),(0,f.b)(“color-text-base”),(0,h.H)(“$type”,((a={})[S._.Error]=(0,u.AH)(n||(n=(0,d.A)([“\n border-bottom-color: “,”;\n “])),(0,f.b)(“color-border-error-decorative”)),a[S._.Info]=(0,u.AH)(o||(o=(0,d.A)([“\n border-bottom-color: “,”;\n “])),(0,f.b)(“color-border-info-decorative”)),a[S._.Success]=(0,u.AH)(r||(r=(0,d.A)([“\n border-bottom-color: “,”;\n “])),(0,f.b)(“color-border-success-decorative”)),a[S._.Warning]=(0,u.AH)(l||(l=(0,d.A)([“\n border-bottom-color: “,”;\n “])),(0,f.b)(“color-border-warn-decorative”)),a))),M=function(e){var t=e.actions,i=e.background,n=void 0===i?m.VS.Float:i,o=e.children,r=e.closeButton,l=e.iconTitle,a=e.message,d=e.role,u=void 0===d?”alert”:d,p=e.type,f=(0,s.A)(e,P);return(0,k.jsx)(_,(0,c.A)({},f,{className:”tw-in-feature-notification”,$elevation:f.elevation,$type:p,role:u,children:(0,k.jsxs)(g.P,{borderRadius:v.Z.Medium,background:n,children:[(0,k.jsxs)(g.P,{display:m.nl.Flex,children:[(0,k.jsxs)(g.P,{display:m.nl.Flex,width:”100%”,children:[(0,k.jsx)(g.P,{padding:1,children:(0,k.jsx)(w.y,{type:p,title:l})}),(0,k.jsx)(g.P,{display:m.nl.Flex,alignItems:m.k2.Center,width:”100%”,children:(0,k.jsxs)(N.V.Provider,{value:p,children:[o,a&&(0,k.jsx)(g.P,{padding:{y:1,right:1},width:”100%”,children:(0,k.jsx)(A.p,(0,c.A)({},a,{type:p}))})]})})]}),r&&(0,k.jsx)(C,{className:”tw-in-feature-notification__close-button”,children:(0,k.jsx)(b.G,{“aria-label”:r[“aria-label”],onClick:r.onClick,size:y.f.Small,variant:x.UD.Secondary})})]}),t&&(0,k.jsx)(g.P,{padding:{x:1,bottom:1},children:(0,k.jsx)(I.p,(0,c.A)({type:p},t))})]})}))};M.displayName=”InFeatureNotification”},631139:function(e,t,i){i.d(t,{r:function(){return f}});var n=i(58168),o=i(198587),r=i(693523),l=i(552400),a=i(652147),c=i(959340),s=i(474848),d=[“label”,”value”,”icon”,”tooltipDirection”,”tooltipProps”],u=r.I4.div.withConfig({displayName:”ScStat”,componentId:”sc-omn2pd-0″})([“display:inline-flex;align-items:center;line-height:1;”]),p=r.I4.div.withConfig({displayName:”ScStatIcon”,componentId:”sc-omn2pd-1″})([“display:inline-flex;align-items:center;width:calc(1em + 2px);height:calc(1em + 2px);”]),f=function(e){var t,i=e.label,r=e.value,f=e.icon,h=e.tooltipDirection,v=e.tooltipProps,y=(0,o.A)(e,d);f&&(t=(0,a.s)(f,{fillParent:!0,”aria-label”:i,role:”img”}));var x=(0,s.jsxs)(u,(0,n.A)({className:”tw-stat”,tabIndex:0},y,{children:[(0,s.jsx)(p,{className:”tw-stat__icon”,children:t}),(0,s.jsx)(c.P,{margin:{left:.5},className:”tw-stat__value”,”data-a-target”:”tw-stat-value”,children:r})]}));return i?(0,s.jsx)(l.m,(0,n.A)({label:i},v,{options:(0,n.A)({placement:h||”auto”},null==v?void 0:v.options),children:x})):x};f.displayName=”Stat”}}]);