@fyno/inapp-react
Version:
React SDK for invoking Fyno inapp notifications center
1 lines • 76 kB
JavaScript
function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}var t=require("react-hot-toast"),n=e(t),r=require("react"),o=e(r),a=e(require("@mui/material/Box")),i=e(require("socket.io-client")),l=e(require("html-react-parser")),c=require("@mui/material"),s=require("@mui/lab"),u=require("react-intersection-observer"),d=e(require("moment")),p=e(require("@mui/material/Typography")),f=e(require("@mui/material/Link")),m=require("@mui/material/styles"),h=require("@mui/material/Tooltip"),g=e(h),v=e(require("use-sound"));function b(){return(b=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 y(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 x(e){return r.createElement(c.SvgIcon,b({className:"library-books-icon",viewBox:"0 0 24 24"},e),r.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),r.createElement("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 E=r.memo(x);function w(e){return r.createElement(c.SvgIcon,b({className:"mark-all-icon",viewBox:"0 0 24 24"},e),r.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),r.createElement("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 k=r.memo(w);function _(e){return r.createElement(c.SvgIcon,b({className:"delete-all-icon",viewBox:"0 0 24 24"},e),r.createElement("path",{d:"M0 0h24v24H0V0z",fill:"none"}),r.createElement("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 C=r.memo(_);function j(e){return r.createElement(c.SvgIcon,b({className:"close-icon",viewBox:"0 0 24 24"},e),r.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),r.createElement("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 S=r.memo(j);function z(e){return r.createElement(c.SvgIcon,b({className:"settings-icon",viewBox:"0 0 24 24"},e),r.createElement("path",{d:"M0 0h24v24H0V0z",fill:"none"}),r.createElement("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 B=r.memo(z);function T(e){return r.createElement(c.SvgIcon,b({className:"check-icon",viewBox:"0 0 24 24"},e),r.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),r.createElement("path",{d:"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"}))}var A=r.memo(T);function I(e){return r.createElement(c.SvgIcon,b({className:"delete-icon",viewBox:"0 0 24 24"},e),r.createElement("path",{d:"M0 0h24v24H0V0z",fill:"none"}),r.createElement("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 P=r.memo(I);function O(e){return r.createElement(c.SvgIcon,b({className:"hourglass-empty-icon",viewBox:"0 0 24 24"},e),r.createElement("path",{d:"M0 0h24v24H0V0z",fill:"none"}),r.createElement("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 M=r.memo(O);function D(e,t){return r.createElement(c.SvgIcon,b({className:"more-horiz-icon",viewBox:"0 0 24 24"},e,{ref:t}),r.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),r.createElement("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 F=r.memo(r.forwardRef(D));function N(e){return r.createElement(c.SvgIcon,b({className:"open-in-new-icon",viewBox:"0 0 24 24"},e),r.createElement("path",{d:"M0 0h24v24H0z",fill:"none"}),r.createElement("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 R=r.memo(N),L=function(e){var t=e.renderBody,n=r.useState(!1),a=n[0],i=n[1],c=m.useTheme(),s=(null==t?void 0:t.length)>150,u=a?t:null==t?void 0:t.slice(0,150);return o.createElement(o.Fragment,null,o.createElement(p,{fontSize:"12px",fontWeight:300,color:c.palette.text.primary,className:"notification-body"},l(u),s&&!a&&"..."),s&&o.createElement(f,{fontFamily:c.typography.fontFamily,size:"small",fontSize:"12px",onClick:function(){return i(!a)},underline:"none",sx:{color:c.palette.primary.main,cursor:"pointer",display:"inline-block",marginTop:"2"}},a?"Show less":"Read more"))},H=function(e){var t,n,r,a=e.docType,i=void 0===a?"txt":a,l=c.useTheme(),s="dark"===l.palette.mode,u={pdf:{iconColor:s?"rgba(172, 82, 82, 1)":"rgba(212, 121, 121, 1)",background:s?"rgba(172, 82, 82, 0.2)":"rgba(218, 118, 118, 0.15)",title:"PDF"},xlsx:{iconColor:s?"rgba(51, 143, 104, 1)":"rgba(85 ,149 ,121,1)",background:s?"rgba(51, 143, 104, 0.2)":"rgba(69, 125, 101, 0.15)",title:"XLSX"},xls:{iconColor:s?"rgba(51, 143, 104, 1)":"rgba(85, 149, 121, 1)",background:s?"rgba(51, 143, 104, 0.2)":"rgba(69, 125, 101, 0.15)",title:"XLS"},docx:{iconColor:s?"rgba(106, 159, 205, 1)":"rgba(101, 162, 219, 1)",background:s?"rgba(106, 159, 205, 0.2)":"rgba(123, 175, 225, 0.15)",title:"DOCX"},doc:{iconColor:s?"rgba(106, 159, 205, 1)":"rgba(101, 162, 219, 1)",background:s?"rgba(106, 159, 205, 0.2)":"rgba(123, 175, 225, 0.15)",title:"DOC"},txt:{iconColor:s?"rgba(185, 168, 75, 1)":"rgba(201, 184, 91, 1)",background:s?"rgba(185, 168, 75, 0.2)":"rgba(206, 192, 116, 0.15)",title:"TXT"}},d={width:"50px",height:"50px",borderRadius:1,background:(null===(t=u[i])||void 0===t?void 0:t.background)||l.palette.action.selected,color:(null===(n=u[i])||void 0===n?void 0:n.iconColor)||l.palette.action.active,display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"};return o.createElement(c.Box,{sx:b({},d),className:"notification-attachment "+i},o.createElement(E,{fontSize:"small"}),o.createElement(c.Typography,{sx:{fontSize:"0.6rem"},className:"attachemnt-name"},(null===(r=u[i])||void 0===r?void 0:r.title)||i.toUpperCase()))},V=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(H,{docType:i,showBlur:r});default:return null}},q=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"],p=["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(p.includes(a.protocol))return'<a href="'+a.href+'">'}catch(e){return"<a>"}}return e.replace(/</g,"<").replace(/>/g,">")})}return"";var d,p},U=function(e){var t=e.body,n=e.title,r=c.useTheme(),a={"&":{scope:"g",with:"&"},'"':{scope:"g",with:"""},"\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=q(t,a);return o.createElement(c.Box,{sx:{display:"flex",flexDirection:"column",gap:2,wordWrap:"break-word"}},o.createElement(c.Box,null,n&&o.createElement(c.Typography,{fontSize:"14px",fontWeight:600,color:r.palette.text.primary,className:"notification-title"},l(q(n,a))),t&&o.createElement(L,{renderBody:i})))},W=function(e){var t,n,a=e.createdAt,i=e.msg,l=c.useTheme(),s=kn().handlers,u=s.handleMarkAsRead,p=s.handleDelete,f=r.useState(!1),m=f[0],h=f[1],g=r.useRef();return o.createElement(c.Box,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center",my:1,pl:{xs:"8%",sm:"10%"}},component:"div",className:"notification-footer"},o.createElement(c.Typography,{fontSize:"0.7rem",sx:{color:l.palette.secondary.main,pl:{xs:2,sm:.35}}},d.parseZone(a).fromNow()),o.createElement(F,{color:"secondary",ref:g,onClick:function(e){e.preventDefault(),e.stopPropagation(),h(!m)},sx:{cursor:"pointer",":hover":{background:l.palette.action.focus},borderRadius:"10px",zIndex:50}}),o.createElement(c.Menu,{PaperProps:{style:{borderRadius:"10px",backgroundImage:"none"}},open:m,anchorEl:g.current,anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},onClose:function(e){e.preventDefault(),e.stopPropagation(),h(!1)}},!(null!=i&&i.isRead)&&o.createElement(c.Box,null,o.createElement(c.MenuItem,{onClick:function(e){e.preventDefault(),e.stopPropagation(),u(i),h(!1)}},o.createElement(c.Box,{sx:{display:"flex",alignItems:"center",gap:2,py:0}},o.createElement(k,{fontSize:"0.6rem"})," ",o.createElement(c.Typography,{variant:"small",fontSize:"0.8rem"},"Mark as read")))),o.createElement(c.MenuItem,{onClick:function(e){e.preventDefault(),e.stopPropagation(),h(!1),p(i)}},o.createElement(c.Box,{sx:{display:"flex",alignItems:"center",gap:2,py:0,color:null==l||null===(t=l.palette)||void 0===t||null===(n=t.error)||void 0===n?void 0:n.main}},o.createElement(P,{color:"error",fontSize:"0.6rem"}),o.createElement(c.Typography,{variant:"small",fontSize:"0.8rem"},"Delete")))))},G=function(e){var t=e.children,n=e.link,a=e.hover,i=void 0!==a&&a,l=e.sameTab,s=void 0===l?"false":l,u=e.item,d=c.useTheme(),p=(null==n?void 0:n.length)>0&&i,f=kn().handlers.handleMarkAsRead,m=r.useState(!1),h=m[0],g=m[1];return o.createElement(c.Box,{onClick:function(e){f(u),"true"===s?window.open(n,"_self"):window.open(n,"_blank"),e.stopPropagation(),e.preventDefault()},sx:{position:"relative"}},p&&o.createElement(c.Box,{sx:b({},{display:"flex",height:"50px",width:"50px",zIndex:50,alignItems:"center",justifyContent:"center",opacity:"0%",":hover":{opacity:"100%"},color:d.palette.common.white,position:"absolute"}),onMouseOver:function(){g(!0)},onMouseOut:function(){g(!1)}},o.createElement(R,{fontSize:"small"})),o.createElement(c.Box,{sx:{filter:h?"light"===d.palette.mode?"brightness(50%) blur(1px)":"blur(1px)":""}},t))},X=function(e){var t,n=e.item,r=kn().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(c.Grid,{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(c.Button,{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(c.Button,{disableElevation:!0,variant:"contained",size:"small",sx:{fontSize:"0.6rem"},className:"fyno-primary-action"},null==e?void 0:e.label)):void 0})):null},$=function(e){var t,n,r,a,i,l,s,u,d,p,f=e.item,m=c.useTheme(),h=null==f||null===(t=f.notification_content)||void 0===t||null===(n=t.attachments)||void 0===n?void 0:n.type,g=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,y=(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,y="true")):(v=null,y="true");var x=kn(),E=x.handlers.handleMarkAsRead,w=null==f?void 0:f.createdAt,k=null==f||null===(s=f.notification_content)||void 0===s?void 0:s.title,_=null==f||null===(u=f.notification_content)||void 0===u?void 0:u.body,C=(null==f||null===(d=f.notification_content)||void 0===d?void 0:d.icon)||x.data.brandLogo,j=null==f||null===(p=f.notification_content)||void 0===p?void 0:p.attachments,S=null==j?void 0:j.attachment,z={pt:2,pb:0,px:3,background:g?"":m.palette.primary.main+"1A",cursor:"pointer",":hover":{translate:"0 -2px"},transition:"0.3s translate ease-in-out",borderBottom:1,borderColor:m.palette.divider},B=c.useMediaQuery(m.breakpoints.down("sm"));return o.createElement(c.Grid,{container:!0,sx:b({},z),onClick:function(e){e.stopPropagation(),E(f),v&&window.open(v,"true"===y?"_self":"_blank")},columnGap:B?1:0,className:"notification-item"},o.createElement(c.Grid,{item:!0,xs:1.3,className:"notification-icon-section"},o.createElement("img",{src:C,width:"30px",height:"30px",style:{borderRadius:"4px",objectFit:"contain"},className:"notification-icon"})),o.createElement(c.Grid,{item:!0,xs:j?8:9.8,className:"notification-content"},o.createElement(U,{title:k,body:_}),o.createElement(X,{item:f})),j&&o.createElement(c.Grid,{item:!0,xs:2},o.createElement(c.Box,{sx:{display:"flex",flexDirection:"column",alignItems:"flex-end",justifyContent:"space-between"}},o.createElement(G,{item:f,link:S,hover:!0,sameTab:"false"},o.createElement(V,{type:h,attachmentsObject:j})))),o.createElement(c.Grid,{item:!0,xs:12},o.createElement(W,{createdAt:w,msg:f})))},Q=function(e){var t=e.children,n=e.setAnchorElDelete;return e.open?o.createElement(c.ClickAwayListener,{onClickAway:function(){n()}},t):t},Y=function(){var e=kn(),t=e.data,n=t.tabPanelValue,r=t.openDeleteDialog,a=t.header,i=e.handlers,l=i.handleClickDelete,s=i.deleteAllMessages,u=c.useTheme(),d="unread"===n,p=c.useMediaQuery(u.breakpoints.up("sm"));return o.createElement(c.Box,{sx:{height:function(){if(!p)return"69vh";var e=62;return p&&(a&&(e-=6),r&&(e-=5)),e+"vh"}(),color:u.palette.secondary.main,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",textAlign:"center",position:"relative"},className:"no-messages-section"},o.createElement(c.Collapse,{sx:{position:"absolute",top:0,zIndex:5e3},in:r},o.createElement(Q,{open:r,setAnchorElDelete:function(e){l(e)}},o.createElement(c.Paper,{sx:{p:3,display:"flex",alignItems:"center",gap:4,borderTopLeftRadius:0,borderTopRightRadius:0}},o.createElement(c.Typography,{sx:{width:"80%",fontSize:"0.8rem"},textAlign:"left"},"Are you sure you want to delete all the notifications?"),o.createElement(c.Box,{sx:{display:"flex",gap:1}},o.createElement(c.IconButton,{variant:"contained",size:"small",onClick:function(e){return s(e)}},o.createElement(A,null)),o.createElement(c.IconButton,{size:"small",onClick:function(e){return l(e)}},o.createElement(S,null)))))),o.createElement(M,{fontSize:"large"}),o.createElement(c.Typography,{color:"secondary",sx:{width:"50%",mb:d?0:3.1}},"No ",d?"unread":""," notifications to show yet"))},Z=o.memo(function(e){var t=e.filter,n=c.useTheme(),a=u.useInView(),i=a.ref,l=a.inView,s=kn(),d=s.data,p=d.list,f=d.unreadList,m=d.count,h=d.openDeleteDialog,g=d.tabPanelValue,v=d.unreadCount,b=d.header,y=d.page,x=d.notificationCenterPosition,E=d.showBranding,w=s.handlers,k=w.loadMoreNotifications,_=w.deleteAllMessages,C=w.handleClickDelete,j=w.setAnchorDeleteEl;r.useEffect(function(){j(!1)},[g]);var z=t?f:p,B=c.useMediaQuery(n.breakpoints.up("sm")),T="all"===g?m:v;return r.useEffect(function(){l&&(null==z?void 0:z.length)<T&&k(y,g)},[l]),(null==z?void 0:z.length)>0?o.createElement(c.Box,{sx:{height:B?"left"===x||"right"===x?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!==b?"56.25vh":E?"62.75vh":"64.75vh":"69vh",position:"relative",overflowY:"auto",scrollBehavior:"auto"},className:"notification-list"},o.createElement(c.Collapse,{sx:{position:"sticky",top:0,zIndex:5e3},in:h},o.createElement(Q,{open:h,setAnchorElDelete:function(e){C(e)}},o.createElement(c.Paper,{sx:{p:3,display:"flex",alignItems:"center",gap:4,borderTopLeftRadius:0,borderTopRightRadius:0}},o.createElement(c.Typography,{sx:{width:"80%",fontSize:"0.8rem"},textAlign:"left"},"Are you sure you want to delete all the notifications?"),o.createElement(c.Box,{sx:{display:"flex",gap:1}},o.createElement(c.IconButton,{variant:"contained",size:"small",onClick:function(e){return _(e)}},o.createElement(A,null)),o.createElement(c.IconButton,{size:"small",onClick:function(e){return C(e)}},o.createElement(S,null)))))),o.createElement(c.Grid,{container:!0,sx:{height:"100%",overflowY:"auto",overflowX:"hidden",pointerEvents:h?"none":"",opacity:h?"50%":"100%"},style:{alignContent:"flex-start"},className:"notification-list-grid"},z.map(function(e,t){return o.createElement(c.Grid,{key:e+t,item:!0,xs:12},o.createElement($,{item:e}),t===(null==z?void 0:z.length)-2&&o.createElement(c.Box,{ref:i}))}),(null==z?void 0:z.length)===T&&(null==z?void 0:z.length)>19&&o.createElement(c.Grid,{item:!0,xs:12,textAlign:"center",sx:{background:n.palette.secondary.main+"1A",py:1}},o.createElement(c.Typography,{variant:"caption",color:"secondary"},"Showing all notifications")))):o.createElement(Y,null)}),J=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+")"},K=["className"],ee=m.styled(function(e){var t=e.className,n=y(e,K);return o.createElement(g,b({},n,{arrow:!0,classes:{popper:t}}))})(function(e){var t,n=e.theme;return(t={})["& ."+h.tooltipClasses.arrow]={color:"light"==n.palette.mode?n.palette.common.black:n.palette.common.grey800},t["& ."+h.tooltipClasses.tooltip]={backgroundColor:"light"==n.palette.mode?n.palette.common.black:n.palette.common.grey800},t}),te=function(e){var t,n,r,a,i,l,s,u=e.docType,d=void 0===u?"txt":u,p=c.useTheme(),f="dark"===p.palette.mode,m={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"}},h={width:"50px",height:"50px",borderRadius:1,background:(null===(t=m[d])||void 0===t?void 0:t.background)||(null===(n=p.palette)||void 0===n||null===(r=n.action)||void 0===r?void 0:r.selected),color:(null===(a=m[d])||void 0===a?void 0:a.iconColor)||(null===(i=p.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(c.Box,{sx:b({},h)},o.createElement(E,{fontSize:"small"}),o.createElement(c.Typography,{sx:{fontSize:"0.6rem"}},(null===(s=m[d])||void 0===s?void 0:s.title)||d.toUpperCase()))},ne=function(e){var t,r=e.item,a=e.t,i=e.socketInstance,l=null==r||null===(t=r.notification_content)||void 0===t?void 0:t.buttons,s=r;return(null==l?void 0:l.length)>0?o.createElement(c.Grid,{container:!0,flexDirection:"row-reverse",justifyContent:"flex-end",sx:{gap:1,mt:1,ml:5}},l.map(function(e,t){var r=(null==e?void 0:e.sameTab)||"true";return"false"===(null==e?void 0:e.primary)||void 0===(null==e?void 0:e.primary)?o.createElement("a",{key:e+t,onClick:function(e){e.stopPropagation(),n.dismiss(a.id),null==i||i.emit("message:read",s)},target:"false"===r?"_self":"_blank",href:""+(null==e?void 0:e.action),rel:"noopener noreferrer",style:{textDecoration:"none"}},o.createElement(c.Button,{disableElevation:!0,variant:"outlined",onClick:function(){return n.dismiss(a.id)},size:"small",sx:{fontSize:"0.5rem"}},null==e?void 0:e.label)):"true"===(null==e?void 0:e.primary)?o.createElement("a",{key:e+t,target:r?"_blank":"_self",href:""+(null==e?void 0:e.action),rel:"noopener noreferrer",style:{textDecoration:"none"}},o.createElement(c.Button,{disableElevation:!0,variant:"contained",onClick:function(){return n.dismiss(a.id)},size:"small",sx:{fontSize:"0.5rem"}},null==e?void 0:e.label)):void 0})):null},re=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(te,{docType:i,showBlur:r});default:return null}},oe=function(e){var t,n,r,a,i=e.body,s=e.title,u=c.useTheme(),d=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"],p=["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(p.includes(a.protocol))return'<a href="'+a.href+'">'}catch(e){return"<a>"}}return e.replace(/</g,"<").replace(/>/g,">")})}return"";var d,p}(i,{"&":{scope:"g",with:"&"},'"':{scope:"g",with:"""},"\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 d&&o.createElement(c.Box,{sx:{display:"flex",flexDirection:"column",gap:2,textAlign:"left",wordWrap:"break-word"}},o.createElement(c.Box,null,o.createElement(c.Typography,{fontSize:"0.85rem",fontWeight:600,color:null===(t=u.palette)||void 0===t||null===(n=t.toasttext)||void 0===n?void 0:n.primary},s),o.createElement(c.Typography,{fontSize:"0.7rem",fontWeight:200,color:null===(r=u.palette)||void 0===r||null===(a=r.toasttext)||void 0===a?void 0:a.primary},l(d))))},ae=function(e){var t,r,a,i,l,s,u,d,p,f,m=e.msg,h=e.t,g=e.socketInstance,v=e.close,b=null==m||null===(t=m.notification_content)||void 0===t?void 0:t.title,y=null==m||null===(r=m.notification_content)||void 0===r?void 0:r.body,x=null==m||null===(a=m.notification_content)||void 0===a||null===(i=a.attachments)||void 0===i?void 0:i.type,E=null==m||null===(l=m.notification_content)||void 0===l?void 0:l.attachments,w=(null==E?void 0:E.attachment)||null,k=(null==m||null===(s=m.notification_content)||void 0===s?void 0:s.icon)||e.logo,_=null==m||null===(u=m.notification_content)||void 0===u||null===(d=u.action)||void 0===d?void 0:d.href,C=(null==m||null===(p=m.notification_content)||void 0===p||null===(f=p.action)||void 0===f?void 0:f.sameTab)||"false";return _&&"/"!==_[0]?/^https:/.test(_)||/^http:/.test(_)||(/[a-zA-Z]\.[a-zA-Z]/.test(_)?_="https://"+_:"#"!==_?_="/"+_:(_=null,C="true")):(_=null,C="true"),o.createElement(c.Box,{target:"false"===C?"_blank":"_self",onClick:function(e){e.stopPropagation(),n.dismiss(h.id),null==g||g.emit("message:read",m),_&&window.open(_,"true"===C?"_self":"_blank")},className:"fyno-toast",style:{textDecoration:"none",width:"100%"}},o.createElement(c.Grid,{container:!0,spacing:0,alignItems:"center"},o.createElement(c.Grid,{item:!0,xs:1.5,justifyContent:"center",alignItems:"center"},o.createElement("img",{src:k,width:"30px",height:"30px",style:{borderRadius:"4px",objectFit:"contain"}})),o.createElement(c.Grid,{item:!0,xs:8},o.createElement(oe,{title:b,body:y})),o.createElement(c.Grid,{item:!0,xs:2.5},o.createElement(c.Box,{sx:{display:"flex",flexDirection:"column",alignItems:"flex-end",justifyContent:"space-between"}},o.createElement(c.Box,{href:w,onClick:function(e){e.stopPropagation(),window.open(w,"_blank")}},o.createElement(re,{type:x,attachmentsObject:E})))),o.createElement(ne,{item:m,t:h,socketInstance:g}),v?o.createElement(c.IconButton,{onClick:function(e){e.preventDefault(),e.stopPropagation(),n.dismiss(h.id)},style:{position:"absolute",top:"-13%",left:"-3%",backgroundColor:"rgba(58, 53, 65, 0.04)"},size:"small"},o.createElement(S,{fontSize:"small"})):""))},ie=function(){var e=kn(),t=e.data,n=t.list,r=t.unreadList,a=t.header,i=t.preferenceMode,l=e.handlers,s=l.handleClickDelete,u=l.handleMarkAllAsRead,d=l.handleOpenConfig,p=c.useTheme(),f=c.useMediaQuery(p.breakpoints.up("sm"));return o.createElement(c.Box,{sx:{display:"flex",alignItems:"center",mr:2}},(null==n?void 0:n.length)>0&&(null==r?void 0:r.length)>0&&o.createElement(ee,{title:"Mark all as read"},o.createElement(c.IconButton,{onClick:function(e){return u(e)}},o.createElement(k,null))),(null==n?void 0:n.length)>0&&o.createElement(ee,{title:"Delete all"},o.createElement(c.IconButton,{onClick:function(e){return s(e)}},o.createElement(C,null))),(!a&&""!==!a||!f)&&"none"!=i&&o.createElement(ee,{title:"Notification Preferences"},o.createElement(c.IconButton,{onClick:function(e){return d()}},o.createElement(B,{fontSize:"small"}))))},le=function(){var e,t=kn(),n=t.data,r=n.tabPanelValue,a=n.unreadCount,i=t.handlers.handleChangeTabs,l=c.useTheme();return o.createElement(s.TabContext,{value:r},o.createElement(c.Box,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center"}},o.createElement(s.TabList,{variant:"standard",onChange:i,"data-testid":"noti-center-tabs"},o.createElement(c.Tab,{disableRipple:!0,value:"all",label:"All"}),o.createElement(c.Tab,{disableRipple:!0,value:"unread",label:"Unread",sx:{minHeight:0},icon:o.createElement(c.Chip,{size:"small",className:"MuiChip-light",sx:{color:null===(e=l.palette.primary)||void 0===e?void 0:e.main,backgroundColor:J(l.palette.primary.main,.12)},label:a}),iconPosition:"end"})),o.createElement(ie,null)),o.createElement(c.Divider,{sx:{mt:0,mb:0}}),o.createElement(s.TabPanel,{value:"all",sx:{p:0,minWidth:"inherit"}},o.createElement(Z,{filter:!1})),o.createElement(s.TabPanel,{value:"unread",sx:{p:0,minWidth:"inherit"}},o.createElement(Z,{filter:!0})))},ce=function(e,t){return e===t||e!=e&&t!=t},se=function(e,t){for(var n=e.length;n--;)if(ce(e[n][0],t))return n;return-1},ue=Array.prototype.splice;function de(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])}}de.prototype.clear=function(){this.__data__=[],this.size=0},de.prototype.delete=function(e){var t=this.__data__,n=se(t,e);return!(n<0||(n==t.length-1?t.pop():ue.call(t,n,1),--this.size,0))},de.prototype.get=function(e){var t=this.__data__,n=se(t,e);return n<0?void 0:t[n][1]},de.prototype.has=function(e){return se(this.__data__,e)>-1},de.prototype.set=function(e,t){var n=this.__data__,r=se(n,e);return r<0?(++this.size,n.push([e,t])):n[r][1]=t,this};var pe=de,fe="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function me(e,t){return e(t={exports:{}},t.exports),t.exports}var he,ge="object"==typeof fe&&fe&&fe.Object===Object&&fe,ve="object"==typeof self&&self&&self.Object===Object&&self,be=ge||ve||Function("return this")(),ye=be.Symbol,xe=Object.prototype,Ee=xe.hasOwnProperty,we=xe.toString,ke=ye?ye.toStringTag:void 0,_e=Object.prototype.toString,Ce=ye?ye.toStringTag:void 0,je=function(e){return null==e?void 0===e?"[object Undefined]":"[object Null]":Ce&&Ce in Object(e)?function(e){var t=Ee.call(e,ke),n=e[ke];try{e[ke]=void 0;var r=!0}catch(e){}var o=we.call(e);return r&&(t?e[ke]=n:delete e[ke]),o}(e):function(e){return _e.call(e)}(e)},Se=function(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)},ze=function(e){if(!Se(e))return!1;var t=je(e);return"[object Function]"==t||"[object GeneratorFunction]"==t||"[object AsyncFunction]"==t||"[object Proxy]"==t},Be=be["__core-js_shared__"],Te=(he=/[^.]+$/.exec(Be&&Be.keys&&Be.keys.IE_PROTO||""))?"Symbol(src)_1."+he:"",Ae=Function.prototype.toString,Ie=function(e){if(null!=e){try{return Ae.call(e)}catch(e){}try{return e+""}catch(e){}}return""},Pe=/^\[object .+?Constructor\]$/,Oe=RegExp("^"+Function.prototype.toString.call(Object.prototype.hasOwnProperty).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),Me=function(e,t){var n=function(e,t){return null==e?void 0:e[t]}(e,t);return function(e){return!(!Se(e)||(t=e,Te&&Te in t))&&(ze(e)?Oe:Pe).test(Ie(e));var t}(n)?n:void 0},De=Me(be,"Map"),Fe=Me(Object,"create"),Ne=Object.prototype.hasOwnProperty,Re=Object.prototype.hasOwnProperty;function Le(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])}}Le.prototype.clear=function(){this.__data__=Fe?Fe(null):{},this.size=0},Le.prototype.delete=function(e){var t=this.has(e)&&delete this.__data__[e];return this.size-=t?1:0,t},Le.prototype.get=function(e){var t=this.__data__;if(Fe){var n=t[e];return"__lodash_hash_undefined__"===n?void 0:n}return Ne.call(t,e)?t[e]:void 0},Le.prototype.has=function(e){var t=this.__data__;return Fe?void 0!==t[e]:Re.call(t,e)},Le.prototype.set=function(e,t){var n=this.__data__;return this.size+=this.has(e)?0:1,n[e]=Fe&&void 0===t?"__lodash_hash_undefined__":t,this};var He=Le,Ve=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 qe(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])}}qe.prototype.clear=function(){this.size=0,this.__data__={hash:new He,map:new(De||pe),string:new He}},qe.prototype.delete=function(e){var t=Ve(this,e).delete(e);return this.size-=t?1:0,t},qe.prototype.get=function(e){return Ve(this,e).get(e)},qe.prototype.has=function(e){return Ve(this,e).has(e)},qe.prototype.set=function(e,t){var n=Ve(this,e),r=n.size;return n.set(e,t),this.size+=n.size==r?0:1,this};var Ue=qe;function We(e){var t=this.__data__=new pe(e);this.size=t.size}We.prototype.clear=function(){this.__data__=new pe,this.size=0},We.prototype.delete=function(e){var t=this.__data__,n=t.delete(e);return this.size=t.size,n},We.prototype.get=function(e){return this.__data__.get(e)},We.prototype.has=function(e){return this.__data__.has(e)},We.prototype.set=function(e,t){var n=this.__data__;if(n instanceof pe){var r=n.__data__;if(!De||r.length<199)return r.push([e,t]),this.size=++n.size,this;n=this.__data__=new Ue(r)}return n.set(e,t),this.size=n.size,this};var Ge=We;function Xe(e){var t=-1,n=null==e?0:e.length;for(this.__data__=new Ue;++t<n;)this.add(e[t])}Xe.prototype.add=Xe.prototype.push=function(e){return this.__data__.set(e,"__lodash_hash_undefined__"),this},Xe.prototype.has=function(e){return this.__data__.has(e)};var $e=Xe,Qe=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},Ye=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,p=!0,f=2&n?new $e:void 0;for(a.set(e,t),a.set(t,e);++d<l;){var m=e[d],h=t[d];if(r)var g=i?r(h,m,d,t,e,a):r(m,h,d,e,t,a);if(void 0!==g){if(g)continue;p=!1;break}if(f){if(!Qe(t,function(e,t){if(!f.has(t)&&(m===e||o(m,e,n,r,a)))return f.push(t)})){p=!1;break}}else if(m!==h&&!o(m,h,n,r,a)){p=!1;break}}return a.delete(e),a.delete(t),p},Ze=be.Uint8Array,Je=function(e){var t=-1,n=Array(e.size);return e.forEach(function(e,r){n[++t]=[r,e]}),n},Ke=function(e){var t=-1,n=Array(e.size);return e.forEach(function(e){n[++t]=e}),n},et=ye?ye.prototype:void 0,tt=et?et.valueOf:void 0,nt=function(e,t){for(var n=-1,r=t.length,o=e.length;++n<r;)e[o+n]=t[n];return e},rt=Array.isArray,ot=function(e,t,n){var r=t(e);return rt(e)?r:nt(r,n(e))},at=function(){return[]},it=Object.prototype.propertyIsEnumerable,lt=Object.getOwnPropertySymbols,ct=lt?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];it.call(e,l)&&(i[a++]=l)}return i}(lt(e)))}:at,st=function(e){return null!=e&&"object"==typeof e},ut=function(e){return st(e)&&"[object Arguments]"==je(e)},dt=Object.prototype,pt=dt.hasOwnProperty,ft=dt.propertyIsEnumerable,mt=ut(function(){return arguments}())?ut:function(e){return st(e)&&pt.call(e,"callee")&&!ft.call(e,"callee")},ht=function(){return!1},gt=me(function(e,t){var n=t&&!t.nodeType&&t,r=n&&e&&!e.nodeType&&e,o=r&&r.exports===n?be.Buffer:void 0;e.exports=(o?o.isBuffer:void 0)||ht}),vt=/^(?:0|[1-9]\d*)$/,bt=function(e,t){var n=typeof e;return!!(t=null==t?9007199254740991:t)&&("number"==n||"symbol"!=n&&vt.test(e))&&e>-1&&e%1==0&&e<t},yt=function(e){return"number"==typeof e&&e>-1&&e%1==0&&e<=9007199254740991},xt={};xt["[object Float32Array]"]=xt["[object Float64Array]"]=xt["[object Int8Array]"]=xt["[object Int16Array]"]=xt["[object Int32Array]"]=xt["[object Uint8Array]"]=xt["[object Uint8ClampedArray]"]=xt["[object Uint16Array]"]=xt["[object Uint32Array]"]=!0,xt["[object Arguments]"]=xt["[object Array]"]=xt["[object ArrayBuffer]"]=xt["[object Boolean]"]=xt["[object DataView]"]=xt["[object Date]"]=xt["[object Error]"]=xt["[object Function]"]=xt["[object Map]"]=xt["[object Number]"]=xt["[object Object]"]=xt["[object RegExp]"]=xt["[object Set]"]=xt["[object String]"]=xt["[object WeakMap]"]=!1;var Et=function(e){return function(t){return e(t)}},wt=me(function(e,t){var n=t&&!t.nodeType&&t,r=n&&e&&!e.nodeType&&e,o=r&&r.exports===n&&ge.process,a=function(){try{return r&&r.require&&r.require("util").types||o&&o.binding&&o.binding("util")}catch(e){}}();e.exports=a}),kt=wt&&wt.isTypedArray,_t=kt?Et(kt):function(e){return st(e)&&yt(e.length)&&!!xt[je(e)]},Ct=Object.prototype.hasOwnProperty,jt=function(e,t){var n=rt(e),r=!n&&mt(e),o=!n&&!r&>(e),a=!n&&!r&&!o&&_t(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&&!Ct.call(e,s)||i&&("length"==s||o&&("offset"==s||"parent"==s)||a&&("buffer"==s||"byteLength"==s||"byteOffset"==s)||bt(s,c))||l.push(s);return l},St=Object.prototype,zt=function(e){var t=e&&e.constructor;return e===("function"==typeof t&&t.prototype||St)},Bt=function(e,t){return function(n){return e(t(n))}},Tt=Bt(Object.keys,Object),At=Object.prototype.hasOwnProperty,It=function(e){return null!=e&&yt(e.length)&&!ze(e)},Pt=function(e){return It(e)?jt(e):function(e){if(!zt(e))return Tt(e);var t=[];for(var n in Object(e))At.call(e,n)&&"constructor"!=n&&t.push(n);return t}(e)},Ot=function(e){return ot(e,Pt,ct)},Mt=Object.prototype.hasOwnProperty,Dt=Me(be,"DataView"),Ft=Me(be,"Promise"),Nt=Me(be,"Set"),Rt=Me(be,"WeakMap"),Lt=Ie(Dt),Ht=Ie(De),Vt=Ie(Ft),qt=Ie(Nt),Ut=Ie(Rt),Wt=je;(Dt&&"[object DataView]"!=Wt(new Dt(new ArrayBuffer(1)))||De&&"[object Map]"!=Wt(new De)||Ft&&"[object Promise]"!=Wt(Ft.resolve())||Nt&&"[object Set]"!=Wt(new Nt)||Rt&&"[object WeakMap]"!=Wt(new Rt))&&(Wt=function(e){var t=je(e),n="[object Object]"==t?e.constructor:void 0,r=n?Ie(n):"";if(r)switch(r){case Lt:return"[object DataView]";case Ht:return"[object Map]";case Vt:return"[object Promise]";case qt:return"[object Set]";case Ut:return"[object WeakMap]"}return t});var Gt=Wt,Xt=Object.prototype.hasOwnProperty,$t=function(e,t){return function e(t,n,r,o,a){return t===n||(null==t||null==n||!st(t)&&!st(n)?t!=t&&n!=n:function(e,t,n,r,o,a){var i=rt(e),l=rt(t),c=i?"[object Array]":Gt(e),s=l?"[object Array]":Gt(t),u="[object Object]"==(c="[object Arguments]"==c?"[object Object]":c),d="[object Object]"==(s="[object Arguments]"==s?"[object Object]":s),p=c==s;if(p&>(e)){if(!gt(t))return!1;i=!0,u=!1}if(p&&!u)return a||(a=new Ge),i||_t(e)?Ye(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 Ze(e),new Ze(t)));case"[object Boolean]":case"[object Date]":case"[object Number]":return ce(+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=Je;case"[object Set]":if(l||(l=Ke),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=Ye(l(e),l(t),r,o,a,i);return i.delete(e),s;case"[object Symbol]":if(tt)return tt.call(e)==tt.call(t)}return!1}(e,t,c,n,r,o,a);if(!(1&n)){var f=u&&Xt.call(e,"__wrapped__"),m=d&&Xt.call(t,"__wrapped__");if(f||m){var h=f?e.value():e,g=m?t.value():t;return a||(a=new Ge),o(h,g,n,r,a)}}return!!p&&(a||(a=new Ge),function(e,t,n,r,o,a){var i=1&n,l=Ot(e),c=l.length;if(c!=Ot(t).length&&!i)return!1;for(var s=c;s--;){var u=l[s];if(!(i?u in t:Mt.call(t,u)))return!1}var d=a.get(e),p=a.get(t);if(d&&p)return d==t&&p==e;var f=!0;a.set(e,t),a.set(t,e);for(var m=i;++s<c;){var h=e[u=l[s]],g=t[u];if(r)var v=i?r(g,h,u,t,e,a):r(h,g,u,e,t,a);if(!(void 0===v?h===g||o(h,g,n,r,a):v)){f=!1;break}m||(m="constructor"==u)}if(f&&!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||(f=!1)}return a.delete(e),a.delete(t),f}(e,t,n,r,o,a))}(t,n,r,o,e,a))}(e,t)},Qt=function(){try{var e=Me(Object,"defineProperty");return e({},"",{}),e}catch(e){}}(),Yt=function(e,t,n){"__proto__"==t&&Qt?Qt(e,t,{configurable:!0,enumerable:!0,value:n,writable:!0}):e[t]=n},Zt=Object.prototype.hasOwnProperty,Jt=function(e,t,n){var r=e[t];Zt.call(e,t)&&ce(r,n)&&(void 0!==n||t in e)||Yt(e,t,n)},Kt=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?Yt(n,l,c):Jt(n,l,c)}return n},en=Object.prototype.hasOwnProperty,tn=function(e){return It(e)?jt(e,!0):function(e){if(!Se(e))return function(e){var t=[];if(null!=e)for(var n in Object(e))t.push(n);return t}(e);var t=zt(e),n=[];for(var r in e)("constructor"!=r||!t&&en.call(e,r))&&n.push(r);return n}(e)},nn=me(function(e,t){var n=t&&!t.nodeType&&t,r=n&&e&&!e.nodeType&&e,o=r&&r.exports===n?be.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}}),rn=Bt(Object.getPrototypeOf,Object),on=Object.getOwnPropertySymbols?function(e){for(var t=[];e;)nt(t,ct(e)),e=rn(e);return t}:at,an=function(e){return ot(e,tn,on)},ln=Object.prototype.hasOwnProperty,cn=function(e){var t=new e.constructor(e.byteLength);return new Ze(t).set(new Ze(e)),t},sn=/\w*$/,un=ye?ye.prototype:void 0,dn=un?un.valueOf:void 0,pn=Object.create,fn=function(){function e(){}return function(t){if(!Se(t))return{};if(pn)return pn(t);e.prototype=t;var n=new e;return e.prototype=void 0,n}}(),mn=wt&&wt.isMap,hn=mn?Et(mn):function(e){return st(e)&&"[object Map]"==Gt(e)},gn=wt&&wt.isSet,vn=gn?Et(gn):function(e){return st(e)&&"[object Set]"==Gt(e)},bn={};bn["[object Arguments]"]=bn["[object Array]"]=bn["[object ArrayBuffer]"]=bn["[object DataView]"]=bn["[object Boolean]"]=bn["[object Date]"]=bn["[object Float32Array]"]=bn["[object Float64Array]"]=bn["[object Int8Array]"]=bn["[object Int16Array]"]=bn["[object Int32Array]"]=bn["[object Map]"]=bn["[object Number]"]=bn["[object Object]"]=bn["[object RegExp]"]=bn["[object Set]"]=bn["[object String]"]=bn["[object Symbol]"]=bn["[object Uint8Array]"]=bn["[object Uint8ClampedArray]"]=bn["[object Uint16Array]"]=bn["[object Uint32Array]"]=!0,bn["[object Error]"]=bn["[object Function]"]=bn["[object WeakMap]"]=!1;var yn=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(!Se(t))return t;var d=rt(t);if(d){if(l=function(e){var t=e.length,n=new e.constructor(t);return t&&"string"==typeof e[0]&&ln.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 p=Gt(t),f="[object Function]"==p||"[object GeneratorFunction]"==p;if(gt(t))return nn(t,c);if("[object Object]"==p||"[object Arguments]"==p||f&&!a){if(l=s||f?{}:function(e){return"function"!=typeof e.constructor||zt(e)?{}:fn(rn(e))}(t),!c)return s?function(e,t){return Kt(e,on(e),t)}(t,function(e,t){return e&&Kt(t,tn(t),e)}(l,t)):function(e,t){return Kt(e,ct(e),t)}(t,function(e,t){return e&&Kt(t,Pt(t),e)}(l,t))}else{if(!bn[p])return a?t:{};l=function(e,t,n){var r,o,a=e.constructor;switch(t){case"[object ArrayBuffer]":return cn(e);case"[object Boolean]":case"[object Date]":return new a(+e);case"[object DataView]":return function(e,t){var n=t?cn(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?cn(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,sn.exec(r))).lastIndex=r.lastIndex,o;case"[object Set]":return new a;case"[object Symbol]":return dn?Object(dn.call(e)):{}}}(t,p,c)}}i||(i=new Ge);var m=i.get(t);if(m)return m;i.set(t,l),vn(t)?t.forEach(function(o){l.add(e(o,n,r,o,t,i))}):hn(t)&&t.forEach(function(o,a){l.set(a,e(o,n,r,a,t,i))});var h=d?void 0:(u?s?an:Ot:s?tn:Pt)(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]),Jt(l,a,e(o,n,r,a,t,i))}),l},xn=function(e){return yn(e,5)},En=["children"],wn=o.createContext(),kn=function(){return r.useContext(wn)},_n=function(e,t){return t.page>2?[].concat(e,t.messages.messages):t.messages.messages},Cn=function(e){var n,a,l,s,u,d,p=e.children,f=y(e,En),m=f.user,h=void 0===m?"":m,g=f.workspace,x=void 0===g?"":g,E=f.integration,w=void 0===E?"":E,k=f.signature,_=void 0===k?"":k,C=f.themeConfig,j=void 0===C?{}:C,S=f.globalChannels,z=void 0===S?[]:S,B=f.notificationSettings,T=void 0===B?{}:B,A=f.onMessageReceived,I=void 0===A?null:A,P=f.onMessageRecieved,O=void 0===P?null:P,M=f.onMessageClicked,D=void 0===M?null:M,F=f.customIconComponent,N=void 0===F?null:F,R=f.overrideInappUrl,L=void 0===R?"https://inapp.fyno.io":R,H=r.useState(!0),V=H[0],q=H[1],U=r.useState(null),W=U[0],G=U[1],X=r.useState({}),$=X[0],Q=X[1],Y=r.useState({}),Z=Y[0],J=Y[1],K=r.useState(!0),ee=K[0],te=K[1],ne=r.useState(!1),re=ne[0],oe=ne[1],ie=r.useState(""),le=ie[0],ce=ie[1],se=r.useState([]),ue=se[0],de=se[1],pe=r.useState([]),fe=pe[0],me=pe[1],he=r.useState(null),ge=he[0],ve=he[1],be=r.useState(null),ye=be[0],xe=be[1],Ee=r.useState(!1),we=Ee[0],ke=Ee[1],_e=r.useState("all"),Ce=_e[0],je=_e[1],Se=r.useState(0),ze=Se[0],Be=Se[1],Te=r.useState(1),Ae=Te[0],Ie=Te[1],Pe=r.useState(0),Oe=Pe[0],Me=Pe[1],De=r.useState(0),Fe=De[0],Ne=De[1],Re=r.useState({}),Le=Re[0],He=Re[1],Ve=r.useState(!1),qe=Ve[0],Ue=Ve[1],We=r.useState(!1),Ge=We[1],Xe=r.useRef(We[0]),$e=r.useState((null==z?void 0:z.reduce(function(e,t){return e[t]=!1,e},{}))||{}),Qe=$e[0],Ye=$e[1],Ze=r.useState(xn(Qe)),Je=Ze[0],Ke=Ze[1],et=r.useState({}),tt=et[0],nt=et[1],rt=c.useTheme(),ot=null!=(n=j.logo)?n:"",at=r.useMemo(function(){var e;return null!=(e=j.notification_center)?e:{anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"}}},[j]),it=null!=(a=j.position)?a:"default",lt=null!=(l=j.offset)?l:0,ct=null!=(s=j.preference_mode)?s:"none",st=null!=(u=j.disable_ripple)&&u,ut=null==(d=T.showToast)||d,dt=T.sound?v(T.sound)[0]:null,pt=r.useState(!1),ft=pt[0],mt=pt[1],ht=function(e){de(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?(Me(function(e){return e-1}),e.isRead||Be(function(e){return e-1})):"READ"===e.status&&(me(function(t){return t.filter(function(t){return t._id!==e.messageId})}),Be(function(e){return e-1})),D&&D(e.status,e.messageId)},gt=c.debounce(function(){Ne(0)},100);r.useEffect(function(){!ye&&Object.keys(Le).length>0&&(zt(b({},Le),ge),He({}))},[Le,ye,ge]),r.useEffect(function(){var e=i(L||"https://inapp.fyno.io",{transports:["polling","websocket"],auth:{user_id:h,WS_ID:x,Integration_ID:w,"x-fyno-signature":_},extraHeaders:{"x-fyno-signature":_,cookie:"x-fyno-cookie="+_},withCredentials:!0});return e.on("connect_error",function(e){return ce(e.message)}),e.on("connectionSuccess",function(t){var n,r;ce(""),de([]),me([]),Me(0),Be(0),He({}),Ne(0),te(null==(n=null==t||null===(r=t.config)||void 0===r?void 0:r.branding)||n),N&&G(N),ve(e),e.emit("get:messages",{filter:"all",page:1})}),e.on("message",function(t){var n;e.emit("message:received",{id:t._Id}),Xe.current&&e.emit("updateLastSeen"),null!=t&&null!==(n=t.notification_content)&&void 0!==n&&n.silent_message||ye||(ut&&He(t),Ct(t)),I&&I(t),O&&O(t)}),e.on("messages:state",function(e){"all"===e.filter?de(function(t){return _n(t,e)}):me(function(t){return _n(t,e)}),Be(e.messages.unreadCount),Me(e.messages.total),Ie(e.page),Ne(100),gt()}),e.on("statusUpdated",ht),e.on("lastSeenUpdated",q),e.on("tag:updated",function(e){de(function(t){var n=t.filter(function(t){return t._id!==e});return Be(function(e){return e-1}),Me(function(e){return e-1}),n})}),e.on("disconnect",function(e){return ce(e.message)}),e.on("preferences:state",function(e){var t;Q(e),Ye(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=b({},e,t.is_global_opted_out)}),e},n),Ke(xn(t)),t):n}),J(xn(e)),nt({}),ke(function(e){return!e}),Ue(!1)}),e.on("preference:update",function(){t.toast.success(function(