https://next.listkit.io/assets/EmailAccountsDomains-DRBXN8Ep.js

1import{j as e,R as _,r as x}from"./vendor-react-DqpSzHn6.js";import{a as D,b as R,d as V,e as O,u as H,g as U,X as W}from"./index-DGEWvrlJ.js";import{d as C,m as G,P as $,a as z,u as k,f as J,b as K,c as X,e as Y}from"./PaginationBar-BNkMzzgm.js";import{R as q,T as Q}from"./index-CgoHEHvY.js";import{G as P}from"./globe-DBgAm5Pk.js";import{L as I,a as ee}from"./vendor-router-D3JZmwjY.js";import{S as se,a as te,b as ae,c as ne,d as M}from"./select-CLKyS-kd.js";import{S as o}from"./skeleton-gUFvf7Yo.js";import{S as re}from"./search-B2kDFC7o.js";import{a as ie}from"./plg2-flags-BVMbGXU9.js";import{u as le}from"./usePrepaidBundleSetup-Cojn-Huo.js";import"./vendor-clerk-CqKdBWxc.js";import"./vendor-query-BN-D8v14.js";import"./types-Ds5nI01K.js";import"./constructFrom-rJN6zrQ_.js";import"./chevron-left-8ma4pT7N.js";import"./chevron-right-DpJfMYQP.js";import"./index-DBcWJSCT.js";import"./index-BdQq_4o_.js";import"./index-D6uV2q-1.js";import"./index-BOTCiIHH.js";import"./chevron-down-CiPRyB6_.js";import"./check-DJXwu1EM.js";import"./chevron-up-COnytpLy.js";import"./endpoints-D3U1hSr3.js";import"./useBillingData-BzINmoKO.js";import"./bundleSetQty-C-VtMpCr.js";function de(s,a){return s==="future"?{color:"#1B7F3D",bg:"#F0FDF4",border:"#BBE5C8",label:`Renews in ${Math.round(a/30)} months`}:{color:"#FF6900",bg:"#FFF7ED",border:"#FFD8A8",label:`Renews in ${a} days`}}const oe=({plan:s,v2:a=!1})=>{if(a)return e.jsx(xe,{plan:s});const n=!0,l=C(s.renewDate),i=de(k(l),l);return e.jsxs("div",{className:"relative overflow-hidden rounded-[14px] border border-[#E4E4E7] bg-white",children:[e.jsx("span",{className:"absolute bottom-0 left-0 top-0 w-1",style:{background:s.accent}}),e.jsx("div",{className:"border-b border-gray-100 px-[22px] py-[18px] pl-[26px] pr-[22px] max-md:px-3 max-md:pl-4 max-md:py-3",children:e.jsxs("div",{className:"flex items-start gap-4 max-md:flex-wrap max-md:gap-3",children:[e.jsx("div",{className:"flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-[10px]",style:{background:s.accentSoft,border:`1px solid ${s.accent}33`},children:e.jsx(P,{className:"h-[18px] w-[18px]",style:{color:s.accent}})}),e.jsxs("div",{className:"min-w-0 flex-1",children:[e.jsxs("div",{className:"mb-1 flex flex-wrap items-center gap-2",children:[e.jsxs("div",{className:"text-[15px] font-semibold tracking-[-0.01em] text-ink",children:["Domains plan · ",s.label]}),e.jsx("span",{className:D("rounded-full border px-[9px] py-[3px] text-[11px] font-semibold","border-[#BBE5C8] bg-[#F0FDF4] text-[#1B7F3D]"),children:"Auto-renews"})]}),e.jsxs("div",{className:"text-[13px] leading-[1.55] text-[#4A5565]",children:[e.jsxs("span",{className:"font-sans font-semibold text-ink",children:[s.domainCount," domains"]})," · ",e.jsxs("span",{className:"font-sans font-semibold text-ink",children:["$",s.price,"/year"]})," · ",e.jsxs("span",{children:["Started ",s.startedOn]})]})]}),e.jsxs("div",{className:"flex flex-shrink-0 flex-col items-end gap-2.5 max-md:w-full max-md:flex-row max-md:items-center max-md:justify-between max-md:gap-3",children:[e.jsxs("div",{className:"min-w-[168px] rounded-lg px-3 py-2 text-right max-md:min-w-0 max-md:flex-1 max-md:text-left",style:{background:i.bg,border:`1px solid ${i.border}`},children:[e.jsx("div",{className:"mb-0.5 text-[10px] font-bold uppercase tracking-wider",style:{color:i.color},children:i.label}),e.jsx("div",{className:"font-sans text-[13px] font-semibold text-ink",children:s.renewsOn})]}),e.jsxs("div",{className:"flex items-center gap-2.5",children:[e.jsx("span",{className:"text-[12px] font-semibold text-ink",children:"Auto-renew"}),e.jsxs(R,{children:[e.jsx(V,{asChild:!0,children:e.jsx("span",{className:"inline-flex cursor-not-allowed",children:e.jsx(q,{checked:n,disabled:!0,"aria-label":`Auto-renew for ${s.label} plan`,className:"relative inline-flex h-[22px] w-9 flex-shrink-0 items-center rounded-full transition-colors focus-visible:outline-none data-[state=checked]:bg-brand data-[state=unchecked]:bg-[#C2CAD2] data-[disabled]:pointer-events-none data-[disabled]:opacity-80",children:e.jsx(Q,{className:"pointer-events-none block h-[18px] w-[18px] translate-x-0.5 rounded-full bg-white shadow-[0_1px_3px_rgba(0,0,0,0.18)] transition-transform data-[state=checked]:translate-x-4"})})})}),e.jsx(O,{side:"top",className:"max-w-[260px]",children:"Cancelation disabled. Please contact support team!"})]})]})]})]})}),e.jsxs("div",{className:"flex items-center justify-between bg-[#FAFBFC] px-[22px] py-3 pl-[26px] max-md:flex-col max-md:items-start max-md:gap-2 max-md:px-3 max-md:pl-4",children:[e.jsx("div",{className:"text-[12px] text-[#4A5565]",children:e.jsxs(e.Fragment,{children:["Next charge:"," ",e.jsxs("span",{className:"font-sans font-semibold text-ink",children:["$",s.price,".00"]})," ","on"," ",e.jsx("span",{className:"font-sans font-semibold text-ink",children:s.renewsOn})]})}),e.jsx(I,{to:`/email-accounts/domains/${s.id}`,className:"rounded-md px-3 py-1.5 text-[12px] font-semibold text-brand hover:bg-[#F4F9FF]",children:"View domains"})]})]})},xe=({plan:s})=>{const a=C(s.renewDate),n=G(s.renewDate),l=k(a)!=="future",i=n>=1?`Expires in ${n} month${n===1?"":"s"}`:`Expires in ${a} day${a===1?"":"s"}`;return e.jsxs("div",{className:"flex items-center justify-between gap-4 roun

1ded-[12px] border border-hairline-strong bg-white p-4 max-md:flex-col max-md:items-stretch max-md:gap-3",children:[e.jsxs("div",{className:"flex min-w-0 items-start gap-3",children:[e.jsx("div",{className:"flex h-[46px] w-[46px] flex-shrink-0 items-center justify-center rounded-[8px] bg-[#F4F9FF] text-brand",children:e.jsx(P,{className:"h-6 w-6"})}),e.jsxs("div",{className:"flex min-w-0 flex-col gap-1",children:[e.jsxs("div",{className:"flex flex-wrap items-center gap-2",children:[e.jsxs("div",{className:"text-[16px] font-semibold leading-5 tracking-[-0.4px] text-ink",children:[s.sendsPerDay," sends/day plan"]}),e.jsx($,{plan:s})]}),e.jsxs("div",{className:"text-[14px] font-medium leading-5 tracking-[-0.4px] text-[rgba(13,42,76,0.7)]",children:[e.jsxs("span",{className:"font-semibold text-ink",children:[s.domainCount," domains · ",z(s)," · 12-month term ·"]})," ","Provisioned ",s.startedOn," ",e.jsx("span",{className:"font-semibold text-ink",children:"·"})," ",e.jsx("span",{className:l?"text-danger":"text-[#566A82]",children:i})]})]})]}),e.jsxs(I,{to:`/email-accounts/domains/${s.id}`,className:"flex h-9 flex-shrink-0 items-center justify-center gap-2 rounded-[8px] px-4 text-[14px] font-medium leading-5 tracking-[-0.4px] text-brand transition hover:bg-[#F4F9FF]",children:["View Domains",e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M2.66602 8H13.3327M9.33268 12L13.3327 8L9.33268 4",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"})})]})]})},A="default",T=8,E="1fr 1fr 1fr 1fr 1fr 36px",Z=!1,me=({plans:s,domains:a,totalCount:n,page:l,pageSize:i,onPageChange:u,isLoading:m=!1,searchTerm:y,onSearchChange:j,sortBy:f,onSortChange:g,v2:c=!1})=>{const F=_.useMemo(()=>Object.fromEntries(s.map(t=>[t.id,t])),[s]),N=Math.max(1,Math.ceil(n/i)),w=Math.min(l,N);return e.jsxs("div",{children:[e.jsxs("div",{className:"mb-4 flex items-center justify-between max-md:flex-col max-md:items-stretch max-md:gap-3",children:[e.jsxs("div",{className:"flex flex-col gap-[2px]",children:[e.jsxs("div",{className:"text-[16px] font-semibold tracking-[-0.4px] text-ink",children:["All domains (",n,")"]}),e.jsx("div",{className:"text-[14px] font-medium leading-5 tracking-[-0.4px] text-[rgba(13,42,76,0.7)]",children:c?"Every domain across your plans, with the plan it belongs to.":"Individual domains can't be canceled or extended — renewal happens at the plan level."})]}),e.jsxs("div",{className:"flex items-center gap-3 max-md:w-full max-md:gap-2",children:[e.jsxs("div",{className:"flex h-8 w-[280px] items-center gap-2 rounded-[8px] border border-hairline-strong bg-white px-[10px] max-md:w-auto max-md:flex-1",children:[e.jsx(re,{className:"h-4 w-4 text-[#8694A5]"}),e.jsx("input",{value:y,onChange:t=>j(t.target.value),placeholder:"Search for domains",className:"min-w-0 flex-1 bg-transparent text-[13px] text-ink outline-none placeholder:text-[#8694A5]"})]}),e.jsxs(se,{value:f??A,onValueChange:t=>g(t===A?void 0:t),children:[e.jsx(te,{className:"h-8 w-[147px] cursor-pointer gap-2 rounded-[8px] border-hairline-strong px-[10px] py-0 text-[13px] font-medium text-ink max-md:w-auto max-md:min-w-0 max-md:flex-1",children:e.jsx(ae,{})}),e.jsxs(ne,{children:[e.jsx(M,{value:A,className:"cursor-pointer",children:c?"All plans":"Sort: Default"}),e.jsx(M,{value:"plan_asc",className:"cursor-pointer",children:"Plan: A–Z"}),e.jsx(M,{value:"plan_desc",className:"cursor-pointer",children:"Plan: Z–A"})]})]})]})]}),e.jsxs("div",{className:"overflow-hidden rounded-xl border border-hairline-strong bg-white",children:[e.jsxs("div",{className:"grid h-11 items-center border-b border-hairline-strong bg-[#F8F9FA] text-[14px] font-medium leading-5 tracking-[-0.4px] text-[#4A5F79] max-md:hidden [&>div]:px-4",style:{gridTemplateColumns:E},children:[e.jsx("div",{children:"Domain"}),e.jsx("div",{children:"Information"}),e.jsx("div",{children:"Plan"}),e.jsx("div",{children:"Connected inboxes"}),e.jsx("div",{children:c?"Expires on":"Renews on"}),e.jsx("div",{})]}),m&&Array.from({length:T}).map((t,p)=>e.jsxs("div",{className:D("grid items-center gap-3 bg-white px-[18px] py-3.5 max-md:relative max-md:flex max-md:flex-col max-md:items-stretch max-md:gap-2 max-md:px-3 max-md:py-3 max-md:pr-10",p!==T-1&&"border-b border-gray-100"),style:{gridTemplateColumns:E},children:[e.jsxs("div",{className:"flex items-center gap-2.5",children:[e.jsx(o,{className:"h-8 w-8 flex-shrink-0 rounded-md"}),e.jsxs("div",{className:"min-w-0 flex-1 space-y-1.5",children:[e.jsx(o,{className:"h-3.5 w-40 max-w-full"}),e.jsx(o,{className:"h-2.5 w-32 max-w-full"})]})]}),e.jsx(o,{className:"h-5 w-20 rounded-full"}),e.jsx(o,{className:"h-3.5 w-12"}),e.jsxs("div",{className:"space-y-1.5",children:[e.jsx(o,{className:"h-3 w-24"}),e.jsx(o,{className:"h-2.5 w-12"})]}),Z]},`skeleton-${p}`)),!m&&a.map((t,p)=>{const v=t.planId?F[t.planId]:void 0,h=t.renewsAt,d=h?C(h):null,S=d!==null&&k(d)!=="future",b=t.plannedInboxes??2;return e.jsxs("div",{className:D("grid h-10 items-center bg-white transition-colors duration-100 hover:bg-[#F9FAFB] max-md:relative max-md:flex max-md:h-auto max-md:flex-col max-md:items-stretch max-md:gap-2 max-md:px-3 max-md:py-3 max-md:pr-10 [&>div]:px-4 max-md:[&>div]:px-0",p!==a.length-1&&"border-b border-hairline-soft"),style:{gridTemplateColumns:E},children:[e.jsxs("div",{className:"flex min-w-0 items-center gap-2",children:[e.jsx(P,{className:"h-4 w-4 flex-shrink-0 text-ink"}),e.jsx("div",{className:"truncate text-[14px] font-medium leading-5 tracking-[-0.4px] text-ink",children:t.name})]}),e.jsx("div",{className:"truncate text-[14px] font-medium leading-5 tracking-[-0.4px] text-[rgba(13,42,76,0.7)]",children:"Registered through ListKit"}),e.jsx("div",{children:v?e.jsx($,{plan:v}):t.planName?e.jsx("span",{className:"text-[14px] font-medium tracking-[-0.4px] text-ink",children:t.planName}):e.jsx("span",{className:"text-[14px] text-[#4A5F79]",children:"—"})}),e.jsxs("div",{className:"text-[14px] font-medium leading-5 tracking-[-0.4px] text-ink",children:[e.jsx("span",{className:"hidden text-[11px] font-semibold uppercase tracking-wider text-[#4A5565] max-md:mr-2 max-md:inline",children:"Inboxes"}),`${t.inboxes} / ${b}`]}),e.jsx("div",{className:"truncate text-[14px] font-medium leading-5 tracking-[-0.4px]",children:h&&d!==null?e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"hidden text-[11px] font-semibold uppercase tracking-wider text-[#4A5565] max-md:mr-2 max-md:inline",children:c?"Expires":"Renews"}),e.jsx("span",{className:"text-ink",children:J(h)})," ",e.jsxs("span",{className:S?"text-danger":"text-[#566A82]",children:["(in"," ",d>60?`${Math.round(d/30)} months`:`${d} days`,")"]})]}):e.jsx("span",{className:"text-[#4A5F79]",children:"—"})}),Z]},t.name)}

1),!m&&a.length===0&&e.jsx("div",{className:"px-6 py-16 text-center text-[13px] text-[#4A5565]",children:"No domains yet."}),!m&&n>0&&e.jsx(K,{page:w,totalPages:N,onPageChange:u})]})]})},B=20,ce=!1,pe=!1,he=()=>e.jsxs("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("path",{d:"M3.75 9C3.94891 9 4.13968 9.07902 4.28033 9.21967C4.42098 9.36032 4.5 9.55109 4.5 9.75C4.5 9.94891 4.42098 10.1397 4.28033 10.2803C4.13968 10.421 3.94891 10.5 3.75 10.5C3.55109 10.5 3.36032 10.421 3.21967 10.2803C3.07902 10.1397 3 9.94891 3 9.75C3 9.55109 3.07902 9.36032 3.21967 9.21967C3.36032 9.07902 3.55109 9 3.75 9ZM8.25 9C8.44891 9 8.63968 9.07902 8.78033 9.21967C8.92098 9.36032 9 9.55109 9 9.75C9 9.94891 8.92098 10.1397 8.78033 10.2803C8.63968 10.421 8.44891 10.5 8.25 10.5C8.05109 10.5 7.86032 10.421 7.71967 10.2803C7.57902 10.1397 7.5 9.94891 7.5 9.75C7.5 9.55109 7.57902 9.36032 7.71967 9.21967C7.86032 9.07902 8.05109 9 8.25 9Z",stroke:"currentColor",strokeWidth:"0.75"}),e.jsx("path",{d:"M1.12476 1.14626C1.03087 1.11324 0.92771 1.11886 0.837974 1.1619C0.748238 1.20494 0.679275 1.28187 0.646255 1.37576C0.613236 1.46964 0.618865 1.5728 0.661905 1.66254C0.704944 1.75227 0.781868 1.82124 0.875755 1.85426L1.12476 1.14626ZM10.3293 4.94176L10.6963 5.01726L10.6968 5.01525L10.3293 4.94176ZM2.85426 4.88026V3.51926H2.10426V4.88026H2.85426ZM1.25526 1.19226L1.12476 1.14626L0.875755 1.85426L1.00626 1.89976L1.25526 1.19226ZM5.46925 8.12526H8.12025V7.37526H5.46925V8.12526ZM2.85426 3.51926C2.85426 3.16576 2.85476 2.87076 2.82926 2.63126C2.80176 2.38276 2.74426 2.15626 2.60326 1.95026L1.98376 2.37326C2.02876 2.43925 2.06376 2.53026 2.08326 2.71176C2.10375 2.90176 2.10426 3.14926 2.10426 3.51926H2.85426ZM1.00626 1.89976C1.34026 2.01726 1.55976 2.09526 1.72126 2.17526C1.87276 2.24926 1.93976 2.30926 1.98376 2.37376L2.60326 1.95026C2.46126 1.74226 2.27176 1.60926 2.05126 1.50076C1.84126 1.39776 1.57226 1.30376 1.25526 1.19226L1.00626 1.89976ZM2.10426 4.88026C2.10426 5.60676 2.11126 6.13026 2.17926 6.53026C2.25276 6.95726 2.39926 7.26326 2.67176 7.55126L3.21626 7.03525C3.05626 6.86625 2.96976 6.70126 2.91876 6.40376C2.86375 6.07876 2.85426 5.62476 2.85426 4.88026H2.10426ZM5.46925 7.37526C4.76076 7.37526 4.26926 7.37425 3.89876 7.32175C3.54125 7.27126 3.35276 7.17926 3.21626 7.03525L2.67176 7.55126C2.96876 7.86476 3.34526 8.00126 3.79326 8.06426C4.22826 8.12626 4.78375 8.12526 5.46925 8.12526V7.37526ZM2.47926 3.43526H8.54425V2.68526H2.47976L2.47926 3.43526ZM9.96175 4.86576L9.71175 6.07826L10.4468 6.22926L10.6963 5.01726L9.96175 4.86576ZM8.54526 3.43526C8.97326 3.43526 9.35026 3.43576 9.64775 3.46876C9.79475 3.48609 9.90675 3.50842 9.98375 3.53576C10.0643 3.56426 10.0773 3.58576 10.0708 3.57726L10.6653 3.12025C10.5478 2.96725 10.3828 2.88076 10.2323 2.82826C10.0695 2.77469 9.90131 2.73947 9.73075 2.72326C9.38326 2.68476 8.95926 2.68526 8.54526 2.68526V3.43526ZM10.6968 5.01525C10.7818 4.59125 10.8538 4.23526 10.8713 3.95026C10.8898 3.65726 10.8563 3.36825 10.6653 3.12025L10.0708 3.57726C10.1018 3.61775 10.1358 3.69026 10.1228 3.90426C10.1093 4.12626 10.0508 4.42276 9.96175 4.86826L10.6968 5.01525ZM8.12025 8.12526C8.50126 8.12526 8.82125 8.12575 9.07926 8.09425C9.34676 8.06176 9.59125 7.98976 9.80425 7.81626L9.33025 7.23476C9.26775 7.28576 9.17925 7.32676 8.98775 7.34976C8.78625 7.37476 8.52026 7.37526 8.12025 7.37526V8.12526ZM9.71275 6.07826C9.63175 6.46976 9.57775 6.72975 9.51275 6.92226C9.45125 7.10526 9.39275 7.18375 9.33025 7.23476L9.80425 7.81626C10.0178 7.64226 10.1373 7.41776 10.2233 7.16176C10.3063 6.91576 10.3703 6.60276 10.4473 6.22975L9.71275 6.07826Z",fill:"currentColor"}),e.jsx("path",{d:"M6.5 6.5V5.5M6.5 5.5V4.5M6.5 5.5H7.5M6.5 5.5H5.5",stroke:"currentColor",strokeWidth:"0.75",strokeLinecap:"round"})]}),Oe=()=>{const{data:s}=H(),a=ee(),{plans:n,isLoading:l}=X(),i=ie(),u=le(),m=U(),y=u.isPrepaid&&u.subscriptionId?`/email-accounts/inboxes-setup?bundleSet=${encodeURIComponent(u.subscriptionId)}`:"/email-accounts/inboxes-setup?step=1",[j,f]=x.useState(1),[g,c]=x.useState(""),[F,N]=x.useState(""),[w,t]=x.use

1State(void 0);x.useEffect(()=>{const r=setTimeout(()=>N(g),400);return()=>clearTimeout(r)},[g]);const{domains:p,totalCount:v,isLoading:h}=Y({page:j,pageSize:B,search:F||void 0,sortBy:w}),d=r=>{c(r),f(1)},S=r=>{t(r),f(1)},b=x.useMemo(()=>[...n].sort((r,L)=>r.renewDate.getTime()-L.renewDate.getTime()),[n]);return x.useMemo(()=>b.find(r=>k(C(r.renewDate))!=="future"),[b]),s?s.emailEngineAccess?e.jsxs(e.Fragment,{children:[e.jsx("header",{className:"relative flex-shrink-0 rounded-t-[10px] border-b border-[#E5E7EB] bg-white",children:e.jsxs("div",{className:"flex items-center gap-[10px] px-4 py-[10px]",children:[e.jsxs("div",{className:"flex min-w-0 flex-1 items-center gap-3",children:[e.jsx("button",{type:"button",onClick:()=>a("/email-accounts"),"aria-label":"Back to Inboxes",className:"flex h-6 w-6 flex-shrink-0 items-center justify-center rounded-[6px] border border-hairline-strong bg-white text-ink hover:bg-gray-50",children:e.jsx(W,{className:"h-3.5 w-3.5"})}),e.jsx("h1",{className:"truncate text-[16px] font-medium leading-6 tracking-[-0.4px] text-ink",children:"Domains"})]}),ce,!m&&e.jsxs("button",{type:"button",onClick:()=>a(y),className:"flex h-6 flex-shrink-0 items-center gap-1 rounded-[6px] bg-brand px-2 text-[12px] font-medium leading-4 tracking-[-0.4px] text-white transition hover:brightness-110",children:[e.jsx(he,{}),e.jsx("span",{className:"max-md:hidden",children:"Buy more sending volume"}),e.jsx("span",{className:"hidden max-md:inline",children:"Buy more"})]})]})}),e.jsx("div",{className:"flex-1 bg-white",children:e.jsxs("div",{className:"font-['DM_Sans'] flex h-full w-full flex-col gap-[18px] p-6 max-md:gap-4 max-md:p-4",children:[pe,e.jsxs("div",{className:"flex items-start gap-2 rounded-[10px] border border-[#C9E3FF] bg-[#F4F9FF] py-3 pl-3 pr-5",children:[e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"mt-px shrink-0 text-brand",children:e.jsxs("g",{transform:"translate(0.8333 0.8333)",children:[e.jsx("path",{d:"M7.16667 13.8333C10.8486 13.8333 13.8333 10.8486 13.8333 7.16667C13.8333 3.48477 10.8486 0.5 7.16667 0.5C3.48477 0.5 0.5 3.48477 0.5 7.16667C0.5 10.8486 3.48477 13.8333 7.16667 13.8333Z",stroke:"currentColor"}),e.jsx("path",{d:"M7.16797 10.5V6.5",stroke:"currentColor",strokeLinecap:"round"}),e.jsx("path",{d:"M7.16667 3.83464C7.53486 3.83464 7.83333 4.13311 7.83333 4.5013C7.83333 4.86949 7.53486 5.16797 7.16667 5.16797C6.79848 5.16797 6.5 4.86949 6.5 4.5013C6.5 4.13311 6.79848 3.83464 7.16667 3.83464Z",fill:"currentColor"})]})}),e.jsxs("div",{className:"flex min-w-0 flex-col gap-[2px]",children:[e.jsx("div",{className:"text-[14px] font-semibold leading-[1.2] text-ink",children:"Your 12-month term starts the day a set is provisioned — not when you begin setup."}),e.jsx("div",{className:"text-[12px] leading-[1.2] text-[#4A5F79]",children:"If a set of domains and inboxes is provisioned on Jul 20, 2026 but you don't start setup until September, the domains still expire on Jul 20, 2027. Setting up sooner gives you more of the term. Domains can't be renewed or extended."})]})]}),e.jsxs("div",{children:[e.jsxs("div",{className:"mb-4 flex flex-col gap-[2px]",children:[e.jsxs("div",{className:"text-[16px] font-semibold tracking-[-0.4px] text-ink",children:["Your domains",!l&&` (${n.length})`]}),e.jsx("div",{className:"text-[14px] font-medium leading-5 tracking-[-0.4px] text-[rgba(13,42,76,0.7)]",children:"Every domain across your plans, with the plan it belongs to. Domains can't be renewed. Plans can't be renewed — connected inboxes stop sending when these domains expire."})]}),e.jsx("div",{className:"flex flex-col gap-3",children:l?Array.from({length:2}).map((r,L)=>e.jsx(o,{className:"h-[116px] w-full rounded-[14px]"},`plan-skeleton-${L}`)):n.length===0?e.jsx("div",{className:"rounded-[14px] border border-[#E4E4E7] bg-white px-6 py-10 text-center text-[13px] text-[#4A5565]",children:"No domain plans yet."}):b.map(r=>e.jsx(oe,{plan:r,v2:i},r.id))})]}),e.jsx(me,{plans:n,domains:p,totalCount:v,page:j,pageSize:B,onPageChange:f,isLoading:h,searchTerm:g,onSearchChange:d,sortBy:w,onSortChange:S,v2:i})]})})]}):null:e.jsx("div",{className:"flex min-h-[600px] items-center justify-center",children:e.jsx("div",{className:"text-gray-600",children:"Loading..."})})};export{Oe as default};