"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[2484],{27426:(e,t,i)=>{i.d(t,{A:()=>l});var a=i(24643),s=i(40099),o=i(84987);const n={id:"Magnifying_Glass_Fill-01e679c9",use:"Magnifying_Glass_Fill-01e679c9-usage",viewBox:"0 0 48 48",content:'<symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" id="Magnifying_Glass_Fill-01e679c9"><path fill-rule="evenodd" d="M36.75 32.5a18.4 18.4 0 0 0 3.42-10.67 18.34 18.34 0 1 0-7.66 14.92L39.76 44c.66.66.99.99 1.35 1.14a2 2 0 0 0 1.53 0c.37-.15.7-.48 1.36-1.14s.99-.99 1.14-1.36a2 2 0 0 0 0-1.53c-.15-.36-.48-.7-1.14-1.35l-7.25-7.25Zm-5.3-2.94-.84 1.05-1.05.84a12.34 12.34 0 1 1 1.9-1.9Z" clip-rule="evenodd" /></symbol>'};function l(e){const t=(0,s.useContext)(o.X);return(0,s.useLayoutEffect)((()=>(t.add(n),()=>{t.remove("Magnifying_Glass_Fill-01e679c9")})),[]),(0,a.jsx)("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor"},e,{children:(0,a.jsx)("use",{xlinkHref:"#Magnifying_Glass_Fill-01e679c9"},void 0)}),void 0)}},64917:(e,t,i)=>{i.d(t,{Cj:()=>j,Px:()=>c,b7:()=>m,em:()=>u});var a=i(8800),s=i(31209),o=i(7892),n=i(22220),l=i(18499),r=function(e,t,i,a){return new(i||(i=Promise))((function(s,o){function n(e){try{r(a.next(e))}catch(e){o(e)}}function l(e){try{r(a.throw(e))}catch(e){o(e)}}function r(e){var t;e.done?s(e.value):(t=e.value,t instanceof i?t:new i((function(e){e(t)}))).then(n,l)}r((a=a.apply(e,t||[])).next())}))};const c=-1,d=(0,o.p)("mentionSuggestionUserAtom@tiktok/webapp-atoms",{keyword:"",loading:!1,isFetchError:!1,defaultResult:{list:[]},searchResult:{list:[],hasMore:!0,uidFilterList:""},activeList:[],activeItem:{index:null,isActivatedByMouse:!1},recentCount:0}),{useAtomService:u,useServiceDispatchers:m,useServiceState:j}=(0,s.i)(d,((e,t)=>({setKeyword(e){t(d,(t=>Object.assign(Object.assign({},t),{keyword:e})))},setLoading(e){t(d,(t=>Object.assign(Object.assign({},t),{loading:e})))},setFetchError(e){t(d,(t=>Object.assign(Object.assign({},t),{isFetchError:e,searchResult:Object.assign(Object.assign({},t.searchResult),{hasMore:!e&&t.searchResult.hasMore})})))},setActiveList(e){t(d,(t=>Object.assign(Object.assign({},t),{activeList:e})))},setActiveItem(e){const{index:i,isActivatedByMouse:a=!1}=e;t(d,(e=>Object.assign(Object.assign({},e),{activeItem:{index:i,isActivatedByMouse:a}})))},activePrev(){const{activeItem:i,activeList:a}=e(d),{index:s}=i;if(null===s)return;const{length:o}=a;0!==o&&t(d,(e=>Object.assign(Object.assign({},e),{activeItem:{index:Math.max(0,s-1),isActivatedByMouse:!1}})))},activeNext(){const{activeItem:i,activeList:a}=e(d),{index:s}=i;if(null===s)return;const{length:o}=a;0!==o&&t(d,(e=>Object.assign(Object.assign({},e),{activeItem:{index:Math.min(s+1,o-1),isActivatedByMouse:!1}})))},setDefaultList(e){t(d,(t=>Object.assign(Object.assign({},t),{defaultResult:Object.assign(Object.assign({},t.defaultResult),{list:e}),activeList:e})))},setSearchResult(e){t(d,(t=>Object.assign(Object.assign({},t),{searchResult:e,activeList:0===e.list.length?t.defaultResult.list:e.list})))},setRecentCount(e){t(d,(t=>Object.assign(Object.assign({},t),{recentCount:e})))},fetchDefaultResult(i){return r(this,void 0,void 0,(function*(){const{secUid:s}=i,o=e(d);if(o.defaultResult.list.length>0)(0,l.unstable_batchedUpdates)((()=>{this.setActiveItem({index:c}),this.setKeyword(""),this.setActiveList(o.defaultResult.list)}));else{(0,l.unstable_batchedUpdates)((()=>{this.setLoading(!0),this.setFetchError(!1),this.setActiveItem({index:null})}));try{const[e,t]=yield Promise.all([(0,n.i_)(s),(0,n.fM)()]),{statusCode:i,userList:o=[]}=e,{status_code:r,user_list:d=[],block_results:u=[]}=t,m=(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,l.unstable_batchedUpdates)((()=>{if(0===i||0===r){const e=d.map((e=>(0,a.bg)(e))).map((e=>(u.some((t=>m(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:c}),this.setKeyword("")}))}catch(e){}finally{t(d,(e=>Object.assign(Object.assign({},e),{loading:!1,keyword:"",activeItem:{index:c,isActivatedByMouse:!1}})))}}}))},fetchSearchResult(i){return r(this,void 0,void 0,(function*(){const a=e(d),{keyword:s,searchResult:{uidFilterList:o,list:r,hasMore:u}}=a,m=i===s,j=m?o:"";if(""!==i&&(!m||u)){t(d,(e=>Object.assign(Object.assign({},e),{loading:!m,isFetchError:!1,activeItem:{index:m?a.activeItem.index:null,isActivatedByMouse:!1}})));try{const e=yield(0,n.dj)(i,j),{statusCode:t,userList:s=[],hasMore:o}=e;(0,l.unstable_batchedUpdates)((()=>{if(0===t||403===t||203===t){const e=m?[...r,...s]:s,t=encodeURIComponent(JSON.stringify(e.map((e=>e.id))));this.setSearchResult({list:e,hasMore:1===o,uidFilterList:t})}else this.setFetchError(!0);this.setLoading(!1),this.setKeyword(i),this.setActiveItem({index:m?a.activeItem.index:c})}))}catch(e){(0,l.unstable_batchedUpdates)((()=>{this.setLoading(!1),this.setFetchError(!0)}))}}}))}})))},14017:(e,t,i)=>{i.d(t,{R:()=>_});var a=i(24643),s=i(40099),o=i(5412),n=i(58542),l=i(25616),r=i(62186);const c=(0,r.default)(n.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?n.Tj4.UIShapeNeutral3:"transparent",":hover":{backgroundColor:n.Tj4.UIShapeNeutral3},svg:{width:"100%",height:"100%",minWidth:"1.5rem",minHeight:"1.5rem"}}}]),"label:StyledEmojiButton;");c.defaultProps=Object.assign(Object.assign({},c.defaultProps),{"data-e2e":"comment-emoji-icon"});const d=(0,s.forwardRef)((({isActive:e,setIsActive:t,onClickOpenEmojiPanel:i},o)=>{const r=(0,l.s)(),d=(0,s.useCallback)((e=>{e.stopPropagation(),e.preventDefault(),t((t=>(t||null==i||i(e),!t)))}),[t,i]),u=(0,s.useCallback)((e=>{e.stopPropagation(),"Enter"===e.key||" "===e.key?t((e=>!e)):"Escape"===e.key&&t(!1)}),[t]);return(0,a.jsx)(n.N0Y,{variant:"secondary",placement:"top",size:"small",content:r("comment_tray_emoji"),visible:!e&&void 0,children:(0,a.jsx)(c,{ref:o,label:"",variant:"secondary",leadingIcon:(0,a.jsx)(n.dpn,{}),"aria-label":r("comment_tray_emoji"),"aria-expanded":e,isActive:e,onClick:d,onKeyDown:u,tabIndex:0})})})),u=[{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 m=i(15936);const j=(0,r.default)("div",{target:"e1ja9a0q0"})((()=>({width:"21rem",height:"18rem",padding:"0.5rem",borderRadius:"0.75rem",display:"flex",flexDirection:"column",backgroundColor:n.Tj4.UISheetFlat1})),"label:DivEmojiPanelContainer;"),h=(0,r.default)("ul",{target:"e1ja9a0q1"})((()=>({listStyleType:"none",margin:0,padding:0,paddingTop:"0.5rem",borderTop:`1px solid ${n.Tj4.UISheetFlat3}`,display:"flex",flexDirection:"row"})),"label:UlEmojiGroupList;"),g=(0,r.default)("div",{target:"e1ja9a0q2"})((()=>({overflowY:"scroll","::-webkit-scrollbar":{width:4},"::-webkit-scrollbar-track":{marginTop:8},"::-webkit-scrollbar-thumb":{borderRadius:2,backgroundColor:n.Tj4.UIShapeNeutral4},":hover::-webkit-scrollbar-thumb":{backgroundColor:n.Tj4.UIShapeNeutral3},"@supports not selector(::-webkit-scrollbar)":{scrollbarWidth:"thin",scrollbarColor:n.Tj4.UIShapeNeutral4,scrollbarGutter:n.Tj4.UISheetFlat1}})),"label:DivEmojiListContainer;"),v=(0,r.default)("ul",{target:"e1ja9a0q3"})({width:"100%",height:"100%",margin:0,padding:0,display:"flex",flexWrap:"wrap",gap:"6px"},"label:UlEmojiList;"),b=(0,r.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?n.Tj4.UISheetFlat2:"transparent",borderRadius:"0.5rem",":hover":{backgroundColor:n.Tj4.UISheetFlat2}}]),"label:LiEmojiItem;"),p=(0,s.memo)((({emojis:e,onSelect:t})=>{const i=(0,s.useRef)(-1),o=(0,s.useCallback)((e=>{const t=e.target;if("li"===t.nodeName.toLocaleLowerCase()){const e=t.getAttribute("data-index");i.current=e?Number(e):-1}}),[]),n=(0,s.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}}),[]),l=(0,s.useCallback)((a=>{a.stopPropagation(),a.preventDefault();const s=i.current;-1!==s&&t(e[s].emoji)}),[e,t]),r=(0,m.B)(l,["Enter"," "]);return(0,a.jsx)(v,{onMouseOver:o,onClick:l,onKeyDown:r,children:e.map(((e,t)=>(0,a.jsx)(b,{"data-index":t,isActive:!1,tabIndex:0,onFocus:n,children:e.emoji},e.alias)))})})),f=({emojiGroupIndex:e,setEmojiGroupIndex:t})=>{const i=(0,s.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)(h,{onClick:i,role:"tablist",children:u.map((({name:t,data:i,iconIndex:s},o)=>(0,a.jsx)(b,{"data-index":o,isActive:o===e,role:"tab",tabIndex:0,"aria-selected":o===e,"aria-controls":"emoji-panel-container",children:i[s].emoji},t)))})},x=(0,s.memo)((({open:e,trigger:t,setIsOpen:i,onSelectEmoji:o})=>{const[l,r]=(0,s.useState)(0),c=(0,s.useMemo)((()=>u[l]),[l]),d=(0,s.useCallback)((t=>{t.stopPropagation(),e&&"Escape"===t.key&&i(!1)}),[e,i]);return(0,a.jsx)(n.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)(j,{onKeyDown:d,children:[(0,a.jsx)(g,{"data-e2e":"comment-emoji-group",children:(0,a.jsx)(p,{emojis:c.data,onSelect:o},c.name)}),(0,a.jsx)(f,{emojiGroupIndex:l,setEmojiGroupIndex:r})]})})})),_=({onClickOpenEmojiPanel:e,onSelectEmoji:t,teaParams:i})=>{const[n,l]=(0,s.useState)(!1),r=(0,s.useCallback)((e=>{var a;null==t||t(e),l(!1),o.ao.handleEmojiSelect(Object.assign(Object.assign({},i),{enter_method:"button",emoji_code:(a=e,[...a].map((e=>`${e.codePointAt(0)}`)))[0]}))}),[t,l,i]);return(0,a.jsx)(x,{open:n,setIsOpen:l,onSelectEmoji:r,trigger:(0,a.jsx)(d,{isActive:n,setIsActive:l,onClickOpenEmojiPanel:e})})}},79382:(e,t,i)=>{i.d(t,{j:()=>O});var a=i(24643),s=i(40099),o=i(5412),n=i(64917),l=i(49057),r=i(25616),c=i(32125),d=i(23237),u=i(58542),m=i(60484),j=i(5146),h=i(65047),g=i(26290),v=i(62186);const b=(0,v.default)("div",{target:"em9i2uj0"})({width:"18rem",height:"16rem",overflowX:"hidden",overflowY:"scroll",scrollbarWidth:"none",backgroundColor:u.Tj4.UISheetFlat1,borderRadius:"0.75rem"},"label:DivMentionSuggestionContainer;"),p=(0,v.default)("div",{target:"em9i2uj1"})({height:"100%",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:"1rem"},"label:DivNoDataContainer;"),f=(0,v.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 ${u.Tj4.UISheetFlat3}`,backgroundColor:e?u.Tj4.UISheetFlat2:"transparent",opacity:t?.34:1})),"label:DivMentionSuggestionItem;"),x=(0,v.default)("div",{target:"em9i2uj3"})({display:"flex",flexDirection:"column",overflow:"hidden"},"label:DivMentionUserInfo;"),_=(0,s.memo)((function({isActive:e,index:t,mentionUser:i,intersectionObserver:o}){var c;const{user:d}=null!==(c=(0,l.W)((()=>["user"]),[]))&&void 0!==c?c:{},{setActiveItem:m}=(0,n.b7)(),v=(0,r.s)(),b=(0,s.useRef)(null),{uniqueId:p,relation:_,blockType:y}=i,k=(0,s.useMemo)((()=>1===_||2===_),[_]),w=1===y||p===(null==d?void 0:d.uniqueId);(0,s.useEffect)((()=>{b.current&&o&&o.observe(b.current)}),[t,o]),(0,s.useEffect)((()=>{var t;e&&(null===(t=b.current)||void 0===t||t.scrollIntoView({block:"nearest",inline:"nearest",behavior:"smooth"}))}),[e]);const I=(0,s.useCallback)((()=>{m({index:t,isActivatedByMouse:!0})}),[m,t]),C=(0,s.useCallback)((()=>{I()}),[I]);return(0,a.jsxs)(f,{ref:b,"data-index":t,"data-e2e":"comment-at-list",isActive:e,isDisabled:w,onMouseEnter:I,onFocus:C,children:[(0,a.jsx)(j.A,{uniqueId:p,size:40,style:{flexBasis:"40px"}}),(0,a.jsxs)(x,{children:[(0,a.jsxs)(u.rxD,{gap:"0.25rem",alignItems:"center",children:[(0,a.jsx)(h.A,{"data-e2e":"comment-at-nickname",uniqueId:p,size:"P3",shouldUseNickname:!0,tuxTextProps:{weight:"normal"},style:{textWrap:"nowrap"}}),k?(0,a.jsxs)(a.Fragment,{children:["·",(0,a.jsx)(g.F.P4,{color:"UIText3",weight:"medium",children:v("Following")})]}):null]}),(0,a.jsx)(h.A,{"data-e2e":"comment-at-uniqueid",uniqueId:p,size:"P4",shouldShowVerifiedCheck:!1,tuxTextProps:{truncate:!0,weight:"normal"},style:{textWrap:"nowrap"}})]})]})})),y=({keyword:e,containerRef:t})=>{var i;const{user:r}=null!==(i=(0,l.W)((()=>["user"]),[]))&&void 0!==i?i:{},[{activeList:d,activeIndex:u,recentCount:m},{fetchSearchResult:j}]=(0,n.em)((e=>({activeList:e.activeList,activeIndex:e.activeItem.index,recentCount:e.recentCount})),c.bN),h=(0,s.useRef)(),g=(0,s.useRef)({}),v=(0,s.useCallback)((()=>{e&&j(e)}),[j,e]),b=(0,s.useCallback)((t=>{const i=d[t],{blockType:a,uniqueId:s,id:n,relation:l}=i,c=1===a||s===(null==r?void 0:r.uniqueId);let u="all_user";!e&&t<m?u="recent":1===l?u="following":2===l&&(u="friends"),o.ao.handleMentionItemShow({to_user_id:n,user_type:u,search_keyword:e,is_valid:c?"0":"1"})}),[d,e,m,null==r?void 0:r.uniqueId]),p=(0,s.useCallback)((e=>{var t;const i=e.target.getAttribute("data-index");if(!i)return;const a=Number(i);e.intersectionRatio>0&&!g.current[a]&&(b(a),null===(t=h.current)||void 0===t||t.unobserve(e.target)),d.length-a<3&&v()}),[d.length,v,b]);return(0,s.useEffect)((()=>(h.current=new IntersectionObserver((e=>e.forEach(p)),{root:t.current,threshold:1}),()=>{var e;return null===(e=h.current)||void 0===e?void 0:e.disconnect()})),[t,p]),(0,a.jsx)(a.Fragment,{children:d.map(((e,t)=>(0,a.jsx)(_,{mentionUser:e,index:t,isActive:u===t,intersectionObserver:h.current},e.id)))})},k=(0,s.memo)((()=>{const e=(0,r.s)();return(0,a.jsxs)(p,{children:[(0,a.jsx)(u.XWZ,{size:"small"}),(0,a.jsx)(g.F.P2,{children:e("comment_at_search")})]})})),w=(0,s.memo)((({keyword:e,secUid:t})=>{const{fetchDefaultResult:i,fetchSearchResult:o}=(0,n.b7)(),l=(0,r.s)(),c=(0,s.useCallback)((a=>{a.stopPropagation(),a.preventDefault(),""===e?i({secUid:t}):o(e)}),[t,i,o,e]);return(0,a.jsxs)(p,{children:[(0,a.jsx)(g.F.P1,{color:"UIText3",children:l("comment_at_load")}),(0,a.jsx)(u.I05,{label:l("comment_at_tryagain"),shape:"borderless",onClick:c})]})})),I=({keyword:e,open:t,setOpen:i,trigger:o,handleSelectUser:r})=>{var d;const{user:j}=null!==(d=(0,l.W)((()=>["user"]),[]))&&void 0!==d?d:{},{secUid:h=""}=(0,m.L$)(j),[{loading:g,isFetchError:v},{fetchDefaultResult:p,fetchSearchResult:f,activePrev:x,activeNext:_}]=(0,n.em)((e=>({loading:e.loading,isFetchError:e.isFetchError})),c.bN),I=(0,s.useRef)(null);(0,s.useEffect)((()=>{p({secUid:h})}),[p,h]),(0,s.useEffect)((()=>{null!==e&&(""===e?p({secUid:h}):f(e))}),[e,h,p,f]);const C=(0,s.useCallback)((e=>{e.stopPropagation(),e.preventDefault(),r()}),[r]),A=(0,s.useCallback)((e=>{e.stopPropagation(),"Escape"!==e.key?g||v||("ArrowUp"===e.key?(e.preventDefault(),x()):"ArrowDown"===e.key&&(e.preventDefault(),_()),"Enter"===e.key&&r()):i(!1)}),[_,x,r,v,g,i]),O=(0,s.useMemo)((()=>g?(0,a.jsx)(k,{}):v?(0,a.jsx)(w,{keyword:null!=e?e:"",secUid:h}):(0,a.jsx)(y,{keyword:null!=e?e:"",containerRef:I})),[g,v,e,h]);return(0,a.jsx)(u.Xwo,{open:t,trigger:o,"data-e2e":"comment-at-user",placement:"top",noArrow:!0,style:{zIndex:3002},children:(0,a.jsx)(b,{ref:I,tabIndex:0,onClick:C,onKeyDown:A,children:O})})},C=(0,v.default)(u.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?u.Tj4.UIShapeNeutral3:"transparent",":hover":{backgroundColor:u.Tj4.UIShapeNeutral3},svg:{width:"100%",height:"100%",minWidth:"1.5rem",minHeight:"1.5rem"}}}]),"label:StyledMentionSuggestionButton;");C.defaultProps=Object.assign(Object.assign({},C.defaultProps),{"data-e2e":"comment-at-icon"});const A=(0,s.forwardRef)((({isActive:e,setIsActive:t,teaParams:i},n)=>{const l=(0,r.s)(),c=(0,s.useCallback)((a=>{a.stopPropagation(),a.preventDefault(),e?t(!1):(t(!0),o.ao.handleSearchAt(Object.assign(Object.assign({},i),{enter_method:"button"})))}),[e,t,i]),d=(0,s.useCallback)((a=>{a.stopPropagation(),e||"Enter"!==a.key&&" "!==a.key||(t(!0),o.ao.handleSearchAt(Object.assign(Object.assign({},i),{enter_method:"button"}))),"Escape"===a.key&&t(!1)}),[e,t,i]);return(0,a.jsx)(u.N0Y,{variant:"secondary",placement:"top",size:"small",content:l("comment_tray_at"),visible:!e&&void 0,children:(0,a.jsx)(C,{ref:n,label:"",variant:"secondary",leadingIcon:(0,a.jsx)(u.C1D,{}),"aria-label":l("comment_tray_at"),"aria-expanded":e,isActive:e,onClick:c,onKeyDown:d,tabIndex:0})})})),O=({keyword:e,setIsActive:t,onSelectUser:i,teaParams:u})=>{var m;const j=(0,s.useMemo)((()=>null!==e),[e]),{user:h}=null!==(m=(0,l.W)((()=>["user"]),[]))&&void 0!==m?m:{},{activeUser:g}=(0,n.Cj)((e=>{var t;return{activeUser:e.activeList[null!==(t=e.activeItem.index)&&void 0!==t?t:-1]}}),c.bN),v=(0,r.s)(),{showToast:b}=(0,d.n)("top"),p=(0,s.useCallback)((()=>{g&&(1!==g.blockType?g.uniqueId!==(null==h?void 0:h.uniqueId)?(null==i||i(g),o.ao.handleSelectAt(Object.assign(Object.assign({},u),{to_user_id:g.id}))):b(v("no_at_me")):b(v("mention_privacy_toast_cant_mention")))}),[g,i,b,v,u,null==h?void 0:h.uniqueId]);return(0,a.jsx)(I,{keyword:e,open:j,setOpen:t,handleSelectUser:p,trigger:(0,a.jsx)(A,{isActive:j,setIsActive:t,teaParams:u})})}},70073:(e,t,i)=>{i.d(t,{n:()=>n});var a=i(24643),s=i(58542),o=i(27079);const n=({avatarUrl:e})=>e?(0,a.jsx)(o.d,{content:(0,a.jsx)(s.rn1,{}),size:"10px",floaterContainerStyle:{border:"1px solid",borderColor:s.Tj4.UIPageFlat1,borderRadius:"50%",insetInlineEnd:"-3px",bottom:"-3px"},children:(0,a.jsx)(s.pfZ,{src:e,alt:"avatar",size:16})}):null}}]);