https://loopcommunity.com/_next/static/chunks/pages/user/prime-uploads-a7558cdb6fdcc5ba.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6762],{89517:function(e,t,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/user/prime-uploads",function(){return r(87752)}])},72874:function(e,t,r){"use strict";r.d(t,{n:function(){return b}});var i=r(29071),n=r(90678),a=r(75271),l=r(37531),o=r(53689),s=r(71439),d=r(29087),c=r(51686),p=r(65652),h=r(94366),u=r(62623);class g extends a.Component{render(){let{t:e}=this.props;return(0,i.BX)(a.Fragment,{children:[(0,i.tZ)(p.Z,{desktop:"0 0 16px",children:(0,i.tZ)(c.H4,{children:e("common/upgradeSubscriptionPlan.title")})}),(0,i.tZ)(p.Z,{desktop:"0 0 48px",children:(0,i.tZ)(o.xv,{children:(0,i.BX)(l.cC,{i18nKey:"common/upgradeSubscriptionPlan.upgradeToAccess",children:["Your subscription doesn't include this feature.",(0,i.tZ)("br",{}),"To access this feature, please upgrade to a higher plan."]})})}),(0,i.tZ)(d.zx,{asChild:!0,variant:d.Wu.LoopTertiary,children:(0,i.tZ)(s.Z,{href:(0,u.wA)(h.L.Prime),children:(0,i.tZ)(o.xv,{size:o.yH.Small,align:o.PH.Center,color:o.d9.White,weight:o.fs.Bold,children:e("common/upgradeSubscriptionPlan.viewPlans")})})})]})}}let m=(0,l.Zh)()((0,n.Pi)(g));var Z=r(9844),y=r.n(Z);class x extends a.Component{render(){let{description:e,t}=this.props;return(0,i.BX)(a.Fragment,{children:[(0,i.tZ)(p.Z,{desktop:"0 0 16px",children:(0,i.tZ)(c.H4,{children:t("common/upgradeToPro.title",{group:y()(h.L.Prime)})})}),(0,i.BX)(p.Z,{desktop:"0 0 48px",children:[(0,i.tZ)(o.xv,{children:t("common/upgradeToPro.whatAreYouWaitingFor")}),(0,i.tZ)(o.xv,{children:e})]}),(0,i.tZ)(d.zx,{asChild:!0,variant:d.Wu.LoopTertiary,children:(0,i.tZ)(s.Z,{href:(0,u.wA)(h.L.Prime),children:(0,i.tZ)(o.xv,{size:o.yH.Small,align:o.PH.Center,color:o.d9.White,weight:o.fs.Bold,children:t("common/upgradeToPro.label")})})})]})}}let S=(0,l.Zh)()((0,n.Pi)(x));class k extends a.Component{render(){let{t:e}=this.props;return(0,i.BX)(a.Fragment,{children:[(0,i.tZ)(p.Z,{desktop:"0 0 16px",children:(0,i.tZ)(c.H4,{children:e("common/upgradeToPro.title",{group:y()(h.L.Prime)})})}),(0,i.tZ)(p.Z,{desktop:"0 0 32px",children:(0,i.tZ)(o.xv,{children:(0,i.BX)(l.cC,{i18nKey:"common/renewSubscription.message",children:["Your cancelled subscription doesn't include this feature.",(0,i.tZ)("br",{}),"In order to access this feature, please renew your subscription and upgrade your subscription plan."]})})}),(0,i.tZ)(d.zx,{asChild:!0,variant:d.Wu.LoopTertiary,children:(0,i.tZ)(s.Z,{href:(0,u.Vl)(h.L.Prime),children:e("becomePro/label.subscriptionPreferences")})})]})}}let v=(0,l.Zh)()((0,n.Pi)(k));class w extends a.Component{render(){let{subscription:e,description:t,t:r}=this.props;return e.canUpgrade?(0,i.tZ)(m,{}):e.canSubscribe?(0,i.tZ)(S,{description:t}):e.canRenew?(0,i.tZ)(v,{}):(0,i.tZ)(o.xv,{children:r("common/subscriptionLimitAlert.notAvailable")})}}let b=(0,l.Zh)()((0,n.Pi)(w))},87752:function(e,t,r){"use strict";r.r(t),r.d(t,{__N_SSP:function(){return ey},default:function(){return ex}});var i,n,a=r(29071),l=r(90678),o=r(70520),s=r(37531),d=r(75271),c=r(15767),p=r(89120),h=r.n(p),u=r(23293),g=r(78266),m=r(97674),Z=r(5325),y=r(66810),x=r(51686),S=r(65652),k=r(53689),v=r(35109),w=r(68818),b=r(34159),B=r(30332),f=r(75793),P=r(67186),C=r.n(P),U=r(55589),X=r(16820),L=r(70401),H=r(71439),T=r(64073),D=r(5850),M=r(71004),z=r(13197),N=r(772),F=r(90686),_=r(94234),R=r(247),W=r(69966);class E extends d.Component{handlePersonalMultitrackDelete(){let{accessibleMultitrack:e,onPersonalMultitrackDelete:t}=this.props;(0,L.o)(F.n,{trackDetails:e.personalMultitrack.songTitle,async onConfirm(){await (0,T.Sd)(e),t()}})}get dropdownAction(){return e=>(0,a.tZ)(N.JH,{icon:(0,a.tZ)(_.Z,{}),onClick:e})}render(){var e;let{t,accessibleMultitrack:r}=this.props;return(0,a.tZ)(D.L,{orientation:"left",actionRender:this.dropdownAction,gap:"16px",children:(0,a.BX)(z.s,{children:[(0,a.tZ)(H.Z,{href:"/user/personal-multitracks/".concat(null==r?void 0:null===(e=r.personalMultitrack)||void 0===e?void 0:e.id),legacyBehavior:!0,passHref:!0,children:(0,a.tZ)(M._,{iconLeft:(0,a.tZ)(R.Z,{}),children:(0,a.tZ)(k.xv,{size:k.yH.Normal,color:k.d9.Inherit,whiteSpace:k.Es.NoWrap,children:t("common/label.editTrackDetail

1s")})})}),(0,a.tZ)(M._,{iconLeft:(0,a.tZ)(W.Z,{}),onClick:this.handlePersonalMultitrackDelete,children:(0,a.tZ)(k.xv,{size:k.yH.Normal,color:k.d9.Inherit,whiteSpace:k.Es.NoWrap,children:t("common/label.delete")})})]})})}constructor(e){super(e),this.handlePersonalMultitrackDelete=this.handlePersonalMultitrackDelete.bind(this)}}let A=(0,s.Zh)()((0,l.Pi)(E));class I extends d.Component{render(){var e;let{accessibleMultitrack:t,onPersonalMultitrackDelete:r,t:i}=this.props;return(0,a.BX)(Z.kC,{spacing:"32px",children:[(0,a.tZ)(y.B,{noShrink:!0,basis:"72px",children:(0,a.tZ)(X.S,{src:t.artworkVariations.originalUrl,children:e=>{let{loaded:r}=e;return(0,a.tZ)(U.p,{imageSrc:r?t.artworkVariations.originalUrl:null,preloaderSrc:t.artworkVariations.preloaderUrl})}})}),(0,a.BX)(y.B,{grow:!0,children:[(0,a.tZ)(S.Z,{desktop:"0 0 24px",children:(0,a.BX)(Z.kC,{justifyContent:Z.uM.SpaceBetween,children:[(0,a.BX)(y.B,{children:[(0,a.tZ)(S.Z,{desktop:"-6px 0 0",children:(0,a.tZ)(k.xv,{weight:k.fs.Bold,children:t.songTitle})}),(0,a.tZ)(k.xv,{size:k.yH.Small,color:k.d9.Secondary,children:t.artistName})]}),(0,a.tZ)(y.B,{noShrink:!0,children:(0,a.tZ)(A,{accessibleMultitrack:t,onPersonalMultitrackDelete:r})})]})}),(0,a.BX)(Z.kC,{alignItems:Z.g1.Center,children:[(0,a.tZ)(y.B,{basis:"75px",noShrink:!0,children:(0,a.tZ)(k.xv,{children:t.musicKey})}),(0,a.tZ)(y.B,{basis:"60px",noShrink:!0,children:(0,a.tZ)(k.xv,{children:t.bpm})}),(0,a.tZ)(y.B,{basis:"60px",noShrink:!0,children:(0,a.tZ)(k.xv,{children:t.timeSignature})}),(0,a.BX)(y.B,{noShrink:!0,children:[(0,a.tZ)(k.xv,{container:"span",children:i("primeTrackType/".concat(C()(t.primeTrackType),".label"))}),(0,a.BX)(k.xv,{container:"span",children:["\xa0\xa0(",null===(e=t.personalMultitrack)||void 0===e?void 0:e.formattedStorageUsage,")"]})]})]})]})]})}}let V=(0,s.Zh)()((0,l.Pi)(I));var Q=r(88703);class j extends d.Component{render(){var e;let{accessibleMultitrack:t,onPersonalMultitrackDelete:r,t:i}=this.props;return(0,a.BX)(d.Fragment,{children:[(0,a.BX)(Z.kC,{spacing:"16px",children:[(0,a.tZ)(y.B,{noShrink:!0,basis:"72px",children:(0,a.tZ)(X.S,{src:t.artworkVariations.originalUrl,children:e=>{let{loaded:r}=e;return(0,a.tZ)(U.p,{imageSrc:r?t.artworkVariations.originalUrl:null,preloaderSrc:t.artworkVariations.preloaderUrl})}})}),(0,a.tZ)(y.B,{grow:!0,children:(0,a.BX)(Z.kC,{spacing:"8px",justifyContent:Z.uM.SpaceBetween,children:[(0,a.BX)(y.B,{children:[(0,a.tZ)(S.Z,{desktop:"-6px 0 0",children:(0,a.tZ)(k.xv,{weight:k.fs.Bold,children:t.songTitle})}),(0,a.tZ)(k.xv,{size:k.yH.Small,color:k.d9.Secondary,children:t.artistName})]}),(0,a.tZ)(y.B,{children:(0,a.tZ)(A,{accessibleMultitrack:t,onPersonalMultitrackDelete:r})})]})})]}),(0,a.tZ)(S.Z,{desktop:"24px 0 0",children:(0,a.tZ)(Z.kC,{alignItems:Z.g1.End,justifyContent:Z.uM.SpaceBetween,children:(0,a.BX)(y.B,{children:[(0,a.BX)(Q.W,{noDividers:!0,padding:"0 5px",children:[(0,a.tZ)(k.xv,{size:k.yH.Tiny,children:t.musicKey}),(0,a.tZ)(k.xv,{size:k.yH.Tiny,children:t.bpm}),(0,a.tZ)(k.xv,{size:k.yH.Tiny,children:t.timeSignature})]}),(0,a.BX)(S.Z,{desktop:"6px 0 0",children:[(0,a.tZ)(k.xv,{size:k.yH.Small,container:"span",children:i("primeTrackType/".concat(C()(t.primeTrackType),".label"))}),(0,a.BX)(k.xv,{size:k.yH.Small,container:"span",children:["\xa0\xa0(",null===(e=t.personalMultitrack)||void 0===e?void 0:e.formattedStorageUsage,")"]})]})]})})})]})}}let O=(0,s.Zh)()((0,l.Pi)(j));class K extends d.Component{render(){let{accessibleMultitrack:e,onPersonalMultitrackDelete:t}=this.props;return e.isAnyMultitrack?(0,a.BX)(f.x,{radius:4,padding:{md:"32px 24px 24px",sm:"16px 16px 12px"},children:[(0,a.tZ)(b.Z,{maxWidth:B.l.MD,children:(0,a.tZ)(O,{accessibleMultitrack:e,onPersonalMultitrackDelete:t})}),(0,a.tZ)(b.Z,{minWidth:B.s.MD,children:(0,a.tZ)(V,{accessibleMultitrack:e,onPersonalMultitrackDelete:t})})]}):null}}let Y=(0,s.Zh)()((0,l.Pi)(K));var J=r(75109),q=r(95232);class G extends d.Component{handleChange(e){let t=e.target.value;this.applySearchQuery(this.props.view,t),this.componentState.searchQuery=e.target.value}applySearchQuery(e,t){e.pageNumber(1),t?e.addFilter("title",t).fetch():e.removeFilter("title").fetch()}itemRender(e){return(0,a.tZ)(Y,{accessibleMultitrack:e,onPersonalMultitrackDelete:this.handleDelete})}handleDelete(){this.props.view.refresh()}get emptyPlaceholder(){let{t:e}=this.props;return(0,a.BX)(S.Z,{desktop:"16px 0 0",children:[(0,a.tZ)(x.H3,{children:e("primeCloud/empty.title")}),(0,a.tZ)(k.xv,{size:k.yH.Large,color:k.d9.Secondary,children:(0,a.BX)(s.cC,{i18nKey:"primeCloud/empty.description",children:["Don’t let this free space wait for better times. ",(0,a.tZ)("br",{}),(0,a.tZ)(J.H,{href:"/shop",size:g.R.Large,type:g.w.Primary,children:"Start buying"}),"or",(0,a.tZ)(J.H,{href:"/upload",size:g.R.Large,type:g.w.Primary,children:"uploading multitracks"}),"."]})})]})}render(){let{view:e,search:t=!0,title:r,t:i}=this.props,{searchQuery:n}=this.componentState;return(0,a.BX)(d.Fragment,{children:[(0,a.BX)(Z.kC,{alignItems:Z.g1.Center,spacing:{lg:"16px",md:"8px"},wrap:{sm:Z.gP.NoWrap,xs:Z.gP.Wrap},children:[r&&(0,a.tZ)(y.B,{grow:!0,noShrink:!0,children:(0,a.tZ)(x.H4,{children:r})}),t&&(0,a.tZ)(y.B,{basis:{lg:"35%",xs:"100%"},children:(0,a.tZ)(m.g,{type:"text",name:"prime-uploads-search",placeholder:i("common/field.search.placeholder"),icon:(0,a.tZ)(q.Z,{className:"text-text-tertiary"}),value:n,onChange:this.handleChange})})]}),(0,a.tZ)(v.l,{view:e,itemRender:this.itemRender,emptyPlaceholder:this.emptyPlaceholder,gap:"8px"}),(0,a.tZ)(w.p,{view:e})]})}constructor(e){super(e),this.componentState={searchQuery:""},this.applySearchQuery=h()(this.applySearchQuery.bind(this),500,{leading:!1}),this.itemRender=this.itemRender.bind(this),this.handleDelete=this.handleDelete.bind(this)}}(0,c.gn)([u.LO,(0,c.w6)("design:type","undefined"==typeof IPrimeUploadsListState?Object:IPrimeUploadsListState)],G.prototype,"componentState",void 0),(0,c.gn)([u.aD.bound,(0,c.w6)("design:type",Function),(0,c.w6)("design:paramtypes",[void 0===d.ChangeEvent?Object:d.ChangeEvent]),(0,c.w6)("design:returntype",void 0)],G.prototype,"handleChange",null);let $=(0,s.Zh)()((0,l.Pi)(G));var ee=r(94132);class et extends d.Component{render(){let{t:e,view:t}=this.props;return(0,a.tZ)(ee.s,{children:(0,a.tZ)($,{view:t,title:e("common/label.primeUploads")})})}}let er=(0,s.Zh)()((0,l.Pi)(et));var ei=r(26697),en=r(84683),ea=r(54940),el=r(42623);(i=n||(n={})).Primary="primary",i.Dimmed="dimmed",i.Error="error";let eo=(e,t)=>(0,ea.iv)("	width:16px;height:16px;background-color:",e.legend.background[t],";border:1px solid ",e.legend.borderColor[t],";");class es extends d.Component{render(){let{theme:e,type:t,label:r}=this.props;return(0,a.BX)(Z.kC,{alignItems:Z.g1.Center,children:[(0,a.tZ)(S.Z,{desktop:"0 8px 0 0",children:(0,a.tZ)("div",{css:eo(e,t)})}),(0,a.tZ)(k.xv,{color:k.d9.Secondary,size:k.yH.Small,children:r})]})}}es.defaultProps={type:"primary"};let ed=(0,el.b)((0,l.Pi)(es));class ec extends d.Component{get percentageUsed(){let{user:e}=this.props;return e.storageUsage/e.storageUsageLimit}get remainingStorage(){let{user:e}=this.props;return e.isStorageUsageOverLimit?0:e.storageUsageLimit-e.storageUsage}get formattedStorageUsage(){return(0,ei.B)(this.props.user.storageUsage)}get formattedStorageUsageLimit(){return(0,ei.B)(this.props.user.storageUsageLimit)}get formattedRemainingStorage(){return(0,ei.B)(this.remainingStorage)}render(){let{t:e,user:t}=this.props;return(0,a.BX)(f.x,{padding:"24px",radius:4,children:[(0,a.tZ)(S.Z,{desktop:"0 0 32px",children:(0,a.tZ)(k.xv,{color:k.d9.Secondary,children:e("common/remainingStorage.title",{size:this.formattedRemainingStorage})})}),(0,a.tZ)(S.Z,{desktop:"0 0 18px",mobile:"0 0 4px",children:(0,a.tZ)(en.ko,{color:t.isStorageUsageNearLimit?en.ZL.Error:en.ZL.Default,progress:100*this.percentageUsed})}),(0,a.BX)(Z.kC,{wrap:Z.gP.Wrap,justifyContent:Z.uM.SpaceBetween,direction:Z.Qb.RowReverse,children:[(0,a.tZ)(y.B,{children:(0,a.tZ)(S.Z,{desktop:"0",mobile:"0 0 6px",children:(0,a.BX)(Z.kC,{children:[(0,a.tZ)(k.xv,{size:k.yH.Small,children:this.formattedStorageUsage}),(0,a.BX)(k.xv,{size:k.yH.Small,color:k.d9.Secondary,children:["\xa0","/ ".concat(this.formattedStorageUsageLimit)]})]})})}),(0,a.tZ)(y.B,{children:(0,a.BX)(Z.kC,{wrap:Z.gP.Wrap,children:[(0,a.tZ)(S.Z,{desktop:"0 32px 0 0",children:(0,a.tZ)(ed,{label:e("common/personalUploads.legend",{size:this.formattedStorageUsage}),type:t.isStorageUsageNearLimit?n.Error:n.Primary})}),(0,a.tZ)(ed,{label:e("common/availableSpace.legend",{size:this.formattedRemainingStorage}),type:n.Dimmed})]})})]})]})}}

1(0,c.gn)([u.Fl,(0,c.w6)("design:type",Function),(0,c.w6)("design:paramtypes",[]),(0,c.w6)("design:returntype",Number)],ec.prototype,"percentageUsed",null),(0,c.gn)([u.Fl,(0,c.w6)("design:type",Function),(0,c.w6)("design:paramtypes",[]),(0,c.w6)("design:returntype",Number)],ec.prototype,"remainingStorage",null),(0,c.gn)([u.Fl,(0,c.w6)("design:type",Function),(0,c.w6)("design:paramtypes",[]),(0,c.w6)("design:returntype",String)],ec.prototype,"formattedStorageUsage",null),(0,c.gn)([u.Fl,(0,c.w6)("design:type",Function),(0,c.w6)("design:paramtypes",[]),(0,c.w6)("design:returntype",String)],ec.prototype,"formattedStorageUsageLimit",null),(0,c.gn)([u.Fl,(0,c.w6)("design:type",Function),(0,c.w6)("design:paramtypes",[]),(0,c.w6)("design:returntype",String)],ec.prototype,"formattedRemainingStorage",null);let ep=(0,s.Zh)()((0,l.Pi)(ec));var eh=r(72874),eu=r(76120),eg=r(77554),em=r(92456);let eZ=(0,s.Zh)()((0,l.f3)("store")((0,l.Pi)(e=>{var t;let{store:r,t:i}=e,n=r.data.findView(em.n.AccountDetailsPrimeUploads);return(0,a.BX)(a.HY,{children:[(0,a.tZ)(o.PB,{title:r.data.currentUser.publicName}),(0,a.BX)(eu.i,{activeId:eg.T.PrimeUploads,children:[(0,a.tZ)(S.Z,{desktop:"0 0 58px",children:(0,a.tZ)(ee.s,{title:(0,a.tZ)(x.H4,{children:i("common/personalStorage.title")}),children:(null===(t=r.data.currentUser.primeSubscription)||void 0===t?void 0:t.subscriptionProduct.storage)?(0,a.tZ)(ep,{user:r.data.currentUser}):(0,a.tZ)(eh.n,{subscription:r.data.currentUser.primeSubscription,description:i("common/upgradeToPro.storageDescription")})})}),(0,a.tZ)(er,{view:n})]})]})})));var ey=!0,ex=eZ}},function(e){e.O(0,[2118,2349,8135,2945,6120,4847,2888,9774,179],function(){return e(e.s=89517)}),_N_E=e.O()}]);