"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[5738],{10809:(e,t,a)=>{a.r(t),a.d(t,{default:()=>X});var i=a(2787),s=a(67518),l=a(46682),n=a(41271),r=a(40099),d=a(25616),o=a(60484),c=a(79983),_=a(49057),p=a(52333),y=a(39952),u=a(97397),h=a(8877),m=a(33634),g=a(48129),v=a(48455),b=a(43583),P=a(97539),f=a(43626),C=a(90995),L=a(57566),k=a(53962),F=a(95364);const I=(0,C.E)("create_video_playlist")((0,r.memo)((()=>{const[{list:e},t]=(0,l.S)(c.O,{selector:e=>{var t;return null!==(t=e.create_video_playlist)&&void 0!==t?t:{}},dependencies:[]}),{showBrowserMode:a}=(0,r.useContext)(f.g),s=(0,r.useCallback)((e=>()=>{a({index:e,id:"create_video_playlist",playProgress:0,reportTeaParams:{}})}),[a]),n=(0,r.useCallback)((({id:e,index:t})=>(0,i.Y)(k.$E,{target:"_blank",rel:"opener",needPostDragIcon:!0,id:e,index:t,onClickVideoItem:s(t)},e)),[s]),d=(0,r.useCallback)((a=>{if(!a.destination)return;const i=(0,L.Y)(e,a.source.index,a.destination.index);t.setItemListById({key:"create_video_playlist",list:i})}),[t,e]);return(0,i.Y)(F.er,{children:(0,i.Y)(L.q,{onDragEnd:d,renderItem:n,list:e})})})));var S=a(58632),A=a(64162),D=a(4126),w=a(93995),Y=a(340),O=a(8536),j=a(23999),T=a(72916),$=a(20259),E=a(74690),U=a(80339),x=a(26324),V=a(64356),W=a(11983),B=a(7672),N=a(4474),M=a(26325),J=a(55099);let K=class{constructor(e){this.fetch=e}createPlaylistWithItems(e){var t;return this.fetch.post("/api/playlist/create_with_items/",{baseUrlType:2,headers:{[M.nk]:this.fetch.csrfToken},body:N.stringify({name:e.name,itemIds:null!==(t=e.itemIds)&&void 0!==t?t:""})})}};K=(0,S.__decorate)([(0,B._)(),(0,S.__metadata)("design:paramtypes",[J.p])],K);var H=a(17995),Z=a(47479),q=a(97446);let z=class extends A.E{constructor(e,t,a,i){super(),this.service=e,this.itemList=t,this.t=a,this.jotaiStore=i,this.defaultState={loading:!1,statusCode:0}}setLoading(e,t){e.loading=t}setStatusCode(e,t){e.statusCode=t}setPlaylist(e,t){(0,Z.MA)().setPlaylist(t)}setPlaylistDetail(e,t){(0,q._J)().setPlaylistDetail(t)}setProfileState(e,t){(0,h.$4)().setProfileState(t)}resetCreatePlaylistState(e){return e.pipe((0,O.Z)((()=>(0,j.of)(this.getActions().dispose$(),this.getActions().setLoading(!1),this.getActions().setStatusCode(0)))))}createPlaylistWithItems(e){return e.pipe((0,T.n)((({name:e,cover:t,itemIds:a=[],creator:i})=>{const s=this.jotaiStore.get(Z.c8),l={name:e,cover:t,itemIds:null==a?void 0:a.join(",")};return this.service.createPlaylistWithItems(l).pipe((0,$.W)((()=>(0,j.of)({statusCode:-1,playlistId:"",statusMsg:""}))),(0,O.Z)((({statusCode:l,playlistId:n="",statusMsg:r=""})=>{const d=0===l?"1":"0",o=a.length;if(y.c.handlePostCreatingPlaylist({status:d,fail_reason:r,video_cnt:o,playlist_id:n}),y.c.handleAddPlaylistVideo({enter_method:"create_playlist",video_cnt:o,playlist_id:n,video_list:a.join(","),status:d}),206001===l)return W.F.open({content:this.t("playlist_webapp_toast_error_cheatPlaylist"),duration:3,widthType:"half"}),(0,j.of)(this.noop());if(0!==l&&206002!==l)return W.F.open({content:this.t("playlist_webapp_toast_error_tryagain"),duration:3,widthType:"half"}),(0,j.of)(this.noop());const{playList:c=[]}=s,_={id:n,name:e,mixId:n,mixName:e,cover:t,videoCount:o,creator:i};return W.F.open({content:this.t("playlist_webapp_toast_created"),type:"success",duration:3,widthType:"half"}),(0,j.of)(this.getActions().setStatusCode(l),this.getActions().setPlaylist(Object.assign(Object.assign({},s),{playList:[n,...c]})),this.getActions().setPlaylistDetail(_),this.itemList.getActions().setItemListById({key:n,list:a}),this.itemList.getActions().resetItemList({key:"create_video_playlist"}),this.itemList.getActions().resetItemList({key:"user-post-public",loading:!1}),this.getActions().setProfileState(h.zW.Initial))})),(0,E.Z)(this.getActions().setLoading(!0)),(0,U.q)(this.getActions().setLoading(!1)))})))}};(0,S.__decorate)([(0,D.uk)(),(0,S.__metadata)("design:type",x.c)],z.prototype,"dispose$",void 0),(0,S.__decorate)([(0,D.h5)(),(0,S.__metadata)("design:type",Function),(0,S.__metadata)("design:paramtypes",[Object,Boolean]),(0,S.__metadata)("design:returntype",void 0)],z.prototype,"setLoading",null),(0,S.__decorate)([(0,D.h5)(),(0,S.__metadata)("design:type",Function),(0,S.__metadata)("design:paramtypes",[Object,Number]),(0,S.__metadata)("design:returntype",void 0)],z.prototype,"setStatusCode",null),(0,S.__decorate)([(0,D.h5)(),(0,S.__metadata)("design:type",Function),(0,S.__metadata)("design:paramtypes",[Object,Object]),(0,S.__metadata)("design:returntype",void 0)],z.prototype,"setPlaylist",null),(0,S.__decorate)([(0,D.h5)(),(0,S.__metadata)("design:type",Function),(0,S.__metadata)("design:paramtypes",[Object,Object]),(0,S.__metadata)("design:returntype",void 0)],z.prototype,"setPlaylistDetail",null),(0,S.__decorate)([(0,D.h5)(),(0,S.__metadata)("design:type",Function),(0,S.__metadata)("design:paramtypes",[Object,String]),(0,S.__metadata)("design:returntype",void 0)],z.prototype,"setProfileState",null),(0,S.__decorate)([(0,D.Mj)(),(0,S.__metadata)("design:type",Function),(0,S.__metadata)("design:paramtypes",[x.c]),(0,S.__metadata)("design:returntype",void 0)],z.prototype,"resetCreatePlaylistState",null),(0,S.__decorate)([(0,D.Mj)(),(0,S.__metadata)("design:type",Function),(0,S.__metadata)("design:paramtypes",[x.c]),(0,S.__metadata)("design:returntype",void 0)],z.prototype,"createPlaylistWithItems",null),z=(0,S.__decorate)([(0,w.n)("CreatePlaylistModule"),(0,S.__param)(2,(0,Y.y)(V.hp)),(0,S.__param)(3,(0,Y.y)(H.J7)),(0,S.__metadata)("design:paramtypes",[K,c.O,Function,Object])],z);var Q=a(32125),R=a(84908);const X=(0,r.memo)((()=>{var e;const t=(0,d.s)(),{isDark:a}=(0,s.u)(),[{targetSecUid:f},C]=(0,h.dF)((e=>{var t;return{targetSecUid:null!==(t=e.secUid)&&void 0!==t?t:""}}),Q.bN),[{loading:L},k]=(0,l.S)(z,{selector:e=>({loading:e.loading}),dependencies:[]}),{loading:S=!1,hasMore:A=!0}=(0,o.L$)((0,n.P)(c.O,{selector:e=>e["user-post-public"],dependencies:[]})),{user:D,abTestVersion:w,language:Y}=(0,o.L$)((0,_.W)((()=>["user","abTestVersion","language"]),[])),{uid:O}=(0,o.L$)(D),[{list:j=[]},T]=(0,l.S)(c.O,{selector:e=>{var t;return null!==(t=e.create_video_playlist)&&void 0!==t?t:{}},dependencies:[]}),$=null!==(e=j[0])&&void 0!==e?e:"",{video:E,author:U=""}=(0,o.L$)((0,n.P)(p.k,{selector:e=>e[$],dependencies:[$]})),x=(0,o.L$)((0,R.nW)((e=>e.users[U]),Q.bN)),{cover:V}=(0,o.L$)(E),{playlistName:W,checkSuccess:B}=(0,n.P)(v.m,{selector:e=>({playlistName:e.playlistName,checkSuccess:e.isValid&&e.hasChecked}),dependencies:[]}),N=0===j.length,M=W.length>0&&W.length<=b.F&&B&&!N,[J,K]=(0,r.useState)(!1),H=(0,r.useCallback)((()=>{K(!0),y.c.handleClickAddPlaylistVideo({enter_method:"create_playlist"})}),[]),Z=(0,r.useCallback)((()=>{C.setProfileState(h.zW.Initial)}),[C]);(0,r.useEffect)((()=>()=>T.resetItemList({key:"create_video_playlist"})),[]);const q=(0,r.useCallback)((()=>{!S&&A&&T.getUserVideoListByType({secUid:f,key:"user-post-public",userId:O,abTestVersion:w,language:Y,user:D})}),[w,A,T,Y,S,f,O,D]),X=(0,r.useCallback)((()=>{L||k.createPlaylistWithItems({name:W,itemIds:j,cover:V,creator:x})}),[V,L,k,x,W,j]);return(0,i.FD)(g.mn,{children:[(0,i.FD)(g.cv,{children:[(0,i.FD)(F.T,{onClick:Z,children:[(0,i.Y)(F.Ul,{}),t("playlist_webapp_creation_backBtn")]}),(0,i.FD)(F.wV,{children:[(0,i.Y)(F.AE,{children:t("playlist_webapp_creation_header_create")}),(0,i.Y)(F.JX,{children:t("playlist_webapp_creation_desc")}),(0,i.FD)(F.Y4,{children:[(0,i.Y)(F.TQ,{children:t("playlist_webapp_upload_dropdown_nameaplaylist")}),(0,i.FD)(F.iT,{children:[(0,i.Y)(F.EU,{isRed:W.length>b.F,children:`${W.length}`})," ",(0,i.Y)(F.EU,{children:` / ${b.F}`})]})]}),(0,i.Y)(b.y,{}),(0,i.FD)(F.Y4,{children:[(0,i.FD)(F.TQ,{children:[t("videos")," ",j.length>0?`(${j.length})`:""]}),!N&&(0,i.FD)(F.vx,{onClick:H,children:[(0,i.Y)(F.iP,{}),t("playlist_webapp_upload_addtoplaylist")]})]}),N&&(0,i.FD)(F.OA,{onClick:H,children:[a?(0,i.Y)(F.sJ,{}):(0,i.Y)(F.S_,{}),(0,i.Y)(F.RX,{children:t("playlist_webapp_creation_selectvid_desc")})]}),!N&&(0,i.Y)(I,{}),(0,i.FD)(g.dJ,{children:[(0,i.Y)(u.y,{style:m.i9,onClick:Z,children:t("playlist_webapp_creation_btn_cancel")}),(0,i.Y)(u.y,{style:m.i9,disabled:!M,loading:L,buttonTheme:"primary",loadingFill:a?"#fff":void 0,onClick:X,children:t("playlist_webapp_creation_btn_create")})]})]})]}),(0,i.Y)(P.$,{itemListKey:"user-post-public",drawerActive:J,setDrawerActive:K,onHitBottom:q,selectedVideoListKey:"create_video_playlist"})]})}))}}]);