https://ohioela.org/_next/static/chunks/6981.73a300d207ed9c23.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6981],{68202:(e,n,t)=>{t.d(n,{j:()=>i});var r=t(14232);function o(e,n=[]){let t=(0,r.useRef)(()=>{throw Error("Cannot call an event handler while rendering.")});return(0,r.useInsertionEffect)(()=>{t.current=e}),(0,r.useCallback)((...e)=>t.current?.(...e),n)}function i(e={}){let n=o(e.onOpen),t=o(e.onClose),[l,u]=(0,r.useState)(e.defaultOpen||!1),a=void 0!==e.open?e.open:l,c=void 0!==e.open,s=(0,r.useCallback)(()=>{c||u(!1),t?.()},[c,t]),d=(0,r.useCallback)(()=>{c||u(!0),n?.()},[c,n]),f=(0,r.useCallback)(()=>{a?s():d()},[a,d,s]);return{open:a,onOpen:d,onClose:s,onToggle:f,setOpen:u}}},96981:(e,n,t)=>{t.r(n),t.d(n,{default:()=>$});var r=t(66284),o=t(63857),i=t(70236),l=t(45794),u=t(43081),a=t.n(u),c=t(14232),s=t(68202),d=t(76163),f=t(69875),p=t(6709),v=t(20529),h=t(28655),b=t(59860),j=t(39822),m=t(38715),g=t(37610),E=t(97932),y=t(91144),x=t(1707),N=t(37876),O=["id","currentUser","notification","loading","onClick","onOpen"];function w(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter(function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable})),t.push.apply(t,r)}return t}function k(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?w(Object(t),!0).forEach(function(n){(0,r.A)(e,n,t[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):w(Object(t)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})}return e}let A=function(e){e.id;var n,t,r,o,i,l,u,a,c,s,d,f,w,A,C,_,P,T,D,S,M,R,I,U,K,Q,L,q,W,z,V,B,Y,F,H,$,G,X,Z,J,ee,en,et,er,eo,ei,el,eu,ea,ec,es,ed=e.currentUser,ef=e.notification,ep=e.loading,ev=e.onClick,eh=e.onOpen,eb=(0,b.A)(e,O),ej=(0,x.u)().user||ed,em="notifications",eg="",eE="";switch(null==ef?void 0:ef.type){case y._nk.QUESTION_CREATED:em="help",eg="asked",eE='"'.concat(null==ef||null==(n=ef.subject)?void 0:n.title,'"'),ec=y.xjK.QUESTION,es=null==ef||null==(t=ef.subject)?void 0:t.id;break;case y._nk.ANNOUNCEMENT_CREATED:em="announcement",eg="posted",eE='"'.concat(null==ef||null==(r=ef.subject)?void 0:r.title,'"'),ec=y.xjK.ANNOUNCEMENT,es=null==ef||null==(o=ef.subject)?void 0:o.id;break;case y._nk.QUESTION_ANSWERED:em="comment",eg="answered",ea=null==ef||null==(i=ef.subject)?void 0:i.user,eE='post "'.concat(null==ef||null==(l=ef.subject)?void 0:l.title,'"'),ec=y.xjK.QUESTION,es=null==ef||null==(u=ef.subject)?void 0:u.id;break;case y._nk.COMMENT_CREATED:em="comment",eg="commented on",ea=null==ef||null==(a=ef.subject)?void 0:a.user,eE='post "'.concat(null==ef||null==(c=ef.subject)?void 0:c.title,'"'),ec=y.xjK.ANNOUNCEMENT,es=null==ef||null==(s=ef.subject)?void 0:s.id;break;case y._nk.EVENT_CREATED:em="event",eg="created",eE='"'.concat(null==ef||null==(d=ef.subject)?void 0:d.title,'"'),ec=y.xjK.ANNOUNCEMENT,es=null==ef||null==(f=ef.subject)?void 0:f.id;break;case y._nk.DOCUMENT_UPLOADED:em="description",eg="uploaded",eE='"'.concat(null==ef||null==(w=ef.subject)?void 0:w.title,'"'),ec=y.xjK.ANNOUNCEMENT,es=null==ef||null==(A=ef.subject)?void 0:A.id;break;case y._nk.ANNOUNCEMENT_LIKED:em="thumb_up",eg="liked",ea=null==ef||null==(C=ef.subject)?void 0:C.user,eE='post "'.concat(null==ef||null==(_=ef.subject)?void 0:_.title,'"'),ec=y.xjK.ANNOUNCEMENT,es=null==ef||null==(P=ef.subject)?void 0:P.id;break;case y._nk.QUESTION_LIKED:em="thumb_up",eg="liked",ea=null==ef||null==(T=ef.subject)?void 0:T.user,eE='question "'.concat(null==ef||null==(D=ef.subject)?void 0:D.title,'"'),ec=y.xjK.QUESTION,es=null==ef||null==(S=ef.subject)?void 0:S.id;break;case y._nk.COMMENT_LIKED:em="thumb_up",eg="liked",ea=null==ef||null==(M=ef.post)?void 0:M.user,eE='comment on "'.concat(null==ef||null==(R=ef.root)?void 0:R.title,'"'),ec=y.xjK.ANNOUNCEMENT,es=null==ef||null==(I=ef.root)?void 0:I.id;break;case y._nk.ANSWER_LIKED:em="thumb_up",eg="liked",ea=null==ef||null==(U=ef.post)?void 0:U.user,eE='answer to "'.concat(null==ef||null==(K=ef.root)?void 0:K.title,'"'),ec=y.xjK.QUESTION,es=null==ef||null==(Q=ef.root)?void 0:Q.id;break;

