https://app.tinn.app/_next/static/chunks/782.47d925f1d4b7053a.js

1!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="1499271b-1c32-4783-a07f-b26570977226",e._sentryDebugIdIdentifier="sentry-dbid-1499271b-1c32-4783-a07f-b26570977226")}catch(e){}}();"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[782],{20782:function(e,t,n){n.r(t),n.d(t,{default:function(){return r}});var i=n(57437),a=n(64552),s=n(2265);let o="'Space Grotesk', 'Helvetica Neue', Helvetica, Arial, sans-serif",l="#1A1814";function r(){let e=(0,a.NT)(),[t,n]=(0,s.useState)([]),[r,d]=(0,s.useState)(null),[c,p]=(0,s.useState)(!1),[f,u]=(0,s.useState)(!1);(0,s.useEffect)(()=>{fetch("/api/notifications").then(e=>e.ok?e.json():{notifications:[]}).then(e=>{let{notifications:t}=e;t.length>0&&n(t)}).catch(()=>{})},[]),(0,s.useEffect)(()=>{t.length>0&&!r&&(d(t[0]),n(e=>e.slice(1)),setTimeout(()=>p(!0),30))},[t,r]);let g=(0,s.useCallback)(async()=>{r&&!f&&(u(!0),p(!1),fetch("/api/notifications/".concat(r.id,"/read"),{method:"PATCH"}).catch(()=>{}),setTimeout(()=>{d(null),u(!1)},280))},[r,f]);return((0,s.useEffect)(()=>{if(!r)return;let e=e=>{"Escape"===e.key&&g()};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[r,g]),r)?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("div",{onClick:g,style:{position:"fixed",inset:0,background:"rgba(26,24,20,0.35)",zIndex:1e4,opacity:c?1:0,transition:"opacity 0.25s ease"}}),(0,i.jsxs)("div",{style:{position:"fixed",top:"50%",left:"50%",transform:c?"translate(-50%, -50%) scale(1)":"translate(-50%, -48%) scale(0.97)",opacity:c?1:0,transition:"transform 0.25s cubic-bezier(0.34,1.26,0.64,1), opacity 0.25s ease",zIndex:10001,width:"min(420px, calc(100vw - 40px))",background:"#FAFAF8",borderRadius:12,border:"1px solid ".concat("#E0DDD8"),boxShadow:"0 20px 60px rgba(0,0,0,0.18), 0 4px 16px rgba(0,0,0,0.08)",fontFamily:o,overflow:"hidden"},role:"dialog","aria-modal":"true","aria-label":"Notification from the team",children:[(0,i.jsxs)("div",{style:{background:"#E8C94A",padding:"10px 16px",display:"flex",alignItems:"center",justifyContent:"space-between",gap:10},children:[(0,i.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:8},children:[(0,i.jsx)("div",{style:{width:7,height:7,borderRadius:"50%",background:l,opacity:.6}}),(0,i.jsx)("span",{style:{fontSize:11,fontWeight:600,color:l,textTransform:"uppercase",letterSpacing:"0.07em"},children:e("notificationPopup.teamNote")})]}),t.length>0&&(0,i.jsxs)("span",{style:{fontSize:10,color:l,opacity:.55},children:[t.length+1," total"]})]}),(0,i.jsx)("div",{style:{padding:"20px 20px 8px"},children:(0,i.jsx)("p",{style:{margin:0,fontSize:14,lineHeight:1.65,color:l,whiteSpace:"pre-wrap"},children:r.message})}),(0,i.jsx)("div",{style:{padding:"14px 20px 18px",display:"flex",justifyContent:"flex-end",gap:8},children:(0,i.jsx)("button",{onClick:g,style:{padding:"8px 20px",background:"#182A41",color:"#fff",border:"none",borderRadius:5,fontSize:12,fontWeight:600,fontFamily:o,cursor:"pointer",letterSpacing:"0.01em"},children:t.length>0?"Got it — next":"Got it"})})]})]}):null}}}]);