https://beebro.com/app/assets/PremiumPromoSheet-BL_XdT72.js

1import{t as e}from"./useQuery-eUuiyF0g.js";import{i as t}from"./bundle-mjs-C77yRssA.js";import{a as n}from"./i18n-BWNmymKJ.js";import{t as r}from"./Button-DTYgvPVQ.js";import{t as i}from"./Sheet-D3tLYicl.js";import{t as a}from"./Loader-Cqe9DCTS.js";import{s as o}from"./account-Cg6Tq7_p.js";var s=`/app/assets/premium-mascot-D6LeaZGV.webp`,c=t();function l(e){return typeof e==`string`?{iconUrl:null,title:e,description:null}:{iconUrl:e.icon_url??null,title:e.title??e.label??``,description:e.description??null}}function u(e){return e.find(e=>e.code===`premium`)??e.find(e=>e.features?.length)??e.at(-1)}function d({open:t,onOpenChange:d,onConnect:f}){let p=n(),{data:m,isLoading:h}=e({...o.getSubscriptionPlansQueryOptions(),enabled:t}),g=m?u(m.plans):void 0,_=(g?.features??[]).map(l),v=g?.name||p(`premiumPromoName`),y=p(`premiumPromoSubtitle`),b=p(`premiumPromoHeading`),x=b.indexOf(`,`),S=x===-1?b:(0,c.jsxs)(c.Fragment,{children:[b.slice(0,x+1),(0,c.jsx)(`br`,{}),b.slice(x+1).trimStart()]}),C=e=>(0,c.jsx)(`div`,{className:`flex size-[60px] shrink-0 items-center justify-center rounded-2xl bg-surface-bee`,children:e.iconUrl?(0,c.jsx)(`img`,{src:e.iconUrl,alt:``,"aria-hidden":`true`,className:`size-7`,style:{filter:`url(#feature-icon-tint)`}}):null});return(0,c.jsxs)(i,{mode:`modal`,open:t,onOpenChange:d,showBack:!0,showDesktopBack:!1,title:p(`premiumPromoTitle`),contentClassName:`flex flex-col p-0`,children:[(0,c.jsx)(`svg`,{"aria-hidden":`true`,className:`absolute size-0`,focusable:`false`,children:(0,c.jsxs)(`filter`,{id:`feature-icon-tint`,colorInterpolationFilters:`sRGB`,children:[(0,c.jsx)(`feFlood`,{style:{floodColor:`var(--color-text-dim)`},result:`tint`}),(0,c.jsx)(`feComposite`,{in:`tint`,in2:`SourceAlpha`,operator:`in`})]})}),h||!g?(0,c.jsx)(`div`,{className:`flex flex-1 items-center justify-center py-16`,children:(0,c.jsx)(a,{})}):(0,c.jsxs)(c.Fragment,{children:[(0,c.jsxs)(`div`,{className:`mx-auto hidden w-full max-w-[700px] flex-col gap-12 pb-2 lg:flex`,children:[(0,c.jsxs)(`div`,{className:`flex flex-col gap-8`,children:[(0,c.jsx)(`p`,{className:`text-[28px] font-bold leading-none tracking-[-0.56px] text-foreground`,children:p(`premiumPromoTitle`)}),(0,c.jsxs)(`div`,{className:`relative h-[200px] w-full overflow-hidden rounded-[24px] bg-surface-bee`,children:[(0,c.jsx)(`div`,{className:`absolute inset-y-0 left-6 flex flex-col justify-center`,children:(0,c.jsxs)(`div`,{className:`flex h-[152px] w-[385px] flex-col justify-between`,children:[(0,c.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[(0,c.jsx)(`p`,{className:`text-heading font-bold leading-[1.2] tracking-[-0.48px] text-foreground`,children:v}),(0,c.jsx)(`p`,{className:`max-w-[251px] text-body font-medium leading-[1.4] tracking-[-0.28px] text-text-dim opacity-80`,children:y})]}),(0,c.jsx)(r,{type:`button`,variant:`info`,onClick:f,className:`self-start`,children:p(`premiumPromoConnect`)})]})}),(0,c.jsx)(`img`,{src:s,alt:``,"aria-hidden":`true`,className:`pointer-events-none absolute bottom-[-76px] right-2 h-[266px] w-[225px] select-none object-contain`})]})]}),(0,c.jsxs)(`div`,{className:`flex flex-col gap-6`,children:[(0,c.jsx)(`h2`,{className:`text-label font-bold leading-[1.4] text-foreground`,children:p(`premiumPromoHeading`)}),(0,c.jsx)(`div`,{className:`grid grid-cols-2 gap-x-8 gap-y-6`,children:_.map((e,t)=>(0,c.jsxs)(`div`,{className:`flex items-center gap-4`,children:[C(e),(0,c.jsxs)(`div`,{className:`flex min-w-0 flex-col gap-[5px]`,children:[(0,c.jsx)(`p`,{className:`text-body font-medium leading-[1.3] tracking-[-0.28px] text-foreground`,children:e.title}),e.description?(0,c.jsx)(`p`,{className:`text-xs font-medium leading-[1.3] text-text-dim`,children:e.description}):null]})]},`${e.title}-${t}`))})]})]}),(0,c.jsxs)(`div`,{className:`flex min-h-full flex-1 flex-col lg:hidden`,children:[(0,c.jsxs)(`div`,{className:`mx-auto flex w-full max-w-[480px] flex-1 flex-col gap-12 px-4 pt-1`,children:[(0,c.jsxs)(`div`,{className:`flex flex-col items-center gap-4 roun

1ded-[32px] bg-surface-bee p-7`,children:[(0,c.jsx)(`img`,{src:s,alt:``,"aria-hidden":`true`,className:`h-[143px] w-[141px] shrink-0 select-none object-contain`}),(0,c.jsx)(`p`,{className:`text-heading font-bold tracking-[-0.48px] text-foreground`,children:v}),(0,c.jsx)(`p`,{className:`text-center text-body font-medium leading-[1.4] tracking-[-0.28px] text-text-dim`,children:y})]}),(0,c.jsxs)(`div`,{className:`flex flex-col gap-6`,children:[(0,c.jsx)(`h2`,{className:`text-label font-bold leading-[1.4] text-foreground`,children:S}),(0,c.jsx)(`div`,{className:`flex flex-col gap-6`,children:_.map((e,t)=>(0,c.jsxs)(`div`,{className:`flex items-center gap-4`,children:[C(e),(0,c.jsxs)(`div`,{className:`flex min-w-0 flex-col gap-[5px]`,children:[(0,c.jsx)(`p`,{className:`text-body font-medium leading-[1.3] tracking-[-0.28px] text-foreground`,children:e.title}),e.description?(0,c.jsx)(`p`,{className:`text-xs font-medium leading-[1.3] text-text-dim`,children:e.description}):null]})]},`${e.title}-${t}`))})]})]}),(0,c.jsx)(`div`,{className:`sticky bottom-0 mx-auto w-full max-w-[480px] bg-background px-4 pb-[calc(var(--sa-bottom)+32px)] pt-2.5`,children:(0,c.jsx)(r,{type:`button`,variant:`info`,onClick:f,className:`w-full`,children:p(`premiumPromoConnect`)})})]})]})]})}export{s as n,d as t};