"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[4877],{65791:(t,e,a)=>{a.d(e,{TN:()=>C,Vq:()=>x,ey:()=>I});var i,s=a(46682),n=a(41271),o=a(40099),l=a(11060),d=a(25616),r=a(60484),p=a(72688),c=a(39771),y=a(82715),u=a(39952),_=a(11983),m=a(47479),g=a(97446),h=a(32125),f=a(37367),b=a(48455),v=a(8308),P=a(8877);!function(t){t.Initial="initial",t.EditName="edit_name",t.DeletePlaylist="delete_playlist"}(i||(i={}));const x=({playlistId:t})=>{const e=(0,d.s)(),[a,i]=(0,o.useState)("initial"),n=(0,s.w)(b.m),p=(0,v.kh)(),c=(0,P.M_)(),[{mixInfo:x={}},{setPlaylistInfo:C}]=(0,s.S)(f.N,{selector:t=>({mixInfo:t.mixInfo}),dependencies:[]}),[{playlist:I},k]=(0,m.kn)((t=>{var e;return{playlist:null!==(e=t.playList)&&void 0!==e?e:[]}}),h.bN),[{creator:L},{setPlaylistDetail:A}]=(0,g.A4)((e=>{var a;return null!==(a=e[t])&&void 0!==a?a:{}}),h.bN),{uniqueId:O=""}=(0,r.L$)(L),N=(0,o.useCallback)((()=>{i("edit_name"),u.c.handleClickRenamePlaylist({playlist_id:t})}),[t]),D=(0,o.useCallback)((()=>{i("delete_playlist"),u.c.handleClickDeletePlaylist({playlist_id:t})}),[t]),w=(0,o.useCallback)((()=>{i("initial")}),[]),j=(0,o.useCallback)(((t,e)=>{const a=[...I];A({id:t,name:e,mixName:e}),C({mixInfo:Object.assign(Object.assign({},x),{name:e}),statusCode:0}),k.setPlaylist({playList:a}),w()}),[w,x,I,C,A,k]),S=(0,l.W6)(),T=(0,o.useCallback)((()=>{const t=`${y.$T.user({uniqueId:O})}${location.search}`;_.F.open({content:e("playlist_webapp_toast_deleted"),duration:3,widthType:"half"}),S.push(t),c.setProfileState("initial"),w()}),[w,S,e,O,c]),F=(0,o.useCallback)((()=>{return i=void 0,s=void 0,l=function*(){"edit_name"===a?n.updatePlaylistName({playlistId:t,successCallback:j}):"delete_playlist"===a&&0!==(yield p.deletePlaylist({playlistId:t,onSuccess:T}))&&_.F.open({content:e("playlist_webapp_toast_error_tryagain"),duration:3,widthType:"half"})},new((o=void 0)||(o=Promise))((function(t,e){function a(t){try{d(l.next(t))}catch(t){e(t)}}function n(t){try{d(l.throw(t))}catch(t){e(t)}}function d(e){var i;e.done?t(e.value):(i=e.value,i instanceof o?i:new o((function(t){t(i)}))).then(a,n)}d((l=l.apply(i,s||[])).next())}));var i,s,o,l}),[T,j,a,p,t,n,e]);return{isModalVisible:"initial"!==a,headerEditState:a,handleClickEditName:N,handleClickDeletePlaylist:D,handleCloseModal:w,handleConfirm:F}},C=()=>{const{mixInfo:t}=(0,n.P)(f.N,{selector:t=>({mixInfo:t.mixInfo}),dependencies:[]}),{creator:e}=(0,r.L$)(t),{uniqueId:a="",secUid:i=""}=(0,r.L$)(e),s=(0,l.W6)();return{handleBackToUserPage:(0,o.useCallback)((()=>{s.push(`${(0,p.fJR)({uniqueId:a,secUid:i})}${location.search}`)}),[s,i,a])}},I=()=>{const{mixInfo:t}=(0,n.P)(f.N,{selector:t=>({mixInfo:t.mixInfo}),dependencies:[]}),{id:e="",name:a="",creator:i}=(0,r.L$)(t),{uniqueId:s=""}=(0,r.L$)(i),o=e&&s&&a?y.$T.videoPlaylist({id:e,uniqueId:s,content:a}):"";return{shareUrl:(0,c.I)(`https://www.tiktok.com${o}`,{sender_device:"pc"})}}},8308:(t,e,a)=>{a.d(e,{$Q:()=>_,kh:()=>u});var i=a(4474),s=a(39228),n=a(39952),o=a(47479),l=a(14374),d=a(71111),r=a(31209),p=function(t,e,a,i){return new(a||(a=Promise))((function(s,n){function o(t){try{d(i.next(t))}catch(t){n(t)}}function l(t){try{d(i.throw(t))}catch(t){n(t)}}function d(t){var e;t.done?s(t.value):(e=t.value,e instanceof a?e:new a((function(t){t(e)}))).then(o,l)}d((i=i.apply(t,e||[])).next())}))};const c=(0,l._)((0,d.atom)({loading:!1}),{rehydrationKey:"webapp.playlist.edit"}),{useAtomService:y,useServiceDispatchers:u,useServiceState:_,getStaticApi:m}=(0,r.i)(c,((t,e)=>({deletePlaylist(a){return p(this,void 0,void 0,(function*(){const{playlistId:l,onSuccess:d}=a,{playList:r=[]}=t(o.c8);let y;e(c,{loading:!0});try{y=yield function(t){return p(this,void 0,void 0,(function*(){return s.hd.post("/api/playlist/delete/",{baseUrlType:2,body:i.stringify(t)})}))}({playlistId:l})}catch(t){y={statusCode:-1}}const{statusCode:u}=y,_=0===u;if(n.c.handleDeletePlaylist({playlist_id:l,status:_?"1":"0"}),!_)return u;d();const m=[...r].filter((t=>t!==l));return(0,o.MA)().setPlaylist({playList:m,isMerge:!1}),e(c,{loading:!1}),u}))}})))},62715:(t,e,a)=>{a.d(e,{w:()=>l});var i=a(2787),s=a(40099),n=a(35299),o=a(43482);const l=(0,s.memo)((0,s.forwardRef)((function(t,e){var{children:a}=t,s=function(t,e){var a={};for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&e.indexOf(i)<0&&(a[i]=t[i]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var s=0;for(i=Object.getOwnPropertySymbols(t);s<i.length;s++)e.indexOf(i[s])<0&&Object.prototype.propertyIsEnumerable.call(t,i[s])&&(a[i[s]]=t[i[s]])}return a}(t,["children"]);return(0,i.FD)(o.wf,Object.assign(Object.assign({ref:e,role:"button","data-e2e":"share-btn",tabIndex:0},s),{children:[(0,i.Y)(n.a,{size:o.Ev}),a]}))})))},43482:(t,e,a)=>{a.d(e,{$w:()=>y,Ev:()=>n,H7:()=>l,JX:()=>c,T8:()=>p,gP:()=>r,ie:()=>o,wf:()=>d});var i=a(62186),s=a(72153);const n=20,o=(0,i.default)("div",{target:"e1dya3zi0"})((({theme:{isDark:t,colors:e}})=>[{width:"100%",height:"168px",boxSizing:"border-box",padding:"24px",background:t?e.BGSecondary:e.BGPrimary,display:"flex",marginBottom:"12px",borderRadius:"8px"}]),"label:DivHeaderContainer;"),l=(0,i.default)("div",{target:"e1dya3zi1"})({height:"44px",flexShrink:0,display:"flex",justifyContent:"flex-end"},"label:DivActionContainer;"),d=(0,i.default)("div",{target:"e1dya3zi2"})((({theme:t})=>({position:"relative",width:"44px",height:"44px",display:"flex",border:`1px solid ${t.colors.LineReverse2}`,boxSizing:"border-box",justifyContent:"center",alignItems:"center",marginInlineStart:"16px",borderRadius:"100px",cursor:"pointer"})),"label:DivActionItemContainer;"),r=(0,i.default)("div",{target:"e1dya3zi3"})((({theme:{colors:t}})=>({display:"flex",padding:"32px",flexDirection:"column",alignItems:"center",width:"400px",maxHeight:"736px",background:t.BGTertiary,borderRadius:"8px"})),"label:DivModalContainer;"),p=(0,i.default)("p",{target:"e1dya3zi4"})((({theme:t})=>[(0,s.zy)({theme:t,fontFamily:"TikTokFont",fontWeight:"bold",typography:"P0",color:"TextPrimary"}),{textAlign:"center"}]),"label:PTitle;"),c=(0,i.default)("p",{target:"e1dya3zi5"})((({theme:t})=>[(0,s.zy)({theme:t,fontFamily:"TikTokFont",fontWeight:"normal",typography:"P2",color:"TextSecondary"}),{textAlign:"center",marginTop:"8px"}]),"label:PSubtitle;"),y=(0,i.default)("div",{target:"e1dya3zi6"})({display:"flex",justifyContent:"space-between",alignItems:"center",height:"48px",width:"100%",marginTop:"24px"},"label:DivBtnGroup;")},48455:(t,e,a)=>{a.d(e,{m:()=>I});var i=a(58632),s=a(64162),n=a(4126),o=a(93995),l=a(42051),d=a(8536),r=a(23999),p=a(72916),c=a(20259),y=a(74690),u=a(80339),_=a(24451),m=a(26324),g=a(64356),h=a(39952),f=a(11983),b=a(38203),v=a(4474),P=a(26325),x=a(39228);let C=class{constructor(t){this.fetch=t}checkPlaylistName(t){return this.fetch.get("/api/playlist/name_check",{query:{name:t},baseUrlType:2,headers:{[P.nk]:this.fetch.csrfToken}})}updatePlaylistName(t){return this.fetch.post("/api/playlist/update/",{baseUrlType:2,headers:{[P.nk]:this.fetch.csrfToken},body:v.stringify(t)})}};C=(0,i.__decorate)([(0,b._)(),(0,i.__metadata)("design:paramtypes",[x.pM])],C);let I=class extends s.E{constructor(t,e){super(),this.service=t,this.t=e,this.defaultState={playlistName:"",loading:!1,updatePlaylistNameLoading:!1,statusCode:0,isValid:!0,hasChecked:!1}}setLoading(t,e){t.loading=e}setUpdatePlaylistNameLoading(t,e){t.updatePlaylistNameLoading=e}setStatusCode(t,e){t.statusCode=e}setIsValid(t,e){t.isValid=e}setHasChecked(t,e){t.hasChecked=e}setPlaylistName(t,e){t.playlistName=e}resetData(t){return t.pipe((0,d.Z)((()=>(0,r.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(t){return t.pipe((0,p.n)((t=>this.service.checkPlaylistName(t).pipe((0,c.W)((()=>(0,r.of)({statusCode:-1,isValid:!1}))),(0,d.Z)((({statusCode:t,isValid:e=!1})=>(0,r.of)(this.getActions().setIsValid(e),this.getActions().setStatusCode(t)))),(0,y.Z)(this.getActions().setHasChecked(!1),this.getActions().setLoading(!0)),(0,u.q)(this.getActions().setHasChecked(!0),this.getActions().setLoading(!1))))))}updatePlaylistName(t){return t.pipe((0,_.E)(this.state$),(0,p.n)((([t,{playlistName:e}])=>this.service.updatePlaylistName(Object.assign(Object.assign({},t),{name:e})).pipe((0,c.W)((()=>(0,r.of)({statusCode:-1}))),(0,d.Z)((({statusCode:a})=>{const{playlistId:i,successCallback:s}=t;return h.c.handleCompleteEditingPlaylist({playlist_id:i,enter_method:"rename_playlist",status:0===a?"1":"0"}),0!==a&&f.F.open({content:this.t("playlist_webapp_toast_error_tryagain"),duration:3,widthType:"half"}),null==s||s(i,e),(0,r.of)(this.noop())})),(0,y.Z)(this.getActions().setUpdatePlaylistNameLoading(!0)),(0,u.q)(this.getActions().setUpdatePlaylistNameLoading(!1))))))}};(0,i.__decorate)([(0,n.uk)(),(0,i.__metadata)("design:type",m.c)],I.prototype,"dispose$",void 0),(0,i.__decorate)([(0,n.h5)(),(0,i.__metadata)("design:type",Function),(0,i.__metadata)("design:paramtypes",[Object,Boolean]),(0,i.__metadata)("design:returntype",void 0)],I.prototype,"setLoading",null),(0,i.__decorate)([(0,n.h5)(),(0,i.__metadata)("design:type",Function),(0,i.__metadata)("design:paramtypes",[Object,Boolean]),(0,i.__metadata)("design:returntype",void 0)],I.prototype,"setUpdatePlaylistNameLoading",null),(0,i.__decorate)([(0,n.h5)(),(0,i.__metadata)("design:type",Function),(0,i.__metadata)("design:paramtypes",[Object,Number]),(0,i.__metadata)("design:returntype",void 0)],I.prototype,"setStatusCode",null),(0,i.__decorate)([(0,n.h5)(),(0,i.__metadata)("design:type",Function),(0,i.__metadata)("design:paramtypes",[Object,Boolean]),(0,i.__metadata)("design:returntype",void 0)],I.prototype,"setIsValid",null),(0,i.__decorate)([(0,n.h5)(),(0,i.__metadata)("design:type",Function),(0,i.__metadata)("design:paramtypes",[Object,Boolean]),(0,i.__metadata)("design:returntype",void 0)],I.prototype,"setHasChecked",null),(0,i.__decorate)([(0,n.h5)(),(0,i.__metadata)("design:type",Function),(0,i.__metadata)("design:paramtypes",[Object,String]),(0,i.__metadata)("design:returntype",void 0)],I.prototype,"setPlaylistName",null),(0,i.__decorate)([(0,n.Mj)(),(0,i.__metadata)("design:type",Function),(0,i.__metadata)("design:paramtypes",[m.c]),(0,i.__metadata)("design:returntype",void 0)],I.prototype,"resetData",null),(0,i.__decorate)([(0,n.Mj)(),(0,i.__metadata)("design:type",Function),(0,i.__metadata)("design:paramtypes",[m.c]),(0,i.__metadata)("design:returntype",void 0)],I.prototype,"checkPlaylistName",null),(0,i.__decorate)([(0,n.Mj)(),(0,i.__metadata)("design:type",Function),(0,i.__metadata)("design:paramtypes",[m.c]),(0,i.__metadata)("design:returntype",void 0)],I.prototype,"updatePlaylistName",null),I=(0,i.__decorate)([(0,o.n)("PlaylistNameModule"),(0,i.__param)(1,(0,l.y)(g.hp)),(0,i.__metadata)("design:paramtypes",[C,Function])],I)},37367:(t,e,a)=>{a.d(e,{N:()=>I});var i=a(58632),s=a(64162),n=a(4126),o=a(93995),l=a(23999),d=a(55582),r=a(63700),p=a(26324),c=a(8536),y=a(35572),u=a(20259),_=a(74690),m=a(80339),g=a(76435),h=a(60484),f=a(49799),b=a(23532),v=a(97446),P=a(38203),x=a(39228);let C=class{constructor(t){this.fetch=t}getPlaylistDetail(t){return this.fetch.get("/api/mix/detail/",{query:t,baseUrlType:2})}};C=(0,i.__decorate)([(0,P._)(),(0,i.__metadata)("design:paramtypes",[x.pM])],C);let I=class extends s.E{constructor(t,e,a){super(),this.service=t,this.seoModule=e,this.itemList=a,this.defaultState={statusCode:0,mixInfo:void 0,loading:!0}}setPlaylistInfo(t,e){const{statusCode:a=0,mixInfo:i}=(0,h.L$)(e);t.statusCode=a,t.mixInfo=i}resetData(t){t.loading=!0,t.statusCode=0,t.mixInfo=void 0}setLoading(t,e){t.loading=e}setPlaylistDetail(t,e){(0,v._J)().setPlaylistDetail(e)}resetPlaylistData(t){return t.pipe((0,c.Z)((()=>(0,l.of)(this.getActions().dispose$(),this.getActions().resetData(),this.itemList.getActions().dispose$(),this.itemList.getActions().resetItemList({key:"video_playlist"})))))}getVideoPlaylistPageData(t){return t.pipe((0,y.p)((({mixId:t,language:e,abTestVersion:a,user:i,appType:s})=>this.service.getPlaylistDetail({mixId:t,language:e,scene:147}).pipe((0,u.W)((()=>(0,l.of)({statusCode:-1}))),(0,c.Z)((n=>{const{statusCode:o,mixInfo:p={}}=n,c=[(0,l.of)(this.getActions().setPlaylistInfo(n),this.getActions().setLoading(!1),this.getActions().setPlaylistDetail(p))],y=new d.h;if(0===o){const s=this.itemList.getPlaylistVideoList$({mixId:t,key:"video_playlist",abTestVersion:a,user:i,language:e},{onVideoList(t){y.next(t),y.complete()}});c.push(s)}else y.next([]),y.complete();return(0,r.h)(...c,this.setSEO(n,y,e,s))})),(0,_.Z)(this.getActions().setLoading(!0)),(0,m.q)(this.getActions().setLoading(!1),this.terminate()),(0,g.Q)(this.dispose$),(0,u.W)((t=>(console.error(t),(0,l.of)(this.noop()))))))))}setSEO(t,e,a,i){return e.pipe((0,c.Z)((e=>this.seoModule.setVideoPlaylistSEOProps({mixInfo:t.mixInfo,statusCode:t.statusCode},e,{language:null!=a?a:"en"},i))))}};(0,i.__decorate)([(0,n.uk)(),(0,i.__metadata)("design:type",p.c)],I.prototype,"dispose$",void 0),(0,i.__decorate)([(0,n.h5)(),(0,i.__metadata)("design:type",Function),(0,i.__metadata)("design:paramtypes",[Object,Object]),(0,i.__metadata)("design:returntype",void 0)],I.prototype,"setPlaylistInfo",null),(0,i.__decorate)([(0,n.h5)(),(0,i.__metadata)("design:type",Function),(0,i.__metadata)("design:paramtypes",[Object]),(0,i.__metadata)("design:returntype",void 0)],I.prototype,"resetData",null),(0,i.__decorate)([(0,n.h5)(),(0,i.__metadata)("design:type",Function),(0,i.__metadata)("design:paramtypes",[Object,Boolean]),(0,i.__metadata)("design:returntype",void 0)],I.prototype,"setLoading",null),(0,i.__decorate)([(0,n.h5)(),(0,i.__metadata)("design:type",Function),(0,i.__metadata)("design:paramtypes",[Object,Object]),(0,i.__metadata)("design:returntype",void 0)],I.prototype,"setPlaylistDetail",null),(0,i.__decorate)([(0,n.Mj)(),(0,i.__metadata)("design:type",Function),(0,i.__metadata)("design:paramtypes",[p.c]),(0,i.__metadata)("design:returntype",void 0)],I.prototype,"resetPlaylistData",null),(0,i.__decorate)([(0,n.Mj)({payloadGetter:1}),(0,i.__metadata)("design:type",Function),(0,i.__metadata)("design:paramtypes",[p.c]),(0,i.__metadata)("design:returntype",void 0)],I.prototype,"getVideoPlaylistPageData",null),I=(0,i.__decorate)([(0,o.n)("VideoPlaylistPageModule"),(0,i.__metadata)("design:paramtypes",[C,f.E,b.O])],I)},39771:(t,e,a)=>{a.d(e,{I:()=>s});var i=a(4474);function s(t,e){var a;const s={sender_device:e.sender_device,is_from_webapp:null!==(a=e.is_from_webapp)&&void 0!==a?a:1};return t?(0,i.stringifyUrl)({url:t,query:s}):(0,i.stringifyUrl)({url:location.origin+location.pathname,query:Object.assign(Object.assign({},(0,i.parse)(location.search.slice(1))),s)})}}}]);