https://spreshapp.com/_app/immutable/nodes/87.Ca0_N-w0.js

1import"../chunks/DsnmJJEf.js";import{o as Mt}from"../chunks/BlcaXu_Q.js";import{p as Tt,d as y,W as ho,e as i,f as K,a as s,b as Lt,k as jt,i as n,h as e,s as t,g as a,u as Aa,$ as Ft,r,n as wa,t as b,c as sa,aG as to,aH as Nt,a5 as me}from"../chunks/BHsuc0-1.js";import{s as u}from"../chunks/Dga1o0pd.js";import{i as d}from"../chunks/BHCoVhZ5.js";import{e as Qa,i as pe}from"../chunks/BovoQ_dI.js";import{h as Rt}from"../chunks/aM-R_-kQ.js";import{a as be,s as _e,r as Wo,c as Ut}from"../chunks/ONhhb1ny.js";import{d as Ot}from"../chunks/CUIAGpw3.js";import{s as Oa}from"../chunks/Cu1Ghc_I.js";import{t as Dt}from"../chunks/BFyUPnTi.js";import{b as Ro}from"../chunks/B9Wo39Hx.js";import{a as It,s as Kt}from"../chunks/Bk3rvEMG.js";import{s as Gt}from"../chunks/D2R-gXPi.js";import{a as Ht}from"../chunks/CsSvx5Bg.js";import{p as Vt}from"../chunks/DdSXBzkG.js";import{r as Yt}from"../chunks/BeBXvK8X.js";import{g as zt,l as qt,a as Qt,u as ye,A as ge,s as Zt,r as Wt,c as $t,b as Jt,d as Xt,e as al,f as ol,h as rl,i as el}from"../chunks/D5WLq3F3.js";import{a as Ar}from"../chunks/BrIXhd55.js";import{m as tl,n as ll,o as nl,p as sl,q as il,r as cl,s as dl,u as vl,v as fl,w as ul,x as ml,y as pl,z as bl,A as he,B as _l,C as yl,D as gl,E as hl,F as xl,G as wl,H as kl,I as Al,J as Cl,K as Pl,L as Sl,M as Bl,N as El,O as Ml,P as Tl,Q as Ll}from"../chunks/C7L5Ic9L.js";import{B as jl,P as Fl,I as Nl}from"../chunks/Ci49xm7f.js";import{c as Rl}from"../chunks/QdxRJJ_-.js";import{F as Ul}from"../chunks/BnNBnNew.js";import"../chunks/69_IOA4Y.js";import{T as Ol,G as Dl}from"../chunks/CBdX7CnL.js";var Il=i('<meta name="description" content="Manage your subscription and billing"/>'),Kl=i('<p class="mt-2 text-sm font-[family:var(--font-mono)]" style="color: var(--charcoal-55);">Loading...</p>'),Gl=i('<p class="mt-2 text-base font-[family:var(--font-mono)] font-bold" style="color: var(--charcoal);"> </p>'),Hl=i('<p class="mt-2 text-base font-[family:var(--font-mono)] font-bold" style="color: var(--charcoal);"> </p>'),Vl=i('<p class="mt-2 text-base font-[family:var(--font-mono)] font-bold" style="color: var(--charcoal);">No payment method</p>'),Yl=i('<button class="mt-2 text-xs font-[family:var(--font-mono)] font-bold underline underline-offset-2 hover:opacity-70 disabled:opacity-50" style="color: #356ac3;"> </button>'),zl=i('<p class="mt-2 text-sm font-[family:var(--font-mono)]" style="color: var(--charcoal-55);">Loading...</p>'),ql=i('<p class="mt-2 text-base font-[family:var(--font-mono)] font-bold" style="color: var(--charcoal);"> </p> <p class="mt-2 text-xs font-[family:var(--font-mono)]" style="color: var(--charcoal-55);"> </p>',1),Ql=i('<p class="mt-2 text-sm font-[family:var(--font-mono)]" style="color: var(--charcoal-55);"> </p>'),Zl=i('<p class="mt-2 text-base font-[family:var(--font-mono)] font-bold" style="color: var(--charcoal);"> </p> <p class="mt-2 text-xs font-[family:var(--font-mono)]" style="color: var(--charcoal-55);"> </p>',1),Wl=i('<p class="mt-2 text-base font-[family:var(--font-mono)] font-bold" style="color: var(--charcoal);">None active</p>'),$l=i('<button class="flex w-full items-center justify-center gap-5 rounded-lg px-5 py-3 text-sm font-[family:var(--font-mono)] font-bold transition hover:bg-[var(--charcoal-06)] disabled:opacity-50 sm:w-auto" style="box-shadow: inset 0 0 0 1px var(--charcoal-18); color: var(--charcoal);"> <span class="text-xl leading-none">›</span></button>'),Jl=i('<button class="w-full rounded-lg px-5 py-3 text-sm font-[family:var(--font-mono)] font-bold transition hover:bg-[var(--coral-tint)] sm:w-auto" style="box-shadow: inset 0 0 0 1px var(--charcoal-08); color: var(--charcoal-55);">Cancel subscription</button>'),Xl=i('<button class="w-full rounded-lg px-5 py-3 text-sm font-[family:var(--font-mono)] font-bold sm:w-auto" style="background: var(--moss); color: var(--charcoal);">Keep subscription</button>'),an=i('<p class="mt-2 text-sm font-[family:var(--font-mono)]" style="color: var(--charcoal-55);">Loading...</p>'),on=i('<p class="mt-2 text-sm font-[family:var(--font-mono)] font-bold" style="color: var(--charcoal);"> </p>'),rn=i('<p class="mt-2 text-sm font-[family:var(--font-mono)] font-bold" style="color: var(--charcoal);"> </p>'),en=i('<p class="mt-2 text-sm font-[family:var(--font-mono)] font-bold" style="color: var(--charcoal);">No payment method</p>'),tn=i('<button class="mt-2 text-xs font-[family:var(--font-mono)] font-bold underline underline-offset-2 hover:opacity-70 disabled:opacity-50" style="color: var(--charcoal);"> </button>'),ln=i('<p class="mt-2 text-xs font-[family:var(--font-mono)]" style="color: var(--charcoal-55);">Loading...</p>'),nn=i('<p class="mt-1 text-[0.65rem] font-[family:var(--font-mono)]" style="color: var(--charcoal-55);"> </p>'),sn=i('<p class="mt-2 text-sm font-[family:var(--font-mono)] font-bold" style="color: var(--charcoal);"> </p> <!>',1),cn=i('<p class="mt-2 text-xs font-[family:var(--font-mono)]" style="color: var(--charcoal-55);"> </p>'),dn=i('<span class="inline-flex items-center justify-between gap-3 rounded px-3 py-1 text-[0.65rem] font-[family:var(--font-mono)] font-bold" style="background: var(--moss-tint); color: var(--charcoal);"> <span> </span></span>'),vn=i('<div class="flex flex-wrap gap-2"></div>'),fn=i('<p class="text-xs font-[family:var(--font-mono)]" style="color: var(--charcoal-55);">No active add-ons</p>'),un=i('<button class="mb-3 flex w-full items-center justify-between rounded-lg px-4 py-3 text-xs font-[family:var(--font-mono)] font-bold transition hover:-translate-y-0.5 hover:shadow-sm disabled:opacity-50" style="background: var(--charcoal); color: var(--cream);"> <svg class="h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"><path d="m9 18 6-6-6-6" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8"></path></svg></button>'),mn=i('<button class="w-full rounded border px-4 py-2 text-xs font-[family:var(--font-mono)] font-bold transition-colors hover:bg-[var(--moss-tint)] disabled:opacity-50 md:w-auto" style="background: var(--moss); border-color: var(--charcoal-12); color: var(--charcoal);"> </button>'),pn=i('<span class="text-xs font-[family:var(--font-mono)] font-bold" style="color: var(--coral);">Owner only</span>'),bn=i('<button class="w-full rounded border px-4 py-2 text-xs font-[family:var(--font-mono)] font-bold transition-colors hover:bg-[var(--moss-tint)] disabled:opacity-50 md:w-auto" style="background: var(--moss); border-color: var(--charcoal-12); color: var(--charcoal);">Keep subscription</button>'),_n=i('<span class="text-xs font-[family:var(--font-mono)] font-bold" style="color: var(--coral);">Owner only</span>'),yn=i('<button class="w-full rounded border px-4 py-2 text-xs font-[family:var(--font-mono)] font-bold transition-colors hover:bg-[var(--coral-tint)] md:w-auto" style="background: transparent; border-color: var(--coral); color: var(--charcoal);">Cancel Subscription</button>'),gn=i('<span class="text-xs font-[family:var(--font-mono)] font-bold" style="color: var(--coral);">Owner only</span>'),hn=i('<div><div class="mb-8 rounded-xl bg-white p-5 md:p-7" style="box-shadow: inset 0 0 0 1px var(--charcoal-08), var(--shadow-md);"><div class="grid gap-y-8 md:grid-cols-[minmax(250px,0.82fr)_minmax(0,1.8fr)] md:gap-x-10 md:gap-y-0"><section class="flex min-h-[310px] flex-col md:pr-8" aria-label="Current plan summary"><div class="flex items-start gap-5"><div class="flex h-[72px] w-[72px] shrink-0 items-center justify-center rounded-2xl" style="background: var(--moss-tint); color: #5c7e42;"><svg class="h-9 w-9" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"><circle cx="12" cy="8" r="3.25" stroke-width="1.7"></circle><path d="M5.5 19c.5-3.1 2.8-4.75 6.5-4.75s6 1.65 6.5 4.75" stroke-linecap="round" stroke-width="1.7"></path></svg></div> <div class="min-w-0 pt-1"><p class="eyebrow mb-3">Current plan</p> <h2 class="text-3xl font-[family:var(--font-display)] font-bold tracking-tight md:text-4xl" style="color: var(--charcoal);"> </h2> <span class="mt-4 inline-flex items-center gap-2 rounded-full px-3 py-1 text-xs font-[family:var(--font-mono)] font-bold"><span class="h-1.5 w-1.5 rounded-full" style="background: currentColor;"></span> </span></div></div> <div class="mt-auto border-t pt-5" style="border-color: var(--charcoal-08);"><div class="grid grid-cols-1 gap-3"><div class="flex items-start gap-2"><svg class="mt-0.5 h-5 w-5 shrink-0" fill="none" stroke="#5c7e42" viewBox="0 0 24 24" aria-hidden="true"><rect x="5" y="10" width="14" height="10" rx="2" stroke-width="1.7"></rect><path d="M8 10V7a4 4 0 0 1 8 0v3" stroke-linecap="round" stroke-width="1.7"></path></svg> <div><p class="text-[0.68rem] font-[family:var(--font-mono)] font-bold" style="color: var(--charcoal);">Secure billing</p> <p class="mt-1 text-[0.62rem] leading-snug font-[family:var(--font-mono)]" style="color: var(--charcoal-55);">Your data is encrypted</p></div></div> <div class="flex items-start gap-2"><svg class="mt-0.5 h-5 w-5 shrink-0" fill="none" stroke="#5c7e42" viewBox="0 0 24 24" aria-hidden="true"><path d="M19 8a7 7 0 1 0 1 6" stroke-linecap="round" stroke-width="1.7"></path><path d="M19 3v5h-5" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.7"></path></svg> <div><p class="text-[0.68rem] font-[family:var(--font-mono)] font-bold" style="color: var(--charcoal);">Cancel anytime</p> <p class="mt-1 text-[0.62rem] leading-snug font-[family:var(--font-mono)]" style="color: var(--charcoal-55);">No long-term commitments</p></div></div></div></div></section> <section class="grid sm:grid-cols-2" aria-label="Billing details"><div class="pb-7 sm:pr-8" style="border-bottom: 1px solid var(--charcoal-08);"><div class="flex items-start gap-4"><div class="flex h-12 w-12 shrink-0 items-center justify-center rounded-xl" style="background: var(--sand-tint); color: var(--charcoal);"><svg class="h-6 w-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"><path d="M6 3v3m12-3v3M4 9h16M5 5h14a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1Z" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.7"></path></svg></div> <div><p class="eyebrow"> </p> <p class="mt-2 text-base font-[family:var(--font-mono)] font-bold" style="color: var(--charcoal);"> </p> <p class="mt-2 text-xs font-[family:var(--font-mono)]" style="color: var(--charcoal-55);">You’ll be charged automatically.</p></div></div></div> <div class="pb-7 sm:border-l sm:pl-8" style="border-bottom: 1px solid var(--charcoal-08); border-color: var(--charcoal-08);"><div class="flex items-start gap-4"><div class="flex h-12 w-12 shrink-0 items-center justify-center overflow-hidden rounded-xl" style="background: var(--sage-tint);"><img class="h-10 w-12 object-contain"/></div> <div class="min-w-0"><p class="eyebrow">Payment method</p> <!> <!></div></div></div> <div class="pt-7 sm:pr-8"><div class="flex items-start gap-4"><div class="flex h-12 w-12 shrink-0 items-center justify-center rounded-xl" style="background: var(--sand-tint); color: var(--charcoal);"><svg class="h-6 w-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"><path d="M5 5v6c0 1.66 3.13 3 7 3s7-1.34 7-3V5m-14 6v6c0 1.66 3.13 3 7 3s7-1.34 7-3v-6" stroke-linecap="round" stroke-width="1.7"></path><ellipse cx="12" cy="5" rx="7" ry="3" stroke-width="1.7"></ellipse></svg></div> <div><p class="eyebrow">API credits</p> <!></div></div></div> <div class="pt-7 sm:border-l sm:pl-8" style="border-color: var(--charcoal-08);"><div class="flex items-start gap-4"><div class="flex h-12 w-12 shrink-0 items-center justify-center rounded-xl" style="background: var(--sand-tint); color: var(--charcoal);"><svg class="h-6 w-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"><path d="M12 3a2 2 0 0 1 2 2v1h2a2 2 0 0 1 2 2v2h1a2 2 0 1 1 0 4h-1v2a2 2 0 0 1-2 2h-2v1a2 2 0 1 1-4 0v-1H8a2 2 0 0 1-2-2v-2H5a2 2 0 1 1 0-4h1V8a2 2 0 0 1 2-2h2V5a2 2 0 0 1 2-2Z" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path></svg></div> <div><p class="eyebrow">Add-ons</p> <!> <a href="#addons" class="mt-2 inline-block text-xs font-[family:var(--font-mono)] font-bold underline underline-offset-2" style="color: #356ac3;">Browse add-ons</a></div></div></div></section> <footer class="col-span-full -mx-5 mt-7 -mb-7 flex justify-stretch border-t px-5 py-5 md:-mx-7 md:-mb-7 md:justify-end md:px-7" style="border-color: var(--charcoal-08);"><div class="flex w-full flex-col gap-3 sm:flex-row sm:justify-end md:w-auto"><!> <!></div></footer></div> <div class="hidden gap-6 md:grid-cols-[1.25fr_0.95fr_0.95fr_1.05fr_1.05fr_auto] md:gap-0"><div class="min-w-0 md:pr-6"><p class="eyebrow mb-2">Current plan</p> <h4 class="text-2xl font-[family:var(--font-display)] font-bold tracking-tight" style="color: var(--charcoal);"> </h4> <p class="mt-1 text-xs font-[family:var(--font-mono)]" style="color: var(--charcoal-55);"> </p> <span class="mt-3 inline-flex rounded px-2 py-0.5 text-[0.65rem] font-[family:var(--font-mono)] font-bold"> </span></div> <div class="md:border-l md:px-6" style="border-color: var(--charcoal-08);"><div class="flex items-start gap-3"><div class="flex h-10 w-10 shrink-0 items-center justify-center rounded-lg" style="background: var(--sage-tint); color: var(--charcoal);"><svg class="h-5 w-5" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"><rect x="3" y="5" width="18" height="14" rx="2" stroke-width="1.7"></rect><path d="M3 10h18M7 15h3" stroke-linecap="round" stroke-width="1.7"></path></svg></div> <div class="min-w-0"><p class="eyebrow">Payment method</p> <!> <!></div></div></div> <div class="md:border-l md:px-6" style="border-color: var(--charcoal-08);"><div class="flex items-start gap-3"><svg class="mt-0.5 h-5 w-5 shrink-0" style="color: var(--charcoal-70);" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.7" d="M6 3v3m12-3v3M4 9h16M5 5h14a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1Z"></path></svg> <div><p class="eyebrow"> </p> <p class="mt-2 text-sm font-[family:var(--font-mono)] font-bold" style="color: var(--charcoal);"> </p></div></div></div> <div class="md:border-l md:px-6" style="border-color: var(--charcoal-08);"><div class="flex items-start gap-3"><svg class="mt-0.5 h-5 w-5 shrink-0" style="color: var(--charcoal-70);" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"><ellipse cx="12" cy="5" rx="7" ry="3" stroke-width="1.7"></ellipse><path stroke-linecap="round" stroke-width="1.7" d="M5 5v6c0 1.66 3.13 3 7 3s7-1.34 7-3V5m-14 6v6c0 1.66 3.13 3 7 3s7-1.34 7-3v-6"></path></svg> <div><p class="eyebrow">API credits</p> <!></div></div></div> <div class="md:border-l md:px-6" style="border-color: var(--charcoal-08);"><p class="eyebrow mb-2">Current add-ons</p> <!></div> <div class="flex flex-col items-stretch justify-center md:border-l md:pl-6" style="border-color: var(--charcoal-08);"><!> <!></div></div></div></div>'),xn=i('<div class="mb-4 rounded border p-4 text-sm font-[family:var(--font-mono)] font-bold" style="background: var(--moss-tint); border-color: var(--charcoal-12); color: var(--charcoal);">Only account owner can change current subscription plan</div>'),wn=i('<div class="mb-4 rounded border p-4 text-sm font-[family:var(--font-mono)] font-bold" style="background: var(--moss-tint); border-color: var(--charcoal-12); color: var(--charcoal);"> </div>'),kn=i('<div class="mb-4 rounded border p-4 text-sm font-[family:var(--font-mono)] font-bold" style="background: var(--coral-tint); border-color: var(--coral); color: var(--charcoal);"> </div>'),An=i('<div class="mb-6"><button class="rounded border px-5 py-2 text-sm font-[family:var(--font-mono)] font-bold transition-colors hover:bg-[var(--moss-tint)] disabled:opacity-50" style="background: var(--moss); border-color: var(--charcoal-12); color: var(--charcoal);">Cancel plan now &amp; subscribe</button></div>'),Cn=i('<span class="rounded-full px-2 py-0.5 text-[9px] font-[family:var(--font-mono)] font-bold uppercase">Current</span>'),Pn=i('<span class="rounded-full px-2 py-0.5 text-[9px] font-[family:var(--font-mono)] font-bold uppercase"> </span>'),Sn=i('<span class="mb-1 self-end rounded-full px-1.5 py-0.5 text-[9px] leading-none font-[family:var(--font-mono)] font-bol

1d"> </span>'),Bn=i('<span class="loading loading-sm loading-spinner" style="border-top-color: var(--charcoal);"></span> Upgrading...',1),En=i('<button class="billing-plan-cta mb-5 block w-full rounded-[16px] px-4 py-3 text-center text-[0.9rem] font-[family:var(--font-mono)] font-bold transition-all duration-150 hover:-translate-y-0.5 disabled:cursor-not-allowed disabled:opacity-50 svelte-kwv9co"><!></button>'),Mn=i('<button class="mb-5 block w-full rounded-[16px] px-4 py-3 text-center text-[0.9rem] font-[family:var(--font-mono)] font-bold" style="background: rgba(42, 39, 36, 0.04); color: var(--charcoal-55); box-shadow: inset 0 0 0 1px var(--charcoal-08);" disabled>Current Plan</button>'),Tn=i('<span class="feature-platforms svelte-kwv9co"></span>'),Ln=i('<span class="feature-note svelte-kwv9co"> </span>'),jn=i('<span class="feature-check svelte-kwv9co">&#10003;</span>'),Fn=i('<span class="feature-x svelte-kwv9co">&#10007;</span>'),Nn=i("<span> </span>"),Rn=i('<div class="feature-row svelte-kwv9co"><span class="feature-copy svelte-kwv9co"><span class="feature-label svelte-kwv9co"> <!></span> <!></span> <!></div>'),Un=i('<div class="feature-section svelte-kwv9co"><div class="section-title svelte-kwv9co"> </div> <!></div>'),On=i('<div><div class="p-4 sm:p-6"><div class="mb-4 flex flex-wrap items-center justify-between gap-2"><div class="flex items-center gap-3"><div class="flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-[12px]"><!></div> <div><h3 class="text-[1.15rem] leading-none font-[family:var(--font-display)] font-bold" style="color: var(--charcoal);"> </h3> <p class="mt-1 text-[11px] font-[family:var(--font-mono)]" style="color: var(--charcoal-55);"> </p></div></div> <!></div> <div class="mb-1 flex items-end gap-1"><div class="text-[2.2rem] leading-none font-[family:var(--font-display)] font-bold"> </div> <!></div> <div class="mb-4 text-[11px] font-[family:var(--font-mono)]" style="color: var(--charcoal-55);"> </div> <!> <!></div></div>'),Dn=i('<div class="flex items-center gap-2 text-sm font-[family:var(--font-mono)]" style="color: var(--charcoal-55);"><span class="loading loading-sm loading-spinner" style="border-top-color: var(--charcoal);"></span> Loading add-ons...</div>'),In=i(`<p class="mb-3 text-xs font-[family:var(--font-mono)] font-bold" style="color: var(--coral);">Payment failed for this add-on. Access is paused until the charge is
2												resolved.</p>`),Kn=i('<p class="mb-3 text-xs font-[family:var(--font-mono)] font-bold" style="color: var(--coral);"> </p>'),Gn=i('<button class="btn-soft-ghost text-xs font-[family:var(--font-mono)] underline">Cancel addon</button>'),Hn=i('<div class="mb-3 flex items-center gap-2"><span class="rounded px-2 py-0.5 text-xs font-[family:var(--font-mono)] font-bold"> </span> <span class="text-sm font-[family:var(--font-mono)]" style="color: var(--charcoal);"> </span></div> <!>',1),Vn=i('<button class="rounded border px-4 py-2 text-sm font-[family:var(--font-mono)] font-bold transition-colors hover:bg-[var(--moss-tint)] disabled:cursor-not-allowed disabled:opacity-50" style="background: var(--moss); border-color: var(--charcoal-12); color: var(--charcoal);"> </button>'),Yn=i('<p class="text-xs font-[family:var(--font-mono)] italic" style="color: var(--charcoal-55);">Not yet available</p>'),zn=i('<div class="rounded-lg border bg-white" style="border-color: var(--charcoal-12); box-shadow: var(--shadow-xs);"><div class="border-b px-4 py-3" style="border-color: var(--charcoal-08);"><div class="flex flex-wrap items-start justify-between gap-2"><div><p class="font-[family:var(--font-display)] font-bold tracking-tight" style="color: var(--charcoal);"> </p> <p class="mt-1 text-xs font-[family:var(--font-mono)]" style="color: var(--charcoal-55);"> </p></div> <span class="rounded px-2 py-0.5 text-xs font-[family:var(--font-mono)] font-bold whitespace-nowrap sm:ml-3" style="background: var(--moss-tint); color: var(--charcoal);"> </span></div></div> <div class="p-4"><!></div></div>'),qn=i('<div class="grid grid-cols-1 gap-6 md:grid-cols-2"></div>'),Qn=i('<div class="mb-8 rounded-xl border bg-white" id="addons" style="border-color: var(--charcoal-12); box-shadow: var(--shadow-sm);"><div class="flex items-center justify-between border-b px-6 py-3" style="border-color: var(--charcoal-08);"><span class="font-[family:var(--font-display)] font-bold" style="color: var(--charcoal);">Add-ons</span></div> <div class="p-6"><!></div></div>'),Zn=i('<div class="modal-open modal"><div class="modal-box max-w-lg rounded-xl border bg-white p-0 text-center svelte-kwv9co" style="border-color: var(--charcoal-12); box-shadow: var(--shadow-lg);"><div class="rounded-t-xl border-b px-6 py-4" style="background: var(--charcoal); border-color: var(--charcoal-12);"><h3 class="text-2xl font-[family:var(--font-display)] font-bold tracking-tight" style="color: var(--cream);">Start Your Free Trial</h3></div> <div class="p-6"><div class="mb-4 flex justify-center"><div class="flex h-16 w-16 items-center justify-center rounded-xl" style="background: var(--moss-tint); border: 1px solid var(--charcoal-12);"><svg class="h-8 w-8" style="color: var(--charcoal);" fill="none" stroke="currentColor" viewBox="0 0 24 24">

2<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"></path></svg></div></div> <p class="mb-6 text-sm font-[family:var(--font-mono)]" style="color: var(--charcoal-70);">Subscribe to a plan to unlock all features. Cancel anytime.</p> <div class="flex flex-col gap-3"><button class="w-full rounded border py-3 font-[family:var(--font-mono)] font-bold transition-colors hover:bg-[var(--moss-tint)]" style="background: var(--charcoal); border-color: var(--charcoal-12); color: var(--cream);">Choose a Plan</button> <button class="text-sm font-[family:var(--font-mono)] underline" style="color: var(--charcoal-55);">Maybe later</button></div></div></div> <button class="modal-backdrop" type="button" aria-label="Close"></button></div>'),Wn=i('<div class="mb-4 rounded border p-3 text-sm font-[family:var(--font-mono)] font-bold" style="background: var(--coral-tint); border-color: var(--coral); color: var(--charcoal);"> </div>'),$n=i('<div class="mb-4 rounded border p-3 text-sm font-[family:var(--font-mono)] font-bold" style="background: var(--moss-tint); border-color: var(--charcoal-12); color: var(--charcoal);"> </div>'),Jn=i("<option> </option>"),Xn=i('<div class="flex flex-wrap items-center justify-between gap-3 rounded border px-4 py-3" style="border-color: var(--charcoal-12);"><div><p class="text-sm font-[family:var(--font-mono)] font-bold" style="color: var(--charcoal);"> </p> <p class="text-xs font-[family:var(--font-mono)]" style="color: var(--charcoal-55);"> </p></div> <div class="flex items-center rounded border" style="border-color: var(--charcoal-12);"><button type="button" class="rounded-l px-3 py-1.5 font-[family:var(--font-mono)] font-bold transition-colors hover:bg-[var(--moss-tint)] disabled:opacity-30" style="color: var(--charcoal);">-</button> <span class="min-w-[2.5rem] border-x px-3 py-1.5 text-center text-sm font-[family:var(--font-mono)] font-bold" style="border-color: var(--charcoal-12); color: var(--charcoal);"> </span> <button type="button" class="rounded-r px-3 py-1.5 font-[family:var(--font-mono)] font-bold transition-colors hover:bg-[var(--moss-tint)]" style="color: var(--charcoal);">+</button></div></div>'),as=i('<p class="mt-2 text-xs font-[family:var(--font-mono)]" style="color: var(--charcoal-55);">Add-ons: <strong style="color: var(--charcoal);"> </strong></p>'),os=i('<div class="mb-6"><div class="mb-4 flex items-center gap-2"><div class="flex h-5 w-5 flex-shrink-0 items-center justify-center rounded" style="border: 1px solid var(--charcoal-12); background: var(--moss-tint);"><svg class="h-3 w-3" style="color: var(--charcoal);" fill="none" stroke="currentColor" stroke-width="3" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M12 4v16m8-8H4"></path></svg></div> <span class="text-sm font-[family:var(--font-display)] font-bold tracking-tight underline decoration-2 underline-offset-4" style="color: var(--charcoal);">Add-ons <span class="font-normal tracking-normal no-underline" style="color: var(--charcoal-55);">(Optional)</span></span></div> <div class="space-y-2"></div> <!></div>'),rs=i('<span class="loading loading-sm loading-spinner" style="border-top-color: var(--cream);"></span> Processing...',1),es=i('<div class="modal-open modal"><div class="relative modal-box max-w-2xl overflow-visible rounded-xl border bg-white p-0 svelte-kwv9co" style="border-color: var(--charcoal-12); box-shadow: var(--shadow-lg);"><div class="rounded-t-xl border-b px-6 py-4" style="background: var(--charcoal); border-color: var(--charcoal-12);"><h3 class="text-sm font-[family:var(--font-display)] font-bold tracking-tight" style="color: var(--cream);"> </h3></div> <div class="p-6"><!> <!> <div class="mb-6"><div class="mb-5 flex items-center gap-2"><svg class="h-4 w-4 flex-shrink-0" style="color: var(--charcoal);" fill="currentColor" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M11.54 22.351l.07.04.028.016a.76.76 0 00.723 0l.028-.015.071-.041a16.975 16.975 0 001.144-.742 19.58 19.58 0 002.683-2.282c1.944-2.003 3.5-4.697 3.5-8.327a8 8 0 10-16 0c0 3.63 1.556 6.324 3.5 8.327a19.58 19.58 0 002.682 2.282 16.975 16.975 0 001.145.742zM12 13.5a3 3 0 100-6 3 3 0 000 6z" clip-rule="evenodd"></path></svg> <span class="text-sm font-[family:var(--font-display)] font-bold tracking-tight underline decoration-2 underline-offset-4" style="color: var(--charcoal);">Address Details</span></div> <div class="mb-5"><label class="mb-1 block text-xs font-[family:var(--font-mono)]" style="color: var(--charcoal-55);">Street Address</label> <input type="text" placeholder="123 Main St" class="w-full rounded border px-3 py-2 text-sm font-[family:var(--font-mono)] outline-none focus:ring-2 focus:ring-[var(--moss)]" style="border-color: var(--charcoal-12); color: var(--charcoal); background: white;"/></div> <div class="mb-5 grid grid-cols-1 gap-4 sm:grid-cols-3 sm:gap-5"><div><label class="mb-1 block text-xs font-[family:var(--font-mono)]" style="color: var(--charcoal-55);">City</label> <input type="text" placeholder="City" class="w-full rounded border px-3 py-2 text-sm font-[family:var(--font-mono)] outline-none focus:ring-2 focus:ring-[var(--moss)]" style="border-color: var(--charcoal-12); color: var(--charcoal); background: white;"/></div> <div><label class="mb-1 block text-xs font-[family:var(--font-mono)]" style="color: var(--charcoal-55);">State</label> <input type="text" placeholder="State" class="w-full rounded border px-3 py-2 text-sm font-[family:var(--font-mono)] outline-none focus:ring-2 focus:ring-[var(--moss)]" style="border-color: var(--charcoal-12); color: var(--charcoal); background: white;"/></div> <div><label class="mb-1 block text-xs font-[family:var(--font-mono)]" style="color: var(--charcoal-55);">ZIP Code</label> <input type="text" placeholder="00000" class="w-full rounded border px-3 py-2 text-sm font-[family:var(--font-mono)] outline-none focus:ring-2 focus:ring-[var(--moss)]" style="border-color: var(--charcoal-12); color: var(--charcoal); background: white;"/></div></div> <div><label class="mb-1 block text-xs font-[family:var(--font-mono)]" style="color: var(--charcoal-55);">Country</label> <div class="relative block w-full sm:inline-block sm:w-auto"><select class="w-full cursor-pointer appearance-none rounded border py-2 pr-10 pl-4 text-sm font-[family:var(--font-mono)] font-bold outline-none focus:ring-2 focus:ring-[var(--moss)] sm:w-auto 

2sm:min-w-[220px]" style="border-color: var(--charcoal-12); color: var(--charcoal); background: var(--moss-tint);"></select> <div class="pointer-events-none absolute top-1/2 right-3 -translate-y-1/2"><svg class="h-4 w-4" style="color: var(--charcoal);" fill="none" stroke="currentColor" stroke-width="2.5" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"></path></svg></div></div></div></div> <div class="my-6 border-t" style="border-color: var(--charcoal-08);"></div> <!> <div class="relative mt-6 flex flex-col-reverse items-stretch gap-3 sm:flex-row sm:items-center sm:justify-end sm:gap-4"><button class="text-sm font-[family:var(--font-mono)] font-bold underline underline-offset-4 transition-colors disabled:opacity-50" style="color: var(--charcoal-70);">Cancel</button> <button class="rounded border px-6 py-2 text-sm font-[family:var(--font-mono)] font-bold transition-colors hover:bg-[var(--moss-tint)] disabled:opacity-50" style="background: var(--charcoal); border-color: var(--charcoal-12); color: var(--cream);"><!></button></div></div></div></div>'),ts=i('<div class="flex items-center gap-2 text-sm font-[family:var(--font-mono)]" style="color: var(--charcoal-55);"><span class="loading loading-sm loading-spinner" style="border-top-color: var(--charcoal);"></span> Loading downgrade preview...</div>'),ls=i('<p class="mb-4 text-sm font-[family:var(--font-mono)]" style="color: var(--charcoal-70);">Downgrading from <strong> </strong> to <strong> </strong>. This will take effect immediately.</p> <p class="text-sm font-[family:var(--font-mono)]" style="color: var(--charcoal-55);">Your plan will be changed and features will be adjusted accordingly.</p>',1),ns=i('<span class="loading loading-sm loading-spinner" style="border-top-color: var(--cream);"></span> Applying...',1),ss=i('<div class="modal-open modal"><div class="modal-box max-w-3xl rounded-xl border bg-white p-0 svelte-kwv9co" style="border-color: var(--charcoal-12); box-shadow: var(--shadow-lg);"><div class="rounded-t-xl border-b px-6 py-4" style="background: var(--charcoal); border-color: var(--charcoal-12);"><h3 class="text-lg font-[family:var(--font-display)] font-bold tracking-tight" style="color: var(--cream);">Confirm downgrade</h3></div> <div class="p-6"><!> <div class="mt-6 flex flex-col-reverse items-stretch gap-3 sm:flex-row sm:items-center sm:justify-end"><button class="btn-soft-ghost rounded border px-5 py-2 text-sm font-[family:var(--font-mono)] font-bold disabled:opacity-50" style="border-color: var(--charcoal-12); color: var(--charcoal);">Cancel</button> <button class="rounded border px-5 py-2 text-sm font-[family:var(--font-mono)] font-bold transition-colors hover:bg-[var(--moss-tint)] disabled:opacity-50" style="background: var(--charcoal); border-color: var(--charcoal-12); color: var(--cream);"><!></button></div></div></div></div>'),is=i('<div class="mb-4 rounded border p-3 text-sm font-[family:var(--font-mono)] font-bold" style="background: var(--coral-tint); border-color: var(--coral); color: var(--charcoal);"> </div>'),cs=i('<div class="mb-4 rounded border p-3 text-sm font-[family:var(--font-mono)] font-bold" style="background: var(--moss-tint); border-color: var(--charcoal-12); color: var(--charcoal);"> </div>'),ds=i('<button type="button" class="w-full rounded-lg px-4 py-4 text-left transition"><div class="flex items-center gap-4"><div class="flex h-8 w-8 items-center justify-center rounded-full text-sm font-[family:var(--font-mono)]" style="background: rgba(255, 255, 255, 0.8); color: var(--coral);"></div> <span class="text-sm font-[family:var(--font-mono)]" style="color: var(--charcoal);"> </span></div></button>'),vs=i('<div class="mb-5 space-y-4"><div class="space-y-1"><p class="text-sm font-[family:var(--font-mono)]" style="color: var(--charcoal-70);">Before you cancel, tell us what made you leave.</p> <p class="text-sm font-[family:var(--font-mono)]" style="color: var(--charcoal-55);">Your subscription will remain active until the end of your current billing period.</p></div> <div class="space-y-3"></div> <div class="space-y-2"><label for="cancel-note" class="text-xs font-[family:var(--font-mono)] tracking-[0.18em] uppercase" style="color: var(--charcoal-55);">Anything else to share?</label> <textarea id="cancel-note" class="min-h-28 w-full rounded-lg px-4 py-3 text-sm font-[family:var(--font-mono)] outline-none" style="background: rgba(42, 39, 36, 0.03); box-shadow: inset 0 0 0 1px var(--charcoal-08); color: var(--charcoal);" placeholder="Optional details" maxlength="2000"></textarea></div></div>'),fs=i('<span class="loading loading-sm loading-spinner" style="border-top-color: var(--charcoal);"></span> Canceling...',1),us=i('<button class="rounded border px-5 py-2 text-sm font-[family:var(--font-mono)] font-bold transition-colors disabled:opacity-50" style="background: var(--coral-tint); border-color: var(--coral); color: var(--charcoal);"><!></button>'),ms=i('<div class="modal-open modal"><div class="modal-box rounded-xl border bg-white p-0 svelte-kwv9co" style="border-color: var(--charcoal-12); box-shadow: var(--shadow-lg);"><div class="rounded-t-xl border-b px-6 py-4" style="background: var(--charcoal); border-color: var(--charcoal-12);"><h3 class="text-lg font-[family:var(--font-display)] font-bold tracking-tight" style="color: var(--cream);">Cancel Subscription</h3></div> <div class="p-6"><!> <!> <!> <div class="flex flex-col-reverse items-stretch gap-3 sm:flex-row sm:items-center sm:justify-end"><button class="btn-soft-ghost rounded border px-5 py-2 text-sm font-[family:var(--font-mono)] font-bold disabled:opacity-50" style="border-color: var(--charcoal-12); color: var(--charcoal);"> </button> <!></div></div></div></div>'),ps=i('<span class="loading loading-sm loading-spinner" style="border-top-color: var(--charcoal);"></span> Keeping...',1),bs=i('<div class="modal-open modal"><div class="modal-box rounded-xl border bg-white p-0 svelte-kwv9co" style="border-color: var(--charcoal-12); box-shadow: var(--shadow-lg);"><div class="rounded-t-xl border-b px-6 py-4" style="background: var(--charcoal); border-color: var(--charcoal-12);"><h3 class="text-lg font-[family:var(--font-display)] font-bold tracking-tight" style="color: var(--cream);">Keep subscription</h3></div> <div class="p-6"><p class="mb-4 text-sm font-[family:var(--font-mono)]" style="color: var(--charcoal-70);">This will keep your current plan active and resume renewal on the next billing date.</p> <div class="flex items-center justify-end gap-3"><button class="btn-soft-ghost rounded border px-5 py-2 text-sm font-[family:var(--font-mono)] font-bold disabled:opacity-50" style="border-color: var(--charcoal-12); color: var(--charcoal);">Not now</button> <button class="rounded border px-5 py-2 text-sm font-[family:var(--font-mono)] font-bold transition-colors hover:bg-[var(--moss-tint)] disabled:opacity-50" style="background: var(--moss); border-color: var(--charcoal-12); color: var(--charcoal);"><!></button></div></div></div></div>'),_s=i('<span class="loading loading-sm loading-spinner" style="border-top-color: var(--charcoal);"></span> Canceling...',1),ys=i(`<div class="modal-open modal"><div class="modal-box rounded-xl border bg-white p-0 svelte-kwv9co" style="border-color: var(--charcoal-12); box-shadow: var(--shadow-lg);"><div class="rounded-t-xl border-b px-6 py-4" style="background: var(--charcoal); border-color: var(--charcoal-12);"><h3 class="text-lg font-[family:var(--font-display)] font-bold tracking-tight" style="color: var(--cream);">Cancel subscription now</h3></div> <div class="p-6"><p class="mb-4 text-sm font-[family:var(--font-mono)]" style="color: var(--charcoal-70);">To change plans, your current subscription must be cancelled now. This will end your
3					current plan immediately. After that, you can subscribe to the new plan.</p> <div class="flex items-center justify-end gap-3"><button class="btn-soft-ghost rounded border px-5 py-2 text-sm font-[family:var(--font-mono)] font-bold disabled:opacity-50" style="border-color: var(--charcoal-12); color: var(--charcoal);">Keep subscription</button> <button class="rounded border px-5 py-2 text-sm font-[family:var(--font-mono)] font-bold transition-colors hover:bg-[var(--moss-tint)] disabled:opacity-50" style="background: var(--moss); border-color: var(--charcoal-12); color: var(--charcoal);"><!></button></div></div></div></div>`),gs=i('<div class="mb-4 flex items-center gap-3"><label class="text-xs font-[family:var(--font-mono)] font-bold tracking-tight" style="color: var(--charcoal);">Quantity</label> <div class="flex items-center rounded border" style="border-color: var(--charcoal-12);"><button class="rounded-l px-3 py-1 font-[family:var(--font-mono)] font-bold transition-colors hover:bg-[var(--moss-tint)]" style="color: var(--charcoal);">-</button> <span class="min-w-[3rem] border-x px-4 py-1 text-center font-[family:var(--font-mono)] font-bold" style="border-color: var(--charcoal-12); color: var(--charcoal);"> </span> <button class="rounded-r px-3 py-1 font-[family:var(--font-mono)] font-bold transition-colors hover:bg-[var(--moss-tint)]" style="color: var(--charcoal);">+</button></div></div>'),hs=i('<p class="mb-4 text-xs font-[family:var(--font-mono)] font-bold" style="color: var(--charcoal-55);">Unlimited API access is sold as a single subscription add-on.</p>'),xs=i('<div class="mb-4 rounded border p-3 text-sm font-[family:var(--font-mono)] font-bold" style="background: var(--coral-tint); border-color: var(--coral); color: var(--charcoal);"> </div>'),ws=i('<span class="loading loading-sm loading-spinner" style="border-top-color: var(--charcoal);"></span> Processing...',1),ks=i('<div class="modal-open modal"><div class="modal-box max-w-lg rounded-xl border bg-white p-0 svelte-kwv9co" style="border-color: var(--charcoal-12); box-shadow: var(--shadow-lg);"><div class="rounded-t-xl border-b px-6 py-4" style="background: var(--charcoal); border-color: var(--charcoal-12);"><h3 class="text-lg font-[family:var(--font-display)] font-bold tracking-tight" style="color: var(--cream);"> </h3></div> <div class="p-6"><p class="mb-4 text-sm font-[family:var(--font-mono)]" style="color: var(--charcoal-70);"> <strong style="color: var(--charcoal);"> </strong></p> <!> <!> <div class="mt-4 flex flex-col-reverse items-stretch gap-3 sm:flex-row sm:items-center sm:justify-end"><button class="btn-soft-ghost rounded border px-5 py-2 text-sm font-[family:var(--font-mono)] font-bold disabled:opacity-50" style="border-color: var(--charcoal-12); color: var(--charcoal);">Cancel</button> <button class="rounded border px-5 py-2 text-sm font-[family:var(--font-mono)] font-bold transition-colors hover:bg-[var(--moss-tint)] disabled:opacity-50" style="background: var(--moss); border-color: var(--charcoal-12); color: var(--charcoal);"><!></button></div></div></div></div>'),As=i('<span class="loading loading-sm loading-spinner" style="border-top-color: var(--charcoal);"></span> Canceling...',1),Cs=i(`<div class="modal-open modal"><div class="modal-box max-w-md rounded-xl border bg-white p-0 svelte-kwv9co" style="border-color: var(--charcoal-12); box-shadow: var(--shadow-lg);"><div class="rounded-t-xl border-b px-6 py-4" style="background: var(--charcoal); border-color: var(--charcoal-12);"><h3 class="text-lg font-[family:var(--font-display)] font-bold tracking-tight" style="color: var(--cream);">Cancel Addon</h3></div> <div class="p-6"><p class="mb-4 text-sm font-[family:var(--font-mono)]" style="color: var(--charcoal-70);">The addon will be removed immediately. You will receive a prorated refund for the
4					remaining billing period.</p> <div class="flex flex-col-reverse items-stretch gap-3 sm:flex-row sm:items-center sm:justify-end"><button class="btn-soft-ghost rounded border px-5 py-2 text-sm font-[family:var(--font-mono)] font-bold disabled:opacity-50" style="border-color: var(--charcoal-12); color: var(--charcoal);">Keep addon</button> <button class="rounded border px-5 py-2 text-sm font-[family:var(--font-mono)] font-bold transition-colors disabled:opacity-50" style="background: var(--coral-tint); border-color: var(--coral); color: var(--charcoal);"><!></button></div></div></div></div>`),Ps=i('<div class="mx-auto w-full max-w-6xl"><div class="mb-6 md:mb-8"><h1 class="mb-2 text-2xl font-[family:var(--font-display)] font-bold tracking-tight sm:text-3xl" style="color: var(--charcoal);">Billing &amp; Subscription</h1> <p class="text-sm font-[family:var(--font-mono)]" style="color: var(--charcoal-55);">Manage your subscription and view billing information</p></div> <!> <div id="plans-section" class="mb-8"><div class="mb-6 flex items-center justify-center"><!></div> <!> <!> <!> <!> <div class="grid grid-cols-1 items-start gap-6 md:grid-cols-3"></div></div> <!></div> <!> <!> <!> <!> <!> <!> <!> <!>',1);function Js(xe,we){Tt(we,!0);const Cr=()=>Kt(Vt,"$page",ke),[ke,Ae]=It();function Ce(o,l){return o[l]}const Pe=[{key:"technical_issues",label:"I ran into technical issues"},{key:"not_running_ads",label:"I’m not running ads at the moment"},{key:"not_enough_creatives",label:"I couldn’t find enough creatives for my niche"},{key:"price_too_high",label:"The subscription cost is too high for me"},{key:"other",label:"Other"}];function Se(o){return o==="lite"?"feature-value-lite":o==="basic"?"feature-value-basic":"feature-value-pro"}function Be(o){return o==="lite"?{surface:"linear-gradient(180deg, rgba(168, 199, 201, 0.18) 0%, rgba(255, 255, 255, 0) 45%)",iconBg:"var(--sage-tint)",iconColor:"var(--charcoal)",badgeBg:"var(--sage-tint)",badgeText:"var(--charcoal)",priceGlow:"rgba(168, 199, 201, 0.45)",ctaBg:"var(--sage)",ctaText:"var(--charcoal)",ctaHoverBg:"#95B9BB"}:o==="basic"?{surface:"linear-gradient(180deg, rgba(201, 214, 122, 0.24) 0%, rgba(255, 255, 255, 0) 48%)",iconBg:"var(--moss-tint)",iconColor:"var(--charcoal)",badgeBg:"var(--moss-tint)",badgeText:"var(--charcoal)",priceGlow:"rgba(201, 214, 122, 0.5)",ctaBg:"var(--moss)",ctaText:"var(--charcoal)",ctaHoverBg:"#BCC96B"}:{surface:"linear-gradient(180deg, rgba(232, 160, 168, 0.28) 0%, rgba(255, 255, 255, 0) 48%)",iconBg:"var(--coral-tint)",iconColor:"var(--charcoal)",badgeBg:"var(--coral)",badgeText:"var(--cream)",priceGlow:"rgba(232, 160, 168, 0.55)",ctaBg:"var(--coral)",ctaText:"var(--charcoal)",ctaHoverBg:"#DF8D97"}}const ia={kind:"check"},X=o=>({kind:"text",value:o}),Ee=[{title:"Workspace",rows:[{label:"Ad Library Search",lite:X("Unlimited"),basic:X("Unlimited"),pro:X("Unlimited")},{label:"Brand Spy",lite:X("5"),basic:X("20"),pro:X("50")},{label:"Saved Ads",platforms:["facebook","tiktok","google","instagram"],lite:X("Unlimited"),basic:X("Unlimited"),pro:X("Unlimited")},{label:"Filters and CSV Export",lite:ia,basic:ia,pro:ia},{label:"AI Ad Analysis",lite:X("5/day"),basic:X("10/day"),pro:X("50/day")},{label:"Ad Library Analysis",lite:X("3/day"),basic:X("10/day"),pro:X("20/day")},{label:"Chat with Ads",lite:X("5/day"),basic:X("20/day"),pro:X("50/day")}]},{title:"Collaboration",rows:[{label:"Team Seats",lite:X("1"),basic:X("5"),pro:X("10")},{label:"Folders and Organization",lite:ia,basic:ia,pro:ia},{label:"Public Share Links",lite:ia,basic:ia,pro:ia}]},{title:"Extension (Chrome)",rows:[{label:"Save Ads From Ad library",lite:ia,basic:ia,pro:ia},{label:"Download Image, Video & Carousel Ads",lite:ia,basic:ia,pro:ia}]},{title:"Integrations",rows:[{label:"MCP for AI Agents",lite:ia,basic:ia,pro:ia},{label:"Ad Library API Credits",note:"$3 per additional 5,000 credits",lite:X("10,000 credits"),basic:X("50,000 credits"),pro:X("100,000 credits")},{label:"Notion Integration",lite:ia,basic:ia,pro:ia}]}],Pr=[{id:3,baseKey:"lite",name:"Solo",price:19,period:"monthly"},{id:1,baseKey:"basic",name:"Growth",price:49,period:"monthly"},{id:2,baseKey:"pro",name:"Agency",price:99,period:"monthly"},{id:6,baseKey:"lite",name:"Solo",price:17,period:"annual"},{id:4,baseKey:"basic",name:"Growth",price:42,period:"annual"},{id:5,baseKey:"pro",name:"Agency",price:83,period:"annual"}];function Ya(o){return Pr.find(l=>l.id===o)??null}function Me(o){return o==="annual"?"Annual":"Monthly"}function Te(o){return a(co)?a(Ma)?o.price>a(Ma).price?"Upgrade":o.price<a(Ma).price?"Downgrade":"Change":"Change":o.price===0?"Select":"Subscribe"}let Uo=y(ho([])),F=y(1),Fa=y("monthly");const Le=Aa(()=>Pr.filter(o=>o.period===a(Fa))),Ma=Aa(()=>Ya(a(F))

4);let Sr=y(!1),$o=y(""),Ta=y(null),xo=y(!1),Oo=y(""),m=y(ho({plan:"",status:"active",nextBillingDate:null,cancelAtPeriodEnd:!1,subscriptionStart:null,subscriptionEnd:null,amount:0})),Jo=y(!1),Da=y(null);const Ia=Aa(()=>a(Da)===null?null:Ya(a(Da)));let io=y(!1),Do=y(!1),C=y(""),G=y(""),co=y(!1),ka=ho({city:"",country:"US",state:"",street:"",zipcode:""}),Xo=y(!1),Za=y(!1),Ka=y(null),wo=y(""),Z=y(!0);const vo="PLAN_CHANGE_NOT_ALLOWED_FOR_SCHEDULED_CANCELLATION";let Wa=y(!1),$a=y(null),ar=y(!1),fo=y(!1),or=y(!1),lo=y(!1),za=y(!1),no=y(!1),Ca=y(null),Io=y(!1);const Br={visa:"/payment-logos/visa.svg",mastercard:"/payment-logos/mastercard.svg","american-express":"/payment-logos/american-express.svg",amex:"/payment-logos/american-express.svg",discover:"/payment-logos/discover.svg","upi-intent":"https://upload.wikimedia.org/wikipedia/commons/e/e1/UPI-Logo-vector.svg",upi:"https://upload.wikimedia.org/wikipedia/commons/e/e1/UPI-Logo-vector.svg"};function je(o){const l=`${o?.brand||""} ${o?.type||""}`.toLowerCase().replaceAll("_","-"),c=Object.keys(Br).find(p=>l.includes(p));return c?Br[c]:"/payment-logos/card-generic.svg"}let ko=y(!1),rr=y(ho([])),Ao=y(ho([])),Co=y(!1),er=y(!1),uo=y(""),Na=y(1),Po=y(!1),Pa=y(""),tr=y(!1),mo=y(null),So=y(!1);const Er=["extra_brand_spy","extra_seat","api_credits_5k","api_unlimited"],lr=Aa(()=>[1,2,3,4,5,6].includes(a(F)));let Ja=y(ho({}));const Bo=Aa(()=>a(rr).filter(o=>o.is_configured)),Ko=Aa(()=>a(Ma)?a(Ma).baseKey==="lite"?a(Bo).filter(o=>Er.includes(o.key)):a(Bo):[]),po=Aa(()=>a(Ko).map(o=>({product:o,addon:Mr(o.key)})).filter(o=>!!o.addon)),nr=Aa(()=>a(Ia)===null?[]:a(Ia).baseKey==="lite"?a(Bo).filter(o=>Er.includes(o.key)):a(Bo));function Mr(o){return a(Ao).find(l=>l.addon_key===o)}function Fe(o){return o.status==="on_hold"?"Payment issue":"Active"}function Tr(o){return o&&o.key==="api_unlimited"?"subscription":"unit"}function Ne(o){return o.key==="api_unlimited"?`$${o.price_per_unit} / mo`:`$${o.price_per_unit} / unit / mo`}function Re(o){if(!o)return"";const l=new Date(o);return Number.isNaN(l.getTime())?"":l.toISOString().slice(0,10)}function Lr(o){if(!o)return"Not available";const l=new Date(o);return Number.isNaN(l.getTime())?"Not available":l.toLocaleDateString(void 0,{day:"2-digit",month:"short",year:"numeric"})}function jr(o){if(!o)return null;const l=new Date(o).getTime();return Number.isNaN(l)?null:Math.max(0,Math.ceil((l-Date.now())/(1440*60*1e3)))}async function Ue(o){t(xo,!0),t(Oo,"");try{const l=new Date().toISOString().slice(0,10),c=Re(o)||l,p=new URLSearchParams({date_from:c,date_to:l}),k=await Ar(`/api-credits/usage?${p.toString()}`);if(!k.ok)throw new Error(`Failed to load API credit usage: ${k.status}`);t(Ta,await k.json(),!0)}catch(l){t(Oo,l instanceof Error?l.message:"Failed to load API credit usage",!0),t(Ta,null)}finally{t(xo,!1)}}function Oe(o){return o?.key!=="api_unlimited"}let sr=y(!1),Ga=y(null),Go=y(!1),Eo=y(!1),bo=y(null);const W="billing_page",De=5e3;let Fr=0,ir=0,Ho=y(null),cr=!1,dr=!1,_o=!1,vr=!1,fr=y(!1);const Ie=Aa(()=>a(fr)&&!a(xo)&&!a(Co));function Nr(o,l){const c=l instanceof Error?l.message:`Failed to load ${o}`;return`${o}: ${c}`}function Rr(o){return!o||typeof performance>"u"?0:Math.max(0,Math.round(performance.now()-o))}function Ur(){return{source:W,render_time_ms:Rr(ir),partial_data:!(cr&&dr),load_error_present:!!a(Pa),eligible_addon_count:a(Ko).length,configured_addon_count:a(Bo).length,total_addon_count:a(rr).length,active_addon_count:a(Ao).length}}function Mo(){a(Ho)&&(clearTimeout(a(Ho)),t(Ho,null))}function Ke(){typeof window>"u"||typeof performance>"u"||(ir=performance.now(),cr=!1,dr=!1,_o=!1,vr=!1,Mo(),t(Ho,window.setTimeout(()=>{_o||vr||(vr=!0,dl(Ur()))},De),!0))}function Or(){_o||!ir||!a(fr)||!a(lr)||(_o=!0,Mo(),vl(Ur()))}function ur(o){t(Da,o,!0),t(Ja,{},!0),t(Jo,!0),Cl({source:W,plan_id:o,plan_name:Ya(o)?.name})}async function Dr(){t(Pa,"");const[o,l]=await Promise.allSettled([qt(),Qt()]);if(o.status==="fulfilled")t(rr,o.value,!0),cr=!0,fl({source:W,total_addon_count:o.value.length,configured_addon_count:o.value.filter(c=>c.is_configured).length});else{const c=Nr("Addon catalog",o.reason);t(Pa,c,!0),console.error("Addon catalog load error:",o.reason)}if(l.status==="fulfilled")t(Ao,l.value,!0),dr=!0,ul({source:W,active_addon_count:l.value.length});else{const c=Nr("Active addons",l.reason);t(Pa,a(Pa)?`${a(Pa)} ${c}`:c,!0),console.error("Active addons load error:",l.reason)}}Mt(()=>

4{if(tl(),Fr=typeof performance>"u"?0:performance.now(),Ke(),Cr().url.searchParams.get("trial")==="1"){t(ko,!0),ll({source:W});const o=new URL(Cr().url);o.searchParams.delete("trial"),Yt(o.pathname+o.search,{})}return t(m,{plan:"Free",status:"active",nextBillingDate:null,cancelAtPeriodEnd:!1,subscriptionStart:null,subscriptionEnd:null,amount:0},!0),(async()=>{t(Io,!0);try{const o=await zt();t(Ca,o.payment_method,!0)}catch(o){console.error("Payment-method load error:",o)}finally{t(Io,!1)}})(),(async()=>{t(Sr,!0),t($o,"");try{try{const k=await Ar("/team");if(k.status===404)t(Z,!0);else if(k.ok){const P=await k.json();t(Z,!!P.is_owner),nl({source:W,is_owner:a(Z)})}}catch{t(Z,!0)}const o=await Ar("/subscriptions/usage");if(!o.ok)throw new Error(`Failed to load usage: ${o.status}`);const l=await o.json();t(Uo,Array.isArray(l.monthly_usage)?l.monthly_usage:[],!0),t(F,l.plan.id,!0),t(Fa,l.plan.id>=4?"annual":"monthly",!0);const c=Ya(a(F));c?(a(m).plan=c.name,a(m).amount=c.price):(a(m).plan="",a(m).amount=0),a(m).status=l.subscription_status??a(m).status,a(m).cancelAtPeriodEnd=!!l.cancel_at_period_end,a(m).subscriptionStart=l.subscription_start??null,a(m).subscriptionEnd=l.subscription_end??null,await Ue(a(m).subscriptionStart),t(co,l.subscription_status==="active"&&a(F)>0&&a(m).amount>0,!0),sl({source:W,plan_id:l.plan.id,plan_name:l.plan.name,usage_month_count:a(Uo).length});const p={source:W,render_time_ms:Rr(Fr),usage_month_count:a(Uo).length,plan_id:l.plan.id,plan_name:l.plan.name};il(p),cl(p)}catch(o){t($o,o instanceof Error?o.message:"Failed to load usage",!0),t(Uo,[],!0)}finally{t(fr,!0),a($o)?(_o=!0,Mo()):a(lr)?a(Co)||Or():(_o=!0,Mo()),t(Sr,!1)}})(),(async()=>{t(Co,!0);try{await Dr()}catch(o){t(Pa,o instanceof Error?o.message:"Failed to load addons",!0),console.error("Addon load error:",o)}finally{t(Co,!1),Or()}})(),()=>{Mo()}});async function Ge(o){if(t(Da,o,!0),t(C,""),t(G,""),t(Wa,!1),t($a,null),!a(Z)){t(C,"Only account owner can change current subscription plan");return}if(o===0){t(m,{plan:"Free",status:"active",nextBillingDate:null,cancelAtPeriodEnd:!1,subscriptionStart:null,subscriptionEnd:null,amount:0},!0),t(co,!1),t(F,0);return}if(a(co)){const l=a(Ma),c=Ya(o);if(l&&c&&c.price<l.price){await He(o);return}t(Do,!0);try{const p=a(Ma)?.name??"free",k=Ya(o);pl({from_plan:p,to_plan:k?.name??String(o),source:"billing_page"});const P=await ye({plan_id:o});t(G,P.message,!0),t(Wa,!1),t($a,null),t(F,P.new_plan_id??o,!0),t(Fa,a(F)>=4?"annual":"monthly",!0);const h=Ya(a(F));h&&(a(m).plan=h.name,a(m).amount=h.price),bl({source:W,plan_id:a(F),from_plan:p,to_plan:h?.name??String(a(F)),billing_period:a(Fa)}),he({from_plan:p,to_plan:h?.name??String(a(F)),billing_period:a(Fa)}),setTimeout(()=>{t(G,"")},3e3)}catch(p){p instanceof ge&&p.status===409&&(p.code===vo||p.message.includes(vo)||p.raw?.includes(vo))?(t(Wa,!0),t($a,o,!0),t(C,"Your subscription is scheduled for cancellation. To change plans, cancel it now and start a new subscription.")):t(C,p instanceof Error?p.message:"Failed to upgrade plan. Please try again.",!0),console.error("Upgrade error:",p)}finally{t(Do,!1)}return}ur(o)}function Ir(){t(sr,!1),t(Ga,null),t(bo,null)}async function He(o){if(!a(Z)){t(C,"Only account owner can change current subscription plan");return}t(bo,o,!0),t(Go,!0),t(Ga,null),t(sr,!0),Al({source:W,plan_id:o,plan_name:Ya(o)?.name});try{t(Ga,await al(o),!0)}catch(l){t(C,l instanceof Error?l.message:"Failed to load downgrade preview. Please try again.",!0),console.error("Downgrade preview error:",l)}finally{t(Go,!1)}}async function Ve(){if(!(!a(Ga)||a(bo)===null)){if(!a(Z)){t(C,"Only account owner can change current subscription plan");return}t(C,""),t(G,""),t(Wa,!1),t($a,null),t(Eo,!0);try{const o=await ye({plan_id:a(bo)});t(G,o.message,!0),t(F,o.new_plan_id??a(bo),!0),t(Fa,a(F)>=4?"annual":"monthly",!0);const l=Ya(a(F));l&&(a(m).plan=l.name,a(m).amount=l.price),yl({source:W,plan_id:a(F),from_plan:a(Ga).from_plan_name,to_plan:l?.name??String(a(F)),billing_period:a(Fa)}),he({from_plan:a(Ga).from_plan_name,to_plan:l?.name??String(a(F)),billing_period:a(Fa)}),Ir(),setTimeout(()=>{t(G,"")},3e3)}catch(o){o instanceof ge&&o.status===409&&(o.code===vo||o.message.includes(vo)||o.raw?.includes(vo))?(t(Wa,!0),t($a,a(bo),!0),t(C,"Your subscription is scheduled for cancellation. To change plans, cancel it now and start a new subscription.")):t(C,o instanceof Error?o.message:"Failed to change plan. Please try again.",!0),console.error("Downgrade confirm error:",o)}finally{t(Eo,!1)}}}function Ye(){t(Jo,!1),t(Da,null),t(Ja,{},!0),t(C,""),t(G,"")}async function ze(){if(a(Da)){if(!a(Ia)){t(C,"Unknown plan selected");return}if(!ka.street||!ka.city||!ka.state||!ka.zipcode){t(C,"Please fill in all required billing address fields");return}t(io,!0),t(C,""),t(G,"");try{const o=Object.entries(a(Ja)).filter(([,c])=>c>0).map(([c,p])=>({addon_key:c,quantity:p})),l=await Zt({plan_id:a(Da),billing:ka,return_url:window.location.origin+"/app/billing",addons:o.length>0?o:void 0});t(m,{plan:a(Ia).name,status:l.status,nextBillingDate:null,cancelAtPeriodEnd:!1,subscriptionStart:null,subscriptionEnd:null,amount:a(Ia).price},!0),t(F,a(Da),!0),t(Fa,a(Ia).period,!0),_l({source:W,plan_id:a(Da),to_plan:a(Ia).name,billing_period:a(Ia).period}),window.location.href=l.payment_link}catch(o){t(C,o instanceof Error?o.message:"Failed to subscribe. Please try again.",!0),console.error("Subscription error:",o)}finally{t(io,!1)}}}async function qe(){if(!a(za)){t(za,!0),t(C,"");try{const o=await el();if(!o.url)throw new Error("Billing portal URL was not returned.");window.location.assign(o.url)}catch(o){t(C,o instanceof Error?o.message:"Failed to open billing portal.",!0),console.error("Billing portal error:",o)}finally{t(za,!1)}}}async function Kr(){if(!a(no)){t(no,!0),t(C,"");try{const o=await ol(window.location.origin+"/app/billing");if(!o.payment_link)throw new Error("Payment-method update URL was not returned.");window.location.assign(o.payment_link)}catch(o){t(C,o instanceof Error?o.message:"Failed to open payment-method update flow.",!0),console.error("Payment-method update error:",o)}finally{t(no,!1)}}}function Gr(o){return o==="on_hold"||o==="incomplete"?"Payment issue":o==="none"||o==="inactive"?"Inactive":o}function To(o){return o==="on_hold"||o==="inactive"||o==="incomplete"}function mr(){if(a(m).status==="incomplete"&&a(F)>0){ur(a(F));return}qe()}function Hr(){t(C,""),t(G,""),t(Ka,null),t(wo,""),t(Xo,!0),Pl({source:W})}function Qe(){t(ar,!0),ml({source:W})}function Vr(){t(C,""),t(G,""),t(or,!0),Ml({source:W,plan_id:a(F),plan_name:a(m).plan})}function Yr(){t(Xo,!1),t(Ka,null),t(wo,""),a(Za)||(t(C,""),t(G,""))}function zr(){t(ar,!1)}function qr(){t(or,!1)}async function Ze(){if(!a(Z)){t(C,"Only account owner can cancel current subscription plan");return}if(!a(Ka)){t(C,"Please choose a reason before canceling.");return}t(Za,!0),t(C,""),t(G,"");try{Bl({source:W,plan_id:a(F),plan_name:a(m).plan,cancellation_reason:a(Ka)});const o=await rl({reason:a(Ka),note:a(wo).trim()||void 0});t(G,o.message,!0),El({source:W,plan_id:a(F),plan_name:a(m).plan,cancellation_reason:a(Ka)});const l=o.subscription_end??o.canceled_at??null;l&&(a(m).cancelAtPeriodEnd=!0,a(m).subscriptionEnd=l,a(m).nextBillingDate=l),setTimeout(()=>{Yr()},2e3)}catch(o){t(C,o instanceof Error?o.message:"Failed to cancel subscription. Please try again.",!0),console.error("Cancel subscription error:",o)}finally{t(Za,!1)}}function We(o){t(Ka,o,!0),t(C,""),Sl({source:W,plan_id:a(F),plan_name:a(m).plan,cancellation_reason:o})}function $e(o){t(uo,o,!0),t(Na,1),t(Pa,""),t(er,!0),Tl({source:W,addon_key:o})}function Qr(){t(er,!1),t(uo,""),t(Pa,"")}async function Je(){if(a(uo)){t(Po,!0),t(Pa,"");try{await Jt({addon_key:a(uo),quantity:a(Na)}),wl({source:W,addon_key:a(uo),quantity:a(Na)}),await Dr(),Qr()}catch(o){t(Pa,o instanceof Error?o.message:"Failed to subscribe to addon. Please try again.",!0),console.error("Addon subscribe error:",o)}finally{t(Po,!1)}}}function Xe(o){t(mo,o,!0),t(tr,!0),Ll({source:W,addon_subscription_id:o})}function Zr(){t(tr,!1),t(mo,null)}async function at(){if(a(mo)){t(So,!0);try{await Xt(a(mo)),kl({source:W,addon_subscription_id:a(mo)}),t(Ao,a(Ao).filter(o=>o.id!==a(mo)),!0),Zr()}catch(o){t(Pa,o instanceof Error?o.message:"Failed to cancel addon. Please try again.",!0),console.error("Cancel addon error:",o)}finally{t(So,!1)}}}async function ot(){if(a($a)){if(!a(Z)){t(C,"Only account owner can cancel current subscription plan");return}t(fo,!0),t(C,""),t(G,"");try{const o=await $t();t(G,o.message,!0),xl({source:W,plan_id:a(F),plan_name:a(m).plan}),t(co,!1),t(m,{plan:"Free",status:"active",nextBillingDate:null,cancelAtPeriodEnd:!1,subscriptionStart:null,subscriptionEnd:null,amount:0},!0),t(F,0),t(Wa,!1),zr(),ur(a($a))}catch(o){t(C,o instanceof Error?o.message:"Failed to cancel subscription. Please try again.",!0),console.error("Cancel now error:",o)}finally{t(fo,!1)}}}async function rt(){if(!a(Z)){t(C,"Only account owner can manage current subscription plan");return}t(lo,!0),t(C,""),t(G,"");try{gl({source:W,plan_id:a(F),plan_name:a(m).plan});const o=await Wt();t(G,o.message,!0),hl({source:W,plan_id:a(F),plan_name:a(m).plan}),a(m).status="active",a(m).cancelAtPeriodEnd=o.cancel_at_period_end,a(m).subscriptionEnd=o.subscription_end,t(co,a(m).amount>0),t(Wa,!1),t($a,null),qr()}catch(o){t(C,o instanceof Error?o.message:"Failed to keep subscription active. Please try again.",!0),console.error("Revoke cancellation error:",o)}finally{t(lo,!1)}}var Wr=Ps();Rt("kwv9co",o=>{var l=Il();jt(()=>{Ft.title="Billing - Spreshapp"}),s(o,l)});var pr=K(Wr),$r=n(e(pr),2);{var et=o=>{var l=hn(),c=e(l),p=e(c),k=e(p),P=e(k),h=n(e(P),2),j=n(e(h),2),z=e(j);r(j);var M=n(j,2),g=n(e(M));r(M),r(h),r(P),wa(2),r(k);var E=n(k,2),ca=e(E),D=e(ca),$=n(e(D),2),T=e($),R=e(T,!0);r(T);var U=n(T,2),ta=e(U,!0);r(U),wa(2),r($),r(D),r(ca);

4var J=n(ca,2),q=e(J),aa=e(q),fa=e(aa);r(aa);var A=n(aa,2),O=n(e(A),2);{var la=v=>{var f=Kl();s(v,f)},ua=v=>{var f=sa(),N=K(f);{var ra=_=>{var w=Gl(),H=e(w);r(w),b(()=>u(H,`${(a(Ca).brand||"Card")??""} ending in ${a(Ca).last4??""}`)),s(_,w)},ea=_=>{var w=sa(),H=K(w);{var Ua=V=>{var Y=Hl(),Ea=e(Y,!0);r(Y),b(()=>u(Ea,a(Ca).type||"Payment method")),s(V,Y)},Sa=V=>{var Y=Vl();s(V,Y)};d(H,V=>{a(Ca)?V(Ua):V(Sa,!1)},!0)}s(_,w)};d(N,_=>{a(Ca)?.last4?_(ra):_(ea,!1)},!0)}s(v,f)};d(O,v=>{a(Io)?v(la):v(ua,!1)})}var va=n(O,2);{var S=v=>{var f=Yl();f.__click=Kr;var N=e(f,!0);r(f),b(()=>{f.disabled=a(no),u(N,a(no)?"Opening...":"Update payment method")}),s(v,f)};d(va,v=>{a(Z)&&a(m).amount>0&&v(S)})}r(A),r(q),r(J);var L=n(J,2),oa=e(L),na=n(e(oa),2),x=n(e(na),2);{var B=v=>{var f=zl();s(v,f)},I=v=>{var f=sa(),N=K(f);{var ra=_=>{var w=ql(),H=K(w),Ua=e(H,!0);r(H);var Sa=n(H,2),V=e(Sa);r(Sa),b((Y,Ea)=>{u(Ua,Y),u(V,`${Ea??""} used
5											this billing period`)},[()=>a(Ta).is_unlimited?"Unlimited API credits":`${a(Ta).allowance.toLocaleString()} API credits`,()=>(a(Ta).reporting?.totals?.credits_used??0).toLocaleString()]),s(_,w)},ea=_=>{var w=Ql(),H=e(w,!0);r(w),b(()=>u(H,a(Oo)||"Not available")),s(_,w)};d(N,_=>{a(Ta)?_(ra):_(ea,!1)},!0)}s(v,f)};d(x,v=>{a(xo)?v(B):v(I,!1)})}r(na),r(oa),r(L);var Q=n(L,2),ma=e(Q),pa=n(e(ma),2),ya=n(e(pa),2);{var ga=v=>{var f=Zl(),N=K(f),ra=e(N,!0);r(N);var ea=n(N,2),_=e(ea);r(ea),b(()=>{u(ra,a(po)[0].product.name),u(_,`${a(po).length??""} active add-on${a(po).length===1?"":"s"}`)}),s(v,f)},ba=v=>{var f=Wl();s(v,f)};d(ya,v=>{a(po).length>0?v(ga):v(ba,!1)})}wa(2),r(pa),r(ma),r(Q),r(E);var ha=n(E,2),xa=e(ha),Ba=e(xa);{var Ha=v=>{var f=$l();f.__click=mr;var N=e(f,!0);wa(),r(f),b(ra=>{f.disabled=a(za),u(N,ra)},[()=>a(za)?"Opening...":To(a(m).status)?"Fix payment":"Manage subscription"]),s(v,f)};d(Ba,v=>{a(m).amount>0&&a(Z)&&v(Ha)})}var Xa=n(Ba,2);{var yo=v=>{var f=Jl();f.__click=Hr,s(v,f)},so=v=>{var f=sa(),N=K(f);{var ra=ea=>{var _=Xl();_.__click=Vr,b(()=>_.disabled=a(lo)),s(ea,_)};d(N,ea=>{a(m).amount>0&&a(m).cancelAtPeriodEnd&&a(Z)&&ea(ra)},!0)}s(v,f)};d(Xa,v=>{a(m).amount>0&&a(m).status==="active"&&!a(m).cancelAtPeriodEnd&&a(Z)?v(yo):v(so,!1)})}r(xa),r(ha),r(p);var da=n(p,2),_a=e(da),Ra=n(e(_a),2),ao=e(Ra);r(Ra);var oo=n(Ra,2),Va=e(oo,!0);r(oo);var La=n(oo,2),Lo=e(La,!0);r(La),r(_a);var ja=n(_a,2),jo=e(ja),Vo=n(e(jo),2),Yo=n(e(Vo),2);{var yr=v=>{var f=an();s(v,f)},ro=v=>{var f=sa(),N=K(f);{var ra=_=>{var w=on(),H=e(w);r(w),b(()=>u(H,`${(a(Ca).brand||"Card")??""} ending in ${a(Ca).last4??""}`)),s(_,w)},ea=_=>{var w=sa(),H=K(w);{var Ua=V=>{var Y=rn(),Ea=e(Y,!0);r(Y),b(()=>u(Ea,a(Ca).type||"Payment method")),s(V,Y)},Sa=V=>{var Y=en();s(V,Y)};d(H,V=>{a(Ca)?V(Ua):V(Sa,!1)},!0)}s(_,w)};d(N,_=>{a(Ca)?.last4?_(ra):_(ea,!1)},!0)}s(v,f)};d(Yo,v=>{a(Io)?v(yr):v(ro,!1)})}var zo=n(Yo,2);{var gr=v=>{var f=tn();f.__click=Kr;var N=e(f,!0);r(f),b(()=>{f.disabled=a(no),u(N,a(no)?"Opening...":"Update payment method")}),s(v,f)};d(zo,v=>{a(Z)&&a(m).amount>0&&v(gr)})}r(Vo),r(jo),r(ja);var Fo=n(ja,2),qo=e(Fo),qa=n(e(qo),2),go=e(qa),hr=e(go,!0);r(go);var Qo=n(go,2),No=e(Qo,!0);r(Qo),r(qa),r(qo),r(Fo);var xr=n(Fo,2),de=e(xr),ve=n(e(de),2),ht=n(e(ve),2);{var xt=v=>{var f=ln();s(v,f)},wt=v=>{var f=sa(),N=K(f);{var ra=_=>{var w=sn(),H=K(w),Ua=e(H);r(H);var Sa=n(H,2);{var V=Y=>{var Ea=nn(),kr=e(Ea);r(Ea),b(eo=>u(kr,`resets in ${eo??""} days`),[()=>jr(a(Ta).reset_at)]),s(Y,Ea)};d(Sa,Y=>{jr(a(Ta).reset_at)!==null&&Y(V)})}b((Y,Ea)=>u(Ua,`${Y??""} /
6										${Ea??""}`),[()=>(a(Ta).reporting?.totals?.credits_used??0).toLocaleString(),()=>a(Ta).is_unlimited?"Unlimited":a(Ta).allowance.toLocaleString()]),s(_,w)},ea=_=>{var w=cn(),H=e(w,!0);r(w),b(()=>u(H,a(Oo)||"Not available")),s(_,w)};d(N,_=>{a(Ta)?_(ra):_(ea,!1)},!0)}s(v,f)};d(ht,v=>{a(xo)?v(xt):v(wt,!1)})}r(ve),r(de),r(xr);var wr=n(xr,2),kt=n(e(wr),2);{var At=v=>{var f=vn();Qa(f,21,()=>a(po),N=>N.product.key,(N,ra)=>{var ea=dn(),_=e(ea),w=n(_),H=e(w);r(w),r(ea),b(()=>{u(_,`${a(ra).product.name??""} `),u(H,`×${a(ra).addon.quantity??""}`)}),s(N,ea)}),r(f),s(v,f)},Ct=v=>{var f=fn();s(v,f)};d(kt,v=>{a(po).length>0?v(At):v(Ct,!1)})}r(wr);var fe=n(wr,2),ue=e(fe);{var Pt=v=>{var f=un();f.__click=mr;var N=e(f);wa(),r(f),b(ra=>{f.disabled=a(za),u(N,`${ra??""} `)},[()=>a(za)?"Opening...":To(a(m).status)?"Fix payment":"Manage subscription"]),s(v,f)};d(ue,v=>{a(m).amount>0&&a(Z)&&v(Pt)})}var St=n(ue,2);{var Bt=v=>{var f=sa(),N=K(f);{var ra=_=>{var w=mn();w.__click=mr;var H=e(w,!0);r(w),b(()=>{w.disabled=a(za),u(H,a(za)?"Opening...":"Fix payment")}),s(_,w)},ea=_=>{var w=pn();s(_,w)};d(N,_=>{a(Z)?_(ra):_(ea,!1)})}s(v,f)},Et=v=>{var f=sa(),N=K(f);{var ra=_=>{var w=sa(),H=K(w);{var Ua=V=>{var Y=bn();Y.__click=Vr,b(()=>Y.disabled=a(lo)),s(V,Y)},Sa=V=>{var Y=_n();s(V,Y)};d(H,V=>{a(Z)?V(Ua):V(Sa,!1)})}s(_,w)},ea=_=>{var w=sa(),H=K(w);{var Ua=Sa=>{var V=sa(),Y=K(V);{var Ea=eo=>{var Zo=yn();Zo.__click=Hr,s(eo,Zo)},kr=eo=>{var Zo=gn();s(eo,Zo)};d(Y,eo=>{a(Z)?eo(Ea):eo(kr,!1)})}s(Sa,V)};d(H,Sa=>{a(m).amount>0&&a(m).status==="active"&&Sa(Ua)},!0)}s(_,w)};d(N,_=>{a(m).amount>0&&a(m).cancelAtPeriodEnd?_(ra):_(ea,!1)},!0)}s(v,f)};d(St,v=>{a(m).amount>0&&To(a(m).status)?v(Bt):v(Et,!1)})}r(fe),r(da),r(c),r(l),b((v,f,N,ra,ea,_,w)=>{u(z,`${a(m).plan??""} Plan`),Oa(M,v),u(g,` ${f??""}`),u(R,a(m).cancelAtPeriodEnd?"Ends on":"Next charge"),u(ta,N),be(fa,"src",ra),be(fa,"alt",a(Ca)?.brand||a(Ca)?.type||"Payment method"),u(ao,`${a(m).plan??""} Plan`),u(Va,a(m).amount===0?"Free forever":`$${a(m).amount} / month · Billed monthly`),Oa(La,ea),u(Lo,_),u(hr,a(m).cancelAtPeriodEnd?"Ends on":"Renews on"),u(No,w)},[()=>To(a(m).status)?"background: var(--coral-tint); color: var(--charcoal);":"background: var(--moss-tint); color: #5c7e42;",()=>Gr(a(m).status),()=>Lr(a(m).subscriptionEnd),()=>

6je(a(Ca)),()=>To(a(m).status)?"background: var(--coral-tint); color: var(--charcoal);":"background: var(--moss-tint); color: var(--charcoal);",()=>Gr(a(m).status),()=>Lr(a(m).subscriptionEnd)]),Dt(1,l,()=>Gt,()=>({start:.96,duration:280,easing:Ht})),s(o,l)};d($r,o=>{a(Ie)&&a(m).amount>0&&o(et)})}var br=n($r,2),_r=e(br),tt=e(_r);jl(tt,{get billingPeriod(){return a(Fa)},set billingPeriod(o){t(Fa,o,!0)}}),r(_r);var Jr=n(_r,2);{var lt=o=>{var l=xn();s(o,l)};d(Jr,o=>{a(Z)||o(lt)})}var Xr=n(Jr,2);{var nt=o=>{var l=wn(),c=e(l,!0);r(l),b(()=>u(c,a(G))),s(o,l)};d(Xr,o=>{a(G)&&o(nt)})}var ae=n(Xr,2);{var st=o=>{var l=kn(),c=e(l,!0);r(l),b(()=>u(c,a(C))),s(o,l)};d(ae,o=>{a(C)&&o(st)})}var oe=n(ae,2);{var it=o=>{var l=An(),c=e(l);c.__click=Qe,r(l),b(()=>c.disabled=a(fo)),s(o,l)};d(oe,o=>{a(Wa)&&a(Z)&&o(it)})}var re=n(oe,2);Qa(re,21,()=>a(Le),o=>o.baseKey,(o,l)=>{const c=Aa(()=>Be(a(l).baseKey));var p=On(),k=e(p),P=e(k),h=e(P),j=e(h),z=e(j);Fl(z,{get plan(){return a(l).baseKey},size:16}),r(j);var M=n(j,2),g=e(M),E=e(g,!0);r(g);var ca=n(g,2),D=e(ca,!0);r(ca),r(M),r(h);var $=n(h,2);{var T=S=>{var L=Cn();b(()=>Oa(L,`background: ${a(c).badgeBg??""}; color: ${a(c).badgeText??""}; letter-spacing: 0.08em;`)),s(S,L)},R=S=>{var L=sa(),oa=K(L);{var na=x=>{var B=Pn(),I=e(B,!0);r(B),b(Q=>{Oa(B,`background: ${a(c).badgeBg??""}; color: ${a(c).badgeText??""}; letter-spacing: 0.08em;`),u(I,Q)},[()=>Me(a(Ma).period)]),s(x,B)};d(oa,x=>{a(Ma)&&a(l).baseKey===a(Ma).baseKey&&x(na)},!0)}s(S,L)};d($,S=>{a(l).id===a(F)?S(T):S(R,!1)})}r(P);var U=n(P,2),ta=e(U),J=e(ta,!0);r(ta);var q=n(ta,2);{var aa=S=>{var L=Sn(),oa=e(L,!0);r(L),b(()=>{Oa(L,`background: ${a(c).badgeBg??""}; color: ${a(c).badgeText??""};`),u(oa,a(l).priceNote)}),s(S,L)};d(q,S=>{a(l).priceNote&&S(aa)})}r(U);var fa=n(U,2),A=e(fa,!0);r(fa);var O=n(fa,2);{var la=S=>{var L=En();L.__click=()=>Ge(a(l).id);var oa=e(L);{var na=B=>{var I=Bn();wa(),s(B,I)},x=B=>{var I=to();b(Q=>u(I,Q),[()=>Te(a(l))]),s(B,I)};d(oa,B=>{a(Do)&&a(Da)===a(l).id?B(na):B(x,!1)})}r(L),b(()=>{Oa(L,`background: ${a(c).ctaBg??""}; color: ${a(c).ctaText??""}; --billing-plan-cta-hover-bg: ${a(c).ctaHoverBg??""};`),L.disabled=!a(Z)||a(Do)||a(io)}),s(S,L)},ua=S=>{var L=Mn();s(S,L)};d(O,S=>{a(l).id!==a(F)?S(la):S(ua,!1)})}var va=n(O,2);Qa(va,17,()=>Ee,S=>S.title,(S,L)=>{var oa=Un(),na=e(oa),x=e(na,!0);r(na);var B=n(na,2);Qa(B,17,()=>a(L).rows,I=>I.label,(I,Q)=>{const ma=Aa(()=>Ce(a(Q),a(l).baseKey));var pa=Rn(),ya=e(pa),ga=e(ya),ba=e(ga),ha=n(ba);{var xa=da=>{var _a=Tn();Qa(_a,21,()=>a(Q).platforms,pe,(Ra,ao)=>{var oo=sa(),Va=K(oo);{var La=ja=>{Ul(ja,{class:"h-3 w-3 text-blue-600"})},Lo=ja=>{var jo=sa(),Vo=K(jo);{var Yo=ro=>{Ol(ro,{class:"h-3 w-3 text-gray-800"})},yr=ro=>{var zo=sa(),gr=K(zo);{var Fo=qa=>{Dl(qa,{class:"h-3 w-3"})},qo=qa=>{var go=sa(),hr=K(go);{var Qo=No=>{Nl(No,{class:"h-3 w-3 text-pink-500"})};d(hr,No=>{a(ao)==="instagram"&&No(Qo)},!0)}s(qa,go)};d(gr,qa=>{a(ao)==="google"?qa(Fo):qa(qo,!1)},!0)}s(ro,zo)};d(Vo,ro=>{a(ao)==="tiktok"?ro(Yo):ro(yr,!1)},!0)}s(ja,jo)};d(Va,ja=>{a(ao)==="facebook"?ja(La):ja(Lo,!1)})}s(Ra,oo)}),r(_a),s(da,_a)};d(ha,da=>{a(Q).platforms&&da(xa)})}r(ga);var Ba=n(ga,2);{var Ha=da=>{var _a=Ln(),Ra=e(_a,!0);r(_a),b(()=>u(Ra,a(Q).note)),s(da,_a)};d(Ba,da=>{a(Q).note&&da(Ha)})}r(ya);var Xa=n(ya,2);{var yo=da=>{var _a=jn();s(da,_a)},so=da=>{var _a=sa(),Ra=K(_a);{var ao=Va=>{var La=Fn();s(Va,La)},oo=Va=>{var La=Nn(),Lo=e(La,!0);r(La),b(ja=>{_e(La,1,`feature-value ${ja??""}`,"svelte-kwv9co"),u(Lo,a(ma).value)},[()=>Se(a(l).baseKey)]),s(Va,La)};d(Ra,Va=>{a(ma).kind==="x"?Va(ao):Va(oo,!1)},!0)}s(da,_a)};d(Xa,da=>{a(ma).kind==="check"?da(yo):da(so,!1)})}r(pa),b(()=>u(ba,`${a(Q).label??""} `)),s(I,pa)}),r(oa),b(()=>u(x,a(L).title)),s(S,oa)}),r(k),r(p),b(()=>{_e(p,1,`billing-plan-card ${a(l).id===a(F)?"billing-plan-card-current-id":""} ${a(Ma)&&a(l).baseKey===a(Ma).baseKey?"billing-plan-card-current-family":""}`,"svelte-kwv9co"),Oa(p,`background-image: ${a(c).surface??""};`),Oa(j,`background: ${a(c).iconBg??""}; color: ${a(c).iconColor??""};`),u(E,a(l).name),u(D,a(l).baseKey==="lite"?"1 seat":a(l).baseKey==="basic"?"5 seats":"10 seats"),Oa(ta,`color: var(--charcoal); text-shadow: 0 10px 30px ${a(c).priceGlow??""};`),u(J,a(l).price===0?"$0":`$${a(l).price}/mo`),u(A,a(l).period==="annual"?"Billed annually":"Billed monthly")}),s(o,p)}),r(re),r(br);var ct=n(br,2);{var dt=o=>{var l=Qn(),c=n(e(l),2),p=e(c);{var k=h=>{var j=Dn();s(h,j)},P=h=>{var j=qn();Qa(j,21,()=>a(Ko),z=>z.key,(z,M)=>{const g=Aa(()=>Mr(a(M).key));var E=zn(),ca=e(E),D=e(ca),$=e(D),T=e($),R=e(T,!0);r(T);var U=n(T,2),ta=e(U,!0);r(U),r($);var J=n($,2),q=e(J,!0);r(J),r(D),r(ca);

6var aa=n(ca,2),fa=e(aa);{var A=la=>{var ua=Hn(),va=K(ua),S=e(va),L=e(S,!0);r(S);var oa=n(S,2),na=e(oa);r(oa),r(va);var x=n(va,2);{var B=Q=>{var ma=In();s(Q,ma)},I=Q=>{var ma=sa(),pa=K(ma);{var ya=ba=>{var ha=Kn(),xa=e(ha);r(ha),b(Ba=>u(xa,`Cancels at period end${Ba??""}`),[()=>a(g).current_period_end?": "+new Date(a(g).current_period_end).toLocaleDateString():""]),s(ba,ha)},ga=ba=>{var ha=sa(),xa=K(ha);{var Ba=Ha=>{var Xa=Gn();Xa.__click=()=>Xe(a(g).id),s(Ha,Xa)};d(xa,Ha=>{a(Z)&&Ha(Ba)},!0)}s(ba,ha)};d(pa,ba=>{a(g).cancel_at_period_end?ba(ya):ba(ga,!1)},!0)}s(Q,ma)};d(x,Q=>{a(g).status==="on_hold"?Q(B):Q(I,!1)})}b((Q,ma,pa)=>{Oa(S,a(g).status==="on_hold"?"background: var(--coral-tint); color: var(--charcoal);":"background: var(--moss-tint); color: var(--charcoal);"),u(L,Q),u(na,`${a(g).quantity??""}
7												${ma??""}${a(g).quantity!==1?"s":""} - $${pa??""}/mo`)},[()=>Fe(a(g)),()=>Tr(a(M)),()=>a(g).total_price.toFixed(2)]),s(la,ua)},O=la=>{var ua=sa(),va=K(ua);{var S=oa=>{var na=Vn();na.__click=()=>$e(a(M).key);var x=e(na,!0);r(na),b(()=>{na.disabled=!a(Z),u(x,a(Z)?"Add "+a(M).name:"Owner only")}),s(oa,na)},L=oa=>{var na=Yn();s(oa,na)};d(va,oa=>{a(M).is_configured?oa(S):oa(L,!1)},!0)}s(la,ua)};d(fa,la=>{a(g)?la(A):la(O,!1)})}r(aa),r(E),b(la=>{u(R,a(M).name),u(ta,a(M).description??""),u(q,la)},[()=>Ne(a(M))]),s(z,E)}),r(j),s(h,j)};d(p,h=>{a(Co)?h(k):h(P,!1)})}r(c),r(l),s(o,l)};d(ct,o=>{a(lr)&&o(dt)})}r(pr);var ee=n(pr,2);{var vt=o=>{var l=Zn(),c=e(l),p=n(e(c),2),k=n(e(p),4),P=e(k);P.__click=()=>{t(ko,!1),document.getElementById("plans-section")?.scrollIntoView({behavior:"smooth"})};var h=n(P,2);h.__click=()=>t(ko,!1),r(k),r(p),r(c);var j=n(c,2);j.__click=()=>t(ko,!1),r(l),s(o,l)};d(ee,o=>{a(ko)&&o(vt)})}var te=n(ee,2);{var ft=o=>{var l=es(),c=e(l),p=e(c),k=e(p),P=e(k);r(k),r(p);var h=n(p,2),j=e(h);{var z=x=>{var B=Wn(),I=e(B,!0);r(B),b(()=>u(I,a(C))),s(x,B)};d(j,x=>{a(C)&&x(z)})}var M=n(j,2);{var g=x=>{var B=$n(),I=e(B,!0);r(B),b(()=>u(I,a(G))),s(x,B)};d(M,x=>{a(G)&&x(g)})}var E=n(M,2),ca=n(e(E),2),D=n(e(ca),2);Wo(D),r(ca);var $=n(ca,2),T=e($),R=n(e(T),2);Wo(R),r(T);var U=n(T,2),ta=n(e(U),2);Wo(ta),r(U);var J=n(U,2),q=n(e(J),2);Wo(q),r(J),r($);var aa=n($,2),fa=n(e(aa),2),A=e(fa);Qa(A,21,()=>Rl,x=>x.code,(x,B)=>{var I=Jn(),Q=e(I,!0);r(I);var ma={};b(()=>{u(Q,a(B).name),ma!==(ma=a(B).code)&&(I.value=(I.__value=a(B).code)??"")}),s(x,I)}),r(A),wa(2),r(fa),r(aa),r(E);var O=n(E,4);{var la=x=>{var B=os(),I=n(e(B),2);Qa(I,21,()=>a(nr),pa=>pa.key,(pa,ya)=>{const ga=Aa(()=>a(Ja)[a(ya).key]??0);var ba=Xn(),ha=e(ba),xa=e(ha),Ba=e(xa,!0);r(xa);var Ha=n(xa,2),Xa=e(Ha,!0);r(Ha),r(ha);var yo=n(ha,2),so=e(yo);so.__click=()=>{a(ga)>0&&(a(Ja)[a(ya).key]=a(ga)-1)};var da=n(so,2),_a=e(da,!0);r(da);var Ra=n(da,2);Ra.__click=()=>{a(Ja)[a(ya).key]=a(ga)+1},r(yo),r(ba),b(()=>{u(Ba,a(ya).name),u(Xa,a(ya).description??""),so.disabled=a(ga)===0,u(_a,a(ga))}),s(pa,ba)}),r(I);var Q=n(I,2);{var ma=pa=>{const ya=Aa(()=>a(nr).reduce((xa,Ba)=>xa+(a(Ja)[Ba.key]??0)*Ba.price_per_unit,0));var ga=as(),ba=n(e(ga)),ha=e(ba);r(ba),r(ga),b(xa=>u(ha,`+$${xa??""}/mo`),[()=>a(ya).toFixed(2)]),s(pa,ga)};d(Q,pa=>{Object.values(a(Ja)).some(ya=>ya>0)&&pa(ma)})}r(B),s(x,B)};d(O,x=>{a(nr).length>0&&x(la)})}var ua=n(O,2),va=e(ua);va.__click=Ye;var S=n(va,2);S.__click=ze;var L=e(S);{var oa=x=>{var B=rs();wa(),s(x,B)},na=x=>{var B=to("Subscribe");s(x,B)};d(L,x=>{a(io)?x(oa):x(na,!1)})}r(S),r(ua),r(h),r(c),r(l),b(()=>{u(P,`Subscribe to ${(a(Ia)?a(Ia).name:"")??""} Plan`),va.disabled=a(io),S.disabled=a(io)}),Ro(D,()=>ka.street,x=>ka.street=x),Ro(R,()=>ka.city,x=>ka.city=x),Ro(ta,()=>ka.state,x=>ka.state=x),Ro(q,()=>ka.zipcode,x=>ka.zipcode=x),Ut(A,()=>ka.country,x=>ka.country=x),s(o,l)};d(te,o=>{a(Jo)&&o(ft)})}var le=n(te,2);{var ut=o=>{var l=ss(),c=e(l),p=n(e(c),2),k=e(p);{var P=D=>{var $=ts();s(D,$)},h=D=>{var $=sa(),T=K($);{var R=U=>{var ta=ls(),J=K(ta),q=n(e(J)),aa=e(q,!0);r(q);var fa=n(q,2),A=e(fa,!0);r(fa),wa(),r(J),wa(2),b(()=>{u(aa,a(Ga).from_plan_name),u(A,a(Ga).to_plan_name)}),s(U,ta)};d(T,U=>{a(Ga)&&U(R)},!0)}s(D,$)};d(k,D=>{a(Go)?D(P):D(h,!1)})}var j=n(k,2),z=e(j);z.__click=Ir;var M=n(z,2);M.__click=Ve;var g=e(M);{var E=D=>{var $=ns();wa(),s(D,$)},ca=D=>{var $=to("Confirm change");s(D,$)};d(g,D=>{a(Eo)?D(E):D(ca,!1)})}r(M),r(j),r(p),r(c),r(l),b(()=>{z.disabled=a(Eo),M.disabled=a(Eo)||a(Go)||!a(Ga)}),s(o,l)};d(le,o=>{a(sr)&&o(ut)})}var ne=n(le,2);{var mt=o=>{var l=ms(),c=e(l),p=n(e(c),2),k=e(p);{var P=T=>{var R=is(),U=e(R,!0);r(R),b(()=>u(U,a(C))),s(T,R)};d(k,T=>{a(C)&&T(P)})}var h=n(k,2);{var j=T=>{var R=cs(),U=e(R,!0);r(R),b(()=>u(U,a(G))),s(T,R)};d(h,T=>{a(G)&&T(j)})}var z=n(h,2);{var M=T=>{var R=vs(),U=n(e(R),2);Qa(U,21,()=>Pe,pe,(q,aa,fa)=>{var A=ds();A.__click=()=>We(a(aa).key);var O=e(A),la=e(O);la.textContent=fa+1;var ua=n(la,2),va=e(ua,!0);r(ua),r(O),r(A),b(()=>{Oa(A,`background: ${a(Ka)===a(aa).key?"var(--coral-tint)":"rgba(42, 39, 36, 0.03)"}; box-shadow: inset 0 0 0 1px ${a(Ka)===a(aa).key?"var(--coral)":"var(--charcoal-08)"};`),A.disabled=a(Za),u(va,a(aa).label)}),s(q,A)}),r(U);var ta=n(U,2),J=n(e(ta),2);Nt(J),r(ta),r(R),b(()=>J.disabled=a(Za)),Ro(J,()=>a(wo),q=>t(wo,q)),s(T,R)};d(z,T=>{a(G)||T(M)})}var g=n(z,2),E=e(g);E.__click=Yr;var ca=e(E,!0);r(E);var D=n(E,2);{var $=T=>{var R=us();R.__click=Ze;var U=e(R);{var ta=q=>{var aa=fs();wa(),s(q,aa)},J=q=>{var aa=to("Yes, Cancel Subscription");s(q,aa)};d(U,q=>{a(Za)?q(ta):q(J,!1)})}r(R),b(()=>R.disabled=a(Za)||!a(Ka)),s(T,R)};d(D,T=>{a(G)||T($)})}r(g),r(p),r(c),r(l),b(()=>{E.disabled=a(Za)||!!a(G),u(ca,a(G)?"Close":"Keep Subscription")}),s(o,l)};d(ne,o=>{a(Xo)&&o(mt)})}var se=n(ne,2);{var pt=o=>{var l=bs(),c=e(l),p=n(e(c),2),k=n(e(p),2),P=e(k);P.__click=qr;var h=n(P,2);h.__click=rt;var j=e(h);{var z=g=>{var E=ps();wa(),s(g,E)},M=g=>{var E=to("Keep subscription");s(g,E)};d(j,g=>{a(lo)?g(z):g(M,!1)})}r(h),r(k),r(p),r(c),r(l),b(()=>{P.disabled=a(lo),h.disabled=a(lo)}),s(o,l)};d(se,o=>{a(or)&&o(pt)})}var ie=n(se,2);{var bt=o=>{var l=ys(),c=e(l),p=n(e(c),2),k=n(e(p),2),P=e(k);P.__click=zr;var h=n(P,2);h.__click=ot;var j=e(h);{var z=g=>{var E=_s();wa(),s(g,E)},M=g=>{var E=to("Cancel now & continue");s(g,E)};d(j,g=>{a(fo)?g(z):g(M,!1)})}r(h),r(k),r(p),r(c),r(l),b(()=>{P.disabled=a(fo),h.disabled=a(fo)}),s(o,l)};d(ie,o=>{a(ar)&&o(bt)})}var ce=n(ie,2);{var _t=o=>{const l=Aa(()=>a(Ko).find(A=>A.key===a(uo)));var c=ks(),p=e(c),k=e(p),P=e(k),h=e(P);r(P),r(k);var j=n(k,2),z=e(j),M=e(z),g=n(M),E=e(g);r(g),r(z);var ca=n(z,2);{var D=A=>{var O=gs(),la=n(e(O),2),ua=e(la);ua.__click=()=>{a(Na)>1&&me(Na,-1)};var va=n(ua,2),S=e(va,!0);r(va);var L=n(va,2);L.__click=()=>{a(Na)<100&&me(Na)},r(la),r(O),b(()=>u(S,a(Na))),s(A,O)},$=A=>{var O=hs();s(A,O)};d(ca,A=>{Oe(a(l))?A(D):A($,!1)})}var T=n(ca,2);{var R=A=>{var O=xs(),la=e(O,!0);r(O),b(()=>u(la,a(Pa))),s(A,O)};d(T,A=>{a(Pa)&&A(R)})}var U=n(T,2),ta=e(U);ta.__click=Qr;var J=n(ta,2);J.__click=Je;var q=e(J);{var aa=A=>{var O=ws();wa(),s(A,O)},fa=A=>{var O=to("Subscribe");s(A,O)};d(q,A=>

7{a(Po)?A(aa):A(fa,!1)})}r(J),r(U),r(j),r(p),r(c),b((A,O)=>{u(h,`Subscribe to ${a(l)?.name??"Addon"??""}`),u(M,`${a(Na)??""}
8					${A??""}${a(Na)!==1?"s":""} x $${a(l)?.price_per_unit??0??""}/mo = `),u(E,`$${O??""}/mo`),ta.disabled=a(Po),J.disabled=a(Po)},[()=>Tr(a(l)),()=>((a(l)?.price_per_unit??0)*a(Na)).toFixed(2)]),s(o,c)};d(ce,o=>{a(er)&&o(_t)})}var yt=n(ce,2);{var gt=o=>{var l=Cs(),c=e(l),p=n(e(c),2),k=n(e(p),2),P=e(k);P.__click=Zr;var h=n(P,2);h.__click=at;var j=e(h);{var z=g=>{var E=As();wa(),s(g,E)},M=g=>{var E=to("Yes, cancel addon");s(g,E)};d(j,g=>{a(So)?g(z):g(M,!1)})}r(h),r(k),r(p),r(c),r(l),b(()=>{P.disabled=a(So),h.disabled=a(So)}),s(o,l)};d(yt,o=>{a(tr)&&o(gt)})}s(xe,Wr),Lt(),Ae()}Ot(["click"]);export{Js as component};