"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[4944],{45009:(e,t,i)=>{i.d(t,{W:()=>s});var a=i(49057),o=i(60484),n=i(84669);const s=()=>{const{language:e}=(0,o.L$)((0,a.W)((()=>["language"]),[]));return n.D.includes(e)}},64231:(e,t,i)=>{i.d(t,{i:()=>o});var a=i(40099);const o=({upHandler:e,downHandler:t,confirmHandler:i,tabHandler:o})=>(0,a.useCallback)((a=>{const{keyCode:n}=a;switch(n){case 38:a.preventDefault(),e();break;case 40:a.preventDefault(),t();break;case 13:null==i||i();break;case 9:null==o||o(a)}}),[i,t,o,e])},84772:(e,t,i)=>{i.d(t,{gi:()=>Ye});var a=i(24643),o=i(40099),n=i(47172),s=i(2913),r=i(16188),l=i(58542),c=i(5412),d=i(8800),u=i(71111),m=i(31209),g=i(22220),h=i(18499),p=function(e,t,i,a){return new(i||(i=Promise))((function(o,n){function s(e){try{l(a.next(e))}catch(e){n(e)}}function r(e){try{l(a.throw(e))}catch(e){n(e)}}function l(e){var t;e.done?o(e.value):(t=e.value,t instanceof i?t:new i((function(e){e(t)}))).then(s,r)}l((a=a.apply(e,t||[])).next())}))};const j=(0,u.atom)({keyword:"",loading:!1,isFetchError:!1,defaultResult:{list:[]},searchResult:{list:[],hasMore:!0,uidFilterList:""},activeList:[],activeItem:{index:null,isActivatedByMouse:!1},recentCount:0});j.debugLabel="mentionSuggestionUserAtom";const{useAtomService:b,useServiceDispatchers:f,useServiceState:v}=(0,m.i)(j,((e,t)=>({setKeyword(e){t(j,(t=>Object.assign(Object.assign({},t),{keyword:e})))},setLoading(e){t(j,(t=>Object.assign(Object.assign({},t),{loading:e})))},setFetchError(e){t(j,(t=>Object.assign(Object.assign({},t),{isFetchError:e,searchResult:Object.assign(Object.assign({},t.searchResult),{hasMore:!e&&t.searchResult.hasMore})})))},setActiveList(e){t(j,(t=>Object.assign(Object.assign({},t),{activeList:e})))},setActiveItem(e){const{index:i,isActivatedByMouse:a=!1}=e;t(j,(e=>Object.assign(Object.assign({},e),{activeItem:{index:i,isActivatedByMouse:a}})))},activePrev(){const{activeItem:i,activeList:a}=e(j),{index:o}=i;if(null===o)return;const{length:n}=a;0!==n&&t(j,(e=>Object.assign(Object.assign({},e),{activeItem:{index:Math.max(0,o-1),isActivatedByMouse:!1}})))},activeNext(){const{activeItem:i,activeList:a}=e(j),{index:o}=i;if(null===o)return;const{length:n}=a;0!==n&&t(j,(e=>Object.assign(Object.assign({},e),{activeItem:{index:Math.min(o+1,n-1),isActivatedByMouse:!1}})))},setDefaultList(e){t(j,(t=>Object.assign(Object.assign({},t),{defaultResult:Object.assign(Object.assign({},t.defaultResult),{list:e}),activeList:e})))},setSearchResult(e){t(j,(t=>Object.assign(Object.assign({},t),{searchResult:e,activeList:0===e.list.length?t.defaultResult.list:e.list})))},setRecentCount(e){t(j,(t=>Object.assign(Object.assign({},t),{recentCount:e})))},fetchDefaultResult(i){return p(this,void 0,void 0,(function*(){const{secUid:a}=i,o=e(j);if(o.defaultResult.list.length>0)(0,h.unstable_batchedUpdates)((()=>{this.setActiveItem({index:-1}),this.setKeyword(""),this.setActiveList(o.defaultResult.list)}));else{(0,h.unstable_batchedUpdates)((()=>{this.setLoading(!0),this.setFetchError(!1),this.setActiveItem({index:null})}));try{const[e,t]=yield Promise.all([(0,g.i_)(a),(0,g.fM)()]),{statusCode:i,userList:o=[]}=e,{status_code:n,user_list:s=[],block_results:r=[]}=t,l=(e,t)=>{var i,a;return e.uid===t.id&&(t.blockType=null===(a=null===(i=e.user_blocked_results)||void 0===i?void 0:i[0])||void 0===a?void 0:a.block_type,!0)};(0,h.unstable_batchedUpdates)((()=>{if(0===i||0===n){const e=s.map((e=>(0,d.bg)(e))).map((e=>(r.some((t=>l(t,e))),e)));this.setRecentCount(o.length),this.setDefaultList(function(e,t){let i=t;return e.forEach((e=>{i=i.filter((t=>e.uniqueId!==t.uniqueId))})),[...e,...i]}(o,e))}else this.setFetchError(!0);this.setLoading(!1),this.setActiveItem({index:-1}),this.setKeyword("")}))}catch(e){}finally{t(j,(e=>Object.assign(Object.assign({},e),{loading:!1,keyword:"",activeItem:{index:-1,isActivatedByMouse:!1}})))}}}))},fetchSearchResult(i){return p(this,void 0,void 0,(function*(){const a=e(j),{keyword:o,searchResult:{uidFilterList:n,list:s,hasMore:r}}=a,l=i===o,c=l?n:"";if(""!==i&&(!l||r)){t(j,(e=>Object.assign(Object.assign({},e),{loading:!l,isFetchError:!1,activeItem:{index:l?a.activeItem.index:null,isActivatedByMouse:!1}})));try{const e=yield(0,g.dj)(i,c),{statusCode:t,userList:o=[],hasMore:n}=e;(0,h.unstable_batchedUpdates)((()=>{if(0===t||403===t||203===t){const e=l?[...s,...o]:o,t=encodeURIComponent(JSON.stringify(e.map((e=>e.id))));this.setSearchResult({list:e,hasMore:1===n,uidFilterList:t})}else this.setFetchError(!0);this.setLoading(!1),this.setKeyword(i),this.setActiveItem({index:l?a.activeItem.index:-1})}))}catch(e){(0,h.unstable_batchedUpdates)((()=>{this.setLoading(!1),this.setFetchError(!0)}))}}}))}})));var x,_=i(49057),y=i(25616),w=i(32125),k=i(60484),C=i(62186);!function(e){e.Empty="rgba(18, 18, 18, 0.03)",e.Default="rgba(136, 136, 136, 0.5)"}(x||(x={}));const I=(0,C.default)("span",{target:"e195fz780"})((({shape:e,empty:t,isShowBackground:i})=>[{display:"inline-block",boxSizing:"border-box",margin:"0",padding:"0",fontFeatureSettings:'"tnum"',position:"relative",overflow:"hidden",color:"#fff",whiteSpace:"nowrap",textAlign:"center",verticalAlign:"middle",lineHeight:"32px",borderRadius:"square"===e?"0":"50%"},i?{backgroundColor:t?"rgba(18, 18, 18, 0.03)":"rgba(136, 136, 136, 0.5)"}:null]),"label:SpanAvatarContainer;"),S=(0,C.default)("img",{target:"e195fz781"})({width:"100%",height:"100%",objectFit:"cover"},"label:ImgAvatar;"),O=(0,C.default)("svg",{target:"e195fz782"})({width:"100%",height:"100%"},"label:SvgContainer;");const P={EMPTY:(0,a.jsx)(O,{width:"300",height:"300",viewBox:"0 0 300 300",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:(0,a.jsx)("rect",{cx:"150",cy:"150",fill:"#888",fillOpacity:".5"})}),NON_EMPTY:(0,a.jsxs)(O,{width:"300",height:"300",viewBox:"0 0 300 300",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:[(0,a.jsx)("rect",{cx:"150",cy:"150",fill:"#888",fillOpacity:".5"}),(0,a.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M58.74 269.054C74.383 234.242 109.361 210 150 210s75.617 24.242 91.26 59.054C215.978 288.463 184.336 300 150 300c-34.336 0-65.978-11.537-91.26-30.946z",fill:"#fff",fillOpacity:".75"}),(0,a.jsx)("circle",{cx:"150",cy:"138",r:"55",fill:"#fff",fillOpacity:".75"})]})},D=()=>!0,A=(0,o.memo)((function(e){const{src:t,empty:i=!1,backgroundImage:n,size:s=32,shape:r="circle",style:l={},onError:c=D,alt:d="",imageLoading:u="lazy",e2eTag:m=""}=e,g=function(e,t){var i={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(i[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(a=Object.getOwnPropertySymbols(e);o<a.length;o++)t.indexOf(a[o])<0&&Object.prototype.propertyIsEnumerable.call(e,a[o])&&(i[a[o]]=e[a[o]])}return i}(e,["src","empty","backgroundImage","size","shape","style","onError","alt","imageLoading","e2eTag"]),[h,p]=(0,o.useState)(!1),j=(0,o.useCallback)((e=>{var t;c&&p(null===(t=c(e))||void 0===t||t)}),[c]),b=t&&!h,f=i?"EMPTY":"NON_EMPTY";return(0,a.jsx)(I,Object.assign(Object.assign({shape:r,isShowBackground:Boolean(b),empty:i,style:Object.assign(Object.assign({},l),{width:s,height:s}),"data-e2e":m},g),{children:b?(0,a.jsx)(S,{loading:u,onError:j,onLoad:e.onLoad,alt:d,src:t}):P[f]}))}));var E=i(26290);const T=(0,C.default)("div",{target:"em9i2uj0"})({width:"18rem",height:"16rem",overflowX:"hidden",overflowY:"scroll",scrollbarWidth:"none",backgroundColor:l.Tj4.UISheetFlat1,borderRadius:"0.75rem"},"label:DivMentionSuggestionContainer;"),R=(0,C.default)("div",{target:"em9i2uj1"})({height:"100%",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:"1rem"},"label:DivNoDataContainer;"),L=(0,C.default)("div",{target:"em9i2uj2"})((({isActive:e,isDisabled:t})=>({height:"3rem",width:"100%",display:"flex",alignItems:"center",gap:"0.5rem",padding:"0.25rem 0.5rem",cursor:t?"default":"pointer",borderBottom:`1px solid ${l.Tj4.UISheetFlat3}`,backgroundColor:e?l.Tj4.UISheetFlat2:"transparent",opacity:t?.34:1})),"label:DivMentionSuggestionItem;"),z=(0,C.default)("div",{target:"em9i2uj3"})({display:"flex",flexDirection:"column",overflow:"hidden"},"label:DivMentionUserInfo;"),F=(0,C.default)("span",{target:"em9i2uj4"})({display:"flex",alignItems:"center",gap:"0.25rem"},"label:SpanMentionInfoLine;"),U=(0,o.memo)((function({isActive:e,index:t,mentionUser:i,intersectionObserver:n}){var s;const{user:r}=null!==(s=(0,_.W)((()=>["user"]),[]))&&void 0!==s?s:{},{setActiveItem:c}=f(),d=(0,y.s)(),u=(0,o.useRef)(null),{nickname:m,uniqueId:g,verified:h,relation:p,avatarThumb:j,blockType:b}=i,v=(0,o.useMemo)((()=>1===p||2===p),[p]),x=1===b||g===(null==r?void 0:r.uniqueId);(0,o.useEffect)((()=>{u.current&&n&&n.observe(u.current)}),[t,n]),(0,o.useEffect)((()=>{var t;e&&(null===(t=u.current)||void 0===t||t.scrollIntoView({block:"nearest",inline:"nearest"}))}),[e]);const w=(0,o.useCallback)((()=>{c({index:t,isActivatedByMouse:!0})}),[c,t]),k=(0,o.useCallback)((()=>{w()}),[w]);return(0,a.jsxs)(L,{ref:u,"data-index":t,"data-e2e":"comment-at-list",isActive:e,isDisabled:x,onMouseEnter:w,onFocus:k,children:[(0,a.jsx)(A,{size:40,src:j,style:{flexBasis:"40px"}}),(0,a.jsxs)(z,{children:[(0,a.jsxs)(F,{children:[(0,a.jsx)(E.F.P3,{"data-e2e":"comment-at-nickname",children:m}),h?(0,a.jsx)(l.jgG,{}):null,v?(0,a.jsxs)(a.Fragment,{children:["·",(0,a.jsx)(E.F.P4,{color:"UIText3",weight:"medium",children:d("Following")})]}):null]}),(0,a.jsx)(E.F.P4,{"data-e2e":"comment-at-uniqueid",truncate:!0,children:g})]})]})})),B=({keyword:e,containerRef:t})=>{var i;const{user:n}=null!==(i=(0,_.W)((()=>["user"]),[]))&&void 0!==i?i:{},[{activeList:s,activeIndex:r,recentCount:l},{fetchSearchResult:d}]=b((e=>({activeList:e.activeList,activeIndex:e.activeItem.index,recentCount:e.recentCount})),w.bN),u=(0,o.useRef)(),m=(0,o.useRef)({}),g=(0,o.useCallback)((()=>{e&&d(e)}),[d,e]),h=(0,o.useCallback)((t=>{const i=s[t],{blockType:a,uniqueId:o,id:r,relation:d}=i,u=1===a||o===(null==n?void 0:n.uniqueId);let m="all_user";!e&&t<l?m="recent":1===d?m="following":2===d&&(m="friends"),c.ao.handleMentionItemShow({to_user_id:r,user_type:m,search_keyword:e,is_valid:u?"0":"1"})}),[s,e,l,null==n?void 0:n.uniqueId]),p=(0,o.useCallback)((e=>{var t;const i=e.target.getAttribute("data-index");if(!i)return;const a=Number(i);e.intersectionRatio>0&&!m.current[a]&&(h(a),null===(t=u.current)||void 0===t||t.unobserve(e.target)),s.length-a<3&&g()}),[s.length,g,h]);return(0,o.useEffect)((()=>(u.current=new IntersectionObserver((e=>e.forEach(p)),{root:t.current,threshold:1}),()=>{var e;return null===(e=u.current)||void 0===e?void 0:e.disconnect()})),[t,p]),(0,a.jsx)(a.Fragment,{children:s.map(((e,t)=>(0,a.jsx)(U,{mentionUser:e,index:t,isActive:r===t,intersectionObserver:u.current},e.id)))})},M=(0,o.memo)((()=>{const e=(0,y.s)();return(0,a.jsxs)(R,{children:[(0,a.jsx)(l.XWZ,{size:"small"}),(0,a.jsx)(E.F.P2,{children:e("comment_at_search")})]})})),N=(0,o.memo)((({keyword:e,secUid:t})=>{const{fetchDefaultResult:i,fetchSearchResult:n}=f(),s=(0,y.s)(),r=(0,o.useCallback)((a=>{a.stopPropagation(),a.preventDefault(),""===e?i({secUid:t}):n(e)}),[t,i,n,e]);return(0,a.jsxs)(R,{children:[(0,a.jsx)(E.F.P1,{color:"UIText3",children:s("comment_at_load")}),(0,a.jsx)(l.I05,{label:s("comment_at_tryagain"),shape:"borderless",onClick:r})]})})),G=({keyword:e,open:t,setOpen:i,trigger:n,handleSelectUser:s})=>{var r;const{user:c}=null!==(r=(0,_.W)((()=>["user"]),[]))&&void 0!==r?r:{},{secUid:d=""}=(0,k.L$)(c),[{loading:u,isFetchError:m},{fetchDefaultResult:g,fetchSearchResult:h,activePrev:p,activeNext:j}]=b((e=>({loading:e.loading,isFetchError:e.isFetchError})),w.bN),f=(0,o.useRef)(null);(0,o.useEffect)((()=>{g({secUid:d})}),[g,d]),(0,o.useEffect)((()=>{null!==e&&(""===e?g({secUid:d}):h(e))}),[e,d,g,h]);const v=(0,o.useCallback)((e=>{e.stopPropagation(),e.preventDefault(),s()}),[s]),x=(0,o.useCallback)((e=>{e.stopPropagation(),"Escape"!==e.key?u||m||("ArrowUp"===e.key?(e.preventDefault(),p()):"ArrowDown"===e.key&&(e.preventDefault(),j()),"Enter"===e.key&&s()):i(!1)}),[j,p,s,m,u,i]),y=(0,o.useMemo)((()=>u?(0,a.jsx)(M,{}):m?(0,a.jsx)(N,{keyword:null!=e?e:"",secUid:d}):(0,a.jsx)(B,{keyword:null!=e?e:"",containerRef:f})),[u,m,e,d]);return(0,a.jsx)(l.Xwo,{open:t,trigger:n,"data-e2e":"comment-at-user",placement:"top",noArrow:!0,style:{zIndex:3002},children:(0,a.jsx)(T,{ref:f,tabIndex:0,onClick:v,onKeyDown:x,children:y})})},W=(0,C.default)(l.I05,{target:"exxlnep0"})((({isActive:e})=>[{"&.TUXButton":{margin:"0.25rem 0",minWidth:"unset",width:"2rem",height:"2rem",padding:"0.25rem",borderRadius:"0.5rem",cursor:"pointer",backgroundColor:e?l.Tj4.UIShapeNeutral3:"transparent",":hover":{backgroundColor:l.Tj4.UIShapeNeutral3},svg:{width:"100%",height:"100%",minWidth:"1.5rem",minHeight:"1.5rem"}}}]),"label:StyledMentionSuggestionButton;");W.defaultProps=Object.assign(Object.assign({},W.defaultProps),{"data-e2e":"comment-at-icon"});const q=(0,o.forwardRef)((({isActive:e,setIsActive:t,teaParams:i},n)=>{const s=(0,y.s)(),r=(0,o.useCallback)((a=>{a.stopPropagation(),a.preventDefault(),e?t(!1):(t(!0),c.ao.handleSearchAt(Object.assign(Object.assign({},i),{enter_method:"button"})))}),[e,t,i]),d=(0,o.useCallback)((a=>{a.stopPropagation(),e||"Enter"!==a.key&&" "!==a.key||(t(!0),c.ao.handleSearchAt(Object.assign(Object.assign({},i),{enter_method:"button"}))),"Escape"===a.key&&t(!1)}),[e,t,i]);return(0,a.jsx)(l.N0Y,{variant:"secondary",placement:"top",size:"small",content:s("comment_tray_at"),visible:!e&&void 0,children:(0,a.jsx)(W,{ref:n,label:"",variant:"secondary",leadingIcon:(0,a.jsx)(l.C1D,{}),"aria-label":s("comment_tray_at"),"aria-expanded":e,isActive:e,onClick:r,onKeyDown:d,tabIndex:0})})})),H=({keyword:e,setIsActive:t,onSelectUser:i,teaParams:n})=>{var s;const r=(0,o.useMemo)((()=>null!==e),[e]),{user:d}=null!==(s=(0,_.W)((()=>["user"]),[]))&&void 0!==s?s:{},{activeUser:u}=v((e=>({activeUser:e.activeItem.index?e.activeList[e.activeItem.index]:void 0})),w.bN),m=(0,y.s)(),g=(0,l.Abx)(),h=(0,o.useCallback)((()=>{u&&(1!==u.blockType?u.uniqueId!==(null==d?void 0:d.uniqueId)?(null==i||i(u),c.ao.handleSelectAt(Object.assign(Object.assign({},n),{to_user_id:u.id}))):g.show({content:m("no_at_me")}):g.show({content:m("mention_privacy_toast_cant_mention")}))}),[u,g,i,m,n,null==d?void 0:d.uniqueId]);return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(l.otH,{position:"top",state:g,render:({content:e})=>(0,a.jsx)(l.Mzi,{content:e})}),(0,a.jsx)(G,{keyword:e,open:r,setOpen:t,handleSelectUser:h,trigger:(0,a.jsx)(q,{isActive:r,setIsActive:t,teaParams:n})})]})},$=(0,C.default)(l.I05,{target:"e1bzzyq0"})((({isActive:e})=>[{"&.TUXButton":{margin:"0.25rem 0",minWidth:"unset",width:"2rem",height:"2rem",padding:"0.25rem",borderRadius:"0.5rem",cursor:"pointer",backgroundColor:e?l.Tj4.UIShapeNeutral3:"transparent",":hover":{backgroundColor:l.Tj4.UIShapeNeutral3},svg:{width:"100%",height:"100%",minWidth:"1.5rem",minHeight:"1.5rem"}}}]),"label:StyledEmojiButton;");$.defaultProps=Object.assign(Object.assign({},$.defaultProps),{"data-e2e":"comment-emoji-icon"});const K=(0,o.forwardRef)((({isActive:e,setIsActive:t,onClickOpenEmojiPanel:i},n)=>{const s=(0,y.s)(),r=(0,o.useCallback)((e=>{e.stopPropagation(),e.preventDefault(),t((t=>(t||null==i||i(e),!t)))}),[t,i]),c=(0,o.useCallback)((e=>{e.stopPropagation(),"Enter"===e.key||" "===e.key?t((e=>!e)):"Escape"===e.key&&t(!1)}),[t]);return(0,a.jsx)(l.N0Y,{variant:"secondary",placement:"top",size:"small",content:s("comment_tray_emoji"),visible:!e&&void 0,children:(0,a.jsx)($,{ref:n,label:"",variant:"secondary",leadingIcon:(0,a.jsx)(l.dpn,{}),"aria-label":s("comment_tray_emoji"),"aria-expanded":e,isActive:e,onClick:r,onKeyDown:c,tabIndex:0})})})),V=[{name:"basic",data:[{emoji:"😀",alias:"grinning"},{emoji:"😃",alias:"smiley"},{emoji:"😄",alias:"smile"},{emoji:"😁",alias:"grin"},{emoji:"😆",alias:"laughing"},{emoji:"😅",alias:"sweat_smile"},{emoji:"🤣",alias:"rofl"},{emoji:"😂",alias:"joy"},{emoji:"🙂",alias:"slightly_smiling_face"},{emoji:"🙃",alias:"upside_down_face"},{emoji:"😉",alias:"wink"},{emoji:"😊",alias:"blush"},{emoji:"😇",alias:"innocent"},{emoji:"😍",alias:"heart_eyes"},{emoji:"😘",alias:"kissing_heart"},{emoji:"😗",alias:"kissing"},{emoji:"😚",alias:"kissing_closed_eyes"},{emoji:"😙",alias:"kissing_smiling_eyes"},{emoji:"😋",alias:"yum"},{emoji:"😛",alias:"stuck_out_tongue"},{emoji:"😜",alias:"stuck_out_tongue_winking_eye"},{emoji:"😝",alias:"stuck_out_tongue_closed_eyes"},{emoji:"🤑",alias:"money_mouth_face"},{emoji:"🤗",alias:"hugs"},{emoji:"🤔",alias:"thinking"},{emoji:"🤐",alias:"zipper_mouth_face"},{emoji:"😐",alias:"neutral_face"},{emoji:"😑",alias:"expressionless"},{emoji:"😶",alias:"no_mouth"},{emoji:"😏",alias:"smirk"},{emoji:"😒",alias:"unamused"},{emoji:"🙄",alias:"roll_eyes"},{emoji:"😬",alias:"grimacing"},{emoji:"🤥",alias:"lying_face"},{emoji:"😌",alias:"relieved"},{emoji:"😔",alias:"pensive"},{emoji:"😪",alias:"sleepy"},{emoji:"🤤",alias:"drooling_face"},{emoji:"😴",alias:"sleeping"},{emoji:"😷",alias:"mask"},{emoji:"🤒",alias:"face_with_thermometer"},{emoji:"🤕",alias:"face_with_head_bandage"},{emoji:"🤢",alias:"nauseated_face"},{emoji:"🤧",alias:"sneezing_face"},{emoji:"😵",alias:"dizzy_face"},{emoji:"🤠",alias:"cowboy_hat_face"},{emoji:"😎",alias:"sunglasses"},{emoji:"🤓",alias:"nerd_face"},{emoji:"😕",alias:"confused"},{emoji:"😟",alias:"worried"},{emoji:"🙁",alias:"slightly_frowning_face"},{emoji:"😮",alias:"open_mouth"},{emoji:"😯",alias:"hushed"},{emoji:"😲",alias:"astonished"},{emoji:"😳",alias:"flushed"},{emoji:"😦",alias:"frowning"},{emoji:"😧",alias:"anguished"},{emoji:"😨",alias:"fearful"},{emoji:"😰",alias:"cold_sweat"},{emoji:"😥",alias:"disappointed_relieved"},{emoji:"😢",alias:"cry"},{emoji:"😭",alias:"sob"},{emoji:"😱",alias:"scream"},{emoji:"😖",alias:"confounded"},{emoji:"😣",alias:"persevere"},{emoji:"😞",alias:"disappointed"},{emoji:"😓",alias:"sweat"},{emoji:"😩",alias:"weary"},{emoji:"😫",alias:"tired_face"},{emoji:"😤",alias:"triumph"},{emoji:"😡",alias:"rage"},{emoji:"😠",alias:"angry"},{emoji:"😈",alias:"smiling_imp"},{emoji:"👿",alias:"imp"},{emoji:"💀",alias:"skull"},{emoji:"💩",alias:"hankey"},{emoji:"🤡",alias:"clown_face"},{emoji:"👹",alias:"japanese_ogre"},{emoji:"👺",alias:"japanese_goblin"},{emoji:"👻",alias:"ghost"},{emoji:"👽",alias:"alien"},{emoji:"👾",alias:"space_invader"},{emoji:"🤖",alias:"robot"},{emoji:"😺",alias:"smiley_cat"},{emoji:"😸",alias:"smile_cat"},{emoji:"😹",alias:"joy_cat"},{emoji:"😻",alias:"heart_eyes_cat"},{emoji:"😼",alias:"smirk_cat"},{emoji:"😽",alias:"kissing_cat"},{emoji:"🙀",alias:"scream_cat"},{emoji:"😿",alias:"crying_cat_face"},{emoji:"😾",alias:"pouting_cat"}],iconIndex:11}];var X=i(15936);const Y=(0,C.default)("div",{target:"e1ja9a0q0"})((()=>({width:"21rem",height:"18rem",padding:"0.5rem",borderRadius:"0.75rem",display:"flex",flexDirection:"column",backgroundColor:l.Tj4.UISheetFlat1})),"label:DivEmojiPanelContainer;"),Q=(0,C.default)("ul",{target:"e1ja9a0q1"})((()=>({listStyleType:"none",margin:0,padding:0,paddingTop:"0.5rem",borderTop:`1px solid ${l.Tj4.UISheetFlat3}`,display:"flex",flexDirection:"row"})),"label:UlEmojiGroupList;"),J=(0,C.default)("div",{target:"e1ja9a0q2"})((()=>({overflowY:"scroll","::-webkit-scrollbar":{width:4},"::-webkit-scrollbar-track":{marginTop:8},"::-webkit-scrollbar-thumb":{borderRadius:2,backgroundColor:l.Tj4.UIShapeNeutral4},":hover::-webkit-scrollbar-thumb":{backgroundColor:l.Tj4.UIShapeNeutral3},"@supports not selector(::-webkit-scrollbar)":{scrollbarWidth:"thin",scrollbarColor:l.Tj4.UIShapeNeutral4,scrollbarGutter:l.Tj4.UISheetFlat1}})),"label:DivEmojiListContainer;"),Z=(0,C.default)("ul",{target:"e1ja9a0q3"})({width:"100%",height:"100%",margin:0,padding:0,display:"flex",flexWrap:"wrap",gap:"6px"},"label:UlEmojiList;"),ee=(0,C.default)("li",{target:"e1ja9a0q4"})((({isActive:e})=>[{listStyleType:"none",width:"2.5rem",height:"2.5rem",fontSize:"1.5rem",lineHeight:"2.5rem",cursor:"pointer",textAlign:"center",backgroundColor:e?l.Tj4.UISheetFlat2:"transparent",borderRadius:"0.5rem",":hover":{backgroundColor:l.Tj4.UISheetFlat2}}]),"label:LiEmojiItem;"),te=(0,o.memo)((({emojis:e,onSelect:t})=>{const i=(0,o.useRef)(-1),n=(0,o.useCallback)((e=>{const t=e.target;if("li"===t.nodeName.toLocaleLowerCase()){const e=t.getAttribute("data-index");i.current=e?Number(e):-1}}),[]),s=(0,o.useCallback)((()=>{var e;if("li"===(null===(e=document.activeElement)||void 0===e?void 0:e.nodeName.toLocaleLowerCase())){const e=document.activeElement.getAttribute("data-index");i.current=e?Number(e):-1}}),[]),r=(0,o.useCallback)((a=>{a.stopPropagation(),a.preventDefault();const o=i.current;-1!==o&&t(e[o].emoji)}),[e,t]),l=(0,X.B)(r,["Enter"," "]);return(0,a.jsx)(Z,{onMouseOver:n,onClick:r,onKeyDown:l,children:e.map(((e,t)=>(0,a.jsx)(ee,{"data-index":t,isActive:!1,tabIndex:0,onFocus:s,children:e.emoji},e.alias)))})})),ie=({emojiGroupIndex:e,setEmojiGroupIndex:t})=>{const i=(0,o.useCallback)((e=>{e.stopPropagation(),e.preventDefault();const i=e.target;if("li"===i.nodeName.toLocaleLowerCase()){const e=i.getAttribute("data-index");t(e?Number(e):0)}}),[t]);return(0,a.jsx)(Q,{onClick:i,role:"tablist",children:V.map((({name:t,data:i,iconIndex:o},n)=>(0,a.jsx)(ee,{"data-index":n,isActive:n===e,role:"tab",tabIndex:0,"aria-selected":n===e,"aria-controls":"emoji-panel-container",children:i[o].emoji},t)))})},ae=(0,o.memo)((({open:e,trigger:t,setIsOpen:i,onSelectEmoji:n})=>{const[s,r]=(0,o.useState)(0),c=(0,o.useMemo)((()=>V[s]),[s]),d=(0,o.useCallback)((t=>{t.stopPropagation(),e&&"Escape"===t.key&&i(!1)}),[e,i]);return(0,a.jsx)(l.Xwo,{open:e,trigger:t,onOpenChange:i,"data-e2e":"comment-emoji-list",placement:"top",autoFocus:!0,noArrow:!0,style:{zIndex:3002},children:(0,a.jsxs)(Y,{onKeyDown:d,children:[(0,a.jsx)(J,{"data-e2e":"comment-emoji-group",children:(0,a.jsx)(te,{emojis:c.data,onSelect:n},c.name)}),(0,a.jsx)(ie,{emojiGroupIndex:s,setEmojiGroupIndex:r})]})})})),oe=({onClickOpenEmojiPanel:e,onSelectEmoji:t,teaParams:i})=>{const[n,s]=(0,o.useState)(!1),r=(0,o.useCallback)((e=>{var a;null==t||t(e),s(!1),c.ao.handleEmojiSelect(Object.assign(Object.assign({},i),{enter_method:"button",emoji_code:(a=e,[...a].map((e=>`${e.codePointAt(0)}`)))[0]}))}),[t,s,i]);return(0,a.jsx)(ae,{open:n,setIsOpen:s,onSelectEmoji:r,trigger:(0,a.jsx)(K,{isActive:n,setIsActive:s,onClickOpenEmojiPanel:e})})};var ne=i(62413),se=i(11983),re=i(95197),le=i(87652),ce=i(58305),de=i(78662),ue=i(88920),me=i(53764),ge=i(64231);const he=(0,i(47236).Ay)({resolved:{},chunkName:()=>"editor",isReady(e){const t=this.resolve(e);return!0===this.resolved[t]&&!i.m[t]},importAsync:()=>Promise.all([i.e(2939),i.e(9187),i.e(8395),i.e(6008)]).then(i.bind(i,81833)),requireAsync(e){const t=this.resolve(e);return this.resolved[t]=!1,this.importAsync(e).then((e=>(this.resolved[t]=!0,e)))},requireSync(e){const t=this.resolve(e);return i(t)},resolve:()=>81833});var pe=i(65329),je=i(72153);const be=(0,C.default)("div",{target:"exl80ic0"})((({theme:{colors:e}})=>({width:"100%",height:"100%",display:"flex",flexDirection:"column-reverse",backgroundColor:e.BGPrimary})),"label:DivEmojiSuggestionContainer;"),fe=(0,C.default)("ul",{target:"exl80ic1"})((({theme:{colors:e}})=>({listStyleType:"none",margin:0,padding:0,order:1,flex:"0 0 38px",borderTop:`1px solid ${e.LineSecondary}`,display:"flex",flexDirection:"row"})),"label:UlNavContainer;"),ve=(0,C.default)("div",{target:"exl80ic2"})((({theme:{colors:e}})=>({order:2,flex:"1 1 100%",overflowY:"scroll",scrollbarWidth:"none","::-webkit-scrollbar":{width:4},"::-webkit-scrollbar-track":{marginTop:8},"::-webkit-scrollbar-thumb":{borderRadius:2,backgroundColor:e.LineSecondary},":hover::-webkit-scrollbar-thumb":{backgroundColor:e.TextQuaternary}})),"label:DivPanelContainer;"),xe=(0,C.default)("ul",{target:"exl80ic3"})({listStyleType:"none",margin:0,padding:0,width:"100%",height:"100%",display:"flex",flexWrap:"wrap"},"label:UlPanelList;"),_e=(0,C.default)("li",{target:"exl80ic4"})((({theme:e,theme:{colors:t},isActive:i})=>[(0,je.zy)({theme:e,color:"ConstBGInverse",typography:"H4"}),{listStyleType:"none",flex:"0 0 auto",width:40,height:40,lineHeight:"46px",margin:"5px 6px",cursor:"pointer",textAlign:"center",backgroundColor:i?t.BGInput:t.BGPrimary,borderRadius:8,":hover":{backgroundColor:t.BGInput}}]),"label:LiItem;"),ye=(0,o.memo)((function({emojis:e,onSelect:t}){const i=(0,o.useRef)(-1),n=(0,o.useCallback)((e=>{const t=e.target;if("li"===t.nodeName.toLocaleLowerCase()){const e=t.getAttribute("data-index");i.current=e?Number(e):-1}}),[]),s=(0,o.useCallback)((()=>{var e,t;if("li"===(null===(e=document.activeElement)||void 0===e?void 0:e.nodeName.toLocaleLowerCase())){const e=null===(t=document.activeElement)||void 0===t?void 0:t.getAttribute("data-index");i.current=e?Number(e):-1}}),[]),r=(0,o.useCallback)((a=>{(0,ce.Gu)(a);const o=i.current;-1!==o&&t(e[o].emoji)}),[e,t]),l=(0,o.useCallback)((a=>{if(13===a.keyCode||32===a.keyCode){a.stopPropagation(),a.preventDefault();const o=i.current;-1!==o&&t(e[o].emoji)}}),[e,t]);return(0,a.jsx)(xe,{onMouseOver:n,onClick:r,onKeyDown:l,children:e.map(((e,t)=>(0,a.jsx)(_e,{"data-index":t,isActive:!1,tabIndex:0,onFocus:s,children:e.emoji},e.alias)))})})),we=[{name:"basic",data:pe.A,iconIndex:11}],ke=(0,o.memo)((function(e){const[t,i]=(0,o.useState)(0),n=(0,o.useCallback)((e=>{(0,ce.Gu)(e);const t=e.target;if("li"===t.nodeName.toLocaleLowerCase()){const e=t.getAttribute("data-index");i(e?Number(e):0)}}),[]);return(0,a.jsxs)(be,{children:[(0,a.jsx)(fe,{onClick:n,role:"tablist",children:we.map((({name:e,data:i,iconIndex:o},n)=>(0,a.jsx)(_e,{"data-index":n,isActive:n===t,role:"tab",tabIndex:0,"aria-selected":n===t,"aria-controls":"emoji-panel-container",children:i[o].emoji},e)))}),(0,a.jsx)(ve,{"data-e2e":"comment-emoji-group",children:(0,a.jsx)(ye,{emojis:we[t].data,onSelect:e.onSelect},we[t].name)})]})}));var Ce=i(67518),Ie=i(90159),Se=i(10745),Oe=i(50289),Pe=i(92846);const De=(0,C.default)("div",{target:"e16bf9xh0"})((({theme:{colors:e}})=>({width:"100%",height:"100%",overflowX:"hidden",overflowY:"scroll",backgroundColor:e.BGPrimary,scrollbarWidth:"none","::-webkit-scrollbar":{width:0}})),"label:DivContainer;"),Ae=(0,C.default)("div",{target:"e16bf9xh1"})({display:"flex",flexDirection:"column",alignItems:"center"},"label:DivNotItemContainer;"),Ee=(0,C.default)("p",{target:"e16bf9xh2"})((({theme:e})=>(0,je.zy)({theme:e,color:"TextTertiary",typography:"H6"})),{flex:"1 1 auto",margin:"18px auto"},"label:PLoadingText;"),Te=(0,C.default)("p",{target:"e16bf9xh3"})((({theme:e})=>(0,je.zy)({theme:e,color:"TextTertiary",typography:"H5"})),{flex:"1 1 auto",marginTop:106},"label:PErrorText;"),Re=(0,C.default)("p",{target:"e16bf9xh4"})((({theme:e})=>(0,je.zy)({theme:e,color:"Primary",typography:"H6"})),{flex:"1 1 auto",margin:"11px auto",cursor:"pointer"},"label:PRetryText;"),Le=(0,C.default)("div",{target:"e16bf9xh5"})((({theme:{colors:e},isDisabled:t})=>({height:"100%",padding:"4px 0",margin:"0 16px",display:"flex",cursor:t?"default":"pointer",borderBottom:`1px solid ${e.LineSecondary}`})),"label:DivItemContainer;"),ze=(0,C.default)("div",{target:"e16bf9xh6"})((({theme:{colors:e},isActive:t,isDisabled:i})=>({height:48,backgroundColor:t?e.BGView:e.BGPrimary,opacity:i?.34:1})),"label:DivItemBackground;"),Fe=(0,C.default)("div",{target:"e16bf9xh7"})([{flex:"1 1 auto",overflow:"hidden"},({theme:{direction:e}})=>(0,je.mp)({direction:e,marginStart:8})],"label:DivInfoContainer;"),Ue=(0,C.default)("p",{target:"e16bf9xh8"})([{display:"flex",alignItems:"center"}],"label:PMentionInfoLine;"),Be=(0,C.default)("span",{target:"e16bf9xh9"})((({theme:e})=>(0,je.zy)({theme:e,fontWeight:"semiBold",typography:"P3"})),je.PR,"label:SpanInfoNickname;"),Me=(0,C.default)("span",{target:"e16bf9xh10"})((({theme:e})=>(0,je.zy)({theme:e,fontWeight:"normal",typography:"P4"})),je.PR,"label:SpanInfoUniqueId;"),Ne=(0,C.default)("span",{target:"e16bf9xh11"})({margin:"0px 4px"},"label:SpanInfoDot;"),Ge=(0,C.default)("span",{target:"e16bf9xh12"})({fontSize:"10px"},"label:SpanInfoVerify;"),We=(0,C.default)("span",{target:"e16bf9xh13"})((({theme:e})=>(0,je.zy)({theme:e,color:"TextTertiary",fontWeight:"semiBold",typography:"P4"})),{verticalAlign:"middle",flexShrink:0},"label:SpanInfoFollowing;"),qe=(0,o.memo)((function({isActive:e,index:t,user:i}){var n;const s=(0,y.s)(),{user:r}=null!==(n=(0,_.W)((()=>["user"]),[]))&&void 0!==n?n:{},{nickname:l,uniqueId:c,verified:d,relation:u,avatarThumb:m,blockType:g}=i,h=(0,o.useMemo)((()=>1===u||2===u),[u]),p=1===g||c===(null==r?void 0:r.uniqueId),{setActiveItem:j}=f(),b=(0,o.useCallback)((()=>{j({index:t,isActivatedByMouse:!0})}),[j,t]),v=(0,o.useCallback)((()=>{b()}),[b]);return(0,a.jsx)(ze,{"data-e2e":"comment-at-list",isActive:e,isDisabled:p,onMouseEnter:b,tabIndex:0,onFocus:v,children:(0,a.jsxs)(Le,{isDisabled:p,children:[(0,a.jsx)(Pe.e,{size:40,src:m,style:{flex:"0 0 40px"}}),(0,a.jsxs)(Fe,{children:[(0,a.jsxs)(Ue,{children:[(0,a.jsx)(Be,{"data-e2e":"comment-at-nickname",children:l}),d&&(0,a.jsx)(Ge,{children:(0,a.jsx)(Oe.s,{})}),h&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(Ne,{children:"·"}),(0,a.jsx)(We,{children:s("Following")})]})]}),(0,a.jsx)(Ue,{children:(0,a.jsx)(Me,{"data-e2e":"comment-at-uniqueid",children:c})})]})]})})}));var He=i(45446);const $e=(0,o.memo)((function({keyword:e="",onSelect:t}){var i;const n=(0,y.s)(),{colors:s}=(0,Ce.u)(),{user:r}=null!==(i=(0,_.W)((()=>["user"]),[]))&&void 0!==i?i:{},{secUid:l=""}=(0,k.L$)(r),[{loading:d,isFetchError:u,activeList:m,activeItem:g,recentCount:h},{fetchDefaultResult:p,fetchSearchResult:j}]=b((e=>({loading:e.loading,isFetchError:e.isFetchError,activeList:e.activeList,activeItem:e.activeItem,recentCount:e.recentCount})),w.bN),{index:f}=g,v=(0,o.useRef)(null),x=(0,o.useRef)([]);(0,o.useEffect)((()=>{p({secUid:l})}),[p,l]),(0,o.useEffect)((()=>{""===e?p({secUid:l}):j(e)}),[e,l,p,j]),(0,o.useEffect)((()=>{const{index:e,isActivatedByMouse:t}=g;t||function(e,t){if(null===t||-1===t||null===e.current)return;const i=48*t,a=48*(t+1),o=e.current.clientHeight,{scrollTop:n}=e.current;i<n?e.current.scrollTop=i:a>o+n&&(e.current.scrollTop=a-o)}(v,e)}),[g]);const C=(0,o.useCallback)((()=>""!==e&&j(e)),[j,e]);(0,Se.O9)({elemRef:v,onHitBottom:C,bottomThreshold:96});const I=(0,o.useCallback)((t=>{(0,ce.Gu)(t),""===e?p({secUid:l}):j(e)}),[l,p,j,e]),S=(0,o.useCallback)((e=>{(0,ce.Gu)(e),null==t||t()}),[t]),O=(0,o.useCallback)((t=>{m.slice(t,t+5).forEach(((i,a)=>{if(x.current[t+a])return;const{blockType:o,uniqueId:n,id:s,relation:l}=i,d=1===o||n===(null==r?void 0:r.uniqueId);let u="all_user";!e&&t+a<h?u="recent":1===l?u="following":2===l&&(u="friends"),c.ao.handleMentionItemShow({to_user_id:s,user_type:u,search_keyword:e,is_valid:d?"0":"1"}),x.current[t+a]=!0}))}),[m,null==r?void 0:r.uniqueId,e,h]),P=(0,Ie._g)((e=>{const{scrollTop:t}=e.target,i=Math.floor(t/48);O(i)}),[O],50);return(0,o.useEffect)((()=>{O(0)}),[O]),d?(0,a.jsx)(De,{children:(0,a.jsxs)(Ae,{children:[(0,a.jsx)(He.h,{size:26,fill:s.TextTertiary,style:{marginTop:80,flex:"1 1 auto"}}),(0,a.jsx)(Ee,{children:n("comment_at_search")})]})}):u?(0,a.jsx)(De,{children:(0,a.jsxs)(Ae,{children:[(0,a.jsx)(Te,{children:n("comment_at_load")}),(0,a.jsx)(Re,{onClick:I,children:n("comment_at_tryagain")})]})}):(0,a.jsx)(De,{ref:v,onClick:S,onScroll:P,children:m.map(((e,t)=>(0,a.jsx)(qe,{user:e,index:t,isActive:f===t},t)))})}));var Ke=i(34251),Ve=i(30543),Xe=i(93811);const Ye=(0,o.memo)((function({itemId:e,disable:t,teaParams:i,childInputRef:l,isReply:d,isCommentRedesign:u,onBlur:m=()=>{},onFocus:g=()=>{},onClose:h=()=>{},useNewPopover:p}){var j;const{user:f}=null!==(j=(0,_.W)((()=>["user"]),[]))&&void 0!==j?j:{},[{activeItem:v,activeList:x},{activePrev:k,activeNext:C}]=b((({activeItem:e,activeList:t})=>({activeItem:e,activeList:t})),w.bN),{shouldOptimizeReply:I}=(0,ue.kb)(),[S,O]=(0,o.useState)(!1),{index:P}=v,D=(0,Xe.Em)(d),A=(0,Xe.WA)(),{publishComment:E,setNeedResetKeyword:T,setIsInputFocus:R}=(0,le.$4)(),[L,z]=(0,o.useState)(null),[F,U]=(0,o.useState)(!1),B=(0,o.useRef)(null),M=(0,o.useRef)(null),N=null!=l?l:M,G=(0,y.s)(),[W,q]=(0,o.useState)(!1);(0,o.useEffect)((()=>{q(!0)}),[]);const $=(0,o.useCallback)((e=>{var t;(0,ce.Gu)(e),null===(t=N.current)||void 0===t||t.handleInsertMentionTrigger(),c.ao.handleSearchAt(Object.assign(Object.assign({},i),{enter_method:"button"}))}),[i]),K=(0,o.useCallback)((e=>{var t;13!==e.keyCode&&32!==e.keyCode||(e.stopPropagation(),e.preventDefault(),null===(t=N.current)||void 0===t||t.handleInsertMentionTrigger(),c.ao.handleSearchAt(Object.assign(Object.assign({},i),{enter_method:"button"})))}),[i]),V=(0,o.useCallback)((e=>{"@"===e&&c.ao.handleSearchAt(Object.assign(Object.assign({},i),{enter_method:"input"}))}),[i]),X=(0,o.useCallback)((()=>{var e;if(null===L||null===P)return;const t=x[P];t&&(1!==t.blockType?t.uniqueId!==(null==f?void 0:f.uniqueId)?(null===(e=N.current)||void 0===e||e.handleSelectUser(t),c.ao.handleSelectAt(Object.assign(Object.assign({},i),{to_user_id:t.id}))):se.F.open({content:G("no_at_me"),duration:3,widthType:"half",getContainer:me.M,getContainerPosition:"fixed"}):se.F.open({content:G("mention_privacy_toast_cant_mention"),duration:3,widthType:"half",getContainer:me.M,getContainerPosition:"fixed"}))}),[P,x,L,G,i,f]),Y=(0,o.useCallback)((e=>{var t,a,o;null===(t=N.current)||void 0===t||t.handleSelectEmoji(e),U(!1),c.ao.handleEmojiSelect(Object.assign(Object.assign({},i),{enter_method:"button",emoji_code:null===(o=e,a=[...o].map((e=>`${e.codePointAt(0)}`)))||void 0===a?void 0:a[0]}))}),[i]),Q=(0,o.useCallback)((e=>{var t;(0,ce.Gu)(e),U(!F),z(null),p||null===(t=N.current)||void 0===t||t.focus()}),[F,p]),J=(0,o.useCallback)((e=>{13===e.keyCode||32===e.keyCode?(e.stopPropagation(),e.preventDefault(),U(!F),z(null)):F&&27===e.keyCode&&(e.stopPropagation(),e.preventDefault(),U(!1),z(null))}),[F]),Z=(0,o.useCallback)((e=>{F&&27===e.keyCode&&(e.stopPropagation(),e.preventDefault(),U(!1),z(null))}),[F]),ee=(0,o.useCallback)((t=>()=>{var a,o;if(!D){const n=null!==(o=null===(a=N.current)||void 0===a?void 0:a.getTextInfo())&&void 0!==o?o:{inputText:"",textExtra:[]};E(Object.assign(Object.assign({awemeId:e,isReplyComment:d,shouldOptimizeReply:I,isCommentRedesign:u},n),{teaParams:Object.assign(Object.assign({},i),{play_mode:"browser_mode",enter_method:t})}))}}),[D,e,E,i]),te=null!==L&&!F,ie=(0,o.useCallback)((e=>t=>{D||13!==t.keyCode&&32!==t.keyCode||(t.stopPropagation(),t.preventDefault(),ee(e)())}),[D,ee]),ae=(0,o.useCallback)((e=>{I?O(e):R(e)}),[I]),pe=(0,o.useCallback)((()=>{ae(!0),g()}),[g]),je=(0,o.useCallback)((()=>{ae(!1),m(),ne.E.handleCloseText({group_id:i.group_id})}),[m,i.group_id]),be=(0,o.useCallback)((()=>{ne.E.handleEnterText({group_id:i.group_id})}),[i.group_id]),fe=(0,ge.i)({upHandler:k,downHandler:C,confirmHandler:X});(0,o.useEffect)((()=>{const e=()=>{F&&U(!1),T(!0)};return document.addEventListener("click",e),()=>{document.removeEventListener("click",e)}}),[F,T]);const{pathname:ve}=(0,n.useLocation)(),xe=(0,de.Fj)(ve);return(0,a.jsxs)(Ke.eX,{isReply:d,children:[(0,a.jsx)(Ke.FS,{children:(0,a.jsxs)(Ke.uI,{isInVideoDetail:xe,isFocus:I?S:A,onKeyDown:fe,onFocus:pe,onBlur:je,onClick:be,children:[(0,a.jsx)(Ke.u_,{isInVideoDetail:xe,children:W?(0,a.jsx)(he,{isReply:d,ref:N,disable:t,onKeywordChange:z,onPost:ee("input"),onInputTrigger:V}):null}),p?(0,a.jsx)(H,{keyword:L,setIsActive:e=>{var t;z(e?null!=L?L:"":null),e&&(null===(t=N.current)||void 0===t||t.handleInsertMentionTrigger())},onSelectUser:e=>{var t;return null===(t=N.current)||void 0===t?void 0:t.handleSelectUser(e)},teaParams:i}):(0,a.jsx)(re.m,{fullscreenAdjust:!0,overlay:G("comment_tray_at"),children:(0,a.jsx)(Ke.az,{"aria-label":G("comment_tray_at"),"aria-expanded":te,role:"button",isInVideoDetail:xe,onClick:$,onKeyDown:K,tabIndex:0,children:(0,a.jsx)(s.A,{})})}),p?(0,a.jsx)(oe,{onClickOpenEmojiPanel:Q,onSelectEmoji:Y,teaParams:i}):(0,a.jsx)(re.m,{fullscreenAdjust:!0,overlay:G("comment_tray_emoji"),children:(0,a.jsx)(Ke.gI,{"aria-label":G("comment_tray_emoji"),"aria-expanded":F,role:"button",isInVideoDetail:xe,isActive:F,onClick:Q,onKeyDown:J,tabIndex:0,children:(0,a.jsx)(r.A,{})})}),!p&&te?(0,a.jsx)(Ke.Nm,{"data-e2e":"comment-at-user",show:x.length>0,children:(0,a.jsx)($e,{keyword:L,onSelect:X})}):null,!p&&F?(0,a.jsx)(Ke.To,{"data-e2e":"comment-emoji-list",ref:B,onKeyDown:Z,children:(0,a.jsx)(ke,{onSelect:Y})}):null]})}),(0,a.jsx)(Ke.gC,{isReply:d,"aria-disabled":D,"aria-label":G("comment_tray_btn"),role:"button",isInVideoDetail:xe,isActive:!D,onClick:ee("button"),onKeyDown:ie("button"),tabIndex:0,children:G("comment_tray_btn")}),d&&(0,a.jsx)(Ke.EX,{onClick:h,isInVideoDetail:xe,children:(0,a.jsx)(Ve.g,{size:20})})]})}))},34251:(e,t,i)=>{i.d(t,{EX:()=>b,FS:()=>s,Nm:()=>p,To:()=>j,az:()=>m,eX:()=>n,gC:()=>h,gI:()=>g,uI:()=>c,u_:()=>d});var a=i(62186),o=i(72153);const n=(0,a.default)("div",{target:"e1rzzhjk0"})((({isReply:e})=>({display:"flex",flexDirection:"row",alignItems:"flex-end",marginBottom:e?"16px":""})),"label:DivCommentInputContainer;"),s=(0,a.default)("div",{target:"e1rzzhjk1"})({flex:"1 1 auto"},"label:DivLayoutContainer;"),r="48px",l="39px",c=(0,a.default)("div",{target:"e1rzzhjk2"})((({theme:{colors:e},isFocus:t,isInVideoDetail:i})=>[{position:"relative",display:"flex",flexDirection:"row",alignItems:"end",backgroundColor:e.BGInput,boxSizing:"border-box",border:"1px solid",borderColor:t?e.LinePrimary:"transparent",borderRadius:8,padding:i?"0 9px 0 16px":"0 9px",cursor:"text"}]),"label:DivInputAreaContainer;");c.defaultProps=Object.assign(Object.assign({},c.defaultProps),{"data-e2e":"comment-input"});const d=(0,a.default)("div",{target:"e1rzzhjk3"})((({isInVideoDetail:e=!1})=>({flex:"1 1 auto",height:"auto",margin:e?"11px 0":"10px 0",marginInlineEnd:"8px",alignSelf:"center",":has(> .multiline-input)":{alignSelf:"end"}})),"label:DivInputEditorContainer;");function u({theme:e,isActive:t=!1,isInVideoDetail:i=!1}){return[{flex:"0 0 32px",width:32,height:32,padding:5,margin:i?"7px 3px":3,cursor:"pointer",backgroundColor:t?e.colors.ShadowPrimary:"transparent",borderRadius:8,":hover":{backgroundColor:e.colors.ShadowPrimary},svg:{width:"100%",height:"100%"}}]}d.defaultProps=Object.assign(Object.assign({},d.defaultProps),{"data-e2e":"comment-text"});const m=(0,a.default)("div",{target:"e1rzzhjk4"})(u,"label:DivMentionButton;");m.defaultProps=Object.assign(Object.assign({},m.defaultProps),{"data-e2e":"comment-at-icon"});const g=(0,a.default)("div",{target:"e1rzzhjk5"})(u,"label:DivEmojiButton;");g.defaultProps=Object.assign(Object.assign({},g.defaultProps),{"data-e2e":"comment-emoji-icon"});const h=(0,a.default)("div",{target:"e1rzzhjk6"})((({theme:e,isActive:t,isInVideoDetail:i=!1})=>[(0,o.zy)({theme:e,color:t?"Primary":"TextQuaternary",typography:"H6",fontWeight:"semiBold"}),{cursor:t?"pointer":"default",flex:"0 0 48px",fontSize:i?"16px":"14px",lineHeight:i?r:l,textAlign:(0,o.t7)(e.direction,"end")},({isReply:t})=>(0,o.mp)({direction:e.direction,marginEnd:t?16:4})]),"label:DivPostButton;");h.defaultProps=Object.assign(Object.assign({},h.defaultProps),{"data-e2e":"comment-post"});const p=(0,a.default)("div",{target:"e1rzzhjk7"})((({show:e,theme:{colors:t,direction:i}})=>[{position:"absolute",zIndex:1,width:280,height:256,top:-256,borderRadius:8,overflow:"hidden",backgroundColor:t.BGPrimary,boxShadow:`${t.ShadowPrimary} 0px 4px 16px 0px`,display:e?"block":"none"},(0,o.mp)({direction:i,start:44})]),"label:DivMentionSuggestionContainer;"),j=(0,a.default)("div",{target:"e1rzzhjk9"})((({theme:{colors:e,direction:t}})=>[{position:"absolute",width:368,height:300,top:-300,borderRadius:8,overflow:"hidden",backgroundColor:e.BGPrimary,boxShadow:`${e.ShadowPrimary} 0px 4px 16px 0px`,outline:0,zIndex:1},(0,o.mp)({direction:t,end:12})]),"label:DivEmojiPanelContainer;"),b=(0,a.default)("div",{target:"e1rzzhjk10"})((({isInVideoDetail:e,theme:t})=>({cursor:"pointer",display:"flex",alignItems:"center",height:e?r:l,color:t.colors.TextPrimary})),"label:DivCloseBtn;")},94901:(e,t,i)=>{i.d(t,{Ky:()=>c,T1:()=>s,_4:()=>d,mM:()=>n});var a=i(62186),o=i(72153);const n=(0,a.default)("div",{target:"ekjxngi0"})((({noBorderTop:e,noBackgroundColor:t,theme:i,overflowVisible:a,inDetailPage:o=!1})=>({width:"100%",boxSizing:"border-box",backgroundColor:t?"":i.colors.BGCreation3,borderTop:e?"none":`1px solid ${i.colors.LinePrimary2}`,borderBottom:o?"none":`1px solid ${i.colors.LinePrimary2}`,overflowY:a?"visible":"hidden",overflowX:a?"visible":"hidden",flexGrow:1,position:"relative",paddingBottom:o?"30px":"",display:"flex",flexDirection:"column"})),"label:DivCommentContainer;"),s=(0,a.default)("div",{target:"ekjxngi2"})((({theme:e,marginTop:t})=>[(0,o.zy)({theme:e,typography:"P3",fontWeight:"normal",color:"TextTertiary"}),{marginTop:t?"40px":0,width:"100%",padding:"0 16px",boxSizing:"border-box",display:"flex",justifyContent:"center",alignItems:"center"}]),"label:DivEmpty;"),r="32px",l="24px",c=(0,a.default)("div",{target:"ekjxngi3"})((({inDetailPage:e=!1,shouldOptimizeCta:t,overflowVisible:i,seoExpVidGroup:a})=>Object.assign({width:"100%",overflowY:i?"visible":"auto",overflowX:i?"visible":"hidden",flexGrow:1,position:"relative",padding:e?"0 0 24px":`0 ${t?l:r} 24px`,":first-of-type":{paddingTop:"24px"}},"v2"===a?{display:"none"}:{})),"label:DivCommentListContainer;"),d=(0,a.default)("div",{target:"ekjxngi4"})((({shouldOptimizeCta:e})=>[{marginLeft:`-${e?l:r}`,marginRight:`-${e?l:r}`}]),"label:DivProfileWrapper;")},43223:(e,t,i)=>{i.d(t,{DL:()=>h,HW:()=>p,dp:()=>m,sk:()=>g});var a=i(40099),o=i(93608),n=i(65365),s=i(98910),r=i(60072),l=i(48868),c=i(84908),d=i(32125),u=i(57431);function m({itemId:e,cid:t,onShow:i}){var a;const{language:o}=(0,u.x)(),n=(0,r.F3)((t=>{var i,a;return null!==(a=null===(i=t[e])||void 0===i?void 0:i.author)&&void 0!==a?a:""}),d.bN),m=(0,l.Tq)((e=>e[t]),d.bN),g=(0,c.nW)((e=>{var t,i;return null===(i=e.users[null!==(t=null==m?void 0:m.user)&&void 0!==t?t:""])||void 0===i?void 0:i.secUid}),d.bN),h=(0,r.F3)((t=>t[e]),d.bN),p=(0,c.nW)((e=>{var t;return e.users[null!==(t=null==h?void 0:h.author)&&void 0!==t?t:""]}),d.bN),{handleShowReport:j}=(0,s.Ah)({onShow:i,reportTarget:{lang:o,report_type:"comment",comment_with_emoji:/\[(\w+)\]/g.test(null!==(a=null==m?void 0:m.text)&&void 0!==a?a:"")?1:0,object_id:t,owner_id:null!=g?g:"",object_owner_id:null!=g?g:"",video_owner_id:n,video_id:e,video_owner:p}});return j}function g(){return{handleShowReport:(0,a.useCallback)((({word:e,id:t,wordId:i,logId:a,searchPosition:s,enterFrom:r})=>{const l={search_position:s,video_page_type:"browser_mode",enter_group_id:t,enter_from:r,words_source:"comment_related_search",previous_page:o.f.commonParams.previous_page,impr_id:null!=a?a:""};n.$G.handleTrendingShow(Object.assign({words_num:1,raw_query:""},l)),n.$G.handleTrendingWordsShow(Object.assign({words_content:e,words_position:0,group_id:i,words_type:""},l))}),[]),handleClickReport:(0,a.useCallback)((({word:e,id:t,wordId:i,logId:a,searchPosition:s,enterFrom:r})=>{n.$G.handleTrendingWordsClick({enter_from:r,words_source:"comment_related_search",words_content:e,previous_page:o.f.commonParams.previous_page,words_position:0,enter_group_id:t,group_id:i,impr_id:null!=a?a:"",words_type:"",search_position:s,video_page_type:"browser_mode"})}),[])}}function h(){return{handleShowReport:(0,a.useCallback)((({id:e,word:t,wordId:i})=>{n.$G.handleCommentRelatedSearchBoardShow({enter_group_id:e,board_type:"pc",group_id:i,words_content:t})}),[]),handleClickReport:(0,a.useCallback)((({id:e,word:t,wordId:i,detail:a})=>{n.$G.handleCommentRelatedSearchBoardClick({enter_group_id:e,board_type:"pc",group_id:i,words_content:t,click_detail:a})}),[])}}function p(){return{handleShowReport:(0,a.useCallback)((e=>{const{words_content:t,comment_id:i,enter_group_id:a,video_page_type:s,impr_id:r,group_id:l,search_position:c,enter_from:d}=e;n.$G.handleTrendingWordsShow({enter_from:d,search_position:c,words_source:"comment_highlighted_words",words_content:t,previous_page:o.f.commonParams.previous_page,comment_id:i,enter_group_id:a,video_page_type:s,page_name:o.f.commonParams.page_name,impr_id:r,group_id:l})}),[]),handleClickReport:(0,a.useCallback)((e=>{const{words_content:t,comment_id:i,enter_group_id:a,video_page_type:s,impr_id:r,group_id:l,search_position:c,enter_from:d}=e;n.$G.handleTrendingWordsClick({enter_from:d,search_position:c,video_page_type:s,words_source:"comment_highlighted_words",words_content:t,enter_group_id:a,previous_page:o.f.commonParams.previous_page,comment_id:i,page_name:o.f.commonParams.page_name,impr_id:r,group_id:l})}),[])}}},62413:(e,t,i)=>{i.d(t,{E:()=>o});var a=i(93608);const o={handleEnterText:e=>{a.f.sendEvent("enter_text",e)},handleCloseText:e=>{a.f.sendEvent("close_text",e)}}},65329:(e,t,i)=>{i.d(t,{A:()=>a});const a=[{emoji:"😀",alias:"grinning"},{emoji:"😃",alias:"smiley"},{emoji:"😄",alias:"smile"},{emoji:"😁",alias:"grin"},{emoji:"😆",alias:"laughing"},{emoji:"😅",alias:"sweat_smile"},{emoji:"🤣",alias:"rofl"},{emoji:"😂",alias:"joy"},{emoji:"🙂",alias:"slightly_smiling_face"},{emoji:"🙃",alias:"upside_down_face"},{emoji:"😉",alias:"wink"},{emoji:"😊",alias:"blush"},{emoji:"😇",alias:"innocent"},{emoji:"😍",alias:"heart_eyes"},{emoji:"😘",alias:"kissing_heart"},{emoji:"😗",alias:"kissing"},{emoji:"😚",alias:"kissing_closed_eyes"},{emoji:"😙",alias:"kissing_smiling_eyes"},{emoji:"😋",alias:"yum"},{emoji:"😛",alias:"stuck_out_tongue"},{emoji:"😜",alias:"stuck_out_tongue_winking_eye"},{emoji:"😝",alias:"stuck_out_tongue_closed_eyes"},{emoji:"🤑",alias:"money_mouth_face"},{emoji:"🤗",alias:"hugs"},{emoji:"🤔",alias:"thinking"},{emoji:"🤐",alias:"zipper_mouth_face"},{emoji:"😐",alias:"neutral_face"},{emoji:"😑",alias:"expressionless"},{emoji:"😶",alias:"no_mouth"},{emoji:"😏",alias:"smirk"},{emoji:"😒",alias:"unamused"},{emoji:"🙄",alias:"roll_eyes"},{emoji:"😬",alias:"grimacing"},{emoji:"🤥",alias:"lying_face"},{emoji:"😌",alias:"relieved"},{emoji:"😔",alias:"pensive"},{emoji:"😪",alias:"sleepy"},{emoji:"🤤",alias:"drooling_face"},{emoji:"😴",alias:"sleeping"},{emoji:"😷",alias:"mask"},{emoji:"🤒",alias:"face_with_thermometer"},{emoji:"🤕",alias:"face_with_head_bandage"},{emoji:"🤢",alias:"nauseated_face"},{emoji:"🤧",alias:"sneezing_face"},{emoji:"😵",alias:"dizzy_face"},{emoji:"🤠",alias:"cowboy_hat_face"},{emoji:"😎",alias:"sunglasses"},{emoji:"🤓",alias:"nerd_face"},{emoji:"😕",alias:"confused"},{emoji:"😟",alias:"worried"},{emoji:"🙁",alias:"slightly_frowning_face"},{emoji:"😮",alias:"open_mouth"},{emoji:"😯",alias:"hushed"},{emoji:"😲",alias:"astonished"},{emoji:"😳",alias:"flushed"},{emoji:"😦",alias:"frowning"},{emoji:"😧",alias:"anguished"},{emoji:"😨",alias:"fearful"},{emoji:"😰",alias:"cold_sweat"},{emoji:"😥",alias:"disappointed_relieved"},{emoji:"😢",alias:"cry"},{emoji:"😭",alias:"sob"},{emoji:"😱",alias:"scream"},{emoji:"😖",alias:"confounded"},{emoji:"😣",alias:"persevere"},{emoji:"😞",alias:"disappointed"},{emoji:"😓",alias:"sweat"},{emoji:"😩",alias:"weary"},{emoji:"😫",alias:"tired_face"},{emoji:"😤",alias:"triumph"},{emoji:"😡",alias:"rage"},{emoji:"😠",alias:"angry"},{emoji:"😈",alias:"smiling_imp"},{emoji:"👿",alias:"imp"},{emoji:"💀",alias:"skull"},{emoji:"💩",alias:"hankey"},{emoji:"🤡",alias:"clown_face"},{emoji:"👹",alias:"japanese_ogre"},{emoji:"👺",alias:"japanese_goblin"},{emoji:"👻",alias:"ghost"},{emoji:"👽",alias:"alien"},{emoji:"👾",alias:"space_invader"},{emoji:"🤖",alias:"robot"},{emoji:"😺",alias:"smiley_cat"},{emoji:"😸",alias:"smile_cat"},{emoji:"😹",alias:"joy_cat"},{emoji:"😻",alias:"heart_eyes_cat"},{emoji:"😼",alias:"smirk_cat"},{emoji:"😽",alias:"kissing_cat"},{emoji:"🙀",alias:"scream_cat"},{emoji:"😿",alias:"crying_cat_face"},{emoji:"😾",alias:"pouting_cat"}]}}]);