import{r as e}from"./rolldown-runtime-DIIn1E2Q.js";import{F as t,Ht as n,I as r,Lt as i,O as a,R as o,S as s,Z as c,_t as l,et as u,j as d,nt as f}from"./vendor-vue-core-IZuWV8u3.js";import"./vendor-other-DOjudfJ1.js";import{n as p}from"./vendor-i18n-CpHGo1Sd.js";import{t as m}from"./telemetry-B10ff63e.js";import"./vendor-reka-ui-NsM8zEZd.js";import{t as h}from"./Button-BonqIZfE.js";import{t as g}from"./dialogStore-qTsCyKDB.js";import{t as _}from"./cloud-subscription-YIO4CS_U.js";var v={class:`relative grid h-full grid-cols-5`},y={class:`col-span-3 flex flex-col justify-between p-8`},b={class:`flex flex-col gap-4`},x={class:`text-sm font-semibold text-text-primary`},S={class:`m-0 text-sm text-text-secondary`},C={class:`mt-6 flex flex-col items-start gap-0 self-stretch`},w={class:`text-sm text-text-primary`},T={class:`flex flex-col gap-2 pt-8`},E={class:`m-0 text-center text-xs text-text-secondary`},D=o({__name:`CloudNotificationContent`,setup(e){let{t:o}=p();c(()=>{m()?.trackUiButtonClicked({button_id:`cloud_notification_modal_impression`})});function onDismiss(){m()?.trackUiButtonClicked({button_id:`cloud_notification_continue_locally_clicked`}),g().closeDialog()}function onExplore(){m()?.trackUiButtonClicked({button_id:`cloud_notification_explore_cloud_clicked`});let e=new URLSearchParams({utm_source:`desktop`,utm_medium:`onload-modal`,utm_campaign:`local-to-cloud-conversion`,utm_id:`desktop-onload-modal`,utm_source_platform:`mac-desktop`});window.open(`https://www.comfy.org/cloud?${e}`,`_blank`,`noopener,noreferrer`),g().closeDialog()}return(e,c)=>(u(),d(`div`,v,[r(h,{size:`unset`,variant:`muted-textonly`,class:`absolute top-2.5 right-2.5 z-10 size-8 rounded-full p-0 text-white hover:bg-white/20`,"aria-label":i(o)(`g.close`),onClick:onDismiss},{default:l(()=>c[0]||=[a(`i`,{class:`pi pi-times`},null,-1)]),_:1},8,[`aria-label`]),c[2]||=a(`div`,{class:`relative col-span-2 flex items-center justify-center overflow-hidden rounded-sm`},[a(`video`,{autoplay:``,loop:``,muted:``,playsinline:``,class:`-ml-[20%] h-full min-w-5/4 object-cover p-0`},[a(`source`,{src:``+new URL(`images/cloud-subscription.webm`,import.meta.url).href,type:`video/webm`})])],-1),a(`div`,y,[a(`div`,null,[a(`div`,b,[a(`div`,x,n(i(o)(`cloudNotification.title`)),1),a(`p`,S,n(i(o)(`cloudNotification.message`)),1)]),a(`div`,C,[(u(),d(s,null,f(4,e=>a(`div`,{key:e,class:`flex items-center gap-2 py-2`},[c[1]||=a(`i`,{class:`pi pi-check text-xs text-text-primary`},null,-1),a(`span`,w,n(i(o)(`cloudNotification.feature${e}Title`)),1)])),64))])]),a(`div`,T,[r(h,{variant:`primary`,size:`lg`,class:`w-full font-bold`,onClick:onExplore},{default:l(()=>[t(n(i(o)(`cloudNotification.exploreCloud`)),1)]),_:1}),r(h,{variant:`textonly`,size:`sm`,class:`w-full`,onClick:onDismiss},{default:l(()=>[t(n(i(o)(`cloudNotification.continueLocally`)),1)]),_:1}),a(`p`,E,n(i(o)(`cloudNotification.footer`)),1)])])]))}});export{D as default};
//# sourceMappingURL=CloudNotificationContent-CS0xFvP6.js.map