https://giveth.io/_next/static/chunks/pages/notifications-fc7d28266ea68516.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8769],{72038:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/notifications",function(){return n(85357)}])},85357:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return I}});var i,o,r=n(85893),c=n(86896),s=n(96655),a=n(28583),l=n(60226),d=n(9240),p=n(67294),u=n(59957),x=n(90307),h=n(89845),f=n(2719),m=n(36698),g=n(19978),b=n(14563),j=n(33266),w=n(96125),y=n(34373),v=n(78399),k=n(65911);(i=o||(o={}))[i.ALL=0]="ALL",i.GENERAL="general",i.PROJECTS="projectRelated",i.GIVECONOMY="givEconomy",i.SUPPORTED="supportedProjects";var C=function(){let[e,t]=(0,p.useState)(0),[n,i]=(0,p.useState)(!1),[o,s]=(0,p.useState)(0),[l,C]=(0,p.useState)(0),[_,I]=(0,p.useState)(!1),{notifications:P,setNotifications:Z,markOneNotificationRead:S}=(0,w.l)(),$=(0,h.T)(),{walletAddress:z}=(0,k.c8)(),D=o>P.length,{total:E,general:G,projectsRelated:L,supportedProjects:T,givEconomyRelated:R}=(0,h.C)(e=>e.notification.notificationInfo),{formatMessage:N}=(0,c.Z)(),{isMobile:H}=(0,y.Z)(),F=n=>{n!==e&&(i(!0),Z([]),C(0),t(n))};return(0,p.useEffect)(()=>{$((0,f.Gb)(!1))},[$]),(0,p.useEffect)(()=>{let t;i(!0);let n=new AbortController,o=n.signal;return t=0===e?{limit:6,offset:6*l}:{category:e,limit:6,offset:6*l},(0,j.nO)(t,{signal:o}).then(e=>{(null==e?void 0:e.notifications)&&(Z(0===l?e.notifications:P.concat(e.notifications)),s(e.count))}).finally(()=>{i(!1)}),()=>{n.abort()}},[e,l,_,E]),(0,r.jsxs)(u.mh,{children:[n&&(0,r.jsx)(u.gb,{"data-testid":"loading",children:(0,r.jsx)(a.cj,{size:250})}),(0,r.jsxs)(d.kCb,{gap:"8px",children:[(0,r.jsx)(u.qk,{children:(0,r.jsx)(d.H7N,{})}),(0,r.jsxs)(u.GM,{$flexDirection:"column",children:[(0,r.jsxs)(d.kCb,{$justifyContent:"space-between",children:[(0,r.jsx)(d.H5,{weight:700,children:N({id:"label.notification_center"})}),(0,r.jsx)(g.Z,{href:b.ZP.NotificationsSettings,children:(0,r.jsx)(u.fw,{children:(0,r.jsx)(d.wKC,{})})})]}),(0,r.jsx)(d.rRf,{children:N({id:"label.your_history_of_notifications_startimg_with_the_most_recent"})})]})]}),(0,r.jsxs)(d.kCb,{$justifyContent:"space-between",$alignItems:H?"stretch":"center",$flexDirection:H?"column":"row",children:[(0,r.jsxs)(x.TZ,{children:[(0,r.jsxs)(u.SX,{$active:0===e,onClick:()=>F(0),children:[N({id:"label.all_fem"}),0!==E&&(0,r.jsx)(x.QC,{$active:0===e,children:E})]}),(0,r.jsxs)(u.SX,{$active:"general"===e,onClick:()=>F("general"),children:[N({id:"general"}),0!==G&&(0,r.jsx)(x.QC,{$active:"general"===e,children:G})]}),(0,r.jsxs)(u.SX,{$active:"projectRelated"===e,onClick:()=>F("projectRelated"),children:[N({id:"label.my_projects"}),0!==L&&(0,r.jsx)(x.QC,{$active:"projectRelated"===e,children:L})]}),(0,r.jsxs)(u.SX,{$active:"supportedProjects"===e,onClick:()=>F("supportedProjects"),children:[N({id:"label.supported_projects"}),0!==T&&(0,r.jsx)(x.QC,{$active:"supportedProjects"===e,children:T})]}),(0,r.jsxs)(u.SX,{$active:"givEconomy"===e,onClick:()=>F("givEconomy"),children:[N({id:"label.rewards"}),0!==R&&(0,r.jsx)(x.QC,{$active:"givEconomy"===e,children:R})]})]}),(0,r.jsx)(u.Ms,{size:"small",label:N({id:"label.mark_all_as_read"}),onClick:()=>(0,j.Jk)().then(()=>{I(!_),z&&$((0,v.S)(z))}),buttonType:"texty-primary",disabled:0===E})]}),(0,r.jsx)(u.Dl,{color:d.Gmp.gray[300]}),(0,r.jsx)("div",{children:P.length>0?P.map(e=>(0,r.jsx)(m.L,{notification:e,markOneNotificationRead:S},e.id)):!n&&(0,r.jsx)(d.Lbh,{children:(0,r.jsx)(d.rRf,{children:N({id:"label.you_dont_have_any_notifications"})})})}),(0,r.jsx)(d.Lbh,{children:D&&!n&&(0,r.jsx)(d.f5,{buttonType:"primary",label:N({id:"component.button.load_more"}),onClick:()=>{P.length<o&&C(l+1)}})})]})},_=n(12847),I=()=>{let{isSignedIn:e,isEnabled:t,isLoading:n}=(0,h.C)(e=>e.user),{formatMessage:i}=(0,c.Z)();return n?(0,r.jsx)(a.cj,{}):t?e?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(s.ky,{info:{title:i({id:"label.notification_center"}),desc:i({id:"label.see_your_notifications"}),image:"https://i.ibb.co/HTbdCdd/Thumbnail.png",url:"https://giveth.io/notification"}}),(0,r.jsx)(C,{})]}):(0,r.jsx)(l.Z,{}):(0,r.jsx)(_.Z,{})}},19978:function(e,t,n){"use strict";var i=n(85893);n(67294);var o=n(41664),r=n.n(o),c=n(35480),s=n(9240);let a=(0,c.ZP)(s.GNq).withConfig({componentId:"sc-f1f59efc-0"})(["color:",";font-size:inherit;"],e=>e.$color||"inherit");t.Z=e=>{let{href:t,title:n,children:o,color:c,disabled:s}=e;return s?(0,i.jsx)("span",{children:n||o}):(0,i.jsx)(r(),{href:t,children:(0,i.jsx)(a,{$color:c,children:n||o})})}},96655:function(e,t,n){"use strict";n.d(t,{ky:function(){return s},qw:function(){return a},uK:function(){return l}});var i=n(85893),o=n(9008),r=n.n(o),c=n(59308);let s=e=>{let{info:t}=e;return(0,i.jsxs)(r(),{children:[(0,i.jsx)("title",{children:t.title}),(0,i.jsx)("meta",{name:"title",content:t.title}),(0,i.jsx)("meta",{name:"description",content:t.desc}),(0,i.jsx)("meta",{property:"og:type",content:t.type||"website"}),(0,i.jsx)("meta",{property:"og:url",content:t.url}),(0,i.jsx)("meta",{property:"og:title",content:t.title}),(0,i.jsx)("meta",{property:"og:description",content:t.desc}),(0,i.jsx)("meta",{property:"og:image",content:t.image}),(0,i.jsx)("meta",{property:"twitter:card",content:"summary_large_image"}),(0,i.jsx)("meta",{property:"twitter:url",content:t.url}),(0,i.jsx)("meta",{property:"twitter:title",content:t.title}),(0,i.jsx)("meta",{property:"twitter:description",content:t.desc}),(0,i.jsx)("meta",{property:"twitter:image",content:t.image}),(0,i.jsx)("meta",{name:"twitter:card",content:"summary_large_image"})]})},a=e=>{var t;let{project:n,preTitle:o}=e,r=(0,c.s9)(null==n?void 0:null===(t=n.description)||void 0===t?void 0:t.slice(0,100));return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("meta",{name:"title",content:(o||"")+" "+(null==n?void 0:n.title)}),(0,i.jsx)("meta",{name:"description",content:r}),(0,i.jsx)("meta",{property:"og:type",content:"website"}),(0,i.jsx)("meta",{property:"og:title",content:(o||"")+" "+(null==n?void 0:n.title)}),(0,i.jsx)("meta",{property:"og:description",content:r}),(0,i.jsx)("meta",{property:"og:image",content:null==n?void 0:n.image}),(0,i.jsx)("meta",{property:"twitter:card",content:"summary_large_image"}),(0,i.jsx)("meta",{property:"twitter:title",content:(o||"")+" "+(null==n?void 0:n.title)}),(0,i.jsx)("meta",{property:"twitter:description",content:r}),(0,i.jsx)("meta",{property:"twitter:image",content:null==n?void 0:n.image})]})},l=e=>{var t;let{cause:n,preTitle:o}=e,r=(0,c.s9)(null==n?void 0:null===(t=n.description)||void 0===t?void 0:t.slice(0,100));return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("meta",{name:"title",content:(o||"")+" "+(null==n?void 0:n.title)}),(0,i.jsx)("meta",{name:"description",content:r}),(0,i.jsx)("meta",{property:"og:type",content:"website"}),(0,i.jsx)("meta",{property:"og:title",content:(o||"")+" "+(null==n?void 0:n.title)}),(0,i.jsx)("meta",{property:"og:description",content:r}),(0,i.jsx)("meta",{property:"og:image",content:null==n?void 0:n.image})]})}},28583:function(e,t,n){"use strict";n.d(t,{$j:function(){return c},cj:function(){return s}});var i=n(85893),o=n(35480),r=n(9240);let c=e=>{let{color:t=r.D2k.giv[500],size:n=80}=e;return(0,i.jsxs)(l,{color:t,size:n,children:[(0,i.jsx)("div",{}),(0,i.jsx)("div",{}),(0,i.jsx)("div",{}),(0,i.jsx)("div",{})]})},s=e=>{let{size:t=700,color:n=r.D2k.giv[500]}=e;return(0,i.jsx)(a,{size:t,children:(0,i.jsx)(c,{color:n})})},a=(0,o.ZP)(r.Lbh).withConfig({componentId:"sc-7e26fabd-0"})(["min-height:","px;"],e=>{let{size:t}=e;return t}),l=o.ZP.div.withConfig({componentId:"sc-7e26fabd-1"})(["display:inline-block;position:relative;width:","px;height:","px;& div{box-sizing:border-box;display:block;position:absolute;width:","px;height:","px;margin:","px;border:","px solid ",";border-radius:50%;animation:ring 1.2s cubic-bezier(0.5,0,0.5,1) infinite;border-color:"," transparent transparent transparent;}& div:nth-child(1){animation-delay:-0.45s;}& div:nth-child(2){animation-delay:-0.3s;}& div:nth-child(3){animation-delay:-0.15s;}@keyframes ring{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}"],e=>e.size,e=>e.size,e=>e.size-e.size/5,e=>e.size-e.size/5,e=>e.size/10,e=>e.size/10,e=>e.color,e=>e.color)},60226:function(e,t,n){"use strict";var i=n(85893),o=n(35480),r=n(9240),c=n(86896),s=n(65890),a=n(19978),l=n(14563),d=n(89845),p=n(69405);let u=(0,o.ZP)(r.zxk).withConfig({componentId:"sc-b6cceb6c-0"})(["&:hover{background:transparent;color:",";}"],r.D2k.deep[200]),x=(0,o.ZP)(r.zxk).withConfig({componentId:"sc-b6cceb6c-1"}

