"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[4860],{38893:(e,t,o)=>{o.d(t,{Cx:()=>s,EB:()=>r,rP:()=>c});var i=o(14374),n=o(71111),l=o(31209);const a=(0,i._)((0,n.atom)({isActive:!1,showSkeleton:!1}),{rehydrationKey:"webapp.comment.panel"});a.debugLabel="commentPanelAtom";const{useAtomService:r,useServiceState:s,useServiceDispatchers:c,getStaticApi:d}=(0,l.i)(a,((e,t)=>({setItemId(e){t(a,(t=>Object.assign(Object.assign({},t),{isActive:!0,itemId:e})))},setShowSkeleton(e){t(a,(t=>Object.assign(Object.assign({},t),{showSkeleton:e})))},removeActiveItem(){t(a,{isActive:!1,showSkeleton:!1})},setCloseMethod(e){t(a,(t=>Object.assign(Object.assign({},t),{closeMethod:null!=e?e:void 0})))},closeCommentPanel(e){t(a,(t=>Object.assign(Object.assign({},t),{isActive:!1,showSkeleton:!1,closeMethod:e})))}})))},95481:(e,t,o)=>{o.d(t,{aF:()=>A});var i,n=o(24643),l=o(57432),a=o.n(l),r=o(40099),s=o(18499),c=o(42617),d=o(17784),u=o(25616),h=o(20157),p=o(58632),g=o(62186),b=o(73635),x=o(72153);!function(e){e[e.None=0]="None",e[e.Outer=1]="Outer",e[e.Inner=2]="Inner",e[e.InnerLarge=3]="InnerLarge",e[e.InnerSmall=4]="InnerSmall",e[e.Mobile=5]="Mobile",e[e.Revamp=6]="Revamp",e[e.LargeSelector=7]="LargeSelector"}(i||(i={}));const f=(0,g.default)("div",{target:"e1gjoq3k0"})({position:"fixed",left:0,top:0,bottom:0,right:0,zIndex:3001,overflow:"auto",outline:"0px",transition:"all 500ms cubic-bezier(.075, .82, .165, 1)"},(({status:e,isShow:t})=>({display:t||e===d.ze?"flex":"none",opacity:Number(e!==d.ze&&e!==d.kp)})),"label:DivModalContainer;"),m=(0,g.default)("div",{target:"e1gjoq3k1"})((({left:e,top:t,isBottomRightQRPopup:o})=>[{position:"fixed",top:t?`${t}px`:"62px",boxShadow:"0px 2px 12px rgba(0, 0, 0, 0.12)",zIndex:401,overflow:"auto",outline:"1px",transition:o?"none":"all 500ms cubic-bezier(.075, .82, .165, 1)",borderRadius:"8px"},({status:t,isShow:i,isQRPopup:n})=>({display:i||t===d.ze?"flex":"none",opacity:Number(t!==d.ze&&t!==d.kp),width:o?"164px":"360px",height:n?"387px":o?"175px":"309px",left:`${e}px`})]),"label:DivPopupModalContainer;"),k=(0,g.default)("div",{target:"e1gjoq3k2"})((({theme:{colors:e}})=>({background:e.SDSecondary,position:"fixed",left:0,right:0,top:0,bottom:0})),"label:DivModalMask;"),y=(0,g.default)("div",{target:"e1gjoq3k3"})({position:"relative",borderRadius:"8px",margin:"auto",transition:"all 300ms cubic-bezier(.075, .82, .165, 1)"},(e=>{var{status:t,theme:{colors:o}}=e,i=e.contentStyle,{transform:n}=i,l=(0,p.__rest)(i,["transform"]);return[{transform:t===d.kp||t===d.ze?n||"scale(0.1, 0.1)":"none",backgroundColor:o.BGPrimary},l]}),"label:DivContentContainer;"),v=(0,g.default)("div",{target:"e1gjoq3k4"})({position:"relative",borderRadius:"8px",margin:"auto",transition:"all 300ms cubic-bezier(.075, .82, .165, 1)"},(e=>{var{status:t,theme:{colors:o}}=e,i=e.contentStyle,{transform:n}=i,l=(0,p.__rest)(i,["transform"]),{isBottomRightQRPopup:a}=e;return[{transform:t===d.kp||t===d.ze?n||"scale(0.1, 0.1)":"none",backgroundColor:o.BGPrimary,width:a?"164px":"360px",height:"100% !important"},l]}),"label:DivPopupContentContainer;"),w=(0,g.default)(b.A,{target:"e1gjoq3k5"})("label:StyledIcon;");function C(e){const{closeStyle:t,theme:{colors:o,direction:i}}=e,n=[(0,x.mp)({direction:i,end:6===t?"16px":"24px"})];switch(t){case 2:n.push({width:"24px",height:"24px",background:o.BGView,[`${w}`]:{width:"15px",height:"15px"}});break;case 3:n.push({width:"24px",height:"24px",[`${w}`]:{width:"24px",height:"24px",fill:o.TextPrimary}});break;case 4:n.push({width:"20px",height:"20px",[`${w}`]:{width:"20px",height:"20px",fill:o.TextPrimary}});break;case 5:n.push({width:"19px",height:"19px",[`${w}`]:{width:"19px",height:"19px",fill:o.TextPrimary}});break;case 1:n.push({width:"40px",height:"40px",background:o.BGPrimary,[`${w}`]:{width:"24px",height:"24px"}});break;case 6:n.push({width:"32px",height:"32px",background:o.BGView,[`${w}`]:{width:"24px",height:"24px",fill:o.TextSecondary}});break;case 7:n.push({width:"32px",height:"32px",[`${w}`]:{width:"32px",height:"32px",fill:o.TextSecondary}})}return n}const j=(0,g.default)("div",{target:"e1gjoq3k6"})((({closeStyle:e})=>[{position:"absolute",top:6===e?"16px":"24px",borderRadius:"50%",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",zIndex:1},C]),"label:DivCloseWrapper;"),S=(0,g.default)("div",{target:"e1gjoq3k7"})({width:"100vw",height:"100%",display:"flex",justifyContent:"center",alignItems:"center"},"label:DivCenterWrapper;"),I=(0,g.default)("div",{target:"e1gjoq3k8"})({height:"100%",width:"360px",display:"flex",justifyContent:"center",alignItems:"center"},"label:DivPopupCenterWrapper;");var O=o(89311),R=o(38893),_=o(32125);const P="login-modal",A=function({children:e,onClose:t,visible:o,timeout:i,onWheel:l=a(),closeStyle:p=0,closeStyles:g={},containerStyle:b={},maskCloseable:x=!0,keyboardCloseable:C=!0,zIndex:A=3001,mask:D=!0,fixed:z=!0,contentStyle:L={},maskStyle:E={},e2eData:B="",backgroundColor:T,parentRef:q,cancelMouseLeaveBubble:M=!1,returnFocus:$=!0,focusTrapDisabled:N=!1,autoFocus:F=!1,onCloseFocusHandler:Q,popupType:U,maskOnClickAction:K}){const W=(0,r.useRef)(),G=(0,r.useRef)(Boolean(o)),{showModal:Y,hideModal:H}=(0,h.g)(),[V,J]=(0,r.useState)(!1),X=(0,u.s)(),{isRTL:Z}=(0,O.m)(),ee=(0,r.useRef)(!0),[te,oe]=(0,r.useState)(0),[ie,ne]=(0,r.useState)(0),{isCommentPanelActive:le}=(0,R.Cx)((e=>({isCommentPanelActive:e.isActive})),_.bN),ae=()=>{var e,t,o,i;const n=null===(e=document.getElementById("close-button-at-bottom-right"))||void 0===e?void 0:e.getBoundingClientRect();oe(Z?(null!==(t=null==n?void 0:n.right)&&void 0!==t?t:0)-36:(null!==(o=null==n?void 0:n.left)&&void 0!==o?o:0)-130),ne((null!==(i=null==n?void 0:n.top)&&void 0!==i?i:300)-190)};(0,r.useEffect)((()=>{if(o&&D){const e="qr_bottom_right"===U;ae(),Y(ee.current,e),i&&(clearTimeout(W.current),W.current=window.setTimeout((()=>{null==t||t(2)}),i))}else G.current&&(H(),clearTimeout(W.current));G.current=Boolean(o),ee.current=!1}),[o,D]),(0,r.useEffect)((()=>(J(!0),()=>{G.current&&H()})),[]),(0,r.useEffect)((()=>{const e=e=>{o&&C&&27===e.keyCode&&(null==t||t(1))};return o&&window.addEventListener("keydown",e),()=>{window.removeEventListener("keydown",e)}}),[C,t,o]);const re=(0,r.useCallback)((()=>{x&&(null==t||t(3)),null==K||K()}),[x,K,t]),se=(0,r.useCallback)((()=>{null==t||t(0)}),[t]),ce=(0,r.useRef)(null),de=(0,r.useRef)(null),ue=(0,r.useCallback)((e=>{const t=e.target;(null==t?void 0:t.id)===P&&t.setAttribute("tabindex","-1")}),[]),he=(0,r.useCallback)((e=>{13===e.keyCode&&(null==t||t(0))}),[t]),pe=(0,r.useCallback)((e=>{M&&e.stopPropagation()}),[M]);return(0,r.useEffect)((()=>{ae(),U&&window.addEventListener("resize",ae)}),[U,Z]),V?U?(0,n.jsx)(d.Ay,{timeout:300,in:o,nodeRef:ce,children:t=>(0,n.jsx)(m,{status:t,isShow:o&&!("qr_bottom_right"===U&&le),onWheel:l,onKeyDown:ue,ref:ce,style:Object.assign(Object.assign({},b),{position:z?"fixed":"relative"}),isQRPopup:"qr"===U,isBottomRightQRPopup:"qr_bottom_right"===U,left:te,top:ie,children:(0,n.jsx)(d.Ay,{timeout:300,in:o,unmountOnExit:!0,nodeRef:de,children:t=>(0,n.jsx)(I,{isQRPopup:"qr"===U,children:(0,n.jsxs)(v,{"data-e2e":B,status:t,ref:de,contentStyle:L,style:{backgroundColor:T},tabIndex:0,id:P,isQRPopup:"qr"===U,isBottomRightQRPopup:"qr_bottom_right"===U,children:[e,0!==p&&1!==p&&"qr_bottom_right"!==U&&(0,n.jsx)(j,{closeStyle:p,onClick:se,onKeyDown:he,"data-e2e":"modal-close-inner-button",style:g,role:"button",tabIndex:0,children:(0,n.jsx)(w,{})})]})})})})}):(0,s.createPortal)((0,n.jsx)(d.Ay,{timeout:300,in:o,nodeRef:ce,children:t=>(0,n.jsxs)(f,{status:t,isShow:o,onWheel:l,onKeyDown:ue,ref:ce,style:Object.assign(Object.assign({},b),{zIndex:A,position:z?"fixed":"relative"}),children:[D&&(0,n.jsx)(k,{style:E,onClick:re,onMouseLeave:pe,children:1===p&&(0,n.jsx)(j,{closeStyle:p,onClick:se,style:g,children:(0,n.jsx)(w,{})})}),(0,n.jsx)(d.Ay,{timeout:300,in:o,unmountOnExit:!0,nodeRef:de,children:t=>(0,n.jsx)(c.Ay,{autoFocus:F,returnFocus:$,disabled:N,onDeactivation:Q,children:(0,n.jsx)(S,{children:(0,n.jsxs)(y,{"data-e2e":B,status:t,ref:de,contentStyle:L,style:{backgroundColor:T},tabIndex:0,id:P,children:[e,0!==p&&1!==p&&(0,n.jsx)(j,{closeStyle:p,onClick:se,onKeyDown:he,"data-e2e":"modal-close-inner-button",style:g,role:"button",tabIndex:0,"aria-label":X("link_close_popup"),children:(0,n.jsx)(w,{})})]})})})})]})}),null!=q?q:document.body):null}},92846:(e,t,o)=>{o.d(t,{e:()=>p});var i,n=o(58632),l=o(24643),a=o(40099),r=o(62186);!function(e){e.Empty="rgba(18, 18, 18, 0.03)",e.Default="rgba(136, 136, 136, 0.5)"}(i||(i={}));const s=(0,r.default)("span",{target:"e1e9er4e0"})((({shape:e,empty:t,isShowBackground:o})=>[{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%"},o?{backgroundColor:t?"rgba(18, 18, 18, 0.03)":"rgba(136, 136, 136, 0.5)"}:null]),"label:SpanAvatarContainer;"),c=(0,r.default)("img",{target:"e1e9er4e1"})({width:"100%",height:"100%",objectFit:"cover"},"label:ImgAvatar;"),d=(0,r.default)("svg",{target:"e1e9er4e2"})({width:"100%",height:"100%"},"label:SvgContainer;"),u={EMPTY:(0,l.jsx)(d,Object.assign({width:"300",height:"300",viewBox:"0 0 300 300",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},{children:(0,l.jsx)("rect",{cx:"150",cy:"150",fill:"#888",fillOpacity:".5"})})),NON_EMPTY:(0,l.jsxs)(d,Object.assign({width:"300",height:"300",viewBox:"0 0 300 300",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},{children:[(0,l.jsx)("rect",{cx:"150",cy:"150",fill:"#888",fillOpacity:".5"}),(0,l.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,l.jsx)("circle",{cx:"150",cy:"138",r:"55",fill:"#fff",fillOpacity:".75"})]}))},h=()=>!0,p=(0,a.memo)((function(e){const{src:t,empty:o=!1,backgroundImage:i,size:r=32,shape:d="circle",style:p={},onError:g=h,alt:b="",imageLoading:x="lazy",e2eTag:f=""}=e,m=(0,n.__rest)(e,["src","empty","backgroundImage","size","shape","style","onError","alt","imageLoading","e2eTag"]),[k,y]=(0,a.useState)(!1),v=(0,a.useCallback)((e=>{var t;g&&y(null===(t=g(e))||void 0===t||t)}),[g]),w=t&&!k,C=o?"EMPTY":"NON_EMPTY";return(0,l.jsx)(s,Object.assign({shape:d,isShowBackground:Boolean(w),empty:o,style:Object.assign(Object.assign({},p),{width:r,height:r}),"data-e2e":f},m,{children:w?(0,l.jsx)(c,{loading:x,onError:v,onLoad:e.onLoad,alt:b,src:t}):u[C]}))}))},87905:(e,t,o)=>{o.d(t,{d:()=>d});var i=o(58632),n=o(24643),l=o(40099),a=o(62186);const r=(0,a.default)("div",{target:"eoeunh00"})((({checked:e,backgroundColor:t,width:o,height:i,theme:{colors:n}})=>({position:"relative",width:null!=o?o:"44px",height:null!=i?i:"24px",left:"0",top:"0",background:null!=t?t:e?"#0be09b":n.LineSecondary,borderRadius:"100px",transition:"all 0.4s cubic-bezier(0.075, 0.82, 0.165, 1)",":hover":{background:null!=t?t:e?"linear-gradient(0deg, rgba(0, 0, 0, .08), rgba(0, 0, 0, .08)), #0be09b":"rgba(22, 24, 35, 0.16)"}})),"label:DivSwitchWrapper;"),s=(0,a.default)("span",{target:"eoeunh01"})((({checked:e,height:t,width:o,backgroundColor:i,left:n})=>({position:"absolute",display:"flex",justifyContent:"center",alignItems:"center",width:null!=o?o:"20px",height:null!=t?t:"20px",left:n,top:"50%",transform:e?"translate(-100%, -50%);":"translateY(-50%)",borderRadius:"100px",background:null!=i?i:"#fff",boxShadow:"0 1px 2px rgba(0, 0, 0, 0.15)",transition:"all 0.4s cubic-bezier(0.075, 0.82, 0.165, 1)"})),"label:SpanSwitchIcon;"),c=(0,a.default)("button",{target:"eoeunh02"})((({theme:{colors:e,typography:t,fontFamilies:o}})=>[t.P2,{border:"none",background:"none",outline:"none",padding:0,position:"relative",overflow:"visible",display:"inline-flex",alignItems:"center",color:e.TextPrimary,fontFamily:o.TikTokFont,cursor:"pointer",":disabled":{cursor:"not-allowed",opacity:.34}}]),"label:ButtonSwitchContainer;"),d=function(e){var{className:t,style:o={},size:a="medium",width:d=44,height:u=24,padding:h=2,indicatorSize:p=20,indicatorColor:g,indicatorCheckedColor:b,indicatorUnCheckedColor:x,indicatorIcon:f,indicatorCheckedIcon:m,indicatorUnCheckedIcon:k,backgroundColor:y,backgroundCheckedColor:v,backgroundUnCheckedColor:w,content:C="",disabled:j=!1,checked:S,defaultChecked:I=!1,e2eData:O,ariaLabel:R,ariaLabelledby:_,ariaDescribedby:P,onChange:A}=e,D=(0,i.__rest)(e,["className","style","size","width","height","padding","indicatorSize","indicatorColor","indicatorCheckedColor","indicatorUnCheckedColor","indicatorIcon","indicatorCheckedIcon","indicatorUnCheckedIcon","backgroundColor","backgroundCheckedColor","backgroundUnCheckedColor","content","disabled","checked","defaultChecked","e2eData","ariaLabel","ariaLabelledby","ariaDescribedby","onChange"]);const[z,L]=(0,l.useState)(null!=S?S:I),E=null!=S?S:z,B=(0,l.useCallback)((e=>{null==e||e.stopPropagation(),null==A||A(!E,e),L(!E)}),[A,E]);return(0,l.useEffect)((()=>{L(null!=S?S:I)}),[I,S]),(0,n.jsx)(c,Object.assign({"data-e2e":O,type:"button",role:"switch",disabled:j,onClick:B,style:o,"aria-checked":E,"aria-label":R,"aria-labelledby":_,"aria-describedby":P,className:t},D,{children:(0,n.jsx)(r,Object.assign({checked:E,backgroundColor:E?null!=v?v:y:null!=w?w:y,width:`${d}px`,height:`${u}px`},{children:(0,n.jsx)(s,Object.assign({checked:E,backgroundColor:E?null!=b?b:g:null!=x?x:g,width:`${p}px`,height:`${p}px`,left:E?`calc(100% - ${h}px)`:`${h}px`},{children:E?null!=m?m:f:null!=k?k:f}))}))}))}}}]);