"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[4272],{90217:(e,t,n)=>{n.d(t,{B:()=>r});var o=n(40099);function r({intersectionHandler:e,outerSectionHandler:t,element:n,threshold:r,root:i,rootMargin:l="0px",unobserveAfterIntersect:a,skip:s}){const d=(0,o.useRef)();return(0,o.useEffect)((()=>{if(s)return;const o=n=>{var o;const r=n[0];r.isIntersecting&&e?(e(r),a&&(null===(o=d.current)||void 0===o||o.unobserve(r.target))):!r.isIntersecting&&t&&t(r)};try{const e={rootMargin:l,threshold:r};(null==i?void 0:i.current)&&(e.root=i.current),d.current=new IntersectionObserver(o,e),(null==n?void 0:n.current)&&d.current&&d.current.observe(n.current)}catch(e){console.error(e)}return()=>{var e;null===(e=d.current)||void 0===e||e.disconnect()}}),[n,e,t,r,a,s,l,i]),d}},85349:(e,t,n)=>{n.d(t,{t:()=>p});var o=n(24643),r=n(67192),i=n(40099),l=n(71615),a=n(70873),s=n(64356),d=n(11654),c=n(33805),u=n(32744);const h=(0,n(62186).default)("div",{target:"e1dc6dvj0"})({height:"100vh",display:"flex",flexDirection:"column"},"label:DivErrorBoundaryContainer;");class p extends i.Component{constructor(){super(...arguments),this.state={isNetOffline:!1,hasError:!1},this._slardar=r.l.getInstance(d.V),this.handleOnlineStatusChange=()=>{this.setState({isNetOffline:!navigator.onLine})}}get iconElem(){const{hasError:e}=this.state;return e?(0,o.jsx)(l.A,{width:90,height:90,fill:"rgba(128, 130, 133, 1)"}):(0,o.jsx)(a.A,{width:90,height:90,fill:"rgba(128, 130, 133, 1)"})}get text(){const{hasError:e}=this.state;return e?{title:"server_error_title",desc:"server_error_sub",button:"try_again_btn"}:{title:"network_error_title",desc:"network_error_sub",button:"try_again_btn"}}componentDidMount(){window.addEventListener("online",this.handleOnlineStatusChange),window.addEventListener("offline",this.handleOnlineStatusChange)}componentWillUnmount(){window.removeEventListener("online",this.handleOnlineStatusChange),window.removeEventListener("offline",this.handleOnlineStatusChange)}handleRetry(){window.location.reload()}componentDidCatch(e,t){const{onCatchError:n,componentName:o}=this.props,r=window.location.pathname,i=(0,c.oN)(r);n&&n();try{this._slardar.captureMessage(`Component render Error: ${e.message}`,"fatal",{page:i,component:null!=o?o:""})}catch(e){console.error("Error occurs when reporting error:",e)}this.setState({hasError:!0})}render(){const{isNetOffline:e,hasError:t}=this.state,{children:n,isMobile:r,customTitle:i,customDesc:l,customButtonText:a,onClickRetry:s,useButton:d=!1,containerStyle:c}=this.props,{t:p}=this.context;if(e||t){const{title:e,desc:t,button:n}=this.text;return r?(0,o.jsx)(h,{children:(0,o.jsx)(u.W,{brightness:0,isFullScreen:!0,iconElem:this.iconElem,title:null!=i?i:p(e),desc:null!=l?l:p(t),buttonText:d?null!=a?a:p(n):void 0,onButtonClick:null!=s?s:this.handleRetry})}):(0,o.jsx)(u.W,{isFullScreen:!0,onButtonClick:null!=s?s:this.handleRetry,iconElem:this.iconElem,title:null!=i?i:p(e),desc:null!=l?l:p(t),buttonText:d?null!=a?a:p(n):void 0,style:c})}return n}}p.contextType=s.Ss},31918:(e,t,n)=>{n.d(t,{g:()=>ce});var o=n(24643),r=n(67518),i=n(40099),l=n(82535),a=n(8046),s=n(11983),d=n(25616),c=n(58305),u=n(60484),h=n(44920),p=n(47172);const g=e=>7===e||5===e;var m=n(72688),f=n(4712),y=n(34131),x=n(62186);const k=(0,x.default)("span",{target:"efbd9f0"})((({isAds:e})=>({fontWeight:400,"&:hover":e&&{textDecoration:"underline",cursor:"pointer"}})),"label:SpanText;");var v=n(25342),C=n(17566),b=n(99282),_=n(78662),T=n(11072),j=n(4474),w=n(97086),I=n(70539);function L({to:e,location:{search:t}={search:""}},n={}){var o;const r=null!==(o=(0,j.parse)(t).lang)&&void 0!==o?o:"",i=function(e){var t,n,o,r,i,l,a;let s=!1;if(!(0,w.fU)())return!1;try{const{seoAbtest:d,isSearchEngineBot:c,featureFlags:u}=(0,I.w)();if(!c)return!1;const h=null!==(n="string"==typeof e?null===(t=(0,j.parseUrl)(e))||void 0===t?void 0:t.url:null==e?void 0:e.pathname)&&void 0!==n?n:"",p=Boolean((null==u?void 0:u.music_canonical_url)&&(0,_.Iy)(h)),g=Boolean((null==u?void 0:u.user_canonical_url)&&(0,_.cj)(h)),m=Boolean((null==u?void 0:u.hashtag_canonical_url)&&(0,_.Ke)(h)),f=null==d?void 0:d.parameters,y=function(e){try{return new URL(e).pathname}catch(t){return e}}(null!==(o=null==d?void 0:d.canonical)&&void 0!==o?o:""),x=null!==(i=null===(r=null==f?void 0:f.kep_canonical_abtest)||void 0===r?void 0:r.vid)&&void 0!==i?i:"v0",k=null!==(a=null===(l=null==f?void 0:f.video_canonical_abtest)||void 0===l?void 0:l.vid)&&void 0!==a?a:"v0",v="v1"===x&&(0,_.pz)(y),C="v1"===k&&(0,_.Fj)(y);s=(p||g||m)&&!(C||v)}catch(e){console.error("Error:  while geting Canonical Url Experiment get base bot/abtest result")}return s}(e);if("string"==typeof e){const{url:t,query:o}=(0,j.parseUrl)(e);return i?t:(0,j.stringifyUrl)({url:t,query:Object.assign({lang:r},o)},Object.assign({skipEmptyString:!0},n))}const{pathname:l="",search:a={},hash:s}=e,d=s?`#${s}`:"";return i?l:`${(0,j.stringifyUrl)({url:l,query:Object.assign({lang:r},a)},Object.assign({skipEmptyString:!0},n))}${d}`}const S={fontWeight:700},R={fontWeight:600},E={},N=(e,t,n={})=>(0,o.jsx)("span",{style:Object.assign({fontWeight:400},n),"data-e2e":"new-desc-span",children:e},e+t),O=e=>{var t,n;const{item:r,desc:i,textExtra:l,DuetComp:a,LinkComp:s,QuestionComp:d,target:c="_self",renderText:h=N,shouldReport:g,reportParams:m,styleType:f,mode:y,useGetVideoPath:x,onSearchResultClick:k,onBrowserModeClose:v,onLinkClick:C}=e,{authorId:b,id:j}=(0,u.L$)(r),w=null!==(n=null!==(t=(0,T.ik)(j))&&void 0!==t?t:i)&&void 0!==n?n:"",I=(0,T.M)(j),O=(0,T.sX)(j),P=I&&O,A=(0,p.useLocation)(),B=x();if(!i)return null;let W=E;switch(f){case"kep":W=S;break;case"explore":W=R}if(!(null==l?void 0:l.length))return h(P?w:i,0,W);const q=[...l].sort(((e,t)=>e.start-t.start)).reduce(((t,n,r,l)=>{const{start:u,end:p,awemeId:x,userUniqueId:T,hashtagName:w,type:I,subType:S,userId:R,hashtagId:E,questionId:N="",questionContent:O=""}=n,q=0===r?0:l[r-1].end,D=u,F=i.substring(q,D);F&&!P&&t.push(h(F,t.length-1,W));const M=7===($=S)||5===$;var $;const U=i.substring(u,p);if(0===I&&M){const e=L({to:{pathname:(0,_.WD)({questionId:N,questionContent:O})},location:A});t.push((0,o.jsx)(d,{href:e,text:null!=T?T:"",index:t.length-1,id:N,type:"question",target:c,authorId:b,groupId:j,shouldReport:g,reportParams:m,styleType:"question",inline:"compact"===y,onLinkClick:C,onSearchResultClick:k},U+r))}else if(0===I&&x){const n=L({to:{pathname:B({uniqueId:null!=T?T:"",videoId:x})},location:A});t.push((0,o.jsx)(a,{href:n,text:U,index:t.length-1,id:x,type:"video",target:c,authorId:b,groupId:j,shouldReport:g,reportParams:m,styleType:"duet",onLinkClick:e.onLinkClick,onSearchResultClick:e.onSearchResultClick},U+r))}else if(0===I&&R){const n=L({to:{pathname:(0,_.fJ)({uniqueId:null!=T?T:""})},location:A});t.push((0,o.jsx)(s,{href:n,text:U,index:t.length-1,id:R,type:"user",target:c,authorId:b,groupId:j,shouldReport:g,reportParams:m,styleType:f,ariaLabel:`Watch more videos from user ${U}`,onLinkClick:e.onLinkClick,onSearchResultClick:e.onSearchResultClick,onBrowserModeClose:e.onBrowserModeClose},U+r))}else if(1===I&&w){const e=L({to:{pathname:(0,_.AT)({tagName:w})},location:A});t.push((0,o.jsx)(s,{href:e,text:U,index:t.length-1,id:null!=E?E:"",type:"tag",target:c,authorId:b,groupId:j,shouldReport:g,reportParams:m,styleType:f,ariaLabel:`Watch more videos of the ${U} category`,onLinkClick:C,onSearchResultClick:k,onBrowserModeClose:v},U+r))}else P||t.push(h(U,t.length-1,W));return r!==l.length-1||P||t.push(h(i.substring(p),t.length,W)),t}),[]);return P&&q.unshift(h(w,-1,W)),(0,o.jsx)(o.Fragment,{children:q})},P=(e,t,n={},r,i)=>{const l=!!r,a=null==r?void 0:r.web_url;return(0,o.jsx)(k,{style:n,isAds:l,onClick:a?()=>(0,f.Zy)({adInfo:r,refer:v.Hq.Title,tag:null!=i?i:v.xY.BrowserMode}):void 0,children:e},e+t)},A={fontWeight:700},B={fontWeight:600},W={},q=(0,i.memo)((e=>{const t=(0,b.MQ)(),{item:n,DuetComp:r,LinkComp:i,QuestionComp:l,target:a="_self",renderText:s=P,shouldReport:d,reportParams:c,styleType:h,mode:f,textExtra:x,desc:k}=e,v=(0,p.useLocation)(),_=(0,C._u)();if(!k)return null;if(t)return(0,o.jsx)(O,Object.assign({},e,{useGetVideoPath:C._u}));const{authorId:T,id:j,ad_info:w}=(0,u.L$)(n);let I=W;switch(h){case"kep":I=A;break;case"explore":I=B;break;default:I=W}return(null==x?void 0:x.length)?(0,o.jsx)(o.Fragment,{children:[...x].sort(((e,t)=>e.start-t.start)).reduce(((t,n,u,p)=>{const{start:x,end:C,awemeId:b,userUniqueId:L,hashtagName:S,type:R,subType:E,userId:N,hashtagId:O,questionId:P="",questionContent:A=""}=n,B=0===u?0:p[u-1].end,W=x,q=k.substring(B,W);q&&t.push(s(q,t.length-1,I,w,null==c?void 0:c.ttamTag));const D=g(E),F=k.substring(x,C);if(0===R&&D){const n=(0,y.F)({to:{pathname:(0,m.WDv)({questionId:P,questionContent:A})},location:v});t.push((0,o.jsx)(l,{href:n,text:null!=L?L:"",index:t.length-1,id:P,type:"question",target:a,authorId:T,groupId:j,shouldReport:d,reportParams:c,styleType:"question",inline:"compact"===f,onLinkClick:e.onLinkClick,onSearchResultClick:e.onSearchResultClick},F+u))}else if(0===R&&b){const n=(0,y.F)({to:{pathname:_({uniqueId:null!=L?L:"",videoId:b})},location:v});t.push((0,o.jsx)(r,{href:n,text:F,index:t.length-1,id:b,type:"video",target:a,authorId:T,groupId:j,shouldReport:d,reportParams:c,styleType:"duet",onLinkClick:e.onLinkClick,onSearchResultClick:e.onSearchResultClick},F+u))}else if(0===R&&N){const n=(0,y.F)({to:{pathname:(0,m.fJR)({uniqueId:null!=L?L:""})},location:v});t.push((0,o.jsx)(i,{href:n,text:F,index:t.length-1,id:N,type:"user",target:a,authorId:T,groupId:j,shouldReport:d,reportParams:c,styleType:h,ariaLabel:`Watch more videos from user ${F}`,onLinkClick:e.onLinkClick,onSearchResultClick:e.onSearchResultClick,onBrowserModeClose:e.onBrowserModeClose},F+u))}else if(1===R&&S){const n=(0,y.F)({to:{pathname:(0,m.ATn)({tagName:S})},location:v});t.push((0,o.jsx)(i,{href:n,text:F,index:t.length-1,id:null!=O?O:"",type:"tag",target:a,authorId:T,groupId:j,shouldReport:d,reportParams:c,styleType:h,ariaLabel:`Watch more videos of the ${F} category`,onLinkClick:e.onLinkClick,onSearchResultClick:e.onSearchResultClick,onBrowserModeClose:e.onBrowserModeClose},F+u))}else t.push(s(F,t.length-1,I,w,null==c?void 0:c.ttamTag));return u===p.length-1&&t.push(s(k.substring(C),t.length,I,w,null==c?void 0:c.ttamTag)),t}),[])}):s(k,0,I,w,null==c?void 0:c.ttamTag)}));var D=n(39589);function F({href:e,text:t,TagName:n,ariaLabel:r,className:i,tagClassName:l}){return(0,o.jsx)("a",{"data-e2e":"search-common-link",target:"_self",rel:"opener",className:i,"aria-label":null!=r?r:"",href:e,children:(0,o.jsxs)(n,{color:"rgba(43, 93, 185, 1)",className:l,children:[t," "]})})}const M=(0,h.T)((e=>{var t,n;const{textExtra:r,desc:l}=e,a=(0,i.useContext)(D.K),s=null===(n=null===(t=null==a?void 0:a.parameters)||void 0===t?void 0:t.bot_cost_optimize)||void 0===n?void 0:n.simplify_video_desc,d=null==s?void 0:s.spanClassName,c=null==s?void 0:s.aClassName,u=null==s?void 0:s.strongClassName,h=(0,p.useLocation)(),f=(0,C._u)();if(!l)return null;if(null==r?void 0:r.length){const e=[...r].sort(((e,t)=>e.start-t.start)).reduce(((e,t,n,r)=>{const{start:i,end:a,awemeId:s,userUniqueId:p,hashtagName:x,type:k,subType:v,userId:C,questionId:b="",questionContent:_=""}=t,T=0===n?0:r[n-1].end,j=i,w=l.substring(T,j),I=e;w&&I.push((0,o.jsx)("span",{className:d,children:w}));const L=g(v),S=l.substring(i,a);if(0===k&&L){const e=(0,y.F)({to:{pathname:(0,m.WDv)({questionId:b,questionContent:_})},location:h});I.push(F({href:e,text:null!=p?p:"",TagName:"strong",className:c,tagClassName:u}))}else if(0===k&&s){const e=(0,y.F)({to:{pathname:f({uniqueId:null!=p?p:"",videoId:s})},location:h});I.push(F({href:e,text:S,TagName:"strong",className:c,tagClassName:u}))}else if(0===k&&C&&p){const e=(0,y.F)({to:{pathname:(0,m.fJR)({uniqueId:null!=p?p:""})},location:h});I.push(F({href:e,text:S,TagName:"strong",ariaLabel:`Watch more videos from user ${S}`,className:c,tagClassName:u}))}else if(1===k&&x){const e=(0,y.F)({to:{pathname:`/tag/${x}`},location:h});I.push(F({href:e,text:S,TagName:"strong",ariaLabel:`Watch more videos of the ${S} category`,className:c,tagClassName:u}))}else I.push((0,o.jsx)("span",{className:d,children:S}));return n===r.length-1&&I.push((0,o.jsx)("span",{className:d,children:l.substring(a)})),I}),[]);return(0,o.jsx)(o.Fragment,{children:e})}return(0,o.jsx)("span",{className:d,children:l})}),q,{feature:"simplify_video_desc",shouldForwardRef:!0}),$=(0,i.memo)((e=>{const{item:t,showTranslation:n}=e,{desc:r,contents:l=[],textExtra:a}=(0,u.L$)(t),s=l.length;return 0===s?(0,o.jsx)(M,Object.assign({},e,{desc:r,textExtra:a})):r?0===s||n?(0,o.jsx)(M,Object.assign({},e,{desc:r,textExtra:a})):(0,o.jsx)(o.Fragment,{children:l.map(((t,n)=>(0,o.jsxs)(i.Fragment,{children:[(0,o.jsx)(M,Object.assign({},e,{desc:t.desc,textExtra:t.textExtra})),n!==s-1&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("br",{})," "]})]},`${n}-${r}`)))}):null}));var U=n(19434),G=n(62289),K=n(72153),z=n(31355);const H="inline-block",Q="break-word",Y=(0,x.default)("h1",{target:"ejg0rhn1"})((({ellipsis:e,ellipsisLine:t,theme:n,theme:{direction:o,colors:r},styleType:i})=>[Object.assign(Object.assign({},n.typography.P2),{wordBreak:Q}),e?(0,K.jJ)({max:479,style:K.PR}):null,t?1===t?[K.PR,(0,K.mp)({direction:o,display:"-webkit-box",WebkitLineClamp:"1",WebkitBoxOrient:"vertical",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"pre-line"})]:(0,K.m4)(t):null,"tag"===i||"question"===i?[(0,K.zy)({theme:n,fontFamily:"TikTokFont",fontWeight:"semiBold"}),{lineHeight:"22px",color:r.TextPrimary,pointerEvents:"none","a:hover":[{textDecoration:"none"},(0,K.mp)({direction:o,display:H,verticalAlign:"top",maxWidth:"100%"})],strong:{wordBreak:Q,fontWeight:600}}]:null]),"label:H1Container;"),V=(0,x.default)("strong",{target:"ejg0rhn2"})((({theme:e,styleType:t="",color:n=""})=>({fontWeight:"kep"===t?e.fontWeights.bold:e.fontWeights.semiBold,color:n})),"label:StrongText;"),J={top:"50%",marginTop:"-8px"},X=(0,x.default)(U.A,{target:"ejg0rhn3"})((({theme:{direction:e}})=>[Object.assign({position:"absolute"},J),(0,K.mp)({direction:e,start:"5px"})]),"label:StyledPlayFill;"),Z=(0,x.default)(G.A,{target:"ejg0rhn4"})((({theme:{direction:e}})=>[Object.assign({position:"absolute"},J),(0,K.mp)({direction:e,start:"5px"})]),"label:StyledQAFill;"),ee=(0,x.default)(z.N_,{shouldForwardProp:e=>"styleType"!==e&&"inline"!==e,target:"ejg0rhn5"})((({styleType:e,inline:t,theme:{direction:n,colors:o}})=>[{background:o.BGPlaceholderDefault,display:t?"inline":H,padding:"1px 5px",position:"relative"},"tag"===e&&[{display:"initial",whiteSpace:"nowrap",fontSize:"14px",lineHeight:"20px"},(0,K.mp)({direction:n,paddingStart:25})],("duet"===e||"question"===e)&&(0,K.mp)({direction:n,paddingStart:25}),"kep"===e&&[{fontWeight:700}]]),"label:StyledLink;"),te=(0,x.default)(z.N_,{shouldForwardProp:e=>"shouldBreak"!==e&&"shouldInline"!==e,target:"ejg0rhn6"})((({shouldBreak:e=!1,shouldInline:t=!1})=>[{display:e||t?"inline":H,"&:focus-visible":{display:"inline"}},e?{wordBreak:"break-all"}:null]),"label:StyledCommonLink;");var ne=n(92502),oe=n(90217),re=n(32125);function ie({type:e,id:t,authorId:n,groupId:o,text:r,isDuet:a,reportParams:s,shouldReport:d,onSearchResultClick:c}){return(0,i.useCallback)((i=>{if(i.stopPropagation(),d)switch(e){case"tag":l.q.handleEnterTagDetail(Object.assign(Object.assign({},s),{tag_id:t,author_id:n,group_id:o,enter_method:a?"click_duet":"click_caption"})),null==c||c("tag");break;case"user":l.q.handleEnterUser(Object.assign(Object.assign({},s),{to_user_id:t,author_id:n,group_id:o,enter_method:a?"click_duet":"click_caption",to_user_name:r.substr(1)})),null==c||c("person");break;case"video":l.q.handleEnterVideo(Object.assign(Object.assign({},s),{author_id:n,group_id:o,to_group_id:t,enter_method:a?"click_duet":"click_caption"}));break;case"question":l.q.handleEnterQuestion(Object.assign(Object.assign({},s),{author_id:n,group_id:o,question_id:t,enter_method:"click_anchor"}))}}),[d,e,t,n,o,a,s,c,r])}const le=e=>{const{isQuestionMark:t=!1}=e,{colors:n}=(0,r.u)(),i=t?Z:X;return(0,o.jsx)(i,{fill:n.Primary2,width:16,height:16})},ae=e=>{const{href:t,text:n,index:r,id:l,type:a,target:s="_self",reportParams:d,shouldReport:c=!0,styleType:u,authorId:h,groupId:p,hasSpace:g=!0,onLinkClick:m,onSearchResultClick:f}=e,y=ie({type:a,id:l,text:n,isDuet:!0,reportParams:d,shouldReport:c,authorId:h,groupId:p,onSearchResultClick:f}),x=(0,i.useCallback)((e=>{y(e),null==m||m(e,t,"hashtag")}),[y,t,m]);return(0,o.jsxs)(ee,{to:t,target:s,rel:"opener",onClick:x,styleType:u,children:[(0,o.jsx)(le,{}),(0,o.jsxs)(V,{children:[n,g?" ":""]})]},n+r)},se=e=>{const{href:t,text:n,index:r,id:l,type:a,target:c="_self",reportParams:u,shouldReport:h=!0,styleType:p,inline:g,authorId:m,groupId:f,onLinkClick:y,onSearchResultClick:x}=e,k=(0,d.s)(),v=ie({type:a,id:l,text:n,isDuet:!1,reportParams:u,shouldReport:h,authorId:m,groupId:f,onSearchResultClick:x}),C=(0,i.useCallback)((e=>{if(!l)return e.preventDefault(),s.F.destroy(),void s.F.open({content:k("qapage_webapp_error_title"),duration:3,widthType:"padding"});v(e),null==y||y(e,t)}),[v,t,l,y,k]);return(0,o.jsxs)(ee,{"data-e2e":"question-video-anchor",to:t,target:c,rel:"opener",onClick:C,styleType:p,inline:g,children:[(0,o.jsx)(le,{isQuestionMark:!0}),(0,o.jsx)(V,{children:n})]},n+r)},de=e=>{const{href:t,text:n,index:l,id:s,type:d,target:u="_self",authorId:h,groupId:p,reportParams:g,shouldReport:m=!0,hasSpace:f=!0,styleType:y,ariaLabel:x,onLinkClick:k,onSearchResultClick:v}=e,C=(0,i.useRef)(null),b=(0,r.u)(),_=ie({type:d,id:s,authorId:h,groupId:p,text:n,isDuet:!1,reportParams:g,shouldReport:m,onSearchResultClick:v}),T=(0,i.useCallback)((e=>{if(_(e),null==k||k(e,t,"hashtag"),"tag"===d&&(null==g?void 0:g.is_ad_event)){const{log_extra:e,tag:t,value:n}=g;a.pg.handleChallengeClick({log_extra:e,tag:t,value:n,is_ad_event:"1"})}}),[_,t,k,g,d]),j=(0,i.useCallback)((e=>{var t;13===e.keyCode&&((0,c.Gu)(e),null===(t=C.current)||void 0===t||t.click())}),[]);return(0,o.jsx)(te,{"data-e2e":"search-common-link",to:t,target:u,rel:"opener",onClick:T,onKeyDown:j,ref:C,ariaLabel:x,shouldInline:"explore"===y,shouldBreak:"channel-break"===y,children:(0,o.jsxs)(V,{styleType:y,color:b.colors.AssistColorAzure,children:[n,f?" ":""]})},`${n}${l}`)},ce=(0,i.memo)((function(e){const{item:t,ellipsisLine:n=0,ellipsisOnNarrow:r=!1,e2eTag:l,shouldReport:a=!0,reportParams:s,mode:d,target:c="_self",styleType:h="default",style:p={},wrapInContainer:g=!0}=e,{id:m}=(0,u.L$)(t),{selectedTranslationLanguage:f,isReady:y}=(0,ne.RD)((e=>({selectedTranslationLanguage:e.selectedTranslationLanguage,isReady:e.isReady})),re.bN),x=(0,T.sX)(m),k=(0,T.xr)(),v=(0,T.Oh)(m),C=(0,T.Vk)(m),b=(0,i.useRef)(null),_=(0,i.useMemo)((()=>[0]),[]),j=(0,i.useCallback)((()=>{x&&y&&k.getDescriptionTranslation({target_lang:f,item_id:m})}),[x,m,k,f,y]);return(0,i.useEffect)((()=>{y&&k.setShowTranslation(m,v||C)}),[m,y,v,C,k]),(0,oe.B)({intersectionHandler:j,unobserveAfterIntersect:!0,element:b,threshold:_}),g?(0,o.jsx)(Y,{style:p,ellipsis:r,ellipsisLine:n,styleType:h,"data-e2e":l,ref:b,children:(0,o.jsx)($,{mode:d,item:t,showTranslation:x,DuetComp:ae,LinkComp:de,QuestionComp:se,reportParams:s,shouldReport:a,styleType:h,target:c,onLinkClick:e.onLinkClick,onSearchResultClick:e.onSearchResultClick,onBrowserModeClose:e.onBrowserModeClose})}):(0,o.jsx)($,{mode:d,item:t,showTranslation:x,DuetComp:ae,LinkComp:de,QuestionComp:se,reportParams:s,shouldReport:a,styleType:h,onLinkClick:e.onLinkClick,onSearchResultClick:e.onSearchResultClick,onBrowserModeClose:e.onBrowserModeClose})}))},18410:(e,t,n)=>{n.d(t,{i:()=>P});var o,r=n(58632),i=n(24643),l=n(67518),a=n(40099),s=n(8046),d=n(82535),c=n(25616),u=n(72688),h=n(58305),p=n(22248),g=n(60484),m=n(88920),f=n(52333),y=n(48615),x=n(62186),k=n(43280),v=n(72153),C=n(31355),b=n(92067);!function(e){e[e.OneColumn=0]="OneColumn",e[e.BrowserMode=1]="BrowserMode",e[e.KEP=2]="KEP",e[e.OneColumnWithAds=3]="OneColumnWithAds",e[e.VideoDetail=4]="VideoDetail",e[e.Channel=5]="Channel"}(o||(o={}));const _=e=>[(0,v.zy)({theme:e,typography:"P2",fontWeight:"semiBold"}),{marginTop:"2px",marginLeft:"2px"},{fontWeight:"400",fontSize:"14px"},(0,v.jJ)({max:767,style:{maxWidth:"250px"}})],T={0:e=>[..._(e)],3:e=>[..._(e),{"a:link, a:active, a:visited, a:hover":{textDecoration:"none"}}],1:e=>[(0,v.zy)({theme:e,typography:"P2",fontFamily:"TikTokFont",fontWeight:"bold"}),{fontWeight:"400",fontSize:"14px"},{marginTop:"8px",flex:"0 0 auto",marginLeft:"1px"}],4:e=>[(0,v.zy)({theme:e,typography:"P2",fontFamily:"TikTokFont",fontWeight:"normal"}),{fontWeight:"400",fontSize:"14px"},{marginTop:"8px",flex:"0 0 auto",marginLeft:"1px"}],2:e=>[(0,v.zy)({theme:e,typography:"P3",fontFamily:"TikTokFont",fontWeight:"normal"}),{display:"inline",color:e.colors.TextSecondary},{a:{color:e.colors.TextSecondary}},(0,v.mp)({direction:e.direction,marginStart:12})],5:e=>[(0,v.zy)({theme:e,fontFamily:"TikTokFont",fontWeight:"normal",color:"TextPrimary"}),{fontSize:"17px",lineHeight:"20px",display:"inline-box",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",marginTop:"8px"}]},j=(0,x.default)("h4",{target:"epjbyn0"})((({styleType:e,theme:t})=>T[e](t)),"label:H4Link;"),w={0:{marginRight:"5px"},3:{marginRight:"5px"},1:{marginRight:"8px"},2:{marginRight:"4px"},4:{marginRight:"4px"},5:{marginRight:"7px"}},I=(0,x.default)(C.N_,{target:"epjbyn1"})({display:"flex",alignItems:"center"},"label:StyledLink;"),L=(0,x.default)("div",{target:"epjbyn3"})({WebkitLineClamp:"1",overflow:"hidden",display:"-webkit-box",WebkitBoxOrient:"vertical"},"label:DivMusicText;"),S=(0,x.default)(k.A,{shouldForwardProp:e=>"styleType"!==e,target:"epjbyn4"})((({styleType:e,theme:{direction:t}})=>[{flexShrink:0,width:"14px",height:"14px"},(0,v.mp)({direction:t,marginEnd:w[e].marginRight})]),"label:MusicNoteIcon;"),R=(0,x.default)(b.A,{shouldForwardProp:e=>"styleType"!==e,target:"epjbyn5"})((({styleType:e,theme:{direction:t}})=>[{flexShrink:0},(0,v.mp)({direction:t,marginEnd:w[e].marginRight})]),"label:MusicUnavailableIcon;");var E=n(46682),N=n(11983);const O="Promoted Music",P=(0,a.memo)((function(e){var t,n,o,x,{item:k,styleType:v,e2eTag:C,teaParams:b={},onLinkClick:_,target:T="_self"}=e,w=(0,r.__rest)(e,["item","styleType","e2eTag","teaParams","onLinkClick","target"]);const{music:P,id:A,authorId:B,itemMute:W=!1,ad_info:q,item_control:D}=(0,g.L$)(k),F=!!q,M=(null==q?void 0:q.is_promotional_music)||!1===(null==D?void 0:D.can_music_redirect),$=M?3:v,U=null!==(t=null==P?void 0:P.title)&&void 0!==t?t:"",G=null!==(n=null==P?void 0:P.authorName)&&void 0!==n?n:"",K=(0,c.s)();let z=U===O?K(O):U.replace(`- ${G}`,"")+(G?` - ${G}`:"");const H=W?"":(0,u.pHc)({musicId:null!==(o=null==P?void 0:P.id)&&void 0!==o?o:"",musicName:null!==(x=null==P?void 0:P.title)&&void 0!==x?x:""}),Q=(0,a.useRef)(null),{isDesktopUiOptDebugOn:Y}=(0,m.kb)();Y&&(z="TAEYANG – Shoong! (feat. LISA of BLACKPINK) – Sped Up - TAEYANGTAEYANG – Shoong! (feat. LISA of BLACKPINK) – Sped Up - TAEYANGTAEYANG – Shoong! (feat. LISA of BLACKPINK) – Sped Up - TAEYANGTAEYANG – Shoong! (feat. LISA of BLACKPINK) – Sped Up - TAEYANG");const V=(0,E.w)(f.k),J=(0,a.useCallback)((e=>{if(W)(0,h.Gu)(e);else{if(M)return(0,h.Gu)(e),N.F.destroy(),void N.F.open({content:K("ad_not_support"),duration:3});F&&s.pg.handleMusicClick(b),d.q.handleEnterMusicDetail(Object.assign(Object.assign({},b),{music_id:null==P?void 0:P.id,group_id:A,author_id:B,enter_method:"click_caption"})),V.addMlModelTrainData({id:A,action:"cover"}),null==_||_(e,H,"music")}}),[W,b,null==P?void 0:P.id,A,B,_,H,V,M,K,F]),X=(0,a.useCallback)((e=>{var t;13===e.keyCode&&(e.preventDefault(),e.stopPropagation(),J(e),null===(t=Q.current)||void 0===t||t.click())}),[J]),{colors:Z}=(0,l.u)(),{isBot:ee}=(0,g.L$)((0,y.U)((()=>["isBot"]),[])),te=[1,4].includes($);if(!P&&!F)return(0,p.d)(["music"]);let ne,oe;return W?(ne=K("music_detail_unavailable_1"),oe=(0,i.jsx)(R,{fill:Z.Primary2,styleType:$})):(ne=(0,i.jsx)(L,{children:z}),oe=(0,i.jsx)(S,{fill:Z.Primary2,styleType:$})),W&&ee?(0,i.jsxs)(j,{styleType:$,"data-e2e":C,children:[oe,ne]}):(0,i.jsx)(j,{styleType:$,"data-e2e":C,children:(0,i.jsxs)(I,Object.assign({target:T,to:H,replace:te,disabled:W,onClick:J,onKeyDown:X,ref:Q,rel:"opener",ariaLabel:W?K("music_detail_unavailable_1"):`Watch more videos with music ${z}`},w,{children:[oe,ne]}))})}))},50772:(e,t,n)=>{n.d(t,{c:()=>l});var o,r=n(93608),i=n(2584);!function(e){e.Main="main_page"}(o||(o={}));const l={videoShow:(e,t={})=>{r.f.sendEvent("video_show",Object.assign({keyword:e},t))},showSection:(e,t={})=>{r.f.sendEvent("show_section",Object.assign({section:e,duration:performance.now()},t))},handleTap:(e,t="click_content")=>{r.f.sendEvent("tap",{enter_method:e,target:t})},handleGeneralClick:(e,t="main_page",n={})=>{i.O.handleGeneralClick(e,Object.assign({scene:t},n))}}}}]);