1case y._nk.COMMENT_REPLY_CREATED:em="comment",eg="replied to",ea=null==ef||null==(L=ef.subject)?void 0:L.user,eE='comment on "'.concat(null==ef||null==(q=ef.root)?void 0:q.title,'"'),ec=y.xjK.ANNOUNCEMENT,es=null==ef||null==(W=ef.root)?void 0:W.id;break;case y._nk.ANSWER_REPLY_CREATED:em="comment",eg="replied to",ea=null==ef||null==(z=ef.subject)?void 0:z.user,eE='answer to "'.concat(null==ef||null==(V=ef.root)?void 0:V.title,'"'),ec=y.xjK.QUESTION,es=null==ef||null==(B=ef.root)?void 0:B.id;break;case y._nk.COMMENT_REPLY_LIKED:em="thumb_up",eg="liked",ea=null==ef||null==(Y=ef.post)?void 0:Y.user,eE='reply to "'.concat(null==ef||null==(F=ef.root)?void 0:F.title,'"'),ec=y.xjK.ANNOUNCEMENT,es=null==ef||null==(H=ef.root)?void 0:H.id;break;case y._nk.ANSWER_REPLY_LIKED:em="thumb_up",eg="liked",ea=null==ef||null==($=ef.post)?void 0:$.user,eE='reply to "'.concat(null==ef||null==(G=ef.root)?void 0:G.title,'"'),ec=y.xjK.ANNOUNCEMENT,es=null==ef||null==(X=ef.root)?void 0:X.id}return(0,N.jsx)(j.a,k(k({px:"4",py:"2",cursor:"pointer",minH:"80px",_hover:{bg:"gray.100"}},eb),{},{onClick:function(e){ev&&ev(e),eh&&eh(ec,es)},children:(0,N.jsx)(p.B,{direction:"row",width:"100%",children:ep?(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(m.EA,{boxSize:"48px",rounded:"full"}),(0,N.jsxs)(j.a,{ml:"4",flex:"1",children:[(0,N.jsx)(m.EA,{height:"4",mb:"1",width:"95%"}),(0,N.jsx)(m.EA,{height:"4",mb:"1",width:"80%"}),(0,N.jsx)(m.EA,{height:"4",mb:"1",width:"60%"}),(0,N.jsx)(m.EA,{height:"14px",mt:"11px",width:"20%"})]})]}):(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(h.eu,{size:"md",src:(null==ef||null==(Z=ef.user)?void 0:Z.photoUrl)||void 0,name:(null==ef||null==(J=ef.user)?void 0:J.givenName)+" "+(null==ef||null==(ee=ef.user)?void 0:ee.familyName),color:"white",children:(0,N.jsx)(h.NP,{height:"24px",width:"24px",bg:"teal.400",borderColor:"teal.400",children:(0,N.jsx)(g.A,{icon:em,height:"14px",width:"14px",color:"white"})})}),(0,N.jsxs)(j.a,{ml:"4",flex:"1",children:[(0,N.jsxs)(p.B,{direction:"row",children:[(0,N.jsx)(j.a,{children:(0,N.jsxs)(v.D,{size:"sm",children:[(0,N.jsx)(j.a,{as:"a",color:"teal.500",children:(null==ef||null==(en=ef.user)?void 0:en.displayName)||(null==ef||null==(et=ef.user)?void 0:et.givenName)+" "+(null==ef||null==(er=ef.user)?void 0:er.familyName)})," ",eg," ",ea&&((null==(eo=ea)?void 0:eo.id)!==(null==ej?void 0:ej.id)?(0,N.jsxs)(j.a,{as:"a",color:"teal.500",children:[(null==(ei=ea)?void 0:ei.displayName)||(null==(el=ea)?void 0:el.givenName)+" "+(null==(eu=ea)?void 0:eu.familyName),"'s "]}):(0,N.jsx)("span",{children:"your "})),eE]})}),!(null!=ef&&ef.read)&&(0,N.jsx)(p.B,{direction:"column",height:"inherit",ml:"auto",children:(0,N.jsx)(j.a,{bg:"teal.500",width:"3",height:"3",rounded:"full",my:"auto"})})]}),(0,N.jsx)(v.D,{size:"xs",color:"gray.600",mt:"1",children:(0,N.jsx)(E.A,{date:null!=ef&&ef.createdAt?new Date(ef.createdAt):void 0})})]})]})})}))};var C=t(30488);let _=function(e){return e.count?(0,N.jsx)(j.a,{position:"absolute",right:"0px",bottom:"0px",rounded:"8px",height:"16px",bg:"red.500",pt:"1px",px:"5px",pointerEvents:"none",children:(0,N.jsx)(C.E,{color:"white",fontSize:"10px",fontWeight:"600",textAlign:"center",children:e.count})}):null};function P(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter(function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable})),t.push.apply(t,r)}return t}let T=function(e){return(0,N.jsxs)(j.a,{position:"relative",children:[(0,N.jsx)(h.K0,function(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?P(Object(t),!0).forEach(function(n){(0,r.A)(e,n,t[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):P(Object(t)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})}return e}({"aria-label":"Notifications",variant:"ghost",rounded:"full",icon:(0,N.jsx)(g.A,{icon:"notifications"})},e)),(0,N.jsx)(_,{count:e.count})]})},D=function(e){return e.count?(0,N.jsx)(j.a,{rounded:"12px",height:"24px",bg:"teal.500",px:"8px",pointerEvents:"none",children:(0,N.jsx)(C.E,{color:"white",fontSize:"md",fontWeight:"600",textAlign:"center",children:e.count})}):null};var S=["onNotification"],M=["data","fetchMore"];function R(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter(function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable})),t.push.apply(t,r)}return t}function I(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};

