https://next.listkit.io/assets/EmailAccountsDomainPlan-Dh-pR2LG.js

1import{r,j as e}from"./vendor-react-DqpSzHn6.js";import{c as f,u as R,X as C,a as u}from"./index-DGEWvrlJ.js";import{c as V,e as Z,d as S,P as U,f as z,b as K,u as D}from"./PaginationBar-BNkMzzgm.js";import{S as a}from"./skeleton-gUFvf7Yo.js";import{S as X,a as q,b as H,c as W,d as A}from"./select-CLKyS-kd.js";import{d as J,a as Q,L as P,N as Y}from"./vendor-router-D3JZmwjY.js";import{G as M}from"./globe-DBgAm5Pk.js";import{C as ee}from"./clock-EU14M8du.js";import{S as se}from"./search-B2kDFC7o.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-BdQq_4o_.js";import"./index-D6uV2q-1.js";import"./index-BOTCiIHH.js";import"./index-DBcWJSCT.js";import"./chevron-down-CiPRyB6_.js";import"./check-DJXwu1EM.js";import"./chevron-up-COnytpLy.js";/**
2 * @license lucide-react v0.462.0 - ISC
3 *
4 * This source code is licensed under the ISC license.
5 * See the LICENSE file in the root directory of this source tree.
6 */const ae=f("Banknote",[["rect",{width:"20",height:"12",x:"2",y:"6",rx:"2",key:"9lu3g6"}],["circle",{cx:"12",cy:"12",r:"2",key:"1c9p78"}],["path",{d:"M6 12h.01M18 12h.01",key:"113zkx"}]]);/**
7 * @license lucide-react v0.462.0 - ISC
8 *
9 * This source code is licensed under the ISC license.
10 * See the LICENSE file in the root directory of this source tree.
11 */const te=f("Box",[["path",{d:"M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z",key:"hh9hay"}],["path",{d:"m3.3 7 8.7 5 8.7-5",key:"g66t2b"}],["path",{d:"M12 22V12",key:"d0xqtd"}]]);/**
12 * @license lucide-react v0.462.0 - ISC
13 *
14 * This source code is licensed under the ISC license.
15 * See the LICENSE file in the root directory of this source tree.
16 */const ie=f("Calendar",[["path",{d:"M8 2v4",key:"1cmpym"}],["path",{d:"M16 2v4",key:"4m81vk"}],["rect",{width:"18",height:"18",x:"3",y:"4",rx:"2",key:"1hopcy"}],["path",{d:"M3 10h18",key:"8toen8"}]]),T=20,n="1.4fr 1.4fr 1fr 1fr 36px",re=!1,De=()=>{const{planId:l}=J(),{data:j}=R(),N=Q(),{plans:b,isLoading:_}=V(),[c,$]=r.useState(""),[o,B]=r.useState(""),[h,F]=r.useState("asc"),[v,w]=r.useState(1),y=l?Number(l):NaN,t=r.useMemo(()=>b.find(s=>s.id===l),[b,l]);r.useEffect(()=>{const s=setTimeout(()=>B(c),400);return()=>clearTimeout(s)},[c]),r.useEffect(()=>{w(1)},[o,h]);const{domains:p,totalCount:g,isLoading:m}=Z({page:v,pageSize:T,search:o||void 0,sortBy:h==="asc"?"domain_asc":"domain_desc",entitlementId:Number.isNaN(y)?void 0:y}),k=Math.max(1,Math.ceil(g/T)),I=Math.min(v,k);if(!j)return e.jsx("div",{className:"flex min-h-[600px] items-center justify-center",children:e.jsx("div",{className:"text-gray-600",children:"Loading..."})});if(!j.emailEngineAccess)return null;if(_)return 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.jsx("button",{type:"button",onClick:()=>N("/email-accounts/domains"),"aria-label":"Back to Domains",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(C,{className:"h-3.5 w-3.5"})}),e.jsxs("div",{className:"flex min-w-0 items-center gap-2 text-[16px] font-medium leading-6 tracking-[-0.4px]",children:[e.jsx(P,{to:"/email-accounts/domains",className:"flex-shrink-0 text-[rgba(13,42,76,0.5)] hover:text-ink",children:"Domains"}),e.jsx("span",{className:"flex-shrink-0 text-[rgba(13,42,76,0.5)]",children:"/"}),e.jsx(a,{className:"h-5 w-48"})]})]})}),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:[e.jsx("div",{className:"rounded-xl border border-[#E4E4E7] bg-white",children:e.jsxs("div",{className:"grid items-center gap-[18px] py-4 pl-[26px] pr-[22px] [grid-template-columns:1.4fr_1fr_1fr_1fr_1fr] max-md:grid-cols-2 max-md:gap-3 max-md:py-3 max-md:pl-4 max-md:pr-3",children:[e.jsxs("div",{className:"flex items-center gap-3.5 max-md:col-span-2",children:[e.jsx(a,{className:"h-10 w-10 flex-shrink-0 rounded-[10px]"}),e.jsxs("div",{className:"space-y-1.5",children:[e.jsx(a,{className:"h-2.5 w-12"}),e.jsx(a,{className:"h-3.5 w-28"}),e.jsx(a,{className:"h-2.5 w-36"})]})]}),Array.from({length:4}).map((s,i)=>e.jsxs("div",{className:"space-y-1.5 border-l border-gray-100 pl-[18px] max-md:border-l-0 max-md:pl-0",children:[e.jsx(a,{className:"h-2.5 w-16"}),e.jsx(a,{className:"h-3.5 w-20"})]},`summary-skeleton-${i}`))]})}),e.jsxs("div",{className:"flex items-center justify-between max-md:flex-col max-md:items-stretch max-md:gap-3",children:[e.jsxs("div",{className:"space-y-1.5",children:[e.jsx(a,{className:"h-4 w-40"}),e.jsx(a,{className:"h-2.5 w-72 max-w-full"})]}),e.jsxs("div",{className:"flex items-center gap-2.5 max-md:w-full max-md:gap-2",children:[e.jsx(a,{className:"h-9 w-[220px] max-md:flex-1"}),e.jsx(a,{className:"h-9 w-[140px]"})]})]}),e.jsxs("div",{className:"overflow-hidden rounded-xl border border-[#

16E4E4E7] bg-white",children:[e.jsxs("div",{className:"grid items-center gap-3 border-b border-[#E4E4E7] bg-[#FAFBFC] px-[18px] py-3 max-md:hidden",style:{gridTemplateColumns:n},children:[e.jsx(a,{className:"h-2.5 w-16"}),e.jsx(a,{className:"h-2.5 w-28"}),e.jsx(a,{className:"h-2.5 w-20"}),e.jsx("div",{})]}),Array.from({length:8}).map((s,i)=>e.jsxs("div",{className:u("grid items-center gap-3 bg-white px-[18px] py-3.5",i!==7&&"border-b border-gray-100"),style:{gridTemplateColumns:n},children:[e.jsxs("div",{className:"flex items-center gap-2.5",children:[e.jsx(a,{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(a,{className:"h-3.5 w-40 max-w-full"}),e.jsx(a,{className:"h-2.5 w-32 max-w-full"})]})]}),e.jsx(a,{className:"h-3.5 w-12"}),e.jsxs("div",{className:"space-y-1.5",children:[e.jsx(a,{className:"h-3 w-24"}),e.jsx(a,{className:"h-2.5 w-12"})]}),e.jsx("div",{})]},`row-skeleton-${i}`))]})]})})]});if(!t)return e.jsx(Y,{to:"/email-accounts/domains",replace:!0});const d=S(t.renewDate),L=D(d),O=d>60?`${Math.round(d/30)} months`:`${d} days`;return 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:()=>N("/email-accounts/domains"),"aria-label":"Back to Domains",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(C,{className:"h-3.5 w-3.5"})}),e.jsxs("div",{className:"flex min-w-0 items-center gap-2 text-[16px] font-medium leading-6 tracking-[-0.4px]",children:[e.jsx(P,{to:"/email-accounts/domains",className:"flex-shrink-0 text-[rgba(13,42,76,0.5)] hover:text-ink",children:"Domains"}),e.jsx("span",{className:"flex-shrink-0 text-[rgba(13,42,76,0.5)]",children:"/"}),e.jsxs("h1",{className:"truncate text-ink",children:[t.sendsPerDay," sends/day plan"]}),e.jsx(U,{plan:t})]})]}),re]})}),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:[e.jsx("div",{className:"grid grid-cols-5 overflow-hidden rounded-[16px] border border-hairline bg-white md:divide-x md:divide-hairline max-md:grid-cols-2",children:[{icon:e.jsx(te,{className:"h-4 w-4"}),label:"Plan",value:`Domains plan: ${t.label}`,sub:`${t.sendsPerDay} sends/day · ${t.inboxesIncluded} inboxes`},{icon:e.jsx(M,{className:"h-4 w-4"}),label:"Domains",value:`${t.domainCount} domains`},{icon:e.jsx(ie,{className:"h-4 w-4"}),label:"Start date",value:t.startedOn},{icon:e.jsx(ae,{className:"h-4 w-4"}),label:"Term Price",value:`$${t.price}`,sub:"12-month term"},{icon:e.jsx(ee,{className:"h-4 w-4"}),label:"Expires on",value:t.renewsOn,sub:`In ${O}`,subColor:L==="future"?void 0:"#FB2C36"}].map(s=>e.jsxs("div",{className:"flex flex-col gap-2 px-4 py-4",children:[e.jsxs("div",{className:"flex items-center gap-1 text-[14px] font-medium tracking-[-0.4px] text-ink",children:[s.icon,s.label]}),e.jsxs("div",{className:"flex flex-col gap-1",children:[e.jsx("div",{title:s.value,className:"truncate text-[16px] font-semibold leading-[18px] tracking-[-0.4px] text-ink",children:s.value}),s.sub&&e.jsx("div",{className:"text-[14px] font-medium leading-5 tracking-[-0.4px] text-[rgba(13,42,76,0.7)]",style:s.subColor?{color:s.subColor}:void 0,children:s.sub})]})]},s.label))}),e.jsxs("div",{className:"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:["Domains in this plan (",g,")"]}),e.jsxs("div",{className:"text-[14px] font-medium leading-5 tracking-[-0.4px] text-[rgba(13,42,76,0.7)]",children:["All ",t.domainCount," domains are registered through ListKit and renew together."]})]}),e.jsxs("div",{className:"flex items-center gap-2.5 max-md:w-full max-md:gap-2",children:[e.jsxs("div",{className:"flex w-[220px] items-center gap-2 rounded-lg border border-[#

16E4E4E7] bg-white px-3 py-2 max-md:w-auto max-md:flex-1",children:[e.jsx(se,{className:"h-3.5 w-3.5 text-[#4A5565]"}),e.jsx("input",{value:c,onChange:s=>$(s.target.value),placeholder:"Search domains",className:"flex-1 bg-transparent text-[13px] text-ink outline-none placeholder:text-[#4A5565]"})]}),e.jsxs(X,{value:h,onValueChange:s=>F(s),children:[e.jsx(q,{className:"h-auto w-auto min-w-[140px] cursor-pointer gap-2 rounded-lg border-[#C2CAD2] px-3 py-2 text-[13px] font-medium text-ink max-md:w-auto max-md:min-w-0 max-md:flex-1",children:e.jsx(H,{})}),e.jsxs(W,{children:[e.jsx(A,{value:"asc",className:"cursor-pointer",children:"Sort: A–Z"}),e.jsx(A,{value:"desc",className:"cursor-pointer",children:"Sort: 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:n},children:[e.jsx("div",{children:"Domain"}),e.jsx("div",{children:"Information"}),e.jsx("div",{children:"Connected inboxes"}),e.jsx("div",{children:"Expires on"}),e.jsx("div",{})]}),m&&Array.from({length:8}).map((s,i)=>e.jsxs("div",{className:u("grid items-center gap-3 bg-white px-[18px] py-3.5",i!==7&&"border-b border-gray-100"),style:{gridTemplateColumns:n},children:[e.jsxs("div",{className:"flex items-center gap-2.5",children:[e.jsx(a,{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(a,{className:"h-3.5 w-40 max-w-full"}),e.jsx(a,{className:"h-2.5 w-32 max-w-full"})]})]}),e.jsx(a,{className:"h-3.5 w-12"}),e.jsxs("div",{className:"space-y-1.5",children:[e.jsx(a,{className:"h-3 w-24"}),e.jsx(a,{className:"h-2.5 w-12"})]}),e.jsx("div",{})]},`skeleton-${i}`)),!m&&p.map((s,i)=>{const E=s.renewsAt??t.renewDate,x=S(E),G=D(x);return e.jsxs("div",{className:u("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",i!==p.length-1&&"border-b border-hairline-soft"),style:{gridTemplateColumns:n},children:[e.jsxs("div",{className:"flex min-w-0 items-center gap-2",children:[e.jsx(M,{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:s.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.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"}),s.inboxes," / ",s.plannedInboxes??2]}),e.jsxs("div",{className:"truncate text-[14px] font-medium leading-5 tracking-[-0.4px]",children:[e.jsx("span",{className:"hidden text-[11px] font-semibold uppercase tracking-wider text-[#4A5565] max-md:mr-2 max-md:inline",children:"Expires"}),e.jsx("span",{className:"text-ink",children:z(E)})," ",e.jsxs("span",{className:G==="future"?"text-[#566A82]":"text-danger",children:["(in"," ",x>60?`${Math.round(x/30)} months`:`${x} days`,")"]})]}),e.jsx("div",{})]},s.name)}),!m&&p.length===0&&e.jsx("div",{className:"px-6 py-16 text-center text-[13px] text-[#4A5565]",children:o?"No domains match this search.":"No domains yet."}),!m&&g>0&&e.jsx(K,{page:I,totalPages:k,onPageChange:w})]})]})})]})};export{De as default};