1)(["width:200px;margin-bottom:24px;"]),h=(0,o.ZP)(r.H4).withConfig({componentId:"sc-b6cceb6c-2"})(["color:",";margin:32px 0;"],r.D2k.deep[800]),f=(0,o.ZP)(r.Lbh).withConfig({componentId:"sc-b6cceb6c-3"})(["width:128px;height:128px;border-radius:50%;background:white;box-shadow:",";"],s.j.Giv[400]),m=(0,o.ZP)(r.W20).withConfig({componentId:"sc-b6cceb6c-4"})(["margin-bottom:230px;margin-top:250px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;"]);t.Z=()=>{let e=(0,d.T)(),{formatMessage:t}=(0,c.Z)();return(0,i.jsxs)(m,{children:[(0,i.jsx)(f,{children:(0,i.jsx)(r.uYm,{color:r.D2k.deep[900],size:70})}),(0,i.jsx)(h,{children:t({id:"label.you_need_to_sign_in_first"})}),(0,i.jsx)(x,{onClick:()=>{e((0,p.e5)(!0))},size:"medium",label:t({id:"component.button.sign_in"}),buttonType:"primary"}),(0,i.jsx)(a.Z,{href:l.ZP.Home,children:(0,i.jsx)(u,{buttonType:"texty",label:t({id:"label.or_go_back_to_home"})})})]})}},12847:function(e,t,n){"use strict";var i=n(85893),o=n(35480),r=n(9240),c=n(86896),s=n(65890),a=n(19978),l=n(14563),d=n(65911);let p=(0,o.ZP)(r.Lbh).withConfig({componentId:"sc-f4ce07f-0"})(["background:white;border-radius:50%;width:36px;height:36px;box-shadow:",";position:absolute;right:0;bottom:0;"],s.j.Giv[400]),u=(0,o.ZP)(r.zxk).withConfig({componentId:"sc-f4ce07f-1"})(["&:hover{background:transparent;color:",";}"],r.D2k.deep[200]),x=(0,o.ZP)(r.zxk).withConfig({componentId:"sc-f4ce07f-2"})(["width:200px;margin-bottom:24px;"]),h=(0,o.ZP)(r.H4).withConfig({componentId:"sc-f4ce07f-3"})(["color:",";margin:32px 0;"],r.D2k.deep[800]),f=(0,o.ZP)(r.Lbh).withConfig({componentId:"sc-f4ce07f-4"})(["width:110px;height:110px;border-radius:50%;background:white;box-shadow:",";position:relative;"],s.j.Giv[400]),m=(0,o.ZP)(r.W20).withConfig({componentId:"sc-f4ce07f-5"})(["margin-bottom:230px;margin-top:250px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;"]);t.Z=()=>{let{formatMessage:e}=(0,c.Z)(),{openWalletConnectModal:t}=(0,d.c8)();return(0,i.jsxs)(m,{children:[(0,i.jsxs)(f,{children:[(0,i.jsx)(r.exQ,{color:r.D2k.giv[300],size:80}),(0,i.jsx)(p,{children:(0,i.jsx)(r.IF3,{color:r.D2k.pinky[500],size:30})})]}),(0,i.jsx)(h,{children:e({id:"label.you_need_to_connect_your_wallet_to_continue"})}),(0,i.jsx)(x,{onClick:t,size:"medium",label:e({id:"component.button.connect_wallet"}),buttonType:"primary"}),(0,i.jsx)(a.Z,{href:l.ZP.Home,children:(0,i.jsx)(u,{buttonType:"texty",label:e({id:"label.or_go_back_to_home"})})})]})}},36698:function(e,t,n){"use strict";n.d(t,{L:function(){return h}});var i=n(85893),o=n(35480),r=n(9240),c=n(67294),s=n(86896);let a=e=>{let{metadata:t,notificationType:n}=e,{htmlTemplate:o}=n;if("html"===o[0].type)return(0,i.jsx)(d,{as:"span",dangerouslySetInnerHTML:{__html:t.html}});let c=[];return o.forEach((e,n)=>{let{content:o}=e,s=(null==o?void 0:o.startsWith("$"))?t[o.substring(1)]:o;switch(e.type){case"p":default:c.push((0,i.jsx)(r.P,{as:"span",children:s},n));break;case"b":c.push((0,i.jsx)(r.B,{as:"span",children:s},n));break;case"a":let a=e.href.startsWith("$")?t[e.href.substring(1)]:e.href;c.push((0,i.jsx)(l,{size:"Big",as:"a",href:a,target:"_blank",children:s},n));break;case"br":c.push((0,i.jsx)("br",{},n))}c.push(" ")}),c},l=(0,o.ZP)(r.GNq).withConfig({componentId:"sc-39e8b9ca-0"})(["font-weight:700;transition:color 0.1s ease;&:hover{color:",";}"],r.D2k.pinky[500]),d=(0,o.ZP)(r.P).withConfig({componentId:"sc-39e8b9ca-1"})(["*:first-child{margin-top:4px;}a{color:",";transition:color 0.1s ease;&:hover{color:",";}}"],r.D2k.pinky[500],r.D2k.pinky[800]);var p=n(33266),u=n(67943),x=n(59308);let h=e=>{var t;let{notification:n,short:o=!1,markOneNotificationRead:l}=e,d=(0,c.useRef)(null),{formatMessage:h,locale:y}=(0,s.Z)();return(0,c.useEffect)(()=>{if(n.isRead)return;let e=null,t=new IntersectionObserver(e=>{let[t]=e;t.isIntersecting&&(0,p.kE)(n.id).then(e=>l(n.id))});return d.current&&(t.observe(d.current),e=d.current),()=>{e&&t.unobserve(e)}},[l,n.id,n.isRead]),(0,i.jsxs)(f,{gap:"16px",$isShort:o,ref:d,role:"notification",children:[!n.isRead&&(0,i.jsx)(g,{$isShort:o}),!o&&(0,i.jsx)(m,{children:function(e){switch(e){case"IconProfile":return(0,i.jsx)(r.S__,{});case"IconProfileCompleted":return(0,i.jsx)(r.w_M,{});case"IconAdminNotif":return(0,i.jsx)(r.SUB,{});case"IconFile":case"IconFile":return(0,i.jsx)(r.l9_,{});case"IconPublish":return(0,i.jsx)(r.BMM,{});case"IconListed":return(0,i.jsx)(r.pmi,{});case"IconUnlisted":return(0,i.jsx)(r.GeV,{});case"IconDeactivated":return(0,i.jsx)(r.HlU,{});case"IconActivated":return(0,i.jsx)(r.W9X,{});case"IconFormSubmit":return(0,i.jsx)(r.CYL,{});case"IconRejected":return(0,i.jsx)(r.Sx9,{});case"IconVerifiedBadge":return(0,i.jsx)(r.pdo,{});case"IconClaim":return(0,i.jsx)(r.nir,{});case"IconEmptyCircle":return(0,i.jsx)(r.Lj,{});case"IconStake":case"IconStake":return(0,i.jsx)(r.F$B,{});case"IconUnstake":return(0,i.jsx)(r.Stx,{});case"IconGIVBack":return(0,i.jsx)(r.imP,{color:"currentColor"});case"IconDonation":return(0,i.jsx)(r.rKy,{});case"IconHeartFilled":return(0,i.jsx)(r.nPT,{});default:return(0,i.jsx)(r.zii,{})}}(null===(t=n.notificationType)||void 0===t?void 0:t.icon)}),(0,i.jsxs)(j,{children:[(0,i.jsx)(b,{children:a(n)}),(0,i.jsx)(w,{$medium:!0,children:h({id:"label.duration_ago"},{duration:(0,x.VL)((0,u.v)()-new Date(n.createdAt).getTime(),1,!0,y)})})]})]})},f=(0,o.ZP)(r.kCb).withConfig({componentId:"sc-66440eeb-0"})(["position:relative;padding:",";"],e=>e.$isShort?"4px":"24px 0"),m=(0,o.ZP)(r.kCb).withConfig({componentId:"sc-66440eeb-1"})(["align-items:center;padding-top:4px;padding:5px;background-color:",";align-self:flex-start;border-radius:50%;"],r.Gmp.gray[200]),g=o.ZP.div.withConfig({componentId:"sc-66440eeb-2"})(["position:absolute;top:",";left:",";height:8px;width:8px;background-color:",";border:1px solid ",";border-radius:4px;"],e=>e.$isShort?"0":"10px",e=>e.$isShort?"-5px":"10px",r.D2k.pinky[500],r.D2k.pinky[700]),b=o.ZP.div.withConfig({componentId:"sc-66440eeb-3"})(["word-break:break-word;"]),j=o.ZP.div.withConfig({componentId:"sc-66440eeb-4"})([""]),w=(0,o.ZP)(r.YSn).withConfig({componentId:"sc-66440eeb-5"})(["margin-top:16px;color:",";"],r.Gmp.gray[700])},90307:function(e,t,n){"use strict";n.d(t,{E2:function(){return c},QC:function(){return s},TZ:function(){return r}});var i=n(9240),o=n(35480);let r=(0,o.ZP)(i.kCb).withConfig({componentId:"sc-548a173f-0"})(["padding:37px 0;gap:16px;overflow:auto;"]),c=(0,o.ZP)(i.P).withConfig({componentId:"sc-548a173f-1"})(["display:flex;align-items:center;padding:9px 10px;word-break:break-word;white-space:nowrap;cursor:pointer;color:",";",""],e=>e.$active?i.D2k.deep[600]:i.D2k.pinky[500],e=>e.$active&&"\n		background: ".concat(i.Gmp.gray[100],";\n		box-shadow: 0 3px 20px rgba(212, 218, 238, 0.4);\n		border-radius: 50px;\n	")),s=o.ZP.div.withConfig({componentId:"sc-548a173f-2"})(["background-color:",";color:white;width:24px;height:24px;text-align:center;border-radius:50%;font-size:12px;margin-left:4px;"],i.D2k.pinky[500])},59957:function(e,t,n){"use strict";n.d(t,{Dl:function(){return h},GM:function(){return l},Ms:function(){return m},Qw:function(){return p},SX:function(){return x},UR:function(){return d},fw:function(){return u},gb:function(){return f},mh:function(){return s},qk:function(){return a}});var i=n(9240),o=n(35480),r=n(64452),c=n(90307);let s=(0,o.ZP)(i.W20).withConfig({componentId:"sc-ff414929-0"})(["margin-top:70px;margin-bottom:267px;background-color:",";border-radius:8px;padding:24px;"],i.Gmp.gray[100]),a=o.ZP.div.withConfig({componentId:"sc-ff414929-1"})(["padding-top:10px;"]),l=(0,o.ZP)(i.kCb).withConfig({componentId:"sc-ff414929-2"})(["width:100%;margin-top:2px;gap:16px;"]),d=o.ZP.div.withConfig({componentId:"sc-ff414929-3"})(["width:100%;border-bottom:3px solid ",";"],i.Gmp.gray[300]),p=o.ZP.div.withConfig({componentId:"sc-ff414929-4"})(["width:100%;border-bottom:1px solid ",";"],i.Gmp.gray[300]),u=(0,o.ZP)(i.Lbh).withConfig({componentId:"sc-ff414929-5"})(["background:",";border-radius:8px;padding:10px;cursor:pointer;"],i.Gmp.gray[200]),x=(0,o.ZP)(c.E2).withConfig({componentId:"sc-ff414929-6"})(["color:",";user-select:none;",""],i.Gmp.gray[900],e=>e.$active&&"\n		background: ".concat(i.Gmp.gray[300],";\n		box-shadow: 0 3px 20px rgba(212, 218, 238, 0.4);\n		border-radius: 50px;\n		padding: 9px 16px;\n	")),h=o.ZP.hr.withConfig({componentId:"sc-ff414929-7"})(["margin-bottom:13px;"]),f=(0,o.ZP)(i.Lbh).withConfig({componentId:"sc-ff414929-8"})(["position:fixed;top:0;left:0;z-index:1000;height:100%;width:100%;background-color:gray;transition:opacity 0.3s ease-in-out;opacity:0.9;"]),m=(0,o.ZP)(i.zxk).withConfig({componentId:"sc-ff414929-9"})(["align-self:baseline;","{align-self:auto;}"],r.w5.tablet)}

1,96125:function(e,t,n){"use strict";n.d(t,{l:function(){return o}});var i=n(67294);let o=()=>{let[e,t]=(0,i.useState)([]),n=(0,i.useCallback)(e=>t(t=>t.map(t=>t.id===e?{...t,isRead:!0}:t)),[]);return{notifications:e,setNotifications:t,markOneNotificationRead:n}}}},function(e){e.O(0,[92888,49774,40179],function(){return e(e.s=72038)}),_N_E=e.O()}]);
2//# sourceMappingURL=notifications-fc7d28266ea68516.js.map