https://www.aparat.com/clover/aparat/_next/static/chunks/addToPlaylistModalChunk.9a03ecda23acceda.js

1!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="2ae9496f-6c8b-4396-93b4-58b6087b1be7",e._sentryDebugIdIdentifier="sentry-dbid-2ae9496f-6c8b-4396-93b4-58b6087b1be7")}catch(e){}}();"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4018],{60525:function(e,t,l){l.r(t),l.d(t,{ModalAddToPlaylist:function(){return h}});var a=l(27573),i=l(7653),s=l(65123),n=l(96),d=l(8794),o=l(1154),r=l(78399),c=r.default.div.withConfig({componentId:"sc-7e2be353-0"})(["",""],e=>{let{theme:{space:t,color:l}}=e;return(0,r.css)(["width:calc(50% - 3px);margin-bottom:6px;cursor:pointer;&:nth-child(odd){margin-",":6px;}.image-wrapper{display:flex;flex-wrap:wrap;position:relative;width:100%;height:90px;border-radius:8px;overflow:hidden;margin-bottom:6px;background:",";padding-top:57%;img{position:absolute;top:50%;left:50%;width:101%;max-height:none;min-height:102%;max-width:102%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);object-fit:contain;background:#000;}.icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:35px;fill:",";}&.checked{.tick-icon{fill:",";z-index:1;}&::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:",";}}}.title{color:",";display:block;}.badge{margin-top:6px;}"],t.left,l.background[10],l.background[70],l.natural.white.white,l.natural.black[75],l.background[70])});let u=e=>{let{title:t,poster:l,icon:i,isPrivate:o,checked:r,onClick:u}=e,{t:p}=(0,s.$G)();return(0,a.jsxs)(c,{className:"playlist-item",onClick:u,onKeyDown:e=>{"Enter"===e.key&&u()},tabIndex:0,"aria-label":t,children:[(0,a.jsxs)("div",{className:(0,n.dhh)("image-wrapper",{checked:r}),children:[i?(0,a.jsx)(d.I5,{name:"PlaylistAdd"}):l?(0,a.jsx)(d.wY,{src:l,alt:t,width:170,height:90}):null,r&&(0,a.jsx)(d.I5,{className:"tick-icon",name:"Tick"})]}),(0,a.jsx)(d.ZT.Label,{size:"4",className:"title",children:t}),o&&(0,a.jsx)(d.Ct,{color:"lightGray",iconStart:"Lock",size:"sm",children:p("modal:AddToPlaylist.private")})]})};var p=r.default.div.withConfig({componentId:"sc-a14e126f-0"})(["",""],e=>{let{theme:{space:t}}=e;return(0,r.css)(["display:flex;flex-wrap:wrap;padding:6px ",";"],t.md)});let h=e=>{let{showModal:t,onClose:l,uid:r}=e,{t:c}=(0,s.$G)(),h=(0,n.pmc)(),{mutate:f,isPending:b,data:m}=(0,n.QTX)(),{mutate:g,data:y,error:x}=(0,n.QTX)(),[w,k]=(0,i.useState)([]),[v,j]=(0,i.useState)(!1),P=e=>{g({url:e})};return(0,i.useEffect)(()=>{t?f({url:n.bVV.single.listAllPlaylist.replace(":uid",r)}):k([])},[t]),(0,i.useEffect)(()=>{(null==m?void 0:m.data)&&k(m.data)},[m]),(0,i.useEffect)(()=>{(null==y?void 0:y.data)&&(l(),h({message:y.data.value,type:"successful"}))},[y]),(0,n.qRL)(x),(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(d.u_,{show:t,onClose:l,title:c("modal:AddToPlaylist.modalTitle"),width:376,moreSpace:!0,children:(0,a.jsx)(p,{children:(0,a.jsxs)(d.u,{isLoading:b,fullWidth:!0,height:"40vh",children:[(0,a.jsx)(u,{title:c("modal:AddToPlaylist.createPlaylist"),icon:"PlaylistAdd",onClick:()=>j(!0)}),(0,a.jsx)(a.Fragment,{children:null==w?void 0:w.map(e=>(0,a.jsx)(u,{title:e.title,poster:e.small_poster,isPrivate:"private"===e.publish_type,onClick:()=>P(e.toggle_url),checked:(null==e?void 0:e.checked)==="true"},"playlist-".concat(null==e?void 0:e.id)))})]})})}),v&&(0,a.jsx)(o.DynamicPlaylistModal,{playListData:w,typeModal:"playlistCreate",showModal:v,onClose:()=>j(!1),apiUrl:n.bVV.single.addPlaylist.replace(":videohash",r),afterSubmitModal:l})]})}}}]);