@fyno/inapp-react/dist/index.modern.js

React SDK for invoking Fyno inapp notifications center

import e,{toast as t,useToasterStore as n,Toaster as r}from"react-hot-toast";import o,{memo as a,createElement as i,forwardRef as l,useState as c,useEffect as s,useRef as u,useMemo as d,useContext as f}from"react";import p from"@mui/material/Box";import m from"socket.io-client";import h from"html-react-parser";import{SvgIcon as v,useTheme as g,useMediaQuery as b,Box as y,Collapse as x,Paper as E,Typography as w,IconButton as k,Grid as _,ClickAwayListener as j,Menu as C,MenuItem as z,Button as S,Tab as A,Chip as O,Divider as P,debounce as D,Badge as M,Icon as I,Switch as F,CircularProgress as N,Dialog as B,DialogTitle as R,DialogContent as T,DialogActions as L}from"@mui/material";import{TabContext as H,TabList as V,TabPanel as U}from"@mui/lab";import{useInView as W}from"react-intersection-observer";import q from"moment";import G from"@mui/material/Typography";import X from"@mui/material/Link";import{useTheme as $,styled as Y,createTheme as Z,ThemeProvider as J}from"@mui/material/styles";import K,{tooltipClasses as Q}from"@mui/material/Tooltip";import ee from"use-sound";function te(){return(te=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function ne(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)t.indexOf(n=a[r])>=0||(o[n]=e[n]);return o}function re(e){return i(v,te({className:"library-books-icon",viewBox:"0 0 24 24"},e),i("path",{d:"M0 0h24v24H0z",fill:"none"}),i("path",{d:"M4 6H2v14c0 1.1.9 2 2 2h14v-2H4V6zm16-4H8c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-1 9H9V9h10v2zm-4 4H9v-2h6v2zm4-8H9V5h10v2z"}))}var oe=a(re);function ae(e){return i(v,te({className:"mark-all-icon",viewBox:"0 0 24 24"},e),i("path",{d:"M0 0h24v24H0z",fill:"none"}),i("path",{d:"M18 7l-1.41-1.41-6.34 6.34 1.41 1.41L18 7zm4.24-1.41L11.66 16.17 7.48 12l-1.41 1.41L11.66 19l12-12-1.42-1.41zM.41 13.41L6 19l1.41-1.41L1.83 12 .41 13.41z"}))}var ie=a(ae);function le(e){return i(v,te({className:"delete-all-icon",viewBox:"0 0 24 24"},e),i("path",{d:"M0 0h24v24H0V0z",fill:"none"}),i("path",{d:"M15 16h4v2h-4zm0-8h7v2h-7zm0 4h6v2h-6zM3 18c0 1.1.9 2 2 2h6c1.1 0 2-.9 2-2V8H3v10zm2-8h6v8H5v-8zm5-6H6L5 5H2v2h12V5h-3z"}))}var ce=a(le);function se(e){return i(v,te({className:"close-icon",viewBox:"0 0 24 24"},e),i("path",{d:"M0 0h24v24H0z",fill:"none"}),i("path",{d:"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"}))}var ue=a(se);function de(e){return i(v,te({className:"settings-icon",viewBox:"0 0 24 24"},e),i("path",{d:"M0 0h24v24H0V0z",fill:"none"}),i("path",{d:"M19.43 12.98c.04-.32.07-.64.07-.98 0-.34-.03-.66-.07-.98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46a.5.5 0 00-.61-.22l-2.49 1c-.52-.4-1.08-.73-1.69-.98l-.38-2.65A.488.488 0 0014 2h-4c-.25 0-.46.18-.49.42l-.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1a.566.566 0 00-.18-.03c-.17 0-.34.09-.43.25l-2 3.46c-.13.22-.07.49.12.64l2.11 1.65c-.04.32-.07.65-.07.98 0 .33.03.66.07.98l-2.11 1.65c-.19.15-.24.42-.12.64l2 3.46a.5.5 0 00.61.22l2.49-1c.52.4 1.08.73 1.69.98l.38 2.65c.03.24.24.42.49.42h4c.25 0 .46-.18.49-.42l.38-2.65c.61-.25 1.17-.59 1.69-.98l2.49 1c.06.02.12.03.18.03.17 0 .34-.09.43-.25l2-3.46c.12-.22.07-.49-.12-.64l-2.11-1.65zm-1.98-1.71c.04.31.05.52.05.73 0 .21-.02.43-.05.73l-.14 1.13.89.7 1.08.84-.7 1.21-1.27-.51-1.04-.42-.9.68c-.43.32-.84.56-1.25.73l-1.06.43-.16 1.13-.2 1.35h-1.4l-.19-1.35-.16-1.13-1.06-.43c-.43-.18-.83-.41-1.23-.71l-.91-.7-1.06.43-1.27.51-.7-1.21 1.08-.84.89-.7-.14-1.13c-.03-.31-.05-.54-.05-.74s.02-.43.05-.73l.14-1.13-.89-.7-1.08-.84.7-1.21 1.27.51 1.04.42.9-.68c.43-.32.84-.56 1.25-.73l1.06-.43.16-1.13.2-1.35h1.39l.19 1.35.16 1.13 1.06.43c.43.18.83.41 1.23.71l.91.7 1.06-.43 1.27-.51.7 1.21-1.07.85-.89.7.14 1.13zM12 8c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 6c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z"}))}var fe=a(de);function pe(e){return i(v,te({className:"check-icon",viewBox:"0 0 24 24"},e),i("path",{d:"M0 0h24v24H0z",fill:"none"}),i("path",{d:"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"}))}var me=a(pe);function he(e){return i(v,te({className:"delete-icon",viewBox:"0 0 24 24"},e),i("path",{d:"M0 0h24v24H0V0z",fill:"none"}),i("path",{d:"M16 9v10H8V9h8m-1.5-6h-5l-1 1H5v2h14V4h-3.5l-1-1zM18 7H6v12c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7z"}))}var ve=a(he);function ge(e){return i(v,te({className:"hourglass-empty-icon",viewBox:"0 0 24 24"},e),i("path",{d:"M0 0h24v24H0V0z",fill:"none"}),i("path",{d:"M6 2v6h.01L6 8.01 10 12l-4 4 .01.01H6V22h12v-5.99h-.01L18 16l-4-4 4-3.99-.01-.01H18V2H6zm10 14.5V20H8v-3.5l4-4 4 4zm-4-5l-4-4V4h8v3.5l-4 4z"}))}var be=a(ge);function ye(e,t){return i(v,te({className:"more-horiz-icon",viewBox:"0 0 24 24"},e,{ref:t}),i("path",{d:"M0 0h24v24H0z",fill:"none"}),i("path",{d:"M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"}))}var xe=a(l(ye));function Ee(e){return i(v,te({className:"open-in-new-icon",viewBox:"0 0 24 24"},e),i("path",{d:"M0 0h24v24H0z",fill:"none"}),i("path",{d:"M19 19H5V5h7V3H5a2 2 0 00-2 2v14a2 2 0 002 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"}))}var we=a(Ee),ke=function(e){var t=e.renderBody,n=c(!1),r=n[0],a=n[1],i=$(),l=(null==t?void 0:t.length)>150,s=r?t:null==t?void 0:t.slice(0,150);return o.createElement(o.Fragment,null,o.createElement(G,{fontSize:"12px",fontWeight:300,color:i.palette.text.primary,className:"notification-body"},h(s),l&&!r&&"..."),l&&o.createElement(X,{fontFamily:i.typography.fontFamily,size:"small",fontSize:"12px",onClick:function(){return a(!r)},underline:"none",sx:{color:i.palette.primary.main,cursor:"pointer",display:"inline-block",marginTop:"2"}},r?"Show less":"Read more"))},_e=function(e){var t,n,r,a=e.docType,i=void 0===a?"txt":a,l=g(),c="dark"===l.palette.mode,s={pdf:{iconColor:c?"rgba(172, 82, 82, 1)":"rgba(212, 121, 121, 1)",background:c?"rgba(172, 82, 82, 0.2)":"rgba(218, 118, 118, 0.15)",title:"PDF"},xlsx:{iconColor:c?"rgba(51, 143, 104, 1)":"rgba(85 ,149 ,121,1)",background:c?"rgba(51, 143, 104, 0.2)":"rgba(69, 125, 101, 0.15)",title:"XLSX"},xls:{iconColor:c?"rgba(51, 143, 104, 1)":"rgba(85, 149, 121, 1)",background:c?"rgba(51, 143, 104, 0.2)":"rgba(69, 125, 101, 0.15)",title:"XLS"},docx:{iconColor:c?"rgba(106, 159, 205, 1)":"rgba(101, 162, 219, 1)",background:c?"rgba(106, 159, 205, 0.2)":"rgba(123, 175, 225, 0.15)",title:"DOCX"},doc:{iconColor:c?"rgba(106, 159, 205, 1)":"rgba(101, 162, 219, 1)",background:c?"rgba(106, 159, 205, 0.2)":"rgba(123, 175, 225, 0.15)",title:"DOC"},txt:{iconColor:c?"rgba(185, 168, 75, 1)":"rgba(201, 184, 91, 1)",background:c?"rgba(185, 168, 75, 0.2)":"rgba(206, 192, 116, 0.15)",title:"TXT"}},u={width:"50px",height:"50px",borderRadius:1,background:(null===(t=s[i])||void 0===t?void 0:t.background)||l.palette.action.selected,color:(null===(n=s[i])||void 0===n?void 0:n.iconColor)||l.palette.action.active,display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"};return o.createElement(y,{sx:te({},u),className:"notification-attachment "+i},o.createElement(oe,{fontSize:"small"}),o.createElement(w,{sx:{fontSize:"0.6rem"},className:"attachemnt-name"},(null===(r=s[i])||void 0===r?void 0:r.title)||i.toUpperCase()))},je=function(e){var t=e.type,n=e.attachmentsObject,r=e.showBlur,a=(null==n?void 0:n.attachment)||"",i="Document"===(null==n?void 0:n.type)?null==a?void 0:a.substring(a.lastIndexOf(".")+1):null;switch(t){case"Image":return o.createElement("img",{alt:"image",src:a,width:"50rem",height:"50rem",style:{borderRadius:5},className:"notification-attachment image"});case"Video":return o.createElement("video",{src:a,width:"50rem",height:"50rem",style:{borderRadius:5},className:"notification-attachment video"});case"Document":return o.createElement(_e,{docType:i,showBlur:r});default:return null}},Ce=function(e,t){if(e){var n=e,r=function(e){var r,o,a,i,l=new RegExp(e,null===(r=t[e])||void 0===r?void 0:r.scope);n="string"==typeof n?null===(o=n)||void 0===o?void 0:o.replace(l,null===(a=t[e])||void 0===a?void 0:a.with):null===(i=n)||void 0===i?void 0:i.map(function(n){var r;return null==n?void 0:n.replace(l,null===(r=t[e])||void 0===r?void 0:r.with)})};for(var o in t)r(o);for(var a,i=/(<tt style="word-wrap: break-word; white-space: pre-wrap; word-break: break-word;">(?:\n|.)+?<\/tt>)/gm,l=[],c=[];null!==(a=i.exec(n));){a.index===i.lastIndex&&i.lastIndex++;var s=a[0].replace(/<i>|<\/i>?/gm,"_").replace(/<b>|<\/b>?/gm,"*").replace(/<s>|<\/s>?/gm,"~");a[0]!==s&&(l.push(a[0]),c.push(s))}for(var u=0;u<(null==l?void 0:l.length);u++)n=n.replace(l[u],c[u]);return d=["p","br","b","i","s","u","strong","em","a","tt","span","div","code","pre","ul","ol","li","blockquote","h1","h2","h3","h4","h5","h6"],f=["http:","https:","mailto:","tel:"],n.replace(/<\/?([a-z0-9]+)(\s[^>]*)?>/gi,function(e,t,n){if(t=t.toLowerCase(),d.includes(t))return e;if("a"===t){var r=/href\s*=\s*["']([^"']+)["']/i.exec(n||""),o=null==r?void 0:r[1];try{var a=new URL(o,"https://dummy.com");if(f.includes(a.protocol))return'<a href="'+a.href+'">'}catch(e){return"&lt;a&gt;"}}return e.replace(/</g,"&lt;").replace(/>/g,"&gt;")})}return"";var d,f},ze=function(e){var t=e.body,n=e.title,r=g(),a={"&":{scope:"g",with:"&amp;"},'"':{scope:"g",with:"&quot;"},"\n":{scope:"g",with:"<br/>"},"\\*(\\S(?:.*?)\\S|\\S)\\*":{scope:"g",with:"<b>$1</b>"},"\\b_(\\S(?:.*?)\\S|\\S)_\\b":{scope:"g",with:"<i>$1</i>"},"~(\\S(?:.*?)\\S|\\S)~":{scope:"g",with:"<s>$1</s>"},"```((?:\\n|.)*?)```":{scope:"gm",with:'<tt style="word-wrap: break-word; white-space: pre-wrap; word-break: break-word;">$1</tt>'}},i=Ce(t,a);return o.createElement(y,{sx:{display:"flex",flexDirection:"column",gap:2,wordWrap:"break-word"}},o.createElement(y,null,n&&o.createElement(w,{fontSize:"14px",fontWeight:600,color:r.palette.text.primary,className:"notification-title"},h(Ce(n,a))),t&&o.createElement(ke,{renderBody:i})))},Se=function(e){var t,n,r=e.createdAt,a=e.msg,i=g(),l=ir().handlers,s=l.handleMarkAsRead,d=l.handleDelete,f=c(!1),p=f[0],m=f[1],h=u();return o.createElement(y,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center",my:1,pl:{xs:"8%",sm:"10%"}},component:"div",className:"notification-footer"},o.createElement(w,{fontSize:"0.7rem",sx:{color:i.palette.secondary.main,pl:{xs:2,sm:.35}}},q.parseZone(r).fromNow()),o.createElement(xe,{color:"secondary",ref:h,onClick:function(e){e.preventDefault(),e.stopPropagation(),m(!p)},sx:{cursor:"pointer",":hover":{background:i.palette.action.focus},borderRadius:"10px",zIndex:50}}),o.createElement(C,{PaperProps:{style:{borderRadius:"10px",backgroundImage:"none"}},open:p,anchorEl:h.current,anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},onClose:function(e){e.preventDefault(),e.stopPropagation(),m(!1)}},!(null!=a&&a.isRead)&&o.createElement(y,null,o.createElement(z,{onClick:function(e){e.preventDefault(),e.stopPropagation(),s(a),m(!1)}},o.createElement(y,{sx:{display:"flex",alignItems:"center",gap:2,py:0}},o.createElement(ie,{fontSize:"0.6rem"})," ",o.createElement(w,{variant:"small",fontSize:"0.8rem"},"Mark as read")))),o.createElement(z,{onClick:function(e){e.preventDefault(),e.stopPropagation(),m(!1),d(a)}},o.createElement(y,{sx:{display:"flex",alignItems:"center",gap:2,py:0,color:null==i||null===(t=i.palette)||void 0===t||null===(n=t.error)||void 0===n?void 0:n.main}},o.createElement(ve,{color:"error",fontSize:"0.6rem"}),o.createElement(w,{variant:"small",fontSize:"0.8rem"},"Delete")))))},Ae=function(e){var t=e.children,n=e.link,r=e.hover,a=void 0!==r&&r,i=e.sameTab,l=void 0===i?"false":i,s=e.item,u=g(),d=(null==n?void 0:n.length)>0&&a,f=ir().handlers.handleMarkAsRead,p=c(!1),m=p[0],h=p[1];return o.createElement(y,{onClick:function(e){f(s),"true"===l?window.open(n,"_self"):window.open(n,"_blank"),e.stopPropagation(),e.preventDefault()},sx:{position:"relative"}},d&&o.createElement(y,{sx:te({},{display:"flex",height:"50px",width:"50px",zIndex:50,alignItems:"center",justifyContent:"center",opacity:"0%",":hover":{opacity:"100%"},color:u.palette.common.white,position:"absolute"}),onMouseOver:function(){h(!0)},onMouseOut:function(){h(!1)}},o.createElement(we,{fontSize:"small"})),o.createElement(y,{sx:{filter:m?"light"===u.palette.mode?"brightness(50%) blur(1px)":"blur(1px)":""}},t))},Oe=function(e){var t,n=e.item,r=ir().handlers.handleMarkAsRead,a=null==n||null===(t=n.notification_content)||void 0===t?void 0:t.buttons,i=n;return(null==a?void 0:a.length)>0?o.createElement(_,{container:!0,flexDirection:"row-reverse",justifyContent:"flex-end",gap:1,sx:{mt:1},className:"buttons-section"},a.map(function(e,t){var n=(null==e?void 0:e.sameTab)||"false";return"false"===(null==e?void 0:e.primary)||void 0===(null==e?void 0:e.primary)?o.createElement("a",{key:e+t,target:"false"===n?"_blank":"_self",href:""+(null==e?void 0:e.action),style:{textDecoration:"none"},onClick:function(e){e.stopPropagation(),r(i)},rel:"noreferrer"},o.createElement(S,{disableElevation:!0,variant:"outlined",size:"small",sx:{fontSize:"0.6rem"},className:"fyno-secondary-action"},null==e?void 0:e.label)):"true"===(null==e?void 0:e.primary)?o.createElement("a",{key:e+t,target:"false"===n?"_blank":"_self",href:""+(null==e?void 0:e.action),style:{textDecoration:"none"},onClick:function(e){e.stopPropagation(),r(i)},rel:"noreferrer"},o.createElement(S,{disableElevation:!0,variant:"contained",size:"small",sx:{fontSize:"0.6rem"},className:"fyno-primary-action"},null==e?void 0:e.label)):void 0})):null},Pe=function(e){var t,n,r,a,i,l,c,s,u,d,f=e.item,p=g(),m=null==f||null===(t=f.notification_content)||void 0===t||null===(n=t.attachments)||void 0===n?void 0:n.type,h=null==f?void 0:f.isRead,v=(null==f||null===(r=f.notification_content)||void 0===r||null===(a=r.action)||void 0===a?void 0:a.href)||null,x=(null==f||null===(i=f.notification_content)||void 0===i||null===(l=i.action)||void 0===l?void 0:l.sameTab)||!1;v&&"/"!==v[0]?/^https:/.test(v)||/^http:/.test(v)||(/[a-zA-Z]\.[a-zA-Z]/.test(v)?v="https://"+v:"#"!==v?v="/"+v:(v=null,x="true")):(v=null,x="true");var E=ir(),w=E.handlers.handleMarkAsRead,k=null==f?void 0:f.createdAt,j=null==f||null===(c=f.notification_content)||void 0===c?void 0:c.title,C=null==f||null===(s=f.notification_content)||void 0===s?void 0:s.body,z=(null==f||null===(u=f.notification_content)||void 0===u?void 0:u.icon)||E.data.brandLogo,S=null==f||null===(d=f.notification_content)||void 0===d?void 0:d.attachments,A=null==S?void 0:S.attachment,O={pt:2,pb:0,px:3,background:h?"":p.palette.primary.main+"1A",cursor:"pointer",":hover":{translate:"0 -2px"},transition:"0.3s translate ease-in-out",borderBottom:1,borderColor:p.palette.divider},P=b(p.breakpoints.down("sm"));return o.createElement(_,{container:!0,sx:te({},O),onClick:function(e){e.stopPropagation(),w(f),v&&window.open(v,"true"===x?"_self":"_blank")},columnGap:P?1:0,className:"notification-item"},o.createElement(_,{item:!0,xs:1.3,className:"notification-icon-section"},o.createElement("img",{src:z,width:"30px",height:"30px",style:{borderRadius:"4px",objectFit:"contain"},className:"notification-icon"})),o.createElement(_,{item:!0,xs:S?8:9.8,className:"notification-content"},o.createElement(ze,{title:j,body:C}),o.createElement(Oe,{item:f})),S&&o.createElement(_,{item:!0,xs:2},o.createElement(y,{sx:{display:"flex",flexDirection:"column",alignItems:"flex-end",justifyContent:"space-between"}},o.createElement(Ae,{item:f,link:A,hover:!0,sameTab:"false"},o.createElement(je,{type:m,attachmentsObject:S})))),o.createElement(_,{item:!0,xs:12},o.createElement(Se,{createdAt:k,msg:f})))},De=function(e){var t=e.children,n=e.setAnchorElDelete;return e.open?o.createElement(j,{onClickAway:function(){n()}},t):t},Me=function(){var e=ir(),t=e.data,n=t.tabPanelValue,r=t.openDeleteDialog,a=t.header,i=e.handlers,l=i.handleClickDelete,c=i.deleteAllMessages,s=g(),u="unread"===n,d=b(s.breakpoints.up("sm"));return o.createElement(y,{sx:{height:function(){if(!d)return"69vh";var e=62;return d&&(a&&(e-=6),r&&(e-=5)),e+"vh"}(),color:s.palette.secondary.main,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",textAlign:"center",position:"relative"},className:"no-messages-section"},o.createElement(x,{sx:{position:"absolute",top:0,zIndex:5e3},in:r},o.createElement(De,{open:r,setAnchorElDelete:function(e){l(e)}},o.createElement(E,{sx:{p:3,display:"flex",alignItems:"center",gap:4,borderTopLeftRadius:0,borderTopRightRadius:0}},o.createElement(w,{sx:{width:"80%",fontSize:"0.8rem"},textAlign:"left"},"Are you sure you want to delete all the notifications?"),o.createElement(y,{sx:{display:"flex",gap:1}},o.createElement(k,{variant:"contained",size:"small",onClick:function(e){return c(e)}},o.createElement(me,null)),o.createElement(k,{size:"small",onClick:function(e){return l(e)}},o.createElement(ue,null)))))),o.createElement(be,{fontSize:"large"}),o.createElement(w,{color:"secondary",sx:{width:"50%",mb:u?0:3.1}},"No ",u?"unread":""," notifications to show yet"))},Ie=o.memo(function(e){var t=e.filter,n=g(),r=W(),a=r.ref,i=r.inView,l=ir(),c=l.data,u=c.list,d=c.unreadList,f=c.count,p=c.openDeleteDialog,m=c.tabPanelValue,h=c.unreadCount,v=c.header,j=c.page,C=c.notificationCenterPosition,z=c.showBranding,S=l.handlers,A=S.loadMoreNotifications,O=S.deleteAllMessages,P=S.handleClickDelete,D=S.setAnchorDeleteEl;s(function(){D(!1)},[m]);var M=t?d:u,I=b(n.breakpoints.up("sm")),F="all"===m?f:h;return s(function(){i&&(null==M?void 0:M.length)<F&&A(j,m)},[i]),(null==M?void 0:M.length)>0?o.createElement(y,{sx:{height:I?"left"===C||"right"===C?function(e){if(void 0===e&&(e=0),"undefined"!=typeof window){var t,n=null===(t=window)||void 0===t?void 0:t.innerHeight,r=document.querySelector('[data-testid="noti-center-header"]'),o=document.querySelector('[data-testid="noti-center-tabs"]'),a=document.querySelector('[data-testid="noti-center-footer"]');return n-(r?null==r?void 0:r.offsetHeight:64)-(o?null==o?void 0:o.offsetHeight:0)-(a?null==a?void 0:a.offsetHeight:0)-e}}()-20:void 0!==v?"56.25vh":z?"62.75vh":"64.75vh":"69vh",position:"relative",overflowY:"auto",scrollBehavior:"auto"},className:"notification-list"},o.createElement(x,{sx:{position:"sticky",top:0,zIndex:5e3},in:p},o.createElement(De,{open:p,setAnchorElDelete:function(e){P(e)}},o.createElement(E,{sx:{p:3,display:"flex",alignItems:"center",gap:4,borderTopLeftRadius:0,borderTopRightRadius:0}},o.createElement(w,{sx:{width:"80%",fontSize:"0.8rem"},textAlign:"left"},"Are you sure you want to delete all the notifications?"),o.createElement(y,{sx:{display:"flex",gap:1}},o.createElement(k,{variant:"contained",size:"small",onClick:function(e){return O(e)}},o.createElement(me,null)),o.createElement(k,{size:"small",onClick:function(e){return P(e)}},o.createElement(ue,null)))))),o.createElement(_,{container:!0,sx:{height:"100%",overflowY:"auto",overflowX:"hidden",pointerEvents:p?"none":"",opacity:p?"50%":"100%"},style:{alignContent:"flex-start"},className:"notification-list-grid"},M.map(function(e,t){return o.createElement(_,{key:e+t,item:!0,xs:12},o.createElement(Pe,{item:e}),t===(null==M?void 0:M.length)-2&&o.createElement(y,{ref:a}))}),(null==M?void 0:M.length)===F&&(null==M?void 0:M.length)>19&&o.createElement(_,{item:!0,xs:12,textAlign:"center",sx:{background:n.palette.secondary.main+"1A",py:1}},o.createElement(w,{variant:"caption",color:"secondary"},"Showing all notifications")))):o.createElement(Me,null)}),Fe=function(e,t){var n,r,o,a,i=null==e?void 0:e.replace("#","");return 3===(null===(n=i)||void 0===n?void 0:n.length)&&(i=""+i[0]+i[0]+i[1]+i[1]+i[2]+i[2]),"rgba("+parseInt(null===(r=i)||void 0===r?void 0:r.substring(0,2),16)+", "+parseInt(null===(o=i)||void 0===o?void 0:o.substring(2,4),16)+", "+parseInt(null===(a=i)||void 0===a?void 0:a.substring(4,6),16)+", "+t+")"},Ne=["className"],Be=Y(function(e){var t=e.className,n=ne(e,Ne);return o.createElement(K,te({},n,{arrow:!0,classes:{popper:t}}))})(function(e){var t,n=e.theme;return(t={})["& ."+Q.arrow]={color:"light"==n.palette.mode?n.palette.common.black:n.palette.common.grey800},t["& ."+Q.tooltip]={backgroundColor:"light"==n.palette.mode?n.palette.common.black:n.palette.common.grey800},t}),Re=function(e){var t,n,r,a,i,l,c,s=e.docType,u=void 0===s?"txt":s,d=g(),f="dark"===d.palette.mode,p={pdf:{iconColor:f?"rgba(172, 82, 82, 1)":"rgba(212, 121, 121, 1)",background:f?"rgba(172, 82, 82, 0.2)":"rgba(218, 118, 118, 0.15)",title:"PDF"},xlsx:{iconColor:f?"rgba(51, 143, 104, 1)":"rgba(85 ,149 ,121,1)",background:f?"rgba(51, 143, 104, 0.2)":"rgba(69, 125, 101, 0.15)",title:"XLSX"},xls:{iconColor:f?"rgba(51, 143, 104, 1)":"rgba(85, 149, 121, 1)",background:f?"rgba(51, 143, 104, 0.2)":"rgba(69, 125, 101, 0.15)",title:"XLS"},docx:{iconColor:f?"rgba(106, 159, 205, 1)":"rgba(101, 162, 219, 1)",background:f?"rgba(106, 159, 205, 0.2)":"rgba(123, 175, 225, 0.15)",title:"DOCX"},doc:{iconColor:f?"rgba(106, 159, 205, 1)":"rgba(101, 162, 219, 1)",background:f?"rgba(106, 159, 205, 0.2)":"rgba(123, 175, 225, 0.15)",title:"DOC"},txt:{iconColor:f?"rgba(185, 168, 75, 1)":"rgba(201, 184, 91, 1)",background:f?"rgba(185, 168, 75, 0.2)":"rgba(206, 192, 116, 0.15)",title:"TXT"}},m={width:"50px",height:"50px",borderRadius:1,background:(null===(t=p[u])||void 0===t?void 0:t.background)||(null===(n=d.palette)||void 0===n||null===(r=n.action)||void 0===r?void 0:r.selected),color:(null===(a=p[u])||void 0===a?void 0:a.iconColor)||(null===(i=d.palette)||void 0===i||null===(l=i.action)||void 0===l?void 0:l.active),display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"};return o.createElement(y,{sx:te({},m)},o.createElement(oe,{fontSize:"small"}),o.createElement(w,{sx:{fontSize:"0.6rem"}},(null===(c=p[u])||void 0===c?void 0:c.title)||u.toUpperCase()))},Te=function(t){var n,r=t.item,a=t.t,i=t.socketInstance,l=null==r||null===(n=r.notification_content)||void 0===n?void 0:n.buttons,c=r;return(null==l?void 0:l.length)>0?o.createElement(_,{container:!0,flexDirection:"row-reverse",justifyContent:"flex-end",sx:{gap:1,mt:1,ml:5}},l.map(function(t,n){var r=(null==t?void 0:t.sameTab)||"true";return"false"===(null==t?void 0:t.primary)||void 0===(null==t?void 0:t.primary)?o.createElement("a",{key:t+n,onClick:function(t){t.stopPropagation(),e.dismiss(a.id),null==i||i.emit("message:read",c)},target:"false"===r?"_self":"_blank",href:""+(null==t?void 0:t.action),rel:"noopener noreferrer",style:{textDecoration:"none"}},o.createElement(S,{disableElevation:!0,variant:"outlined",onClick:function(){return e.dismiss(a.id)},size:"small",sx:{fontSize:"0.5rem"}},null==t?void 0:t.label)):"true"===(null==t?void 0:t.primary)?o.createElement("a",{key:t+n,target:r?"_blank":"_self",href:""+(null==t?void 0:t.action),rel:"noopener noreferrer",style:{textDecoration:"none"}},o.createElement(S,{disableElevation:!0,variant:"contained",onClick:function(){return e.dismiss(a.id)},size:"small",sx:{fontSize:"0.5rem"}},null==t?void 0:t.label)):void 0})):null},Le=function(e){var t=e.type,n=e.attachmentsObject,r=e.showBlur,a=(null==n?void 0:n.attachment)||"",i="Document"===(null==n?void 0:n.type)?null==a?void 0:a.substring(a.lastIndexOf(".")+1):null;switch(t){case"Image":return o.createElement("img",{alt:"image",src:a,width:"50rem",height:"50rem",style:{borderRadius:5}});case"Video":return o.createElement("video",{src:a,width:"50rem",height:"50rem",style:{borderRadius:5}});case"Document":return o.createElement(Re,{docType:i,showBlur:r});default:return null}},He=function(e){var t,n,r,a,i=e.body,l=e.title,c=g(),s=function(e,t){if(e){var n=e,r=function(e){var r,o,a,i,l=new RegExp(e,null===(r=t[e])||void 0===r?void 0:r.scope);n="string"==typeof n?null===(o=n)||void 0===o?void 0:o.replace(l,null===(a=t[e])||void 0===a?void 0:a.with):null===(i=n)||void 0===i?void 0:i.map(function(n){var r;return null==n?void 0:n.replace(l,null===(r=t[e])||void 0===r?void 0:r.with)})};for(var o in t)r(o);for(var a,i=/(<tt style="word-wrap: break-word; white-space: pre-wrap; word-break: break-word;">(?:\n|.)+?<\/tt>)/gm,l=[],c=[];null!==(a=i.exec(n));){a.index===i.lastIndex&&i.lastIndex++;var s=a[0].replace(/<i>|<\/i>?/gm,"_").replace(/<b>|<\/b>?/gm,"*").replace(/<s>|<\/s>?/gm,"~");a[0]!==s&&(l.push(a[0]),c.push(s))}for(var u=0;u<(null==l?void 0:l.length);u++)n=n.replace(l[u],c[u]);return d=["p","br","b","i","s","u","strong","em","a","tt","span","div","code","pre","ul","ol","li","blockquote","h1","h2","h3","h4","h5","h6"],f=["http:","https:","mailto:","tel:"],n.replace(/<\/?([a-z0-9]+)(\s[^>]*)?>/gi,function(e,t,n){if(t=t.toLowerCase(),d.includes(t))return e;if("a"===t){var r=/href\s*=\s*["']([^"']+)["']/i.exec(n||""),o=null==r?void 0:r[1];try{var a=new URL(o,"https://dummy.com");if(f.includes(a.protocol))return'<a href="'+a.href+'">'}catch(e){return"&lt;a&gt;"}}return e.replace(/</g,"&lt;").replace(/>/g,"&gt;")})}return"";var d,f}(i,{"&":{scope:"g",with:"&amp;"},'"':{scope:"g",with:"&quot;"},"\n":{scope:"g",with:"<br/>"},"\\*(\\S(?:.*?)\\S|\\S)\\*":{scope:"g",with:"<b>$1</b>"},"\\b_(\\S(?:.*?)\\S|\\S)_\\b":{scope:"g",with:"<i>$1</i>"},"~(\\S(?:.*?)\\S|\\S)~":{scope:"g",with:"<s>$1</s>"},"```((?:\\n|.)*?)```":{scope:"gm",with:'<tt style="word-wrap: break-word; white-space: pre-wrap; word-break: break-word;">$1</tt>'}});return s&&o.createElement(y,{sx:{display:"flex",flexDirection:"column",gap:2,textAlign:"left",wordWrap:"break-word"}},o.createElement(y,null,o.createElement(w,{fontSize:"0.85rem",fontWeight:600,color:null===(t=c.palette)||void 0===t||null===(n=t.toasttext)||void 0===n?void 0:n.primary},l),o.createElement(w,{fontSize:"0.7rem",fontWeight:200,color:null===(r=c.palette)||void 0===r||null===(a=r.toasttext)||void 0===a?void 0:a.primary},h(s))))},Ve=function(t){var n,r,a,i,l,c,s,u,d,f,p=t.msg,m=t.t,h=t.socketInstance,v=t.close,g=null==p||null===(n=p.notification_content)||void 0===n?void 0:n.title,b=null==p||null===(r=p.notification_content)||void 0===r?void 0:r.body,x=null==p||null===(a=p.notification_content)||void 0===a||null===(i=a.attachments)||void 0===i?void 0:i.type,E=null==p||null===(l=p.notification_content)||void 0===l?void 0:l.attachments,w=(null==E?void 0:E.attachment)||null,j=(null==p||null===(c=p.notification_content)||void 0===c?void 0:c.icon)||t.logo,C=null==p||null===(s=p.notification_content)||void 0===s||null===(u=s.action)||void 0===u?void 0:u.href,z=(null==p||null===(d=p.notification_content)||void 0===d||null===(f=d.action)||void 0===f?void 0:f.sameTab)||"false";return C&&"/"!==C[0]?/^https:/.test(C)||/^http:/.test(C)||(/[a-zA-Z]\.[a-zA-Z]/.test(C)?C="https://"+C:"#"!==C?C="/"+C:(C=null,z="true")):(C=null,z="true"),o.createElement(y,{target:"false"===z?"_blank":"_self",onClick:function(t){t.stopPropagation(),e.dismiss(m.id),null==h||h.emit("message:read",p),C&&window.open(C,"true"===z?"_self":"_blank")},className:"fyno-toast",style:{textDecoration:"none",width:"100%"}},o.createElement(_,{container:!0,spacing:0,alignItems:"center"},o.createElement(_,{item:!0,xs:1.5,justifyContent:"center",alignItems:"center"},o.createElement("img",{src:j,width:"30px",height:"30px",style:{borderRadius:"4px",objectFit:"contain"}})),o.createElement(_,{item:!0,xs:8},o.createElement(He,{title:g,body:b})),o.createElement(_,{item:!0,xs:2.5},o.createElement(y,{sx:{display:"flex",flexDirection:"column",alignItems:"flex-end",justifyContent:"space-between"}},o.createElement(y,{href:w,onClick:function(e){e.stopPropagation(),window.open(w,"_blank")}},o.createElement(Le,{type:x,attachmentsObject:E})))),o.createElement(Te,{item:p,t:m,socketInstance:h}),v?o.createElement(k,{onClick:function(t){t.preventDefault(),t.stopPropagation(),e.dismiss(m.id)},style:{position:"absolute",top:"-13%",left:"-3%",backgroundColor:"rgba(58, 53, 65, 0.04)"},size:"small"},o.createElement(ue,{fontSize:"small"})):""))},Ue=function(){var e=ir(),t=e.data,n=t.list,r=t.unreadList,a=t.header,i=t.preferenceMode,l=e.handlers,c=l.handleClickDelete,s=l.handleMarkAllAsRead,u=l.handleOpenConfig,d=g(),f=b(d.breakpoints.up("sm"));return o.createElement(y,{sx:{display:"flex",alignItems:"center",mr:2}},(null==n?void 0:n.length)>0&&(null==r?void 0:r.length)>0&&o.createElement(Be,{title:"Mark all as read"},o.createElement(k,{onClick:function(e){return s(e)}},o.createElement(ie,null))),(null==n?void 0:n.length)>0&&o.createElement(Be,{title:"Delete all"},o.createElement(k,{onClick:function(e){return c(e)}},o.createElement(ce,null))),(!a&&""!==!a||!f)&&"none"!=i&&o.createElement(Be,{title:"Notification Preferences"},o.createElement(k,{onClick:function(e){return u()}},o.createElement(fe,{fontSize:"small"}))))},We=function(){var e,t=ir(),n=t.data,r=n.tabPanelValue,a=n.unreadCount,i=t.handlers.handleChangeTabs,l=g();return o.createElement(H,{value:r},o.createElement(y,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center"}},o.createElement(V,{variant:"standard",onChange:i,"data-testid":"noti-center-tabs"},o.createElement(A,{disableRipple:!0,value:"all",label:"All"}),o.createElement(A,{disableRipple:!0,value:"unread",label:"Unread",sx:{minHeight:0},icon:o.createElement(O,{size:"small",className:"MuiChip-light",sx:{color:null===(e=l.palette.primary)||void 0===e?void 0:e.main,backgroundColor:Fe(l.palette.primary.main,.12)},label:a}),iconPosition:"end"})),o.createElement(Ue,null)),o.createElement(P,{sx:{mt:0,mb:0}}),o.createElement(U,{value:"all",sx:{p:0,minWidth:"inherit"}},o.createElement(Ie,{filter:!1})),o.createElement(U,{value:"unread",sx:{p:0,minWidth:"inherit"}},o.createElement(Ie,{filter:!0})))},qe=function(e,t){return e===t||e!=e&&t!=t},Ge=function(e,t){for(var n=e.length;n--;)if(qe(e[n][0],t))return n;return-1},Xe=Array.prototype.splice;function $e(e){var t=-1,n=null==e?0:e.length;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}$e.prototype.clear=function(){this.__data__=[],this.size=0},$e.prototype.delete=function(e){var t=this.__data__,n=Ge(t,e);return!(n<0||(n==t.length-1?t.pop():Xe.call(t,n,1),--this.size,0))},$e.prototype.get=function(e){var t=this.__data__,n=Ge(t,e);return n<0?void 0:t[n][1]},$e.prototype.has=function(e){return Ge(this.__data__,e)>-1},$e.prototype.set=function(e,t){var n=this.__data__,r=Ge(n,e);return r<0?(++this.size,n.push([e,t])):n[r][1]=t,this};var Ye=$e,Ze="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function Je(e,t){return e(t={exports:{}},t.exports),t.exports}var Ke,Qe="object"==typeof Ze&&Ze&&Ze.Object===Object&&Ze,et="object"==typeof self&&self&&self.Object===Object&&self,tt=Qe||et||Function("return this")(),nt=tt.Symbol,rt=Object.prototype,ot=rt.hasOwnProperty,at=rt.toString,it=nt?nt.toStringTag:void 0,lt=Object.prototype.toString,ct=nt?nt.toStringTag:void 0,st=function(e){return null==e?void 0===e?"[object Undefined]":"[object Null]":ct&&ct in Object(e)?function(e){var t=ot.call(e,it),n=e[it];try{e[it]=void 0;var r=!0}catch(e){}var o=at.call(e);return r&&(t?e[it]=n:delete e[it]),o}(e):function(e){return lt.call(e)}(e)},ut=function(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)},dt=function(e){if(!ut(e))return!1;var t=st(e);return"[object Function]"==t||"[object GeneratorFunction]"==t||"[object AsyncFunction]"==t||"[object Proxy]"==t},ft=tt["__core-js_shared__"],pt=(Ke=/[^.]+$/.exec(ft&&ft.keys&&ft.keys.IE_PROTO||""))?"Symbol(src)_1."+Ke:"",mt=Function.prototype.toString,ht=function(e){if(null!=e){try{return mt.call(e)}catch(e){}try{return e+""}catch(e){}}return""},vt=/^\[object .+?Constructor\]$/,gt=RegExp("^"+Function.prototype.toString.call(Object.prototype.hasOwnProperty).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),bt=function(e,t){var n=function(e,t){return null==e?void 0:e[t]}(e,t);return function(e){return!(!ut(e)||(t=e,pt&&pt in t))&&(dt(e)?gt:vt).test(ht(e));var t}(n)?n:void 0},yt=bt(tt,"Map"),xt=bt(Object,"create"),Et=Object.prototype.hasOwnProperty,wt=Object.prototype.hasOwnProperty;function kt(e){var t=-1,n=null==e?0:e.length;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}kt.prototype.clear=function(){this.__data__=xt?xt(null):{},this.size=0},kt.prototype.delete=function(e){var t=this.has(e)&&delete this.__data__[e];return this.size-=t?1:0,t},kt.prototype.get=function(e){var t=this.__data__;if(xt){var n=t[e];return"__lodash_hash_undefined__"===n?void 0:n}return Et.call(t,e)?t[e]:void 0},kt.prototype.has=function(e){var t=this.__data__;return xt?void 0!==t[e]:wt.call(t,e)},kt.prototype.set=function(e,t){var n=this.__data__;return this.size+=this.has(e)?0:1,n[e]=xt&&void 0===t?"__lodash_hash_undefined__":t,this};var _t=kt,jt=function(e,t){var n,r,o=e.__data__;return("string"==(r=typeof(n=t))||"number"==r||"symbol"==r||"boolean"==r?"__proto__"!==n:null===n)?o["string"==typeof t?"string":"hash"]:o.map};function Ct(e){var t=-1,n=null==e?0:e.length;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}Ct.prototype.clear=function(){this.size=0,this.__data__={hash:new _t,map:new(yt||Ye),string:new _t}},Ct.prototype.delete=function(e){var t=jt(this,e).delete(e);return this.size-=t?1:0,t},Ct.prototype.get=function(e){return jt(this,e).get(e)},Ct.prototype.has=function(e){return jt(this,e).has(e)},Ct.prototype.set=function(e,t){var n=jt(this,e),r=n.size;return n.set(e,t),this.size+=n.size==r?0:1,this};var zt=Ct;function St(e){var t=this.__data__=new Ye(e);this.size=t.size}St.prototype.clear=function(){this.__data__=new Ye,this.size=0},St.prototype.delete=function(e){var t=this.__data__,n=t.delete(e);return this.size=t.size,n},St.prototype.get=function(e){return this.__data__.get(e)},St.prototype.has=function(e){return this.__data__.has(e)},St.prototype.set=function(e,t){var n=this.__data__;if(n instanceof Ye){var r=n.__data__;if(!yt||r.length<199)return r.push([e,t]),this.size=++n.size,this;n=this.__data__=new zt(r)}return n.set(e,t),this.size=n.size,this};var At=St;function Ot(e){var t=-1,n=null==e?0:e.length;for(this.__data__=new zt;++t<n;)this.add(e[t])}Ot.prototype.add=Ot.prototype.push=function(e){return this.__data__.set(e,"__lodash_hash_undefined__"),this},Ot.prototype.has=function(e){return this.__data__.has(e)};var Pt=Ot,Dt=function(e,t){for(var n=-1,r=null==e?0:e.length;++n<r;)if(t(e[n],n,e))return!0;return!1},Mt=function(e,t,n,r,o,a){var i=1&n,l=e.length,c=t.length;if(l!=c&&!(i&&c>l))return!1;var s=a.get(e),u=a.get(t);if(s&&u)return s==t&&u==e;var d=-1,f=!0,p=2&n?new Pt:void 0;for(a.set(e,t),a.set(t,e);++d<l;){var m=e[d],h=t[d];if(r)var v=i?r(h,m,d,t,e,a):r(m,h,d,e,t,a);if(void 0!==v){if(v)continue;f=!1;break}if(p){if(!Dt(t,function(e,t){if(!p.has(t)&&(m===e||o(m,e,n,r,a)))return p.push(t)})){f=!1;break}}else if(m!==h&&!o(m,h,n,r,a)){f=!1;break}}return a.delete(e),a.delete(t),f},It=tt.Uint8Array,Ft=function(e){var t=-1,n=Array(e.size);return e.forEach(function(e,r){n[++t]=[r,e]}),n},Nt=function(e){var t=-1,n=Array(e.size);return e.forEach(function(e){n[++t]=e}),n},Bt=nt?nt.prototype:void 0,Rt=Bt?Bt.valueOf:void 0,Tt=function(e,t){for(var n=-1,r=t.length,o=e.length;++n<r;)e[o+n]=t[n];return e},Lt=Array.isArray,Ht=function(e,t,n){var r=t(e);return Lt(e)?r:Tt(r,n(e))},Vt=function(){return[]},Ut=Object.prototype.propertyIsEnumerable,Wt=Object.getOwnPropertySymbols,qt=Wt?function(e){return null==e?[]:(e=Object(e),function(t,n){for(var r=-1,o=null==t?0:t.length,a=0,i=[];++r<o;){var l=t[r];Ut.call(e,l)&&(i[a++]=l)}return i}(Wt(e)))}:Vt,Gt=function(e){return null!=e&&"object"==typeof e},Xt=function(e){return Gt(e)&&"[object Arguments]"==st(e)},$t=Object.prototype,Yt=$t.hasOwnProperty,Zt=$t.propertyIsEnumerable,Jt=Xt(function(){return arguments}())?Xt:function(e){return Gt(e)&&Yt.call(e,"callee")&&!Zt.call(e,"callee")},Kt=function(){return!1},Qt=Je(function(e,t){var n=t&&!t.nodeType&&t,r=n&&e&&!e.nodeType&&e,o=r&&r.exports===n?tt.Buffer:void 0;e.exports=(o?o.isBuffer:void 0)||Kt}),en=/^(?:0|[1-9]\d*)$/,tn=function(e,t){var n=typeof e;return!!(t=null==t?9007199254740991:t)&&("number"==n||"symbol"!=n&&en.test(e))&&e>-1&&e%1==0&&e<t},nn=function(e){return"number"==typeof e&&e>-1&&e%1==0&&e<=9007199254740991},rn={};rn["[object Float32Array]"]=rn["[object Float64Array]"]=rn["[object Int8Array]"]=rn["[object Int16Array]"]=rn["[object Int32Array]"]=rn["[object Uint8Array]"]=rn["[object Uint8ClampedArray]"]=rn["[object Uint16Array]"]=rn["[object Uint32Array]"]=!0,rn["[object Arguments]"]=rn["[object Array]"]=rn["[object ArrayBuffer]"]=rn["[object Boolean]"]=rn["[object DataView]"]=rn["[object Date]"]=rn["[object Error]"]=rn["[object Function]"]=rn["[object Map]"]=rn["[object Number]"]=rn["[object Object]"]=rn["[object RegExp]"]=rn["[object Set]"]=rn["[object String]"]=rn["[object WeakMap]"]=!1;var on=function(e){return function(t){return e(t)}},an=Je(function(e,t){var n=t&&!t.nodeType&&t,r=n&&e&&!e.nodeType&&e,o=r&&r.exports===n&&Qe.process,a=function(){try{return r&&r.require&&r.require("util").types||o&&o.binding&&o.binding("util")}catch(e){}}();e.exports=a}),ln=an&&an.isTypedArray,cn=ln?on(ln):function(e){return Gt(e)&&nn(e.length)&&!!rn[st(e)]},sn=Object.prototype.hasOwnProperty,un=function(e,t){var n=Lt(e),r=!n&&Jt(e),o=!n&&!r&&Qt(e),a=!n&&!r&&!o&&cn(e),i=n||r||o||a,l=i?function(e,t){for(var n=-1,r=Array(e);++n<e;)r[n]=t(n);return r}(e.length,String):[],c=l.length;for(var s in e)!t&&!sn.call(e,s)||i&&("length"==s||o&&("offset"==s||"parent"==s)||a&&("buffer"==s||"byteLength"==s||"byteOffset"==s)||tn(s,c))||l.push(s);return l},dn=Object.prototype,fn=function(e){var t=e&&e.constructor;return e===("function"==typeof t&&t.prototype||dn)},pn=function(e,t){return function(n){return e(t(n))}},mn=pn(Object.keys,Object),hn=Object.prototype.hasOwnProperty,vn=function(e){return null!=e&&nn(e.length)&&!dt(e)},gn=function(e){return vn(e)?un(e):function(e){if(!fn(e))return mn(e);var t=[];for(var n in Object(e))hn.call(e,n)&&"constructor"!=n&&t.push(n);return t}(e)},bn=function(e){return Ht(e,gn,qt)},yn=Object.prototype.hasOwnProperty,xn=bt(tt,"DataView"),En=bt(tt,"Promise"),wn=bt(tt,"Set"),kn=bt(tt,"WeakMap"),_n=ht(xn),jn=ht(yt),Cn=ht(En),zn=ht(wn),Sn=ht(kn),An=st;(xn&&"[object DataView]"!=An(new xn(new ArrayBuffer(1)))||yt&&"[object Map]"!=An(new yt)||En&&"[object Promise]"!=An(En.resolve())||wn&&"[object Set]"!=An(new wn)||kn&&"[object WeakMap]"!=An(new kn))&&(An=function(e){var t=st(e),n="[object Object]"==t?e.constructor:void 0,r=n?ht(n):"";if(r)switch(r){case _n:return"[object DataView]";case jn:return"[object Map]";case Cn:return"[object Promise]";case zn:return"[object Set]";case Sn:return"[object WeakMap]"}return t});var On=An,Pn=Object.prototype.hasOwnProperty,Dn=function(e,t){return function e(t,n,r,o,a){return t===n||(null==t||null==n||!Gt(t)&&!Gt(n)?t!=t&&n!=n:function(e,t,n,r,o,a){var i=Lt(e),l=Lt(t),c=i?"[object Array]":On(e),s=l?"[object Array]":On(t),u="[object Object]"==(c="[object Arguments]"==c?"[object Object]":c),d="[object Object]"==(s="[object Arguments]"==s?"[object Object]":s),f=c==s;if(f&&Qt(e)){if(!Qt(t))return!1;i=!0,u=!1}if(f&&!u)return a||(a=new At),i||cn(e)?Mt(e,t,n,r,o,a):function(e,t,n,r,o,a,i){switch(n){case"[object DataView]":if(e.byteLength!=t.byteLength||e.byteOffset!=t.byteOffset)return!1;e=e.buffer,t=t.buffer;case"[object ArrayBuffer]":return!(e.byteLength!=t.byteLength||!a(new It(e),new It(t)));case"[object Boolean]":case"[object Date]":case"[object Number]":return qe(+e,+t);case"[object Error]":return e.name==t.name&&e.message==t.message;case"[object RegExp]":case"[object String]":return e==t+"";case"[object Map]":var l=Ft;case"[object Set]":if(l||(l=Nt),e.size!=t.size&&!(1&r))return!1;var c=i.get(e);if(c)return c==t;r|=2,i.set(e,t);var s=Mt(l(e),l(t),r,o,a,i);return i.delete(e),s;case"[object Symbol]":if(Rt)return Rt.call(e)==Rt.call(t)}return!1}(e,t,c,n,r,o,a);if(!(1&n)){var p=u&&Pn.call(e,"__wrapped__"),m=d&&Pn.call(t,"__wrapped__");if(p||m){var h=p?e.value():e,v=m?t.value():t;return a||(a=new At),o(h,v,n,r,a)}}return!!f&&(a||(a=new At),function(e,t,n,r,o,a){var i=1&n,l=bn(e),c=l.length;if(c!=bn(t).length&&!i)return!1;for(var s=c;s--;){var u=l[s];if(!(i?u in t:yn.call(t,u)))return!1}var d=a.get(e),f=a.get(t);if(d&&f)return d==t&&f==e;var p=!0;a.set(e,t),a.set(t,e);for(var m=i;++s<c;){var h=e[u=l[s]],v=t[u];if(r)var g=i?r(v,h,u,t,e,a):r(h,v,u,e,t,a);if(!(void 0===g?h===v||o(h,v,n,r,a):g)){p=!1;break}m||(m="constructor"==u)}if(p&&!m){var b=e.constructor,y=t.constructor;b==y||!("constructor"in e)||!("constructor"in t)||"function"==typeof b&&b instanceof b&&"function"==typeof y&&y instanceof y||(p=!1)}return a.delete(e),a.delete(t),p}(e,t,n,r,o,a))}(t,n,r,o,e,a))}(e,t)},Mn=function(){try{var e=bt(Object,"defineProperty");return e({},"",{}),e}catch(e){}}(),In=function(e,t,n){"__proto__"==t&&Mn?Mn(e,t,{configurable:!0,enumerable:!0,value:n,writable:!0}):e[t]=n},Fn=Object.prototype.hasOwnProperty,Nn=function(e,t,n){var r=e[t];Fn.call(e,t)&&qe(r,n)&&(void 0!==n||t in e)||In(e,t,n)},Bn=function(e,t,n,r){var o=!n;n||(n={});for(var a=-1,i=t.length;++a<i;){var l=t[a],c=r?r(n[l],e[l],l,n,e):void 0;void 0===c&&(c=e[l]),o?In(n,l,c):Nn(n,l,c)}return n},Rn=Object.prototype.hasOwnProperty,Tn=function(e){return vn(e)?un(e,!0):function(e){if(!ut(e))return function(e){var t=[];if(null!=e)for(var n in Object(e))t.push(n);return t}(e);var t=fn(e),n=[];for(var r in e)("constructor"!=r||!t&&Rn.call(e,r))&&n.push(r);return n}(e)},Ln=Je(function(e,t){var n=t&&!t.nodeType&&t,r=n&&e&&!e.nodeType&&e,o=r&&r.exports===n?tt.Buffer:void 0,a=o?o.allocUnsafe:void 0;e.exports=function(e,t){if(t)return e.slice();var n=e.length,r=a?a(n):new e.constructor(n);return e.copy(r),r}}),Hn=pn(Object.getPrototypeOf,Object),Vn=Object.getOwnPropertySymbols?function(e){for(var t=[];e;)Tt(t,qt(e)),e=Hn(e);return t}:Vt,Un=function(e){return Ht(e,Tn,Vn)},Wn=Object.prototype.hasOwnProperty,qn=function(e){var t=new e.constructor(e.byteLength);return new It(t).set(new It(e)),t},Gn=/\w*$/,Xn=nt?nt.prototype:void 0,$n=Xn?Xn.valueOf:void 0,Yn=Object.create,Zn=function(){function e(){}return function(t){if(!ut(t))return{};if(Yn)return Yn(t);e.prototype=t;var n=new e;return e.prototype=void 0,n}}(),Jn=an&&an.isMap,Kn=Jn?on(Jn):function(e){return Gt(e)&&"[object Map]"==On(e)},Qn=an&&an.isSet,er=Qn?on(Qn):function(e){return Gt(e)&&"[object Set]"==On(e)},tr={};tr["[object Arguments]"]=tr["[object Array]"]=tr["[object ArrayBuffer]"]=tr["[object DataView]"]=tr["[object Boolean]"]=tr["[object Date]"]=tr["[object Float32Array]"]=tr["[object Float64Array]"]=tr["[object Int8Array]"]=tr["[object Int16Array]"]=tr["[object Int32Array]"]=tr["[object Map]"]=tr["[object Number]"]=tr["[object Object]"]=tr["[object RegExp]"]=tr["[object Set]"]=tr["[object String]"]=tr["[object Symbol]"]=tr["[object Uint8Array]"]=tr["[object Uint8ClampedArray]"]=tr["[object Uint16Array]"]=tr["[object Uint32Array]"]=!0,tr["[object Error]"]=tr["[object Function]"]=tr["[object WeakMap]"]=!1;var nr=function e(t,n,r,o,a,i){var l,c=1&n,s=2&n,u=4&n;if(r&&(l=a?r(t,o,a,i):r(t)),void 0!==l)return l;if(!ut(t))return t;var d=Lt(t);if(d){if(l=function(e){var t=e.length,n=new e.constructor(t);return t&&"string"==typeof e[0]&&Wn.call(e,"index")&&(n.index=e.index,n.input=e.input),n}(t),!c)return function(e,t){var n=-1,r=e.length;for(t||(t=Array(r));++n<r;)t[n]=e[n];return t}(t,l)}else{var f=On(t),p="[object Function]"==f||"[object GeneratorFunction]"==f;if(Qt(t))return Ln(t,c);if("[object Object]"==f||"[object Arguments]"==f||p&&!a){if(l=s||p?{}:function(e){return"function"!=typeof e.constructor||fn(e)?{}:Zn(Hn(e))}(t),!c)return s?function(e,t){return Bn(e,Vn(e),t)}(t,function(e,t){return e&&Bn(t,Tn(t),e)}(l,t)):function(e,t){return Bn(e,qt(e),t)}(t,function(e,t){return e&&Bn(t,gn(t),e)}(l,t))}else{if(!tr[f])return a?t:{};l=function(e,t,n){var r,o,a=e.constructor;switch(t){case"[object ArrayBuffer]":return qn(e);case"[object Boolean]":case"[object Date]":return new a(+e);case"[object DataView]":return function(e,t){var n=t?qn(e.buffer):e.buffer;return new e.constructor(n,e.byteOffset,e.byteLength)}(e,n);case"[object Float32Array]":case"[object Float64Array]":case"[object Int8Array]":case"[object Int16Array]":case"[object Int32Array]":case"[object Uint8Array]":case"[object Uint8ClampedArray]":case"[object Uint16Array]":case"[object Uint32Array]":return function(e,t){var n=t?qn(e.buffer):e.buffer;return new e.constructor(n,e.byteOffset,e.length)}(e,n);case"[object Map]":return new a;case"[object Number]":case"[object String]":return new a(e);case"[object RegExp]":return(o=new(r=e).constructor(r.source,Gn.exec(r))).lastIndex=r.lastIndex,o;case"[object Set]":return new a;case"[object Symbol]":return $n?Object($n.call(e)):{}}}(t,f,c)}}i||(i=new At);var m=i.get(t);if(m)return m;i.set(t,l),er(t)?t.forEach(function(o){l.add(e(o,n,r,o,t,i))}):Kn(t)&&t.forEach(function(o,a){l.set(a,e(o,n,r,a,t,i))});var h=d?void 0:(u?s?Un:bn:s?Tn:gn)(t);return function(e,t){for(var n=-1,r=null==e?0:e.length;++n<r&&!1!==t(e[n],n););}(h||t,function(o,a){h&&(o=t[a=o]),Nn(l,a,e(o,n,r,a,t,i))}),l},rr=function(e){return nr(e,5)},or=["children"],ar=o.createContext(),ir=function(){return f(ar)},lr=function(e,t){return t.page>2?[].concat(e,t.messages.messages):t.messages.messages},cr=function(e){var n,r,a,i,l,f,p=e.children,h=ne(e,or),v=h.user,b=void 0===v?"":v,y=h.workspace,x=void 0===y?"":y,E=h.integration,k=void 0===E?"":E,_=h.signature,j=void 0===_?"":_,C=h.themeConfig,z=void 0===C?{}:C,S=h.globalChannels,A=void 0===S?[]:S,O=h.notificationSettings,P=void 0===O?{}:O,M=h.onMessageReceived,I=void 0===M?null:M,F=h.onMessageRecieved,N=void 0===F?null:F,B=h.onMessageClicked,R=void 0===B?null:B,T=h.customIconComponent,L=void 0===T?null:T,H=h.overrideInappUrl,V=void 0===H?"https://inapp.fyno.io":H,U=c(!0),W=U[0],q=U[1],G=c(null),X=G[0],$=G[1],Y=c({}),Z=Y[0],J=Y[1],K=c({}),Q=K[0],re=K[1],oe=c(!0),ae=oe[0],ie=oe[1],le=c(!1),ce=le[0],se=le[1],ue=c(""),de=ue[0],fe=ue[1],pe=c([]),me=pe[0],he=pe[1],ve=c([]),ge=ve[0],be=ve[1],ye=c(null),xe=ye[0],Ee=ye[1],we=c(null),ke=we[0],_e=we[1],je=c(!1),Ce=je[0],ze=je[1],Se=c("all"),Ae=Se[0],Oe=Se[1],Pe=c(0),De=Pe[0],Me=Pe[1],Ie=c(1),Fe=Ie[0],Ne=Ie[1],Be=c(0),Re=Be[0],Te=Be[1],Le=c(0),He=Le[0],Ue=Le[1],We=c({}),qe=We[0],Ge=We[1],Xe=c(!1),$e=Xe[0],Ye=Xe[1],Ze=c(!1),Je=Ze[1],Ke=u(Ze[0]),Qe=c((null==A?void 0:A.reduce(function(e,t){return e[t]=!1,e},{}))||{}),et=Qe[0],tt=Qe[1],nt=c(rr(et)),rt=nt[0],ot=nt[1],at=c({}),it=at[0],lt=at[1],ct=g(),st=null!=(n=z.logo)?n:"",ut=d(function(){var e;return null!=(e=z.notification_center)?e:{anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"}}},[z]),dt=null!=(r=z.position)?r:"default",ft=null!=(a=z.offset)?a:0,pt=null!=(i=z.preference_mode)?i:"none",mt=null!=(l=z.disable_ripple)&&l,ht=null==(f=P.showToast)||f,vt=P.sound?ee(P.sound)[0]:null,gt=c(!1),bt=gt[0],yt=gt[1],xt=function(e){he(function(t){return function(e,t){return e.map(function(e){if(e._id===t.messageId){if("DELETED"===t.status)return null;"READ"===t.status&&(e.isRead=!0),e.status.push(t)}return e}).filter(Boolean)}(t,e)}),"DELETED"===e.status?(Te(function(e){return e-1}),e.isRead||Me(function(e){return e-1})):"READ"===e.status&&(be(function(t){return t.filter(function(t){return t._id!==e.messageId})}),Me(function(e){return e-1})),R&&R(e.status,e.messageId)},Et=D(function(){Ue(0)},100);s(function(){!ke&&Object.keys(qe).length>0&&(Mt(te({},qe),xe),Ge({}))},[qe,ke,xe]),s(function(){var e=m(V||"https://inapp.fyno.io",{transports:["polling","websocket"],auth:{user_id:b,WS_ID:x,Integration_ID:k,"x-fyno-signature":j},extraHeaders:{"x-fyno-signature":j,cookie:"x-fyno-cookie="+j},withCredentials:!0});return e.on("connect_error",function(e){return fe(e.message)}),e.on("connectionSuccess",function(t){var n,r;fe(""),he([]),be([]),Te(0),Me(0),Ge({}),Ue(0),ie(null==(n=null==t||null===(r=t.config)||void 0===r?void 0:r.branding)||n),L&&$(L),Ee(e),e.emit("get:messages",{filter:"all",page:1})}),e.on("message",function(t){var n;e.emit("message:received",{id:t._Id}),Ke.current&&e.emit("updateLastSeen"),null!=t&&null!==(n=t.notification_content)&&void 0!==n&&n.silent_message||ke||(ht&&Ge(t),Ot(t)),I&&I(t),N&&N(t)}),e.on("messages:state",function(e){"all"===e.filter?he(function(t){return lr(t,e)}):be(function(t){return lr(t,e)}),Me(e.messages.unreadCount),Te(e.messages.total),Ne(e.page),Ue(100),Et()}),e.on("statusUpdated",xt),e.on("lastSeenUpdated",q),e.on("tag:updated",function(e){he(function(t){var n=t.filter(function(t){return t._id!==e});return Me(function(e){return e-1}),Te(function(e){return e-1}),n})}),e.on("disconnect",function(e){return fe(e.message)}),e.on("preferences:state",function(e){var t;J(e),tt(function(n){var r;return e.result?(t=null===(r=Object.entries(e.result))||void 0===r?void 0:r.reduce(function(e,t){return t[1].map(function(t){if(!t.is_global_opted_out)return e;e=te({},e,t.is_global_opted_out)}),e},n),ot(rr(t)),t):n}),re(rr(e)),lt({}),ze(function(e){return!e}),Ye(!1)}),e.on("preference:update",function(){t.success(function(){return o.createElement(w,{sx:{color:ct.palette.text.primary}},"Channel preference updated")},{position:"top-center",duration:2e3,style:{color:ct.palette.toasttext.primary}}),e.emit("get:preference")}),function(){e.disconnect()}},[b,x,k,j,V,N,I]),s(function(){be(me.filter(function(e){return!e.isRead}))},[me]),s(function(){!Ke&&xe&&xe.emit("get:messages",{filter:Ae,page:1})},[ke,Ae,xe]);var wt=function(e,t){xe&&(Ue(Math.floor(31*Math.random())+30),xe.emit("get:messages",{filter:t,page:e}))},kt=function(e,t){Oe(t)},_t=function(e){null==e||e.stopPropagation(),null==e||e.preventDefault(),yt(!bt)},jt=function(e){null==e||e.stopPropagation(),null==e||e.preventDefault(),yt(!1),xe.emit("markAll:delete",j),Me(0)},Ct=function(){xe.emit("markAll:read",j),Me(0)},zt=function(){Je(!1),Ke.current=!1,_e(null)},St=function(e){Je(!0),Ke.current=!0,xe.emit("updateLastSeen"),_e(e.currentTarget)},At=function(){null==xe||xe.emit("get:preference")},Ot=function(e){he(function(t){return[te({},e,{isRead: