https://volumo.com/_next/static/chunks/3297.a1e110dcf2751cd1.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3297],{25194:e=>{e.exports={root:"ShareUrlModalContent_root___GF2f",mainContent:"ShareUrlModalContent_mainContent__om55c",title:"ShareUrlModalContent_title__q80It",dot:"ShareUrlModalContent_dot__Mwy3H",secondaryTitle:"ShareUrlModalContent_secondaryTitle__MXuPh",buttons:"ShareUrlModalContent_buttons__PYQb_"}},32081:e=>{e.exports={copyButton:"CopyTextInputBase_copyButton__GOcjn",copied:"CopyTextInputBase_copied__rqVVo"}},33297:(e,t,a)=>{"use strict";a.r(t),a.d(t,{ShareUrlModal:()=>J});var o=a(80263),r=a(70719),n=a(43391),i=a(53239),s=a(54949),l=a.n(s),d=a(27394),c=a(54613),h=a(90244),m=a(95041),p=a(97930),u=a(18251),_=a(91840),x=a(13463),v=a(52996),g=a(99687),w=a(12556),j=a(67921),b=a(31322),f=a(78852),k=a(50016),y=a(4513),C=a(63253),S=a(73575),V=a.n(S);let I=e=>{let{item:t,title:a}=e,{t:r}=(0,x.c3)(),{isAboveSm:n}=(0,w.yU)(),{openEmbedModal:s}=(0,i.useContext)(y.Bm),l=(0,d.HJ)(t)?"album":(0,d.g1)(t)?"track":t.type,{embedCode:c}=(0,C.Lr)({height:C.ci,width:C.LI,itemType:l,item:t}),h=(0,i.useCallback)(()=>{t&&s({itemId:t.id,itemType:l})},[t,l]);return(0,o.jsxs)(p.xA,{children:[a&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(f.K,{mb:3}),(0,o.jsx)(k.V,{align:"center",className:V().title,component:"h4",variant:"body1",children:a}),(0,o.jsx)(f.K,{mb:n?3:2})]}),(0,o.jsx)(j.W,{placeholder:r("Copy URL"),postfix:(0,o.jsx)(b.n,{iconComponent:u.Dl3,onClick:h,children:r("Customize")}),value:c})]})};var T=a(46947),U=a(29290),N=a(553),M=a(3638),P=a(33064),A=a(88847),B=a(37187),$=a.n(B);let F=e=>{let{item:t,shareText:a,url:r,isShort:n,title:s}=e,{t:l}=(0,x.c3)(),{isAboveSm:h}=(0,w.yU)(),{getRandomElement:v}=(0,c.iX)(),g=(0,d.g1)(t)?t.album.artwork_uuid:(0,d.ob)(t)||(0,d.HJ)(t)||(0,d.VZ)(t)||(0,d.VF)(t)?t?.artwork_uuid:t?.avatar_uuid,{data:b}=(0,A.gL)((0,d.l2)(t)?t.id:void 0),y=!b||"playlist"!==b.type||"published"===b.state||"unlisted"===b.state,C=(0,i.useCallback)(async()=>{r&&await (0,N.B)(r)},[t,r]);return(0,o.jsxs)(p.xA,{children:[n?(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(k.V,{align:"center",className:$().header,component:"h4",variant:"body1",children:v([l("Share. Vibes. Repeat."),l("Good music = good karma."),l("Spread the sound."),l("Music lovers share."),l("Pass the beat."),l("Hit share, drop beats."),l("Tell friends, drop bass."),l("Make waves, share Volumo."),l("Share the groove."),l("Don't hide the vibe"),l("Or share a boring link")])}),(0,o.jsx)(f.K,{mb:3})]}):y?(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)(p.xA,{columns:"auto 1fr",children:[g?(0,o.jsx)(U._,{shape:"square",size:{width:96,height:96},src:T.C.getImageUrl(g),title:"artwork"}):(0,o.jsx)("div",{className:$().emptyImage,children:(0,o.jsx)(U._,{shape:"square",size:{width:50,height:32},src:`${P.Z4.basePath}/static/svg/logo-v.svg`,title:"Volumo"})}),(0,o.jsxs)(p.xA,{autoFlow:"row",className:$().descriptionItemBlock,verticalSpacing:1,children:[(0,o.jsx)(k.V,{className:$().title,variant:"h3",children:s}),(0,o.jsx)(k.V,{color:"secondary",variant:"body2",children:"volumo.com"})]})]}),(0,o.jsx)(f.K,{mb:3})]}):(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)(p.xA,{alignItems:"center",className:$().warning,columns:"auto 1fr",horizontalSpacing:1.5,children:[(0,o.jsx)(u.G_L,{}),(0,o.jsx)(k.V,{variant:"body1",children:l("Make your playlist public before sharing")})]}),(0,o.jsx)(f.K,{mb:3})]}),(0,o.jsx)(m.m,{expanded:y,keepAlwaysMounted:!0,children:(0,o.jsxs)(p.xA,{verticalSpacing:h?3:2,children:[(0,o.jsxs)(p.xA,{columns:(0,N.IH)({url:r})?"1fr 1fr 1fr":"1fr 1fr",horizontalSpacing:1.5,verticalSpacing:1.5,children:[(0,o.jsx)(_.K,{className:(0,M.A)($().buttonFacebook,N.Yr),href:r&&`https://www.facebook.com/sharer.php?u=${encodeURIComponent(r)}`,iconComponent:u.jOV,muted:"inPopup",target:"_blank",children:h?"Facebook":null}),(0,o.jsx)(_.K,{className:(0,M.A)($().buttonTwitter,N.Yr),href:`https://twitter.com/intent/tweet?text=${a?encodeURIComponent(a):""}&url=${encodeURIComponent(r)}`,iconComponent:u.vl4,muted:"inPopup",target:"_blank",children:h?"X (Twitter)":null}),(0,N.IH)({url:r})&&(0,o.jsx)(_.K,{className:(0,M.A)($().otherButton,N.Yr),iconComponent:u.OA5,muted:"inPopup",onClick:C,children:h?l("Other"):null})]}),(0,o.jsx)(j.W,{placeholder:l("Copy URL"),value:r})]})})]})};var H=a(45085),Z=a(13950),L=a(24422),z=a(25194),W=a.n(z);let O=e=>{let{item:t,shareTitle:a=document?.title,shareText:s,url:l}=e,{t:w}=(0,x.c3)(),[j,b]=(0,i.useState)(),{getRandomElement:f}

1=(0,c.iX)(),k=(0,d.HJ)(t)||(0,d.g1)(t)||(0,d.VZ)(t)&&!!t.published_at&&!!t.total_tracks_count,y=(0,d.HJ)(t)||(0,d.g1)(t)||(0,d.VZ)(t)&&!!t.published_at,{data:C,isLoading:S}=(0,Z.KA)((0,d.VZ)(t)&&k?t.id:void 0),V=(0,i.useMemo)(()=>(0,d.VZ)(t)&&C?{...t,tracks:C.items}:void 0,[t,C]),T=(0,d.VZ)(t)?V:(0,d.HJ)(t)||(0,d.g1)(t)?t:void 0,U=(0,d.VF)(t)?t.name:(0,d.sP)(t)?t.title:(0,d.VZ)(t)?t.name:void 0,N=t?(0,d.HJ)(t)?"album":(0,d.g1)(t)?"track":(0,d.VZ)(t)||(0,d.VF)(t)?t.type:"account":void 0,M=(0,d.g1)(t)?(0,r.zQ)(t):(0,d.o_)(t)?(0,r.PM)(t):(0,d.VZ)(t)?V?.tracks.length===1?(0,r.zQ)(V.tracks[0]):(0,r.ex)(t):void 0;return(0,o.jsxs)(n.$m,{className:W().root,children:[k&&(T||S)?(0,o.jsx)(g.q,{actions:(0,o.jsxs)(p.xA,{className:W().buttons,columns:"1fr 1fr",horizontalSpacing:1.5,children:[(0,o.jsx)(L.O,{coverImageUuid:(0,d.g1)(t)?t.album.artwork_uuid??void 0:t.artwork_uuid??void 0,isSettingsLoading:!j,sceneType:(0,d.HJ)(t)&&t.tracks.length>1?"albumVideo":(0,d.VZ)(t)&&(V?.tracks.length??0)>1?"playlistVideo":"trackVideo",settings:j}),(0,o.jsx)(_.K,{href:M,iconComponent:u.nAY,muted:!0,children:w("Customize")})]}),item:T,primaryText:f((0,H.Xg)(w)),secondaryText:w((0,d.HJ)(t)?"We have prepared a promo video for this album. Download it as a video file to post it on Instagram, TikTok and other social networks, and even edit further if\xa0you\xa0want!":(0,d.g1)(t)?"We have prepared a promo video for this track. Download it as a video file to post it on Instagram, TikTok and other social networks, and even edit further if\xa0you\xa0want!":"chart"===t.type?"We have prepared a promo video for this chart. Download it as a video file to post it on Instagram, TikTok and other social networks, and even edit further if\xa0you\xa0want!":"We have prepared a promo video for this playlist. Download it as a video file to post it on Instagram, TikTok and other social networks, and even edit further if\xa0you\xa0want!"),onVideoSettingsUpdated:b}):(0,o.jsx)(n.wt,{className:W().title,children:(0,v.po)([w("Share"),(0,o.jsx)("span",{className:W().secondaryTitle,children:N?(0,h.$f)(w,N):w("page")})],W().dot)}),(0,o.jsxs)(p.xA,{alignContent:"center",className:W().mainContent,children:[l&&(0,o.jsx)(F,{isShort:k,item:t,shareText:s,title:a||U,url:l}),(0,o.jsx)(m.m,{expanded:y,keepAlwaysMounted:!0,children:y&&(0,o.jsx)(I,{item:t,title:w("Embed code for your website")})})]})]})},J=e=>{let{open:t,onCloseAttempt:a,...i}=e;return(0,o.jsx)(n.aF,{fullWidthBelowSm:!1,open:t,openStateHash:r.LU,popupClassName:l().modal,onCloseAttempt:a,children:(0,o.jsx)(O,{...i})})}},37187:e=>{e.exports={header:"ShareUrl_header__k4TRB",descriptionItemBlock:"ShareUrl_descriptionItemBlock__WaJGI",warning:"ShareUrl_warning__d4Xz9",emptyImage:"ShareUrl_emptyImage__An0Oc",title:"ShareUrl_title__5f3IR",buttonFacebook:"ShareUrl_buttonFacebook__fgPXp",buttonTwitter:"ShareUrl_buttonTwitter__kSWOV",select:"ShareUrl_select__xkjs0",newContributorImage:"ShareUrl_newContributorImage__aOP4O",newContributorItem:"ShareUrl_newContributorItem__uo8Qw"}},54949:e=>{e.exports={modal:"ShareUrlModal_modal__ktoDy"}},63253:(e,t,a)=>{"use strict";a.d(t,{ci:()=>p,LI:()=>m,SO:()=>u,Lr:()=>x});var o=a(27394),r=a(34210),n=a(70719),i=a(43138),s=a(10330),l=a(53239),d=a(89654),c=a(50208),h=a(8259);let m=350,p=350,u=e=>void 0!==e&&e>=c.c?134:166,_=(e,t)=>(0,o.g1)(e)?u(t):(0,o.HJ)(e)?243+44*e.tracks.length:(0,o.VZ)(e)?243+44*Math.min(e.total_tracks_count,r.Rf):u(t),x=e=>{let{width:t,itemType:a,height:r,themeName:c="auto",item:m}=e,{api:p}=(0,d.gf)(),[u,x]=(0,l.useState)(""),[v,g]=(0,l.useState)(),w=(0,o.g1)(m)?(0,h.x5)((0,n.$O)(m)):(0,o.HJ)(m)?(0,h.x5)((0,n.FD)(m)):(0,o.VZ)(m)?(0,h.x5)((0,n.C$)(m)):void 0,j=(0,o.g1)(m)||(0,o.HJ)(m)?`${m.title} by ${m.artists[0]?.name}`:(0,o.VZ)(m)?`${m.owner.name}`:void 0;return(0,l.useEffect)(()=>{w&&(async()=>{g((await p.createShare({original_url:w,source:"embed"})).id)})()},[w,p]),(0,l.useEffect)(()=>{if(m){let e,o=(0,h.$f)({height:r??_(m,t),itemId:m.id,itemType:a,theme:"auto"===c?void 0:c,shareId:v,width:t}),n=w?(0,i.du)(w,{si:v}):void 0,l=["border:0","border-radius:12px",`width:${t?`${t}px`:"100%"}`,`height:${r??_(m,t)}px`].filter(s.TL).join(";"),d=(e=m.id,`volumo-iframe-${a}-${e}`);x(`<iframe id="${d}" src="${o}" style="${l}"><a href="${n}">${j}</a></iframe>`)}},[r,m,v,c,j,t,a]),{embedCode:u}}},64453:e=>{e.exports={root:"PromoMediaBanner_root__jwnpm",headerTitle:"PromoMediaBanner_headerTitle__iC2sV",text:"PromoMediaBanner_text__c_4P3",title:"PromoMediaBanner_title__6qB4u",logo:"PromoMediaBanner_logo__efVnV",previewContainer:"PromoMediaBanner_previewContainer__dFtYa",previewWrapper:"PromoMediaBanner_previewWrapper__7_TPN",previewLoader:"PromoMediaBanner_previewLoader__2bB5H",preview:"PromoMediaBanner_preview__4wZmQ",overlay:"PromoMediaBanner_overlay__Z7pa0"}},67921:(e,t,a)=>{"use strict";a.d(t,{W:()=>p});var o=a(80263),r=a(18251),n=a(31322),i=a(36316),s=a(13463),l=a(553),d=a(3638),c=a(53239),h=a(32081),m=a.n(h);let p=e=>{let{canCopy:t=!0,copiedDelay:a=3e3,postfix:h,...p}=e,{t:u}=(0,s.c3)(),[_,x]=(0,c.useState)(!1),v=(0,c.useRef)(),g=(0,c.useCallback)(()=>{void 0!==p.value&&((0,l.lW)(`${p.value}`),x(!0),clearTimeout(v.current),v.current=setTimeout(()=>x(!1),a))},[p.value]);return(0,o.jsx)(i.l,{readOnly:!0,...p,postfix:(0,o.jsxs)(o.Fragment,{children:[h,t&&(0,o.jsx)(n.n,{className:(0,d.A)(m().copyButton,_&&m().copied),iconComponent:r.bzS,onClick:g,children:u(_?"Copied!":"Copy")})]}),validationState:_?"success":p.validationState})}},73575:e=>{e.exports={title:"ShareEmbed_title__bvP_m"}},99687:(e,t,a)=>{"use strict";a.d(t,{q:()=>_});var o=a(80263),r=a(35484),n=a(12556),i=a(97930),s=a(29290),l=a(24318),d=a(50016),c=a(13463);a(53239);var h=a(33064),m=a(75234),p=a(64453),u=a.n(p);let _=e=>{let{item:t,primaryText:a,secondaryText:p,actions:_,onVideoSettingsUpdated:x}=e,{t:v}=(0,c.c3)(),{isBelowSm:g}=(0,n.yU)();

1return(0,o.jsxs)(i.NP,{alignItems:"stretch",className:u().root,columns:"1fr 1fr",horizontalSpacing:3,children:[(0,o.jsxs)(i.xA,{rows:"auto 1fr auto",children:[(0,o.jsxs)(i.xA,{alignItems:"center",columns:"auto auto",horizontalSpacing:1,justifyContent:g?"center":"start",children:[(0,o.jsx)(r.A,{className:u().logo}),(0,o.jsx)(d.V,{align:"center",className:u().headerTitle,component:"h2",variant:"body1",children:v("Clips")})]}),(0,o.jsxs)(i.xA,{alignContent:"center",className:u().text,verticalSpacing:1.5,children:[(0,o.jsx)(d.V,{className:u().title,component:"h3",variant:"h3",children:a}),(0,o.jsx)(d.V,{color:"secondary",component:"p",variant:"body2",children:p})]}),!g&&_]}),(0,o.jsxs)(i.xA,{autoFlow:"row",columns:"auto",justifyContent:"stretch",justifyItems:"center",children:[(0,o.jsxs)("div",{className:u().previewContainer,children:[t?(0,o.jsx)("div",{className:u().previewWrapper,children:(0,o.jsx)(m.m,{className:u().preview,item:t,onVideoSettingsUpdated:x})}):(0,o.jsx)(l.a,{className:u().previewLoader}),(0,o.jsx)(s._,{className:u().overlay,shape:"square",size:g?{width:190,height:280}:{width:236,height:361},src:`${h.Z4.basePath}/static/images/iphone-transparent.png`,title:"iphone"})]}),g&&_]})]})}}}]);