https://dundermifflin.lovable.app/assets/contacts-CpEoCw0c.js

1import{i as e,k as t,r as n,t as r}from"./Shell-CRU9qOLr.js";import{s as i,t as a}from"./index-7mCsVr8I.js";import{n as o,t as s}from"./phone-KnLRn47e.js";import{n as c,t as l}from"./AddDialog-CRiH9NfR.js";var u=t(`funnel`,[[`path`,{d:`M10 20a1 1 0 0 0 .553.895l2 1A1 1 0 0 0 14 21v-7a2 2 0 0 1 .517-1.341L21.74 4.67A1 1 0 0 0 21 3H3a1 1 0 0 0-.742 1.67l7.225 7.989A2 2 0 0 1 10 14z`,key:`sc7q7i`}]]),d=i(),f={Customer:`bg-emerald-50 text-emerald-700 ring-1 ring-inset ring-emerald-200`,Prospect:`bg-indigo-50 text-indigo-700 ring-1 ring-inset ring-indigo-200`,Lead:`bg-sky-50 text-sky-700 ring-1 ring-inset ring-sky-200`};function p(){let t=e(e=>e.contacts);return(0,d.jsxs)(r,{children:[(0,d.jsxs)(`div`,{className:`mb-8 flex items-end justify-between gap-6`,children:[(0,d.jsxs)(`div`,{children:[(0,d.jsx)(`div`,{className:`text-[12px] font-semibold text-[#2D5AAE] uppercase tracking-[0.14em] mb-2`,children:`Contacts`}),(0,d.jsx)(`h1`,{className:`text-[32px] leading-tight font-semibold tracking-tight text-slate-900`,children:`All contacts`}),(0,d.jsxs)(`p`,{className:`mt-1.5 text-[15px] text-slate-500`,children:[t.length,` people across `,new Set(t.map(e=>e.company)).size,` accounts. Prince Family Paper — handle with caution.`]})]}),(0,d.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,d.jsxs)(`button`,{"data-demo":`contacts-filter`,onClick:()=>a(`Filter panel`,{description:`Filter by owner, tag, or how much Michael likes them.`}),className:`inline-flex items-center gap-2 h-10 px-3.5 rounded-lg border border-slate-200 bg-white text-slate-700 text-[13px] font-medium hover:bg-slate-50`,children:[(0,d.jsx)(u,{className:`h-4 w-4`}),` Filter`]}),(0,d.jsx)(l,{title:`Add contact`,description:`New human, new opportunity. Please, no more from Prince Family Paper.`,submitLabel:`Save contact`,successTitle:`Contact added`,successDescription:e=>`${e.name} · ${e.company||`—`}`,fields:[{name:`name`,label:`Full name`,placeholder:`Bob Vance`,required:!0},{name:`title`,label:`Title`,placeholder:`Owner — Vance Refrigeration`},{name:`company`,label:`Account`,placeholder:`Vance Refrigeration`,required:!0},{name:`email`,label:`Email`,placeholder:`[email protected]`,type:`email`},{name:`phone`,label:`Phone`,placeholder:`+1 570 555 0142`,type:`tel`},{name:`owner`,label:`Owner`,placeholder:`Phyllis V.`}],onSubmit:e=>n.addContact(e),trigger:e=>(0,d.jsxs)(`button`,{"data-demo":`add-contact`,onClick:e,className:`inline-flex items-center gap-2 h-10 px-4 rounded-2xl bg-[#8FB8FF] text-[#1E3F7A] ring-1 ring-[#6D9CE8] text-[14px] font-medium hover:bg-[#7AA8F5] transition-colors shadow-sm`,children:[(0,d.jsx)(c,{className:`h-4 w-4`,strokeWidth:2.25}),`Add contact`]})})]})]}),(0,d.jsx)(`div`,{className:`rounded-2xl bg-white border border-slate-200/80 shadow-[0_1px_2px_rgba(16,24,40,0.04)] overflow-hidden`,children:(0,d.jsx)(`div`,{className:`overflow-x-auto`,children:(0,d.jsxs)(`table`,{className:`w-full min-w-[640px] text-[14px]`,children:[(0,d.jsx)(`thead`,{children:(0,d.jsxs)(`tr`,{className:`text-left text-[12px] uppercase tracking-wider text-slate-500 bg-slate-50/60`,children:[(0,d.jsx)(`th`,{className:`font-medium px-5 py-3`,children:`Name`}),(0,d.jsx)(`th`,{className:`font-medium px-5 py-3`,children:`Account`}),(0,d.jsx)(`th`,{className:`font-medium px-5 py-3`,children:`Contact`}),(0,d.jsx)(`th`,{className:`font-medium px-5 py-3`,children:`Owner`}),(0,d.jsx)(`th`,{className:`font-medium px-5 py-3`,children:`Type`})]})}),(0,d.jsx)(`tbody`,{children:t.map((e,n)=>{let r=[{bg:`bg-[#E4EEFF]`,tx:`text-[#2D5AAE]`,rg:`ring-[#8FB8FF]`},{bg:`bg-[#D9F7E6]`,tx:`text-[#2E7D5A]`,rg:`ring-[#7EE0AE]`},{bg:`bg-[#FFF3C7]`,tx:`text-[#8A6B00]`,rg:`ring-[#FFD866]`},{bg:`bg-[#FFE0E6]`,tx:`text-[#B33A54]`,rg:`ring-[#FF8FA3]`},{bg:`bg-[#EFE9FF]`,tx:`text-[#4A3AA8]`,rg:`ring-[#C9B6FF]`},{bg:`bg-[#FFEAF5]`,tx:`text-[#A03A73]`,rg:`ring-[#FFA6D5]`}][n%6];return(0,d.jsxs)(`tr`,{"data-demo":`contact-${e.id}`,onClick:()=>a(e.name,{description:`${e.title} · ${e.company}`}),className:`${n===t.length-1?``:`border-b border-slate-100`} hover:bg-slate-50/60 transition-colors cursor-pointer`,children:[(0,d.jsx)(`td`,{className:`px-5 py-3.5`,children:(0,d.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,d.jsx)(`div`,{className:`h-9 w-9 shrink-0 rounded-full ${r.bg} ${r.tx} ring-1 ring-inset ${r.rg} flex items-center justify-center text-[12px] font-medium`,children:e.initials}),(0,d.jsxs)(`div`,{children:[(0,d.jsx)(`div`,{className:`font-medium text-slate-900`,children:e.name}),(0,d.jsx)(`div`,{className:`text-[12px] text-slate-500`,children:e.title})]})]})}),(0,d.jsx)(`td`,{className:`px-5 py-3.5 text-slate-700`,children:e.company}),(0,d.jsxs)(`td`,{className:`px-5 py-3.5`,children:[(0,d.jsxs)(`div`,{className:`text-[13px] text-slate-700 flex items-center gap-1.5`,children:[(0,d.jsx)(o,{className:`h-3.5 w-3.5 text-slate-400`}),e.email]}),(0,d.jsxs)(`div`,{className:`text-[12px] text-slate-500 flex items-center gap-1.5 mt-0.5`,children:[(0,d.jsx)(s,{className:`h-3 w-3 text-slate-400`}),e.phone]}

1)]}),(0,d.jsx)(`td`,{className:`px-5 py-3.5 text-slate-600 text-[13px]`,children:e.owner}),(0,d.jsx)(`td`,{className:`px-5 py-3.5`,children:(0,d.jsx)(`span`,{className:`inline-flex items-center px-2.5 py-1 rounded-full text-[12px] font-medium ${f[e.tag]}`,children:e.tag})})]},e.id)})})]})})})]})}export{p as component};