import{r as s,B as t,j as e,Q as i}from"./react-B_SyE9nW.js";import{K as o,aq as a,ar as r,as as n,at as l,m as d,q as m,E as c,t as p,L as u,o as x}from"./index-C51eCEbl.js";import{a as f,c as g}from"./index-CQJmrwXj.js";import{N as j}from"./NotificationIcon-NTHUEZdO.js";import"./history-CBi_mSPs.js";import"./sentry-B8t7llU8.js";import"./styled-components-D7wwngcN.js";import"./Avatar-CZxddjQ-.js";import"./index-J6gDICQp.js";import"./createSvgIcon-CuUiASO7.js";import"./useSlot-CWOVb11a.js";const h=({title:s,body:i,url:o,src:a,type:r="CATEGORY_DEFAULT",notificationId:n,username:l})=>e.jsxs(d,{display:"flex",flexDirection:"row",alignItems:"center",onClick:()=>{if(o){t.dismiss(n);const s=new URL(o);new URL(window.location.href).host===s.host?c.push(s.pathname):window.open(o,"_blank")}else"CATEGORY_INTERACTION"===r&&l&&(t.dismiss(n),c.push(p("route.profile.build",{username:l})))},sx:{cursor:o||"CATEGORY_INTERACTION"===r&&l?"pointer":"default"},children:[e.jsx(j,{type:r,src:a}),e.jsx(d,{display:"flex",gap:1,alignItems:"self-start",ml:1,children:e.jsxs(d,{display:"flex",flexDirection:"column",gap:.5,children:[e.jsx(f,{text:s,size:"micro",weight:500,margin:0}),e.jsx(f,{text:i,size:"mini",margin:0})]})})]}),y=({notificationId:s})=>e.jsx(d,{component:"span",sx:{display:"flex",alignItems:"flex-start",mt:"2px",cursor:"pointer"},onClick:e=>{t.dismiss(s),e.stopPropagation()},children:e.jsx(g,{sx:{color:m.black}})}),I={hideProgressBar:!0,draggable:!1,toastStyle:{backgroundColor:m.white,borderRadius:"24px",minHeight:"40px",border:`1px solid ${m.red}`},style:{width:u.isMobile?"80%":520,marginLeft:"auto",marginRight:"0",marginTop:"20px"},bodyStyle:{minHeight:"40px",alignItems:"flex-start"},autoClose:8e3};const _=x((function(){return s.useEffect((()=>{o.isAuth&&a()}),[]),s.useEffect((()=>{let s;return r.then((()=>{n&&(s=l(n,(({messageId:s,data:i})=>{console.log("Received foreground message: ",i),t(e.jsx(h,{body:null==i?void 0:i.data_message,title:null==i?void 0:i.data_title,url:null==i?void 0:i.data_link,src:null==i?void 0:i.data_related_user_image,type:null==i?void 0:i.data_category,notificationId:s,username:null==i?void 0:i.data_related_user_username}),{toastId:s,closeButton:e.jsx(y,{notificationId:s})})})))})),()=>null==s?void 0:s()}),[]),e.jsx(i,{...I})}));export{_ as default};