"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[1037],{95364:(e,t,i)=>{i.d(t,{vx:()=>k,wV:()=>g,iT:()=>_,OA:()=>I,Y4:()=>b,er:()=>F,AE:()=>y,TQ:()=>x,T:()=>u,EU:()=>w,RX:()=>D,JX:()=>v,Ul:()=>f,iP:()=>C,S_:()=>P,sJ:()=>T});var a=i(62186),o=i(12527),l=i(29212),n=i(72153),d=i(24643),r=i(40099),s=i(84987);const p={id:"video-dark-c51fa7d8",use:"video-dark-c51fa7d8-usage",viewBox:"0 0 40 40",content:'<symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" id="video-dark-c51fa7d8"><path fill="white" fill-opacity=".34" d="M28.447 35.066H4.777A4.21 4.21 0 0 1 .57 30.86V8.776A4.21 4.21 0 0 1 4.776 4.57H28.45a4.21 4.21 0 0 1 4.206 4.206v5.782l5.367-4.817a.843.843 0 0 1 1.405.625V29.27a.843.843 0 0 1-1.405.626l-5.367-4.818v5.782a4.215 4.215 0 0 1-4.209 4.206" /><path fill="white" fill-rule="evenodd" stroke="white" stroke-width=".6" d="M15.965 20.106v5.25c0 .197.16.357.357.357h.929c.197 0 .357-.16.357-.358v-5.25h5.25c.197 0 .357-.16.357-.357v-.928a.357.357 0 0 0-.358-.357h-5.25v-5.25a.357.357 0 0 0-.356-.357h-.929a.357.357 0 0 0-.357.357v5.25h-5.25a.357.357 0 0 0-.358.357v.928c0 .198.16.357.358.357z" clip-rule="evenodd" /></symbol>'};function c(e){const t=(0,r.useContext)(s.X);return(0,r.useLayoutEffect)((()=>(t.add(p),()=>{t.remove("video-dark-c51fa7d8")})),[]),(0,d.jsx)("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor"},e,{children:(0,d.jsx)("use",{xlinkHref:"#video-dark-c51fa7d8"},void 0)}),void 0)}const h={id:"video-2aa117f7",use:"video-2aa117f7-usage",viewBox:"0 0 40 40",content:'<symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" id="video-2aa117f7"><path fill="#161823" fill-opacity=".34" d="M28.447 35.067H4.777A4.21 4.21 0 0 1 .57 30.861V8.777a4.21 4.21 0 0 1 4.206-4.205H28.45a4.21 4.21 0 0 1 4.206 4.205v5.782l5.367-4.817a.843.843 0 0 1 1.405.625v18.905a.843.843 0 0 1-1.405.625l-5.367-4.817v5.781a4.215 4.215 0 0 1-4.209 4.206" /><path fill="white" fill-rule="evenodd" stroke="white" stroke-width=".6" d="M15.965 20.107v5.25c0 .197.16.357.357.357h.929c.197 0 .357-.16.357-.357v-5.25h5.25c.197 0 .357-.16.357-.357v-.929a.357.357 0 0 0-.358-.357h-5.25v-5.25a.357.357 0 0 0-.356-.357h-.929a.357.357 0 0 0-.357.357v5.25h-5.25a.357.357 0 0 0-.358.357v.929c0 .197.16.357.358.357z" clip-rule="evenodd" /></symbol>'};function m(e){const t=(0,r.useContext)(s.X);return(0,r.useLayoutEffect)((()=>(t.add(h),()=>{t.remove("video-2aa117f7")})),[]),(0,d.jsx)("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor"},e,{children:(0,d.jsx)("use",{xlinkHref:"#video-2aa117f7"},void 0)}),void 0)}const g=(0,a.default)("div",{target:"e3q47hb0"})((({theme:{isDark:e,colors:t}})=>({width:"100%",display:"flex",flexDirection:"column",background:e?t.BGSecondary:t.BGPrimary,padding:"40px 24px 92px",boxSizing:"border-box",borderRadius:"8px",height:"calc(100vh - 145px)",position:"relative"})),"label:DivContentContainer;"),u=(0,a.default)("p",{target:"e3q47hb1"})((({theme:e})=>[(0,n.zy)({theme:e,fontFamily:"TikTokFont",fontWeight:"semiBold",typography:"P2",color:"TextSecondary"}),{display:"flex",alignItems:"center",cursor:"pointer",marginBottom:"16px"}]),"label:PBackText;"),y=(0,a.default)("h3",{target:"e3q47hb2"})((({theme:e})=>[(0,n.zy)({theme:e,fontFamily:"TikTokFont",fontWeight:"bold",typography:"H3",color:"TextPrimary"})]),"label:H3Title;"),f=(0,a.default)(o.A,{target:"e3q47hb3"})((({theme:{direction:e}})=>({width:"20px",height:"20px",marginInlineEnd:"4px",transform:`rotateZ(${"rtl"===e?"180deg":0})`})),"label:StyledBackIcon;"),v=(0,a.default)("p",{target:"e3q47hb4"})((({theme:e})=>[(0,n.zy)({theme:e,fontFamily:"TikTokFont",fontWeight:"normal",typography:"P2",color:"TextTertiaryAlt"}),{marginTop:"4px"}]),"label:PSubtitle;"),b=(0,a.default)("div",{target:"e3q47hb5"})({height:"32px",display:"flex",justifyContent:"space-between",alignItems:"center",margin:"32px 0 12px"},"label:DivNameContainer;"),x=(0,a.default)("h6",{target:"e3q47hb6"})((({theme:e})=>[(0,n.zy)({theme:e,fontFamily:"TikTokFont",fontWeight:"bold",typography:"H6",color:"TextPrimary"}),{fontSize:"24px",lineHeight:"28px"}]),"label:H6Title;"),_=(0,a.default)("div",{target:"e3q47hb7"})({display:"flex"},"label:DivCountContainer;"),w=(0,a.default)("p",{target:"e3q47hb8"})((({theme:e,isRed:t=!1})=>[(0,n.zy)({theme:e,fontFamily:"TikTokFont",fontWeight:"normal",typography:"P4",color:t?"Primary":"TextTertiaryAlt"}),{fontSize:"14px",lineHeight:"17px"}]),"label:PCount;"),k=(0,a.default)("div",{target:"e3q47hb9"})((({theme:e})=>[(0,n.zy)({theme:e,fontFamily:"TikTokFont",fontWeight:"semiBold",typography:"P3",color:"Primary"}),{display:"flex",height:"24px",alignItems:"center",justifyContent:"flex-end",cursor:"pointer"}]),"label:DivAddVideoContainer;"),C=(0,a.default)(l.A,{target:"e3q47hb10"})({width:"20px",height:"20px",marginInlineEnd:"4px"},"label:StyledPlus;"),I=(0,a.default)("div",{target:"e3q47hb11"})((({theme:e})=>({width:"100%",height:"206px",borderRadius:"4px",background:e.colors.BGView,display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",cursor:"pointer"})),"label:DivEmptyContainer;"),P=(0,a.default)(m,{target:"e3q47hb12"})({width:"40px",height:"40px",marginBottom:"12px"},"label:StyledVideoIcon;"),T=(0,a.default)(c,{target:"e3q47hb13"})({width:"40px",height:"40px",marginBottom:"12px"},"label:StyledVideoIconDark;"),D=(0,a.default)("p",{target:"e3q47hb14"})((({theme:e})=>[(0,n.zy)({theme:e,fontFamily:"TikTokFont",fontWeight:"normal",typography:"P2",color:"TextSecondary"})]),"label:PEmptyText;"),F=(0,a.default)("div",{target:"e3q47hb15"})({display:"flex",flexDirection:"column",width:"100%",height:"100%",overflowY:"auto"},"label:DivVideoListContainer;")},57566:(e,t,i)=>{i.d(t,{q:()=>c,Y:()=>p});var a=i(2787),o=i(40099),l=i(28048),n=i(60484),d=i(62186);const r=(0,d.default)("div",{target:"e150kk9w0"})({width:"100%"},"label:DivDraggableListContainer;"),s=(0,d.default)("div",{target:"e150kk9w1"})((({isDragging:e=!1,theme:t})=>({background:e?t.colors.BGView:"",width:"100%"})),"label:DivDraggableItemContainer;");function p(e,t,i){const a=Array.from(e),[o]=a.splice(t,1);return a.splice(i,0,o),a}const c=(0,o.memo)((({supportDrag:e=!0,list:t=[],onDragEnd:i,renderItem:o})=>e?(0,a.Y)(l.JY,{onDragEnd:i,children:(0,a.Y)(l.gL,{droppableId:"droppable",children:(e,i)=>(0,a.FD)(r,Object.assign(Object.assign({},e.droppableProps),{ref:e.innerRef,isDraggingOver:i.isDraggingOver,children:[t.map(((e,t)=>(0,a.Y)(l.sx,{draggableId:e,index:t,children:(i,l)=>{let{transform:d}=(0,n.L$)(i.draggableProps.style);l.isDragging&&d&&(d=d.replace(/\(.+,/,"(0,"));const r=Object.assign(Object.assign({},i.draggableProps.style),{transform:d});return(0,a.Y)(s,Object.assign(Object.assign(Object.assign({ref:i.innerRef},i.draggableProps),i.dragHandleProps),{style:r,isDragging:l.isDragging,children:o({index:t,id:e})}))}},e))),e.placeholder]}))})}):(0,a.Y)(r,{children:t.map(((e,t)=>(0,a.Y)(s,{children:o({index:t,id:e})},e)))})))},48455:(e,t,i)=>{i.d(t,{m:()=>C});var a=i(58632),o=i(64162),l=i(4126),n=i(93995),d=i(340),r=i(8536),s=i(23999),p=i(72916),c=i(20259),h=i(74690),m=i(80339),g=i(24451),u=i(26324),y=i(64356),f=i(39952),v=i(11983),b=i(7672),x=i(4474),_=i(26325),w=i(55099);let k=class{constructor(e){this.fetch=e}checkPlaylistName(e){return this.fetch.get("/api/playlist/name_check",{query:{name:e},baseUrlType:2,headers:{[_.nk]:this.fetch.csrfToken}})}updatePlaylistName(e){return this.fetch.post("/api/playlist/update/",{baseUrlType:2,headers:{[_.nk]:this.fetch.csrfToken},body:x.stringify(e)})}};k=(0,a.__decorate)([(0,b._)(),(0,a.__metadata)("design:paramtypes",[w.p])],k);let C=class extends o.E{constructor(e,t){super(),this.service=e,this.t=t,this.defaultState={playlistName:"",loading:!1,updatePlaylistNameLoading:!1,statusCode:0,isValid:!0,hasChecked:!1}}setLoading(e,t){e.loading=t}setUpdatePlaylistNameLoading(e,t){e.updatePlaylistNameLoading=t}setStatusCode(e,t){e.statusCode=t}setIsValid(e,t){e.isValid=t}setHasChecked(e,t){e.hasChecked=t}setPlaylistName(e,t){e.playlistName=t}resetData(e){return e.pipe((0,r.Z)((()=>(0,s.of)(this.getActions().dispose$(),this.getActions().setLoading(!1),this.getActions().setPlaylistName(""),this.getActions().setUpdatePlaylistNameLoading(!1),this.getActions().setIsValid(!0),this.getActions().setStatusCode(0),this.getActions().setHasChecked(!1)))))}checkPlaylistName(e){return e.pipe((0,p.n)((e=>this.service.checkPlaylistName(e).pipe((0,c.W)((()=>(0,s.of)({statusCode:-1,isValid:!1}))),(0,r.Z)((({statusCode:e,isValid:t=!1})=>(0,s.of)(this.getActions().setIsValid(t),this.getActions().setStatusCode(e)))),(0,h.Z)(this.getActions().setHasChecked(!1),this.getActions().setLoading(!0)),(0,m.q)(this.getActions().setHasChecked(!0),this.getActions().setLoading(!1))))))}updatePlaylistName(e){return e.pipe((0,g.E)(this.state$),(0,p.n)((([e,{playlistName:t}])=>this.service.updatePlaylistName(Object.assign(Object.assign({},e),{name:t})).pipe((0,c.W)((()=>(0,s.of)({statusCode:-1}))),(0,r.Z)((({statusCode:i})=>{const{playlistId:a,successCallback:o}=e;return f.c.handleCompleteEditingPlaylist({playlist_id:a,enter_method:"rename_playlist",status:0===i?"1":"0"}),0!==i&&v.F.open({content:this.t("playlist_webapp_toast_error_tryagain"),duration:3,widthType:"half"}),null==o||o(a,t),(0,s.of)(this.noop())})),(0,h.Z)(this.getActions().setUpdatePlaylistNameLoading(!0)),(0,m.q)(this.getActions().setUpdatePlaylistNameLoading(!1))))))}};(0,a.__decorate)([(0,l.uk)(),(0,a.__metadata)("design:type",u.c)],C.prototype,"dispose$",void 0),(0,a.__decorate)([(0,l.h5)(),(0,a.__metadata)("design:type",Function),(0,a.__metadata)("design:paramtypes",[Object,Boolean]),(0,a.__metadata)("design:returntype",void 0)],C.prototype,"setLoading",null),(0,a.__decorate)([(0,l.h5)(),(0,a.__metadata)("design:type",Function),(0,a.__metadata)("design:paramtypes",[Object,Boolean]),(0,a.__metadata)("design:returntype",void 0)],C.prototype,"setUpdatePlaylistNameLoading",null),(0,a.__decorate)([(0,l.h5)(),(0,a.__metadata)("design:type",Function),(0,a.__metadata)("design:paramtypes",[Object,Number]),(0,a.__metadata)("design:returntype",void 0)],C.prototype,"setStatusCode",null),(0,a.__decorate)([(0,l.h5)(),(0,a.__metadata)("design:type",Function),(0,a.__metadata)("design:paramtypes",[Object,Boolean]),(0,a.__metadata)("design:returntype",void 0)],C.prototype,"setIsValid",null),(0,a.__decorate)([(0,l.h5)(),(0,a.__metadata)("design:type",Function),(0,a.__metadata)("design:paramtypes",[Object,Boolean]),(0,a.__metadata)("design:returntype",void 0)],C.prototype,"setHasChecked",null),(0,a.__decorate)([(0,l.h5)(),(0,a.__metadata)("design:type",Function),(0,a.__metadata)("design:paramtypes",[Object,String]),(0,a.__metadata)("design:returntype",void 0)],C.prototype,"setPlaylistName",null),(0,a.__decorate)([(0,l.Mj)(),(0,a.__metadata)("design:type",Function),(0,a.__metadata)("design:paramtypes",[u.c]),(0,a.__metadata)("design:returntype",void 0)],C.prototype,"resetData",null),(0,a.__decorate)([(0,l.Mj)(),(0,a.__metadata)("design:type",Function),(0,a.__metadata)("design:paramtypes",[u.c]),(0,a.__metadata)("design:returntype",void 0)],C.prototype,"checkPlaylistName",null),(0,a.__decorate)([(0,l.Mj)(),(0,a.__metadata)("design:type",Function),(0,a.__metadata)("design:paramtypes",[u.c]),(0,a.__metadata)("design:returntype",void 0)],C.prototype,"updatePlaylistName",null),C=(0,a.__decorate)([(0,n.n)("PlaylistNameModule"),(0,a.__param)(1,(0,d.y)(y.hp)),(0,a.__metadata)("design:paramtypes",[k,Function])],C)},43583:(e,t,i)=>{i.d(t,{F:()=>k,y:()=>C});var a=i(2787),o=i(67518),l=i(46682),n=i(40099),d=i(59131),r=i(25616),s=i(90159),p=i(48455),c=i(75431),h=i(62186),m=i(54502),g=i(28367),u=i(72153);const y=(0,h.default)("div",{target:"e1e94w3e0"})({position:"relative",width:"100%"},"label:DivEditAreaContainer;"),f=(0,h.default)("input",{target:"e1e94w3e1"})((({theme:{colors:e,isDark:t}})=>({width:"100%",height:"38px",borderRadius:"4px",background:t?e.BGView:e.BGInput,caretColor:"#fe2c55",fontSize:"16px",color:e.TextPrimary,lineHeight:"24px",outline:"none",border:"none",padding:"7px 12px",boxSizing:"border-box",paddingInlineEnd:"38px","&:focus":{background:e.BGInput2,outline:"1.5px solid rgba(22, 24, 35, 0.2)"}})),"label:InputText;"),v=(f.withComponent("textarea"),(0,h.default)("p",{target:"e1e94w3e10"})({height:"18px",lineHeight:"18px",color:"#FF4C3A",fontSize:"15px",marginTop:"6px",display:"flex",alignItems:"center"},"label:PInputError;")),b=(0,h.default)("div",{target:"e1e94w3e11"})((({theme:{colors:e}})=>({width:"16px",height:"16px",marginInlineEnd:"4px",display:"flex",justifyContent:"center",alignItems:"center","*":{fill:e.Primary}})),"label:DivIconWrapper;"),x=(0,h.default)(m.A,{target:"e1e94w3e12"})((({theme:e})=>[(0,u.mp)({direction:e.direction,end:"12px"}),{position:"absolute",top:"11px"}]),"label:StyledTickBold;"),_=(0,c.i7)({from:{transform:"rotateZ(0)"},to:{transform:"rotateZ(360deg)"}}),w=(0,h.default)(g.A,{target:"e1e94w3e13"})((({theme:e})=>[(0,u.mp)({direction:e.direction,end:"12px"}),{position:"absolute",top:"7px",animation:`${_} 1s infinite`}]),"label:StyledProgressCircle;"),k=25,C=(0,n.memo)((({initialPlaylistName:e="",placeholder:t,style:i})=>{const c=(0,r.s)(),{colors:h}=(0,o.u)(),[{playlistName:m="",loading:g=!1,isValid:u,hasChecked:_},C]=(0,l.S)(p.m,{selector:e=>({playlistName:e.playlistName,loading:e.loading,isValid:e.isValid,hasChecked:e.hasChecked}),dependencies:[]}),I=_&&u,P=_&&!u,T=(0,n.useMemo)((()=>m.length>k?c("playlist_webapp_creation_namePlaylist_characterCount_limit"):P?c("yproject_playlist_name_toast",{name:m}):""),[P,m,c]),D=(0,n.useCallback)((()=>P||m.length>k?(0,a.FD)(v,{children:[(0,a.Y)(b,{children:(0,a.Y)(d.O,{size:16})}),T]}):g?(0,a.Y)(w,{fill:h.LineInput,width:24,height:24}):I?(0,a.Y)(x,{fill:"#0BE09B",width:16,height:16}):void 0),[P,I,h.LineInput,T,g,m.length]),F=(0,s.d7)(((e="")=>{0===e.trim().length||e.length>k||C.checkPlaylistName(e)}),[C],1e3),S=(0,n.useCallback)((e=>{const{value:t}=e.target;F(t),C.setStatusCode(0),C.setIsValid(!0),C.setHasChecked(!1),C.setPlaylistName(t)}),[F,C]);return(0,n.useEffect)((()=>(e&&C.setPlaylistName(e),C.reset)),[C,e]),(0,a.FD)(y,{style:i,"data-e2e":"edit-playlist-name-input",children:[(0,a.Y)(f,{style:{outline:P?"1.5px solid #FF4C3A":""},placeholder:null!=t?t:c("playlist_webapp_upload_nameplaylist_header"),value:m,onChange:S}),D()]})}))},97539:(e,t,i)=>{i.d(t,{$:()=>E});var a=i(2787),o=i(67518),l=i(46682),n=i(41271),d=i(40099),r=i(73635),s=i(47009),p=i(25616),c=i(89311),h=i(79983),m=i(60484),g=i(10745),u=i(11983),y=i(84827),f=i(97446),v=i(32125),b=i(11060),x=i(70461),_=i(62186);const w=(0,_.default)("div",{target:"e1cea6s60"})((({theme:e})=>({position:"fixed",zIndex:3001,background:e.colors.BGPrimary})),"label:DivContainer;"),k=(0,_.default)("div",{target:"e1cea6s61"})((({theme:{colors:e}})=>({position:"fixed",left:0,top:0,right:0,bottom:0,background:e.ConstBGInverse2})),"label:DivMask;"),C=(0,_.default)("div",{target:"e1cea6s62"})((({position:e="left",width:t="320px",theme:{isDark:i,colors:a}})=>[{position:"fixed",top:0,bottom:0,right:"right"===e?0:"unset",left:"right"===e?"unset":0,width:t,overflowY:"auto",WebkitOverflowScrolling:"touch",boxSizing:"border-box",lineHeight:"32px",transform:`translateX(${"right"===e?"100%":"-100%"})`,transition:"transform 300ms",background:i?a.BGSecondary:a.BGPrimary,"::-webkit-scrollbar":{display:"none"},"&.enter-done":{transform:"translateX(0)"}}]),"label:DivContent;"),I=(0,d.memo)((e=>{const{active:t,setActive:i,zIndex:o=3001,width:l,position:n="right",children:r}=e,[s,p]=(0,d.useState)(!1),c=(0,b.W6)(),h=(0,d.useCallback)((()=>{i(!1)}),[i]);return(0,d.useEffect)((()=>(p(!0),c.listen((()=>{i(!1)})))),[]),(0,a.FD)(w,{style:{zIndex:o},children:[(0,a.Y)(x.A,{unmountOnExit:!0,timeout:300,in:s&&t,children:(0,a.Y)(k,{onClick:h})}),(0,a.Y)(x.A,{unmountOnExit:!0,timeout:300,in:s&&t,children:(0,a.Y)(C,{width:l,position:n,children:r})})]})}));var P=i(33634),T=i(15031),D=i(53962),F=i(72153);const S=(0,_.default)("div",{target:"evsm5jd0"})((({theme:{isDark:e,colors:t}})=>({position:"sticky",top:0,left:0,width:"100%",display:"flex",flexDirection:"column",padding:"24px 16px",boxSizing:"border-box",background:e?t.BGSecondary:t.BGPrimary,zIndex:10})),"label:DivDrawerHeaderContainer;"),z=(0,_.default)("p",{target:"evsm5jd1"})((({theme:e})=>[(0,F.zy)({theme:e,fontFamily:"TikTokDisplayFont",fontWeight:"bold",typography:"H6",color:"TextPrimary"}),{fontSize:"24px",lineHeight:"28px"}]),"label:PDrawerTitle;"),A=(0,_.default)("p",{target:"evsm5jd2"})((({theme:e})=>[(0,F.zy)({theme:e,fontFamily:"TikTokFont",fontWeight:"normal",typography:"P1",color:"TextTertiaryAlt"}),{marginTop:"4px",fontSize:"14px",lineHeight:"17px"}]),"label:PDrawerSubtitle;"),j=(0,_.default)("div",{target:"evsm5jd3"})((({theme:{direction:e}})=>[(0,F.mp)({direction:e,end:20}),{position:"absolute",top:"24px",width:"24px",height:"24px",cursor:"pointer"}]),"label:DivCloseContainer;"),B=(0,_.default)("div",{target:"evsm5jd4"})({width:"100%",display:"flex",flexDirection:"column",height:"100%",overflowY:"auto"},"label:DivContentContainer;"),Y=(0,_.default)("div",{target:"evsm5jd5"})({display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",width:"100%",height:"100vh",boxSizing:"border-box",padding:"0 59px",position:"relative"},"label:DivErrorContainer;"),L=(0,_.default)("p",{target:"evsm5jd6"})((({theme:e})=>[(0,F.zy)({theme:e,fontFamily:"TikTokFont",fontWeight:"bold",typography:"P1",color:"TextPrimary"}),{marginTop:"24px",textAlign:"center"}]),"label:PErrorTitle;"),V=(0,_.default)("p",{target:"evsm5jd7"})((({theme:e})=>[(0,F.zy)({theme:e,fontFamily:"TikTokFont",fontWeight:"normal",typography:"P3",color:"TextSecondary"}),{marginTop:"8px",textAlign:"center"}]),"label:PErrorDesc;"),E=(0,d.memo)((({needRequestAfterClickItem:e=!1,playlistId:t="",drawerActive:i,setDrawerActive:b,itemListKey:x,selectedVideoListKey:_,onHitBottom:w})=>{const k=(0,p.s)(),{isRTL:C}=(0,c.m)(),{colors:F}=(0,o.u)(),E=C?"left":"right",[{list:N=[],loading:O=!1,hasMore:q=!0},H]=(0,l.S)(h.O,{selector:e=>{var t;return null!==(t=e[x])&&void 0!==t?t:{}},dependencies:[x]}),M=(0,l.w)(T.a),[R,W]=(0,f.A4)((e=>{var i;return null!==(i=e[t])&&void 0!==i?i:{}}),v.bN),{list:G=[]}=(0,m.L$)((0,n.P)(h.O,{selector:e=>e[_],dependencies:[_]})),$=(0,d.useCallback)((e=>()=>{const{videoCount:t=0}=(0,m.L$)(R);W.setPlaylistDetail(Object.assign(Object.assign({},R),{videoCount:t+e}))}),[W,R]),U=(0,d.useCallback)((i=>()=>{const a=[...G],o=G.findIndex((e=>e===i)),l=o>=0;if(l)a.splice(o,1);else{if(G.length>=P.GF)return void u.F.open({content:k("playlist_webapp_toast_error_vidlimit",{number:P.GF}),duration:3,widthType:"half"});a.push(i)}e?M.modifyPlaylistItems({playlistId:t,addItemIds:l?void 0:[i],deleteItemsIds:l?[i]:void 0,key:"video_playlist",enter_method:l?"remove_playlist_video":"add_playlist_video",onSuccess:$(l?-1:1)}):H.setItemListById({key:"create_video_playlist",list:a})}),[H,e,$,t,M,G,k]),Z=(0,d.useCallback)((()=>{b(!1)}),[b]),K=0===N.length&&!q&&!O,X=(0,d.useRef)(null);return(0,g.O9)({onHitBottom:w,elemRef:X}),(0,d.useEffect)((()=>{i&&0===N.length&&q&&(null==w||w())}),[i,q,N.length,O,w]),(0,a.FD)(I,{active:i,setActive:b,width:"476px",position:E,children:[K&&(0,a.FD)(Y,{children:[(0,a.Y)(j,{onClick:Z,children:(0,a.Y)(r.A,{width:24,height:24,fill:F.TextTertiary})}),(0,a.Y)(s.A,{width:72,height:72,fill:F.TextTertiary}),(0,a.Y)(L,{children:k("playlist_webapp_selectvid_error_header")}),(0,a.Y)(V,{children:k("playlist_webapp_selectvid_error_desc")})]}),!K&&(0,a.FD)(a.FK,{children:[(0,a.FD)(S,{children:[(0,a.Y)(z,{children:k("playlist_webapp_selectvid_header")}),(0,a.Y)(A,{children:k("playlist_webapp_selectvid_desc")}),(0,a.Y)(j,{onClick:Z,children:(0,a.Y)(r.A,{width:24,height:24,fill:F.TextTertiary})})]}),(0,a.FD)(B,{ref:X,children:[N.map(((e,t)=>(0,a.Y)(D.$E,{id:e,index:t,onClickVideoItem:U(e),selectedVideos:G,needShowMaskWhenAddedToOtherPlaylist:!0,needPostCheckbox:!0,supportPreview:!0},e))),O&&(0,a.Y)(y.R,{center:!0})]})]})]})}))},53962:(e,t,i)=>{i.d(t,{$E:()=>I,Rr:()=>T});var a=i(2787),o=i(41271),l=i(57432),n=i.n(l),d=i(40099),r=i(94204),s=i(25616),p=i(52333),c=i(60484),h=i(88920),m=i(93341),g=i(58305),u=i(34044),y=i(48180),f=i(52112),v=i(11983),b=i(11328),x=i(28369),_=i(48129);const w=(0,i(62186).default)("div",{target:"e117us4s0"})((({theme:e})=>({width:"36px",height:"28px",display:"flex",justifyContent:"center",alignItems:"center","*":{fill:e.colors.TextSecondary}})),"label:DivIconWrapper;");var k=i(77170);const C=(0,i(77976).w)(_.f_),I=(0,d.memo)((({id:e,index:t,target:i="_self",onClickVideoItem:l=n(),editState:b="none",selectedVideos:I=[],needPostCheckbox:P=!1,needPostDragIcon:T=!1,supportPreview:D=!1,needShowMaskWhenAddedToOtherPlaylist:F=!1,extraTeaParams:S={}})=>{const z=(0,s.s)(),A=(0,o.P)(p.k,{selector:t=>t[e],dependencies:[e]}),{video:j,playlistId:B,desc:Y="",authorId:L="",scheduleTime:V=0,secret:E,forFriend:N,logId:O,isAd:q}=(0,c.L$)(A),{playCount:H,isReposted:M}=(0,k.D)(A),{duration:R,zoomCover:W,cover:G="",playAddr:$="",bitrateInfo:U,bitrate:Z,volumeInfo:K,VQScore:X=0}=(0,c.L$)(j),J=(null==W?void 0:W[240])||(null==W?void 0:W[480])||G,Q=I.includes(e),ee=F&&Boolean(B)&&"0"!==B,te=(0,d.useMemo)((()=>({group_id:e,author_id:L,is_scheduled:Boolean(V),playlist_id:B,secret:E,forFriend:N,isReposted:M,log_id:O,isAd:q})),[e,L,V,B,E,N,M,O,q]),ie=(0,d.useMemo)((()=>Object.assign({playlist_id:B},S)),[S,B]),ae=(0,h.uT)(),oe=(0,m.nr)(),le=(0,x.EL)(),ne=(0,d.useRef)(null),de=(0,d.useRef)(null),re=(0,d.useCallback)((i=>{var a,o,l,n;ee||((0,g.Gu)(i),oe.updateVideo({currentVideo:{id:e,index:t,mode:1},playProgress:ae?null!==(o=null===(a=de.current)||void 0===a?void 0:a.currentTime)&&void 0!==o?o:0:null!==(n=null===(l=ne.current)||void 0===l?void 0:l.currentTime)&&void 0!==n?n:0}))}),[ee,oe,e,t,ae]),se=(0,d.useCallback)((()=>{if(ee)return v.F.destroy(),void v.F.open({content:z("playlist_webapp_selectvid_toast_alreadyadded"),duration:3,widthType:"half"});null==l||l()}),[ee,l,z]),pe=(0,d.useMemo)((()=>({poster:J,desc:Y})),[J,Y]),ce=(0,d.useMemo)((()=>({params:te})),[te]),he=(0,d.useMemo)((()=>({vqscore:X?Number(X):0})),[X]);return(0,a.FD)(C,{onClick:se,hasBeenAddedToOtherPlaylist:ee,etImpression:{etName:"video_expose",etParams:{popup_type:"playlist",backend_source_event_tracking:"",rank:t,playlist_id:B},unobserveAfterIntersect:!0},children:[("none"===b||"initial"===b||"add_videos"===b)&&(0,a.Y)(_.kl,{children:t<9?`0${t+1}`:t+1}),"remove_videos"===b&&(0,a.Y)(_.kl,{children:Q?(0,a.Y)(_.zI,{}):(0,a.Y)(_.Mr,{})}),D?(0,a.Y)(_.id,{onMouseEnter:re,children:(0,a.Y)(_.zi,{children:ae?(0,a.Y)(y.o,{id:e,url:$,horizontal:!1,mode:1,ref:de,index:t,muted:!0,duration:R,bitrateInfo:U,disableDownload:!0,bitrate:Number(Z),posterConfig:pe,teaConfig:ce,videoQualityConfig:he,fetchPriority:le&&t<3?"high":"auto"}):(0,a.Y)(u.K,{desc:Y,poster:J,horizontal:!1,mode:1,ref:ne,id:e,playUrl:$,index:t,itemMute:!0,duration:R,bitrateInfo:U,teaParams:te,disableDownload:!0,volumeInfo:K,bitrate:Number(Z),fetchPriority:le&&t<3?"high":"auto"})})}):(0,a.Y)(_.kK,{src:J,fetchPriority:le&&t<3?"high":"auto"}),(0,a.FD)(_.jb,{children:[(0,a.Y)(f.g,{onLinkClick:n(),ellispsisLine:2,ellipsisOnNarrow:!0,item:A,target:i,e2eTag:"browse-video-desc",reportParams:ie}),(0,a.Y)(_.Mk,{children:z("playlist_webapp_profileview_playlists_numberviews",{num:H.toString(),number:(0,c.D1)(H)})})]}),P&&(0,a.Y)(_.AV,{children:Q||ee?(0,a.Y)(_.zI,{}):(0,a.Y)(_.Mr,{})}),T&&(0,a.Y)(w,{children:(0,a.Y)(r.D,{size:28})})]})})),P=(0,d.memo)((({index:e})=>(0,a.FD)(_.f_,{children:[(0,a.Y)(_.kl,{children:e<9?`0${e+1}`:e+1}),(0,a.Y)(b.sH,{style:{width:"80px",height:"106px",flexShrink:0}}),(0,a.FD)(_.jb,{children:[(0,a.Y)(b.eg,{style:{width:"50%",height:"20px"}}),(0,a.Y)(b.eg,{style:{width:"30%",height:"17px",marginTop:"6px"}})]})]}))),T=(0,d.memo)((({startIndex:e=0})=>(0,a.Y)(a.FK,{children:new Array(10).fill(0).map(((t,i)=>(0,a.Y)(P,{index:e+i},`${e+i}`)))})))},33634:(e,t,i)=>{i.d(t,{GF:()=>o,i9:()=>a});const a={width:"154px",height:"44px",fontSize:"15px",lineHeight:"18px",minHeight:"unset",marginInlineStart:"8px"},o=100;var l;!function(e){e.None="none",e.Initial="initial",e.RemoveVideos="remove_videos",e.AddVideos="add_videos"}(l||(l={}))},15031:(e,t,i)=>{i.d(t,{a:()=>w});var a=i(58632),o=i(64162),l=i(4126),n=i(93995),d=i(340),r=i(24451),s=i(35572),p=i(20259),c=i(23999),h=i(8536),m=i(26324),g=i(64356),u=i(79983),y=i(39952),f=i(11983),v=i(7672),b=i(4474),x=i(55099);let _=class{constructor(e){this.fetch=e}modifyPlaylistVideoItems(e){const{playlistId:t,addItemIds:i=[],deleteItemsIds:a=[],commitItemIds:o=[],enter_method:l}=e;let n={};switch(l){case"remove_playlist_video":n={playlistId:t,deleteItemsIds:a.join(",")};break;case"add_playlist_video":n={playlistId:t,addItemIds:i.join(",")};break;case"reorder_playlist_video":n={playlistId:t,commitItemIds:o.join(",")}}return this.fetch.post("/api/playlist/modify_items/",{baseUrlType:2,body:b.stringify(n)})}};_=(0,a.__decorate)([(0,v._)(),(0,a.__metadata)("design:paramtypes",[x.p])],_);let w=class extends o.E{constructor(e,t,i){super(),this.service=e,this.itemList=t,this.t=i,this.defaultState={loading:!1,statusCode:0}}setLoading(e,t){e.loading=t}setStatusCode(e,t){e.statusCode=t}modifyPlaylistItems(e){return e.pipe((0,r.E)(this.itemList.state$),(0,s.p)((([e,t])=>this.service.modifyPlaylistVideoItems(e).pipe((0,p.W)((()=>(0,c.of)({statusCode:-1}))),(0,h.Z)((({statusCode:i})=>{var a,o,l,n;const{key:d="",addItemIds:r=[],deleteItemsIds:s=[],commitItemIds:p=[],enter_method:h,playlistId:m,onSuccess:g,onError:u}=e,v=0===i?"1":"0";if(y.c.handleCompleteEditingPlaylist({playlist_id:m,enter_method:h,status:v}),"remove_playlist_video"===h&&y.c.handleRemovePlaylistVideo({playlist_id:m,enter_method:"edit_playlist",video_list:s.join(","),video_cnt:s.length,status:v}),206003===i)return f.F.open({content:this.t("playlist_webapp_toast_error_cheatPlaylistCannotAdd"),duration:3,widthType:"half"}),(0,c.of)(this.noop());if(0!==i)return f.F.open({content:this.t("playlist_webapp_toast_error_tryagain"),duration:3,widthType:"half"}),null==u||u(),(0,c.of)(this.noop());let b=[...null!==(o=null===(a=t[d])||void 0===a?void 0:a.list)&&void 0!==o?o:[]];const x=null===(n=null===(l=t[d])||void 0===l?void 0:l.hasMore)||void 0===n||n;return"reorder_playlist_video"===h?b.splice(0,p.length,...p):"remove_playlist_video"===h?(b=b.filter((e=>!s.includes(e))),f.F.open({content:this.t("playlist_webapp_profileview_toast_vidremoved",{num:s.length,number:s.length}),duration:3,widthType:"half"})):"add_playlist_video"===h&&b.unshift(...r),null==g||g(),(0,c.of)(this.getActions().setStatusCode(i),this.itemList.getActions().setItemListById({key:d,list:b,hasMore:x}))}))))))}};(0,a.__decorate)([(0,l.uk)(),(0,a.__metadata)("design:type",m.c)],w.prototype,"dispose$",void 0),(0,a.__decorate)([(0,l.h5)(),(0,a.__metadata)("design:type",Function),(0,a.__metadata)("design:paramtypes",[Object,Boolean]),(0,a.__metadata)("design:returntype",void 0)],w.prototype,"setLoading",null),(0,a.__decorate)([(0,l.h5)(),(0,a.__metadata)("design:type",Function),(0,a.__metadata)("design:paramtypes",[Object,Number]),(0,a.__metadata)("design:returntype",void 0)],w.prototype,"setStatusCode",null),(0,a.__decorate)([(0,l.Mj)(),(0,a.__metadata)("design:type",Function),(0,a.__metadata)("design:paramtypes",[m.c]),(0,a.__metadata)("design:returntype",void 0)],w.prototype,"modifyPlaylistItems",null),w=(0,a.__decorate)([(0,n.n)("PlaylistVideoItemsModule"),(0,a.__param)(2,(0,d.y)(g.hp)),(0,a.__metadata)("design:paramtypes",[_,u.O,Function])],w)},48129:(e,t,i)=>{i.d(t,{dJ:()=>_,id:()=>T,kl:()=>k,hD:()=>b,Fz:()=>x,mn:()=>h,cv:()=>m,zi:()=>D,Mr:()=>P,jb:()=>S,f_:()=>w,er:()=>v,Rw:()=>g,kK:()=>F,V6:()=>y,Mk:()=>z,zI:()=>I,AV:()=>C,ew:()=>f,np:()=>u});var a=i(62186),o=i(85041),l=i(72153),n=i(59504),d=i(24643),r=i(40099),s=i(84987);const p={id:"checked-b88b8421",use:"checked-b88b8421-usage",viewBox:"0 0 24 24",content:'<symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="checked-b88b8421"><path fill="#FE2C55" fill-rule="evenodd" d="M12 24c6.627 0 12-5.373 12-12S18.627 0 12 0 0 5.373 0 12s5.373 12 12 12" clip-rule="evenodd" /><path fill="white" d="m10.25 15.064 7.88-8.12a.5.5 0 0 1 .708-.01l.717.697a.5.5 0 0 1 .01.707l-8.597 8.859a1 1 0 0 1-1.436 0l-4.098-4.223a.5.5 0 0 1 .01-.707l.718-.697a.5.5 0 0 1 .707.011z" /></symbol>'};function c(e){const t=(0,r.useContext)(s.X);return(0,r.useLayoutEffect)((()=>(t.add(p),()=>{t.remove("checked-b88b8421")})),[]),(0,d.jsx)("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor"},e,{children:(0,d.jsx)("use",{xlinkHref:"#checked-b88b8421"},void 0)}),void 0)}const h=(0,a.default)("div",{target:"e1dztoqb0"})((({theme:{isDark:e,colors:t}})=>({width:"100%",flexGrow:1,background:e?t.BGCreation3:t.BGView,padding:"20px 48px",boxSizing:"border-box","@media screen and (min-width: 1536px)":{paddingInlineStart:"calc(50vw - 240px - 480px)"}})),"label:DivPageContainer;"),m=(0,a.default)("div",{target:"e1dztoqb1"})({display:"flex",flexDirection:"column",width:"100%",flexGrow:0,flexShrink:1,maxWidth:"960px"},"label:DivPageInnerContainer;"),g=(0,a.default)("h1",{target:"e1dztoqb2"})((({theme:e})=>[(0,l.zy)({theme:e,fontFamily:"TikTokFont",fontWeight:"bold",typography:"P1",color:"TextPrimary"}),{fontSize:"28px",lineHeight:"38px",wordBreak:"break-word"},(0,l.m4)(2)]),"label:H1ShareTitle;"),u=(0,a.default)(o.E,{target:"e1dztoqb3"})((({theme:e})=>[(0,l.zy)({theme:e,typography:"P2",fontFamily:"TikTokFont",fontWeight:"semiBold"}),{marginTop:"5px"}]),"label:StyledUserLink;"),y=(0,a.default)("p",{target:"e1dztoqb4"})((({theme:e})=>[(0,l.zy)({theme:e,fontFamily:"TikTokFont",fontWeight:"normal",typography:"P3",color:"TextSecondary"}),{fontSize:"16px",lineHeight:"20px"}]),"label:PVideoCount;"),f=(0,a.default)(n.Ct,{target:"e1dztoqb5"})({marginRight:"25px"},"label:StyledSkeletonContainer;"),v=(0,a.default)("div",{target:"e1dztoqb6"})((({theme:{isDark:e,colors:t},needPadding:i})=>({width:"100%",height:`calc(100vh - ${i?320:290}px)`,display:"flex",flexDirection:"column",padding:"12px 22px",boxSizing:"border-box",background:e?t.BGSecondary:t.BGPrimary,borderRadius:"8px",position:"relative",paddingBottom:i?"92px":"12px"})),"label:DivVideoListContainer;"),b=(0,a.default)("div",{target:"e1dztoqb7"})({display:"flex",flexDirection:"column",height:"100%",overflow:"auto"},"label:DivListContainer;"),x=(0,a.default)("div",{target:"e1dztoqb8"})({display:"flex",flexDirection:"column"},"label:DivListInnerContainer;"),_=(0,a.default)("div",{target:"e1dztoqb9"})((({theme:e})=>({height:"92px",width:"100%",boxSizing:"border-box",display:"flex",justifyContent:"flex-end",alignItems:"center",position:"absolute",bottom:0,left:0,paddingInlineEnd:"24px",":before":{display:"block",position:"absolute",left:0,top:0,content:'""',height:"0.5px",width:"100%",background:e.colors.LinePrimary}})),"label:DivBtnContainer;"),w=(0,a.default)("div",{target:"e1dztoqb10"})((({theme:e,hasBeenAddedToOtherPlaylist:t=!1})=>({position:"relative",width:"100%",display:"flex",alignItems:"center",padding:"12px 0",paddingInlineEnd:"24px",boxSizing:"border-box",borderRadius:"8px",cursor:t?"not-allowed":"pointer",opacity:t?.34:1,":hover":{background:e.colors.BGView}})),"label:DivVideoItemContainer;"),k=(0,a.default)("div",{target:"e1dztoqb11"})((({theme:e})=>[(0,l.zy)({theme:e,fontFamily:"TikTokFont",fontWeight:"semiBold",typography:"P2",color:"TextSecondary"}),{minWidth:"36px",justifyContent:"center",marginInlineEnd:"12px",textAlign:"center",alignItems:"center"}]),"label:DivIndex;"),C=(0,a.default)(k,{target:"e1dztoqb12"})({margin:0},"label:StyledPostCheckboxContainer;"),I=(0,a.default)(c,{target:"e1dztoqb13"})({width:"24px",height:"24px"},"label:StyledChecked;"),P=(0,a.default)("div",{target:"e1dztoqb14"})((({theme:e})=>({width:"24px",height:"24px",borderRadius:"24px",border:`1.5px solid ${e.colors.LineSecondary}`,display:"inline-block",overflow:"visible"})),"label:DivUnChecked;"),T=(0,a.default)("div",{target:"e1dztoqb15"})({position:"relative",width:"80px",height:"106px",flexShrink:0,display:"flex",justifyContent:"center",alignItems:"center",overflow:"visible",borderRadius:"2px"},"label:DivCoverContainer;"),D=(0,a.default)("div",{target:"e1dztoqb16"})({width:"100%",height:"100%",objectFit:"cover",transition:"all 0.3s ease",borderRadius:"2px",overflow:"hidden",":hover":{transform:"scale(1.4)"}},"label:DivPreviewContainer;"),F=(0,a.default)("img",{target:"e1dztoqb17"})((({fetchPriority:e="auto"})=>({width:"80px",height:"106px",objectFit:"cover",flexShrink:0,borderRadius:"2px",fetchPriority:e})),"label:ImgVideoCover;"),S=(0,a.default)("div",{target:"e1dztoqb18"})({display:"flex",flexDirection:"column",justifyContent:"center",marginInlineStart:"20px",flexGrow:1},"label:DivVideoDescContainer;"),z=(0,a.default)("span",{target:"e1dztoqb19"})((({theme:e})=>[(0,l.zy)({theme:e,fontFamily:"TikTokFont",fontWeight:"normal",color:"TextTertiaryAlt"}),{fontSize:"14px",lineHeight:"17px",marginTop:"6px"}]),"label:SpanVideoViews;")},94204:(e,t,i)=>{i.d(t,{A:()=>n,D:()=>d});var a=i(18047),o=i(52837),l=i(40099);function n(e){return l.createElement("svg",(0,a._)({fill:"currentColor"},e,{viewBox:"0 0 48 48",xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",className:e.className}),l.createElement("path",{d:"M9 13c0-.55.42-1 .94-1h28.12c.52 0 .94.45.94 1v2c0 .55-.42 1-.94 1H9.94c-.52 0-.94-.45-.94-1v-2Zm0 10c0-.55.42-1 .94-1h28.12c.52 0 .94.45.94 1v2c0 .55-.42 1-.94 1H9.94c-.52 0-.94-.45-.94-1v-2Zm.94 9c-.52 0-.94.45-.94 1v2c0 .55.42 1 .94 1h28.12c.52 0 .94-.45.94-1v-2c0-.55-.42-1-.94-1H9.94Z"}))}var d=(0,o.r)(n)}}]);