https://tailwindadmin-tanstack-pro-horizontal.netlify.app/assets/email-DzOGlE0T.js

1import{r as l,j as e,C as Q}from"./main-CmFy--yx.js";import{u as q,g as R,d as V}from"./index-BK_xi1oV.js";import{T as L}from"./textarea-CoNANu0x.js";import{B as F}from"./button-DOi45z__.js";import{I as D}from"./input-Bb0taDQU.js";import{L as T}from"./label-DlfuqO0l.js";import{D as _,b as W,c as G,d as J,e as K}from"./dialog-Dmi40s1t.js";import{I as a}from"./iconify-Zkme5eE_.js";import{S as P}from"./index-C4EKnmIB.js";import{B as A}from"./badge-Cqchj9TH.js";import{C as U}from"./checkbox-BU0ADaQr.js";import{A as X}from"./list-animation-EF08Ljqd.js";import{f as Y}from"./formatDistanceToNowStrict-BRB0O0g-.js";import{T as B,a as C,b as w,c as S}from"./tooltip-DAcWgBsE.js";import{A as Z,b as ee}from"./alert-BuC44-uw.js";import{S as H,a as M,c as se}from"./sheet-BV6c1bth.js";import{e as re}from"./emailSv-DoIYHeFI.js";import{V as te}from"./index-n4MuYmAf.js";import{C as ae}from"./card-CUevf2eP.js";import{B as le}from"./BreadcrumbComp-H319G3OM.js";import"./_commonjsHelpers-CE1G-McA.js";import"./index-C1hW99J9.js";import"./utils-4perknFd.js";import"./index-DWNxtl6v.js";import"./index-Cb6Y7c08.js";import"./index-Cft9Cwv8.js";import"./index-B4ITUUmi.js";import"./index-Cm-kmdtO.js";import"./index-COBUdOvD.js";import"./index-Bp2zmkSK.js";import"./index-BXskrs7W.js";import"./index-RZ6ELWpX.js";import"./index-DEFkx6SX.js";import"./tslib.es6-CmEaCU22.js";import"./index-CYIItyBT.js";import"./createLucideIcon-D16M1cGT.js";import"./index-CyqnpjIb.js";import"./index-De9faxs7.js";import"./check-CX1wdmgx.js";import"./use-in-view-BRZbZE3i.js";import"./proxy-CaC1R2pN.js";import"./toDate-BK_JsdFu.js";import"./en-US-Dw4dfe3S.js";import"./index-DnNq9Kns.js";import"./floating-ui.dom-D7G01c1r.js";import"./CardBox-Nxdw0y90.js";const ie={emails:[],selectedEmail:null,filter:"inbox",searchQuery:"",loading:!0,error:null,setSelectedEmailId:()=>{},deleteEmail:()=>{},toggleStar:()=>{},toggleImportant:()=>{},setFilter:()=>{},setSearchQuery:()=>{}},I=l.createContext(ie),ne=({children:n})=>{const[t,i]=l.useState([]),[c,s]=l.useState(null),[d,j]=l.useState("inbox"),[f,b]=l.useState(""),[u,m]=l.useState(!0),[N,o]=l.useState(null),{data:g,isLoading:v,error:y,mutate:r}=q("/api/data/email/EmailData",R),k=t.find(p=>p.id===c)||null;l.useEffect(()=>{g?(i(g.data),!c&&g.data.length>0&&s(g.data[0].id),m(v)):(y&&o(y),m(v))},[g,y,v,t?.length]);const x=async p=>{try{await r(V("/api/data/email/delete",{emailId:p})),c===p&&s(null)}catch(E){console.error("Error deleting email:",E)}},$=p=>{i(E=>E.map(h=>h.id===p?{...h,starred:!h.starred}:h))},O=p=>{i(E=>E.map(h=>h.id===p?{...h,important:!h.important}:h))};return e.jsx(I.Provider,{value:{emails:t,selectedEmail:k,setSelectedEmailId:s,deleteEmail:x,toggleStar:$,toggleImportant:O,setFilter:j,filter:d,error:N,loading:u,searchQuery:f,setSearchQuery:b},children:n})},ce=()=>{const[n,t]=l.useState(!1),i=()=>t(!0);return e.jsxs(e.Fragment,{children:[e.jsx(F,{className:"w-full rounded-md",onClick:i,children:"Compose"}),e.jsx(_,{open:n,onOpenChange:t,children:e.jsxs(W,{className:"sm:max-w-[600px]",children:[e.jsx(G,{className:"pb-0",children:e.jsx(J,{children:"Compose Mail"})}),e.jsx("form",{children:e.jsxs("div",{className:"grid grid-cols-12 gap-6",children:[e.jsxs("div",{className:"col-span-12",children:[e.jsx(T,{htmlFor:"to",className:"capitalize",children:"To"}),e.jsx(D,{type:"text",id:"to",className:"form-control"})]}),e.jsxs("div",{className:"col-span-12",children:[e.jsx(T,{htmlFor:"subject",className:"capitalize",children:"Subject"}),e.jsx(D,{id:"subject",className:"form-control",type:"text"})]}),e.jsxs("div",{className:"col-span-12",children:[e.jsx(T,{htmlFor:"message",className:"capitalize",children:"Message"}),e.jsx(L,{id:"message",className:"form-control-textarea",required:!0,rows:4})]}),e.jsxs("div",{className:"col-span-12",children:[e.jsx(T,{htmlFor:"attachment",className:"capitalize",children:"Attachment"}),e.jsx(D,{type:"file",id:"attachment"})]}),e.jsx("div",{className:"col-span-12",children:e.jsxs(K,{className:"p-0 pt-6 flex gap-2 justify-end",children:[e.jsx(F,{type:"submit",onClick:()=>t(!1),children:"Send"}),e.jsx(F,{variant:"error",onClick:()=>t(!1),children:"Cancel"})]})})]})})]})})]})},z=()=>{const n=[{id:2,name:"inbox",icon:"tabler:inbox"},{id:3,name:"sent",icon:"tabler:send"},{id:4,name:"draft",icon:"tabler:file-text"},{id:5,name:"spam",icon:"tabler:inbox"},{id:6,name:"trash",icon:"tabler:trash"},{id:7,divider:!0},{id:8,filterbyTitle:"Sort By"},{id:9,name:"starred",icon:"tabler:star"},{id:10,name:"important",icon:"tabler:badge"},{id:11,divider:!0},{id:12,filterbyTitle:"Labels"},{id:13,name:"Promotional",icon:"tabler:bookmark",color:"primary"},{id:14,name:"Social",icon:"tabler:bookmark",color:"error"},{id:15,name:"Health",icon:"tabler:bookmark",color:"success"}],{setFilter:t,filter:i}=l.useContext(I),c=s=>{t(s)};return e.jsx(e.Fragment,{children:e.jsxs("div",{className:"left-part max-w-60 h-full w-full p-0",children:[e.jsx("div",{className:"p-6",children:e.jsx(ce,{})}),e.jsx(P,{className:"h-[570px]",children:e.jsx("ul",{className:"mb-20 flex flex-col gap-0.5  p-6 pt-0",children:n.map(s=>s.filterbyTitle?e.jsx("h6",{className:"uppercase text-xs pb-3",children:s.filterbyTitle},s.id):s.divider?e.jsx("div",{className:"my-4",children:e.jsx("hr",{className:"border-border"})}

1,s.id):e.jsxs("li",{className:`py-2.5 gap-2 px-4 rounded-md cursor-pointer capitalize flex  ${i===s.name?"text-primary bg-lightprimary":"bg-hover rounded-md text-bodytext dark:text-darklink hover:text-primary dark:hover:text-primary"}`,onClick:()=>c(s.name),children:[s.icon&&e.jsx(a,{icon:s.icon,height:18,className:`text-${s.color}`}),s.name]},s.id))})})]})})},oe=({onClick:n})=>{const{setSearchQuery:t,searchQuery:i}=l.useContext(I),c=s=>{const d=s.target.value.toLowerCase();t(d)};return e.jsx(e.Fragment,{children:e.jsxs("div",{className:"flex gap-3 bg-white dark:bg-transparent px-6 py-5 items-center",children:[e.jsx(F,{variant:"lightprimary",className:"btn-circle p-0 lg:!hidden flex",onClick:n,children:e.jsx(a,{icon:"tabler:menu-2",height:18})}),e.jsxs("div",{className:"relative w-full",children:[e.jsx(a,{icon:"solar:magnifer-line-duotone",height:18,className:"absolute left-3 top-1/2 -translate-y-1/2 text-bodytext dark:text-darklink"}),e.jsx(D,{id:"search",placeholder:"Search Emails",className:"pl-10 w-full",value:i,onChange:c,required:!0})]})]})})},de=({openMail:n})=>{const{emails:t,selectedEmail:i,setSelectedEmailId:c,deleteEmail:s,filter:d,toggleStar:j,toggleImportant:f,searchQuery:b}=l.useContext(I),[u,m]=l.useState({}),N=r=>{m(k=>({...k,[r]:!k[r]}))},o=r=>{s(r)},g=b?t.filter(r=>r.from.toLowerCase().includes(b.toLowerCase())):t.filter(r=>d==="starred"?r.starred:["Promotional","Social","Health"].includes(d)?r.label===d:r[d]),v=r=>{c(r.id),m({}),window.innerWidth<1024&&n(!0)},y=i?.id??null;return e.jsx(P,{className:"h-[520px]",children:e.jsx("div",{className:`h-full w-full
2 `,children:g.map((r,k)=>e.jsx("div",{className:`cursor-pointer py-4 px-6 gap-3 items-center group bg-hover border-b border-ld ${y===r.id?"bg-lightprimary":""}`,children:e.jsx(X,{index:k,children:e.jsxs("div",{className:"flex gap-3",onClick:()=>v(r),children:[e.jsx(U,{checked:u[r.id],onCheckedChange:()=>N(r.id)}),e.jsxs("div",{className:"w-full",children:[e.jsxs("div",{className:"flex justify-between",children:[e.jsx("h6",{className:`text-sm ${y===r.id?"text-primary":"group-hover:text-primary"}`,children:r.from}),e.jsx(A,{variant:r.label==="Promotional"?"primary":r.label==="Social"?"error":r.label==="Health"?"success":"primary",className:"rounded-md",children:r.label})]}),e.jsx("p",{className:"text-sm line-clamp-1 mt-2 mb-3",children:r.subject}),e.jsxs("div",{className:"flex justify-between",children:[e.jsxs("div",{className:"flex gap-2 items-center",children:[r.starred?e.jsx(a,{icon:"tabler:star-filled",height:"16",className:"text-warning",onClick:x=>{x.stopPropagation(),j(r.id)}}):e.jsx(a,{icon:"tabler:star",height:"16",className:"",onClick:x=>{x.stopPropagation(),j(r.id)}}),e.jsx("div",{className:"btn-circle-hover cursor-pointer group",children:e.jsx(a,{icon:"tabler:alert-circle",className:`group-hover:text-primary ${r.important?"text-info dark:text-info":""}`,height:18,onClick:x=>{x.stopPropagation(),f(r.id)}})}),u[r.id]&&e.jsx(a,{icon:"solar:trash-bin-minimalistic-outline",height:"17",onClick:x=>{x.stopPropagation(),o(r.id)}})]}),e.jsxs("p",{className:"text-xs font-medium mt-0.5",children:[Y(new Date(r.time))," ago"]})]})]})]})})},r.id))})})},me=({openMailValue:n,onCloseMail:t})=>{const[i,c]=l.useState(!1),{selectedEmail:s,deleteEmail:d,toggleStar:j,toggleImportant:f}=l.useContext(I),{activeDir:b}=l.useContext(Q),u=()=>{c(!i)},m=()=>{s&&d(s.id)};if(!s)return e.jsxs("div",{className:"w-full text-center p-5",children:[e.jsx("div",{className:"px-6 pt-3 ",children:e.jsxs(Z,{variant:"lighterror",children:[e.jsx(a,{icon:"tabler:info-circle",width:18,height:18,className:"text-error!"}),e.jsx(ee,{className:"ps-2 text-base text-left",children:"Please Select an Email"})]})}),e.jsx("img",{src:re,alt:"Email Icon",width:"250",height:"250",className:"mx-auto"})]});const N=s.attchments&&s.attchments.length>0;return e.jsxs(e.Fragment,{children:[e.jsx(H,{open:n,onOpenChange:t,children:e.jsxs(M,{side:`${b==="rtl"?"left":"right"}`,className:"w-full lg:relative lg:translate-none lg:h-auto lg:bg-transparent lg:z-0",children:[e.jsx(te,{children:e.jsx(se,{children:"title"})}),e.jsx("div",{className:"lg:hidden block p-6",children:e.jsxs(F,{variant:"outline",onClick:t,className:"py-0",children:[e.jsx(a,{icon:"solar:round-arrow-left-linear",height:18})," Back"]})}),e.jsxs("div",{className:"w-full",children:[e.jsx("div",{className:"w-full border-y border-ld",children:e.jsx(B,{children:e.jsxs("div",{className:"flex items-center gap-2 py-4 px-5",children:[e.jsxs(C,{children:[e.jsx(w,{asChild:!0,children:e.jsx("div",{className:"btn-circle-hover cursor-pointer group",onClick:()=>j(s.id),children:s.starred?e.jsx(a,{icon:"solar:star-bold",className:"text-warning",height:"18"}):e.jsx(a,{icon:"solar:star-line-duotone",height:"17",className:"text-dark dark:text-bodytext group-hover:text-primary"})})}),e.jsx(S,{children:"Star"})]}),e.jsxs(C,{children:[e.jsx(w,{asChild:!0,children:e.jsx("div",{className:"btn-circle-hover cursor-pointer group",children:e.jsx(a,{icon:"tabler:alert-circle",className:`group-hover:text-primary ${s.important?"text-info dark:text-info":""}`,height:18,onClick:()=>f(s.id)})})}),e.jsx(S,{children:"Important"})]}),e.jsxs(C,{children:[e.jsx(w,{asChild:!0,children:e.jsx("div",{className:"btn-circle-hover cursor-pointer group",children:e.jsx(a,{icon:"solar:trash-bin-minimalistic-outline",className:"text-dark dark:text-bodytext group-hover:text-primary",height:"18",onClick:m})})}),e.jsx(S,{children:"Delete"})]})]})})}),e.jsxs(P,{className:"h-[calc(100vh-200px)]",children:[e.jsxs("div",{className:"py-5 px-5",children:[e.jsxs("div",{className:"flex items-center w-full",children:[e.jsxs("div",{className:"flex items-center gap-2 w-full",children:[e.jsx("img",{alt:"user",src:s.thumbnail,height:48,width:48,className:"rounded-full"}),e.jsxs("div",{children:[e.jsx("h6",{className:"text-sm",children:s.from}),e.jsx("p",{className:"text-darklink text-sm",children:s.To})]})]}),e.jsx("div",{children:e.jsx(A,{variant:s.label==="Promotional"?"primary":s.label==="Social"?"error":s.label==="Health"?"success":"primary",className:"rounded-md",children:s.label})})]}),e.jsxs("div",{className:"mt-8",children:[e.jsx("h5",{className:"text-xl",children:s.subject}),e.jsx("div",{className:"email-content",dangerouslySetInnerHTML:{__html:s.emailContent}}),N&&e.jsxs(e.Fragment,{children:[e.jsx("hr",{className:"border-border my-6"}),e.jsx("h6",{className:"text-sm",children:"Attachments"}),e.jsx("div",{className:"grid grid-cols-12 gap-6 mt-4",children:s.attchments?.map(o=>e.jsx("div",{className:"lg:col-span-4 md:col-span-6 col-span-12",children:e.jsxs("div",{className:"flex items-center gap-3 group cursor-pointer",children:[e.jsx("div",{className:"bg-lightgray dark:bg-lightprimary p-3 rounded-md",children:e.jsx("img",{src:o.image,height:24,width:24,alt:"download"})}),e.jsxs("div",{children:[e.jsx("h5",{className:"text-sm group-hover:text-primary",children:o.title}),e.jsx("p",{className:"text-sm text-ld",children:o.fileSize})]})]})},o.id))}),e.jsx("hr",{className:"border-border my-6"})]})]})]}),e.jsxs("div",{className:"px-5",children:[e.jsxs("div",{className:"flex gap-6",children:[e.jsxs("span",{className:"cursor-pointer text-sm hover:text-primary text-ld text-bodytext dark:text-darklink flex items-center",onClick:u,children:[e.jsx(a,{icon:"solar:undo-left-outline",height:18,className:"me-1"}),"Reply"]}),e.jsxs("span",{className:"cursor-pointer hover:text-primary text-sm text-ld text-bodytext flex items-center",children:[e.jsx(a,{icon:"solar:undo-right-outline",height:18,className:"me-1"}),"Forward"]})]}),i&&e.jsx(L,{className:"form-control-textarea mt-4",required:!0,rows:4})]})]})]})]})}),e.jsxs("div",{className:"w-full lg:block hidden",children:[e.jsx("div",{className:"w-full border-b border-ld",children:e.jsx(B,{children:e.jsxs("div",{className:"flex items-center gap-2 py-4 px-5",children:[e.jsxs(C,{children:[e.jsx(w,{asChild:!0,children:e.jsx("div",{className:"btn-circle-hover cursor-pointer group",onClick:()=>j(s.id),children:s.starred?e.jsx(a,{icon:"tabler:star-filled",className:"text-warning",height:18}):e.jsx(a,{icon:"tabler:star",height:17,className:"group-hover:text-primary"})})}),e.jsx(S,{children:"Star"})]}),e.jsxs(C,{children:[e.jsx(w,{asChild:!0,children:e.jsx("div",{className:"btn-circle-hover cursor-pointer group",children:e.jsx(a,{icon:"tabler:alert-circle",className:`group-hover:text-primary ${s.important?"text-info dark:text-info":""}`,height:18,onClick:()=>f(s.id)})})}),e.jsx(S,{children:"Important"})]}),e.jsxs(C,{children:[e.jsx(w,{asChild:!0,children:e.jsx("div",{className:"btn-circle-hover cursor-pointer group",children:e.jsx(a,{icon:"tabler:trash",className:"group-hover:text-primary",height:18,onClick:m})})}),e.jsx(S,{children:"Delete"})]})]})})}),e.jsx(P,{className:"h-[520px]",children:e.jsxs("div",{className:"p-5",children:[e.jsxs("div",{className:"flex flex-col gap-5",children:[e.jsxs("div",{className:"flex items-center w-full",children:[e.jsxs("div",{className:"flex items-center gap-2 w-full",children:[e.jsx("img",{alt:"user",src:s.thumbnail,height:48,width:48,className:"rounded-full"}),e.jsxs("div",{children:[e.jsx("h6",{className:"text-sm",children:s.from}),e.jsx("p",{className:"text-link text-sm",children:s.To})]})]}),e.jsx("div",{children:e.jsx(A,{variant:s.label==="Promotional"?"primary":s.label==="Social"?"error":s.label==="Health"?"success":"primary",className:"rounded-md",children:s.label})})]}),e.jsxs("div",{children:[e.jsx("h5",{className:"text-xl",children:s.subject}),e.jsx("div",{className:"email-content",dangerouslySetInnerHTML:{__html:s.emailContent}}),N&&e.jsxs(e.Fragment,{children:[e.jsx("hr",{className:"border-border my-6"}),e.jsx("h6",{className:"text-sm",children:"Attachments"}),e.jsx("div",{className:"grid grid-cols-12 gap-6 mt-4",children:s.attchments?.map(o=>e.jsx("div",{className:"lg:col-span-4 md:col-span-6 col-span-12",children:e.jsxs("div",{className:"flex items-center gap-3 group cursor-pointer",children:[e.jsx("div",{className:"bg-lightgray dark:bg-lightprimary p-3 rounded-md",children:e.jsx("img",{src:o.image,height:24,width:24,alt:"download"})}),e.jsxs("div",{children:[e.jsx("h5",{className:"text-sm group-hover:text-primary",children:o.title}),e.jsx("p",{className:"text-sm text-darklink",children:o.fileSize})]})]})},o.id))}),e.jsx("hr",{className:"border-border my-6"})]})]})]}),e.jsxs("div",{children:[e.jsxs("div",{className:"flex gap-6",children:[e.jsxs("span",{className:"cursor-pointer text-sm hover:text-primary text-ld text-bodytext dark:text-darklink flex items-center",onClick:u,children:[e.jsx(a,{icon:"tabler:arrow-back-up",height:18,className:"me-1"}),"Reply"]}),e.jsxs("span",{className:"cursor-pointer hover:text-primary text-sm text-ld text-bodytext dark:text-darklink flex items-center",children:[e.jsx(a,{icon:"tabler:arrow-forward-up",height:18,className:"me-1"}),"Forward"]})]}),i&&e.jsx(L,{className:"form-control-textarea mt-4",required:!0,rows:4})]})]})})]})]})},xe=()=>{const[n,t]=l.useState(!1),i=()=>t(!1),[c,s]=l.useState(!1);return e.jsx(e.Fragment,{children:e.jsx(ne,{children:e.jsx(ae,{className:"p-0 overflow-hidden h-[600px]",children:e.jsxs("div",{className:"flex",children:[e.jsx(H,{open:n,onOpenChange:i,children:e.jsx(M,{side:"left",className:"max-w-60 sm:max-w-60 w-full h-full lg:z-0 lg:hidden block",children:e.jsx(z,{})})}),e.jsx("div",{className:"max-w-60 sm:max-w-60 w-full h-auto lg:block hidden",children:e.jsx(z,{})}),e.jsxs("div",{className:"left-part lg:max-w-[340px] max-w-full md:border-e md:border-ld border-e-0  w-full px-0 pt-0",children:[e.jsx(oe,{onClick:()=>t(!0)}),e.jsx(de,{openMail:s})]}),e.jsx(me,{openMailValue:c,onCloseMail:()=>s(!1)})]})})})})},he=[{to:"/",title:"Home"},{title:"Email"}];function is(){return e.jsxs(e.Fragment,{children:[e.jsx(le,{title:"Email App",items:he}),e.jsx(xe,{})]})}

2export{is as component};