adminizer 4.3.0-build.74 → 4.3.0-build.76

package/assets/app-sidebar-header-DAKTYE0g.js

@@ -0,0 +1 @@
+import{r as h,j as e,i as N,aS as S,y as C,B as v,aT as M,A as E,E as _,aU as $,W as T,X as A,aa as P,Y as D,u as I,aV as R,a1 as k,L as B,c as z,aW as L}from"./app.js";import{Breadcrumbs as O}from"./breadcrumbs-DHQ3AkEO.js";import{NavUser as H}from"./nav-user-CfXR0Kcu.js";import{ThemeSwitcher as J}from"./theme-switcher-BKpJx2Op.js";import F from"./material-icon-8nTeT-mJ.js";const b=h.createContext(void 0),Q=({children:d})=>{const[s,f]=h.useState([]),[x,i]=h.useState([]),[u,n]=h.useState(!1),l=async()=>{try{const r=await N.get(`${window.routePrefix}/api/notifications`,{params:{unreadOnly:!0,limit:4}});f(r.data)}catch(r){console.error("Error fetching bell notifications:",r)}},t=async()=>{await l()},m=async r=>{n(!0);try{const o=r?`${window.routePrefix}/api/notifications/${r}`:`${window.routePrefix}/api/notifications`,a=await N.get(o);return i(a.data),a.data}catch(o){return console.error("Error fetching all notifications:",o),[]}finally{n(!1)}};h.useEffect(()=>{l();const r=new EventSource(`${window.routePrefix}/api/notifications/stream`);return r.addEventListener("connected",o=>{const a=JSON.parse(o.data);console.log("Connected event:",a)}),r.addEventListener("notification",o=>{const a=JSON.parse(o.data);f(c=>[a,...c.filter(p=>p.id!==a.id)].slice(0,4)),i(c=>[a,...c.filter(p=>p.id!==a.id)])}),r.onerror=()=>{console.error("SSE connection error")},()=>r.close()},[]);const j=async(r,o)=>{try{await N.put(`${window.routePrefix}/api/notifications/${r}/${o}/read`,{}),i(a=>a.map(c=>c.id===o?{...c,read:!0}:c)),await l()}catch(a){throw console.error("Error marking as read:",a),a}},w=s.filter(r=>!r.read).length;return e.jsx(b.Provider,{value:{bellNotifications:s,allNotifications:x,unreadCount:w,markAsRead:j,fetchAllNotifications:m,loading:u,refreshBellNotifications:t},children:d})},U=()=>{const d=h.useContext(b);if(d===void 0)throw new Error("useNotifications must be used within a NotificationProvider");return d};function V(){const{bellNotifications:d,markAsRead:s,unreadCount:f,refreshBellNotifications:x}=U(),[i,u]=h.useState(!1),n=async(t,m)=>{u(!0);try{await s(t,m),await x()}catch(j){console.error("Error marking as read:",j)}finally{u(!1)}},l=t=>{const m=new Date,j=new Date(t),w=m.getTime()-j.getTime(),r=Math.floor(w/1e3),o=new Intl.RelativeTimeFormat("en",{numeric:"auto"});if(r<60)return o.format(-r,"second");const a=Math.floor(r/60);if(a<60)return o.format(-a,"minute");const c=Math.floor(a/60);if(c<24)return o.format(-c,"hour");const p=Math.floor(c/24);if(p<30)return o.format(-p,"day");const g=Math.floor(p/30);if(g<12)return o.format(-g,"month");const y=Math.floor(g/12);return o.format(-y,"year")};return e.jsxs(S,{children:[e.jsx(C,{asChild:!0,className:"cursor-pointer data-[state=open]:bg-sidebar-accent",children:e.jsxs(v,{variant:"ghost",className:"relative",children:[e.jsx(M,{}),f>0&&e.jsx("div",{className:"absolute top-1.5 right-1.5 size-1.5 rounded-full bg-destructive"})]})}),e.jsxs(E,{className:"z-[1002] p-2",align:"end",onCloseAutoFocus:t=>t.preventDefault(),children:[e.jsx(_,{className:`${i?"opacity-50 pointer-events-none":""}`,children:d.length===0?e.jsx("div",{className:"p-4 text-center text-muted-foreground",children:"No notifications"}):d.map(t=>e.jsxs("div",{children:[e.jsx($,{asChild:!0,className:"cursor-pointer",onSelect:m=>{m.preventDefault(),I.visit(`${window.routePrefix}/notifications?type=${t.notificationClass}`)},children:e.jsxs("div",{className:"grid grid-cols-[32px_250px] grid-rows-[auto_1fr] items-start gap-x-4 gap-y-2",children:[t.icon?e.jsx(F,{name:t.icon.icon,style:{color:t.icon.iconColor},className:"!text-[32px]"}):e.jsx("div",{}),e.jsxs("div",{className:"flex flex-col",children:[e.jsx("span",{className:"font-medium",children:t.title}),e.jsx("span",{className:"truncate",children:t.message})]}),e.jsxs("div",{className:"col-start-2 flex justify-between flex-nowrap items-center",children:[e.jsxs("div",{className:"flex flex-nowrap gap-2 items-center",children:[t.notificationClass==="general"?e.jsx("div",{className:"font-medium",children:"Info"}):e.jsx("div",{className:"font-medium",children:"Activity"}),e.jsx("span",{children:"●"}),e.jsx("div",{children:l(t.createdAt)})]}),e.jsxs(T,{children:[e.jsx(A,{asChild:!0,children:e.jsx(v,{variant:"ghost",size:"icon",className:"size-4",onClick:m=>{m.stopPropagation(),n(t.notificationClass,t.id)},children:e.jsx(P,{className:"text-primary"})})}),e.jsx(D,{side:"left",className:"z-[1003]",children:e.jsx("p",{children:"Make read"})})]})]})]})}),e.jsx(R,{})]},t.id))}),e.jsx(v,{variant:"secondary",asChild:!0,children:e.jsxs(k,{href:`${window.routePrefix}/notifications?type=general`,className:`w-full ${i?"opacity-50 pointer-events-none":""}`,children:["View All",i&&e.jsx(B,{className:"h-4 w-4 animate-spin"})]})})]})]})}function W(d){const s=z.c(8),{breadcrumbs:f}=d;let x;s[0]!==f?(x=f===void 0?[]:f,s[0]=f,s[1]=x):x=s[1];const i=x;let u;s[2]===Symbol.for("react.memo_cache_sentinel")?(u=e.jsx(L,{className:"-ml-1"}),s[2]=u):u=s[2];let n;s[3]!==i?(n=e.jsxs("div",{className:"flex items-center gap-2",children:[u,e.jsx(O,{breadcrumbs:i})]}),s[3]=i,s[4]=n):n=s[4];let l;s[5]===Symbol.for("react.memo_cache_sentinel")?(l=e.jsxs("div",{className:"flex gap-4 items-center",children:[e.jsx(J,{}),e.jsx(V,{}),e.jsx(H,{})]}),s[5]=l):l=s[5];let t;return s[6]!==n?(t=e.jsx("header",{className:"border-sidebar-border/50 flex h-16 shrink-0 items-center gap-2 border-b px-6 transition-[width,height] ease-linear group-has-data-[collapsible=icon]/sidebar-wrapper:h-12 md:px-4",children:e.jsxs("div",{className:"flex justify-between w-full",children:[n,l]})}),s[6]=n,s[7]=t):t=s[7],t}const Z=Object.freeze(Object.defineProperty({__proto__:null,AppSidebarHeader:W},Symbol.toStringTag,{value:"Module"}));export{W as A,Q as N,Z as a,U as u};