1n%2?R(Object(t),!0).forEach(function(n){(0,r.A)(e,n,t[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):R(Object(t)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})}return e}var U=function(){var e,n,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},r=t.onNotification,l=(0,b.A)(t,S),u=(0,x.u)().user,s=(0,c.useState)(!1),d=s[0],f=s[1],p=(0,y.q2g)(I({variables:{recipientId:(null==u?void 0:u.id)||""}},l)),v=p.data,h=p.fetchMore,j=(0,b.A)(p,M),m=(null==v||null==(e=v.userNotifications)?void 0:e.items)||[],g=null==v||null==(n=v.userNotifications)?void 0:n.nextToken,E=!!g,N=(0,c.useCallback)((0,o.A)(a().mark(function e(){var n;return a().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(!g){e.next=7;break}return f(!0),e.next=4,h({query:y.qvl,variables:{recipientId:u.id,nextToken:g},updateQuery:function(e,n){var t,r,o,l=n.fetchMoreResult,u=(null==e||null==(t=e.userNotifications)?void 0:t.items)||[],a=(null==l||null==(r=l.userNotifications)?void 0:r.items)||[],c=(null==l||null==(o=l.userNotifications)?void 0:o.nextToken)||null;return I(I({},e),{},{userNotifications:I(I({},e.userNotifications),{},{items:[].concat((0,i.A)(u),(0,i.A)(a)),nextToken:c})})}});case 4:return n=e.sent,f(!1),e.abrupt("return",n);case 7:case"end":return e.stop()}},e)})),[g,u,h]);return(0,y.ILH)({shouldResubscribe:!0,onSubscriptionData:function(e){var n=e.client,t=e.subscriptionData;if(null!=(o=t.data)&&o.newNotification&&(null==(l=t.data)?void 0:l.newNotification.recipientId)===u.id){r&&r(null==(a=t.data)?void 0:a.newNotification);try{var o,l,a,c,s=n.readQuery({query:y.qvl,variables:{recipientId:u.id}});null!=s&&null!=(c=s.userNotifications)&&c.items&&n.writeQuery({query:y.qvl,variables:{recipientId:u.id},data:I(I({},s),{},{userNotifications:I(I({},s.userNotifications),{},{items:[t.data.newNotification].concat((0,i.A)(s.userNotifications.items))})})})}catch(e){}}}}),I({notifications:m,fetchMore:N,hasMore:E,fetchingMore:d},j)};function K(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter(function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable})),t.push.apply(t,r)}return t}function Q(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?K(Object(t),!0).forEach(function(n){(0,r.A)(e,n,t[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):K(Object(t)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})}return e}var L=function(){var e=(0,x.u)().user,n=(0,y.VGW)(),t=(0,l.A)(n,1)[0];return function(n){return t({variables:{id:n.id},update:function(t,r){var o=r.data;if(null!=o&&o.updateNotification)try{var i,l=t.readQuery({query:y.qvl,variables:{recipientId:e.id}});null!=l&&null!=(i=l.userNotifications)&&i.items&&t.writeQuery({query:y.qvl,variables:{recipientId:e.id},data:Q(Q({},l),{},{userNotifications:Q(Q({},l.userNotifications),{},{items:l.userNotifications.items.map(function(e){return(null==e?void 0:e.id)===n.id?o.updateNotification:e})})})})}catch(e){}}})}},q=t(89099),W=t(4902);let z=function(e){void 0===e&&(e={});var n=(0,c.useState)(e),t=n[0],r=n[1];return[t,(0,c.useCallback)(function(e){r(function(n){return Object.assign({},n,e instanceof Function?e(n):e)})},[])]};function V(e){for(var n=[],t=0;t<e.length;t++)n.push({start:e.start(t),end:e.end(t)});return n}var B=function(e){var n,t=c.isValidElement(e)?(n=e).props:e,r=z({buffered:[],time:0,duration:0,paused:!0,muted:!1,volume:1,playing:!1}),o=r[0],i=r[1],l=(0,c.useRef)(null),u=function(e,n){return function(t){try{n&&n(t)}finally{e&&e(t)}}},a=function(){return i({paused:!1})},s=function(){return i({playing:!0})},d=function(){return i({playing:!1})},f=function(){return i({paused:!0,playing:!1})},p=function(){var e=l.current;e&&i({muted:e.muted,volume:e.volume})},v=function(){var e=l.current;e&&i({duration:e.duration,buffered:V(e.buffered)})},h=function(){var e=l.current;e&&i({time:e.currentTime})},b=function(){var e=l.current;e&&i({buffered:V(e.buffered)})};n=n?c.cloneElement(n,(0,W.Cl)((0,W.Cl)({controls:!1},t),{ref:l,onPlay:u(t.onPlay,a),onPlaying:u(t.onPlaying,s),onWaiting:u(t.onWaiting,d),onPause:u(t.onPause,f),onVolumeChange:u(t.onVolumeChange,p),onDurationChange:u(t.onDurationChange,v),onTimeUpdate:u(t.onTimeUpdate,h),onProgress:u(t.onProgress,b)}

1)):c.createElement("audio",(0,W.Cl)((0,W.Cl)({controls:!1},t),{ref:l,onPlay:u(t.onPlay,a),onPlaying:u(t.onPlaying,s),onWaiting:u(t.onWaiting,d),onPause:u(t.onPause,f),onVolumeChange:u(t.onVolumeChange,p),onDurationChange:u(t.onDurationChange,v),onTimeUpdate:u(t.onTimeUpdate,h),onProgress:u(t.onProgress,b)}));var j=!1,m={play:function(){var e=l.current;if(e&&!j){var n=e.play();if("object"==typeof n){j=!0;var t=function(){j=!1};n.then(t,t)}return n}},pause:function(){var e=l.current;if(e&&!j)return e.pause()},seek:function(e){var n=l.current;n&&void 0!==o.duration&&(n.currentTime=e=Math.min(o.duration,Math.max(0,e)))},volume:function(e){var n=l.current;n&&(n.volume=e=Math.min(1,Math.max(0,e)),i({volume:e}))},mute:function(){var e=l.current;e&&(e.muted=!0)},unmute:function(){var e=l.current;e&&(e.muted=!1)}};return(0,c.useEffect)(function(){var e=l.current;e&&(i({volume:e.volume,muted:e.muted,paused:e.paused}),t.autoPlay&&e.paused&&m.play())},[t.src]),[n,o,m,l]},Y=t(11568),F=t(40402);function H(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=Array(n);t<n;t++)r[t]=e[t];return r}let $=function(){var e,n=(0,s.j)(),t=n.open,u=n.onOpen,b=n.onClose,j=(0,q.useRouter)(),m=j.route,E=j.query,O=j.push,w=(0,x.u)().user,k=L(),C=B({src:"/assets/audio/notification/alert.ogg",autoPlay:!1}),_=(0,l.A)(C,3),P=_[0],S=_[1],M=_[2],R=M.play,I=M.seek,K=B({src:"/assets/audio/notification/post.ogg",autoPlay:!1}),Q=(0,l.A)(K,3),W=Q[0],z=Q[1],V=Q[2],$=V.play,G=V.seek,X=B({src:"/assets/audio/notification/reply.ogg",autoPlay:!1}),Z=(0,l.A)(X,3),J=Z[0],ee=Z[1],en=Z[2],et=en.play,er=en.seek,eo=U({ssr:!1,onNotification:function(e){switch(e.type){case y._nk.ANNOUNCEMENT_CREATED:case y._nk.QUESTION_CREATED:case y._nk.EVENT_CREATED:case y._nk.DOCUMENT_UPLOADED:0!==z.time&&G(0),$();break;case y._nk.QUESTION_ANSWERED:case y._nk.COMMENT_CREATED:case y._nk.COMMENT_REPLY_CREATED:case y._nk.ANSWER_REPLY_CREATED:0!==ee.time&&er(0),et();break;default:0!==S.time&&I(0),R()}h.XM.create({title:"New Notification",description:"You have a new notification",type:"info",duration:9e3})}}),ei=eo.notifications,el=eo.fetchMore,eu=eo.hasMore,ea=eo.loading,ec=ei.filter(function(e){return e&&!(null!=e&&e.read)}),es=ec.length,ed=(0,c.useState)(new Y.jS({defaultHeight:80,fixedWidth:!0}))[0];(0,c.useEffect)(function(){ed.clearAll()},[ed,ei]);var ef=ei.map(function(e){return{notification:e}});(ea||eu)&&(ef=[].concat((0,i.A)(ef),[{loading:!0},{loading:!0},{loading:!0},{loading:!0},{loading:!0}]));var ep=(e=(0,o.A)(a().mark(function e(){var n,t,r,o;return a().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:n=[],t=function(e,n){var t="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!t){if(Array.isArray(e)||(t=function(e,n){if(e){if("string"==typeof e)return H(e,void 0);var t=({}).toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?H(e,n):void 0}}(e))){t&&(e=t);var r=0,o=function(){};return{s:o,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:o}}throw TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,l=!0,u=!1;return{s:function(){t=t.call(e)},n:function(){var e=t.next();return l=e.done,e},e:function(e){u=!0,i=e},f:function(){try{l||null==t.return||t.return()}finally{if(u)throw i}}}}(ec);try{for(t.s();!(r=t.n()).done;)o=r.value,n.push(k(o))}catch(e){t.e(e)}finally{t.f()}return e.next=5,Promise.all(n);case 5:case"end":return e.stop()}},e)})),function(){return e.apply(this,arguments)}),ev=function(e){var n=e.index,t=e.key,o=e.parent,i=e.style,l=ef[n];return(0,N.jsx)(Y.dl,{cache:ed,parent:o,columnIndex:0,rowIndex:n,children:(0,N.jsx)(A,{style:i,currentUser:w,notification:l.notification,loading:l.loading,onOpen:function(e,n){!l.loading&&l.notification&&(b(),k(l.notification),O("".concat(m).concat((0,F.h)(E,(0,r.A)({},e===y.xjK.QUESTION?"questionId":"announcementId",n))),"/".concat(e===y.xjK.QUESTION?"question":"announcement","/").concat(n)))}},t)},t)};return(0,N.jsxs)(N.Fragment,{children:[P,W,J,(0,N.jsx)(T,{count:eu&&es?"20+":es,onClick:u}),(0,N.jsx)(d.Kg,{placement:"end",open:t,size:"sm",onOpenChange:function(e){e.open||b()},children:(0,N.jsxs)(f.Z,{children:[(0,N.jsx)(d.ou,{}),(0,N.jsx)(d.I9,{children:(0,N.jsxs)(d.zj,{children:[(0,N.jsx)(d.BE,{pl:"4",pr:"2",children:(0,N.jsxs)(p.B,{direction:"row",alignItems:"center",width:"100%",children:[(0,N.jsx)(v.D,{size:"md",mr:"2",children:"Notifications"}),(0,N.jsx)(D,{count:eu&&es?"20+":es,flex:"1"}),(0,N.jsxs)(p.B,{direction:"row",alignItems:"center",ml:"auto",children:[es>0&&(0,N.jsx)(h.$n,{variant:"ghost",onClick:function(){return ep()},children:"Mark All Read"}),(0,N.jsx)(h.K0,{variant:"ghost",rounded:"full",icon:(0,N.jsx)(g.A,{icon:"close"}),"aria-label":"Close",onClick:b})]})]})}),(0,N.jsx)(d.ys,{px:"0",pt:"0",children:(0,N.jsx)(Y.wK,{isRowLoaded:function(e){var n=e.index;return ea||!ef[n].loading}

1,loadMoreRows:function(){return el()},rowCount:ef.length,children:function(e){var n=e.onRowsRendered,t=e.registerChild;return(0,N.jsx)(Y.t$,{children:function(e){var r=e.width,o=e.height;return(0,N.jsx)(Y.B8,{ref:t,rowCount:ef.length,width:r,height:o,onRowsRendered:n,rowHeight:ed.rowHeight,rowRenderer:ev,deferredMeasurementCache:ed,overscanRowCount:5})}})}})})]})})]})})]})}},97932:(e,n,t)=>{t.d(n,{A:()=>u});var r=t(14232),o=t(99074),i=t(72081),l=t(37876);let u=function(e){var n=e.date,t=e.locale,u=e.includeSeconds,a=void 0!==u&&u,c=e.addSuffix,s=void 0===c||c,d=e.interval,f=function(){return(0,o.m)(n||new Date,{includeSeconds:a,addSuffix:s,locale:t})},p=(0,r.useState)(f()),v=p[0],h=p[1];return(0,i.A)(function(){h(f())},void 0===d?6e4:d),(0,l.jsx)(l.Fragment,{children:v})}}}]);