@suprsend/react
Version:
The react library for using SuprSend features like inbox, preferences etc
337 lines (336 loc) • 38.5 kB
JavaScript
;Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("@suprsend/react-core"),r=require("react"),me=require("react-popper"),c=require("@emotion/styled"),Ce=require("@emotion/react"),we=require("react-infinite-scroll-component"),Ee=require("react-markdown"),ke=require("remark-gfm"),ve=require("rehype-raw"),se=require("react-timeago"),d={primary:"#2E70E8",primaryText:"#1E293B",secondaryText:"#475569",border:"#E2E8F0",main:"#FFFFFF",error:"#B42318"},x={primary:"#2E70E8",primaryText:"#EFEFEF",secondaryText:"#CBD5E1",border:"#3A4A61",main:"#1D2635",error:"#F97066"},I=c.p`
font-size: 14px;
font-weight: 400;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica,
Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
line-height: 20px;
color: ${d.primaryText};
margin: 0px;
`,O=c(I)`
font-size: 12px;
color: ${d.secondaryText};
`,U=c(I)`
font-size: 16px;
font-weight: 500;
`,F={bell:{color:"#fff"},badge:{backgroundColor:x.primary},header:{container:{backgroundColor:x.main,borderBottom:`0.5px solid ${x.border}`,boxShadow:"0 0 5px 0 rgba(0, 0, 0, 0.5)"},headerText:{color:x.primaryText},markAllReadText:{color:x.primary}},tabs:{color:x.primaryText,unselectedColor:x.secondaryText+"D9",bottomColor:x.primary,badgeColor:"rgba(100, 116, 139, 0.5)",badgeText:x.primaryText},notificationsContainer:{container:{backgroundColor:x.main,borderColor:x.border},noNotificationsText:{color:x.primaryText},noNotificationsSubtext:{color:x.secondaryText},loader:{color:x.primary}},notification:{container:{borderBottom:`1px solid ${x.border}`,readBackgroundColor:x.main,unreadBackgroundColor:"#273244",hoverBackgroundColor:"#2D3A4D"},pinnedText:{color:x==null?void 0:x.secondaryText},headerText:{color:x.primaryText},bodyText:{color:x.secondaryText,blockquoteColor:"rgba(100, 116, 139, 0.5)"},unseenDot:{backgroundColor:x.primary},createdOnText:{color:x.secondaryText},subtext:{color:"#94a3b8"},actions:[{container:{backgroundColor:x.primary}},{container:{borderColor:x.border,backgroundColor:"transparent",hoverBackgroundColor:x.main},text:{color:x.secondaryText}}],expiresText:{backgroundColor:"rgba(100, 116, 139, 0.5)",color:x.secondaryText,expiringBackgroundColor:"rgba(217, 45, 32, 0.15)",expiringColor:x.error},actionsMenuIcon:{color:x.secondaryText,hoverBackgroundColor:"rgba(100, 116, 139, 0.5)"},actionsMenu:{backgroundColor:x.main,borderColor:x.border},actionsMenuItem:{hoverBackgroundColor:"rgba(100, 116, 139, 0.2)"},actionsMenuItemIcon:{color:x.secondaryText},actionsMenuItemText:{color:x.secondaryText}},toast:{container:{backgroundColor:x.main,borderColor:x.border},headerText:{color:x.primaryText},bodyText:{color:x.secondaryText,blockquoteColor:x.border,tableBorderColor:x.border}}};function he({style:e}){const t=(e==null?void 0:e.height)||24,n=(e==null?void 0:e.width)||24,a=(e==null?void 0:e.color)||d.primaryText;return r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:n,height:t,color:a,fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:"2"},r.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9"}))}function Te({bellComponent:e,style:t}){if(e){const n=e;return r.createElement(n,null)}return r.createElement(he,{style:t})}function ye({count:e,badgeComponent:t,style:n}){if(e<=0)return null;if(t){const a=t;return r.createElement(a,{count:e})}return r.createElement($e,{style:n},e)}const $e=c(I)`
position: absolute;
right: -3px;
top: -7px;
display: inline-block;
font-size: 10px;
line-height: 1;
padding: 3px 6px;
border-radius: 50%;
background-color: ${d.primary};
color: ${d.main};
text-align: center;
`;function fe({header:e,markAllRead:t}){const{t:n}=v.useTranslations();return r.createElement(_e,{style:e==null?void 0:e.markAllReadText,onClick:a=>{a.stopPropagation(),t()}},n("markAllAsRead"))}function ae({style:e,tabBadgeComponent:t,headerRightComponent:n,showUnreadCountOnTabs:a=!0,setPopoverOpen:w}){const u=v.useFeedClient(),s=v.useFeedData(),o=v.useFeed(),{t:E}=v.useTranslations(),l=u==null?void 0:u.feedOptions.stores,i=!!(l&&l.length>0),$=t,b=n,h=e==null?void 0:e.header,C=e==null?void 0:e.tabs;return r.createElement(Le,{style:h==null?void 0:h.container},r.createElement(Ae,{hasStores:i},r.createElement(Se,{style:h==null?void 0:h.headerText},E("notifications")),b?r.createElement(b,{markAllRead:()=>u==null?void 0:u.markAllAsRead(),closeInboxPopover:()=>{w==null||w(!1)}}):r.createElement(fe,{header:h,markAllRead:()=>u==null?void 0:u.markAllAsRead()})),i&&r.createElement(Be,null,l.map((g,f)=>{var B,P;const L=(s==null?void 0:s.store.storeId)===g.storeId,p=(s==null?void 0:s.meta[g.storeId])||0,S=a&&p>0,_=L?C==null?void 0:C.bottomColor:"none",k=L?C==null?void 0:C.color:(C==null?void 0:C.unselectedColor)||(C==null?void 0:C.color),y=((P=(B=o==null?void 0:o.stores)==null?void 0:B.find(R=>R.storeId===g.storeId))==null?void 0:P.label)||g.label;return r.createElement(Ie,{style:{borderBottomColor:_},key:f,selected:L,onClick:()=>{u==null||u.changeActiveStore(g.storeId)}},r.createElement(Me,{selected:L,style:{...C,color:k}},y),S&&($?r.createElement($,{count:p}):r.createElement(Re,{style:{backgroundColor:C==null?void 0:C.badgeColor,color:C==null?void 0:C.badgeText}},r.createElement(He,{count:p},p))))})))}const Le=c.div`
position: sticky;
top: 0;
padding: 16px;
padding-bottom: 0px;
z-index: 1000;
background-color: ${d.main};
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);
`,Ae=c.div`
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: ${e=>e.hasStores?"16px":"0px"};
padding-bottom: ${e=>e.hasStores?"0px":"16px"};
`,Be=c.div`
display: flex;
overflow-x: scroll;
-ms-overflow-style: none;
scrollbar-width: none;
&::-webkit-scrollbar {
display: none;
}
`,Ie=c.div`
padding: 5px 15px 3px 15px;
border-bottom: ${e=>e.selected?`2px solid ${d.primary}`:"none"};
cursor: pointer;
display: flex;
align-items: center;
gap: 5px;
`,Me=c(I)`
font-size: 14px;
font-weight: 600;
color: ${e=>e.selected?d.primaryText:d.secondaryText+"D9"};
`,Se=c(U)`
font-weight: 600;
font-size: 16px;
`,_e=c(U)`
color: ${d.primary};
font-size: 12px;
cursor: pointer;
`,Re=c.div`
height: 18px;
width: 20px;
border-radius: 50%;
background-color: rgba(100, 116, 139, 0.09);
display: flex;
align-items: center;
justify-content: center;
color: ${d.primaryText};
`,He=c.p`
margin: 0px;
padding: 0px;
font-size: ${e=>(e==null?void 0:e.count)>99?"8px":"10px"};
font-weight: 600;
line-height: 1;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica,
Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
`;function ce(e){if(e)return e.startsWith("http")||e.startsWith("/")?e:`https://${e}`}async function Pe(e){if(!e)return!1;const t=new window.Image;return t.src=e,new Promise(n=>{t.onerror=()=>n(!1),t.onload=()=>n(!0)})}function Oe(e,t,n){switch(t){case"second":return`1 ${n("minute")}`;case"minute":return e===1?`${e} ${n("minute")}`:`${e} ${n("minutes")}`;case"hour":return e===1?`${e} ${n("hour")}`:`${e} ${n("hours")}`;case"day":return e===1?`${e} ${n("day")}`:`${e} ${n("days")}`;case"week":return e===1?`${e} ${n("week")}`:`${e} ${n("weeks")}`;case"month":return e===1?`${e} ${n("month")}`:`${e} ${n("months")}`;case"year":return e===1?`${e} ${n("year")}`:`${e} ${n("years")}`;default:return e}}function Fe(e,t){switch(t){case"second":return"1m";case"minute":return`${e}m`;case"hour":return`${e}h`;case"day":return`${e}d`;case"week":return`${e}w`;case"month":return`${e}mo`;case"year":return`${e}y`;default:return e}}function V(e){return e&&typeof e=="object"&&!Array.isArray(e)}function H(e,t){const n=Object.assign({},e);return e&&V(e)&&t&&V(t)&&Object.keys(t).forEach(a=>{V(t[a])?a in e?n[a]=H(e[a],t[a]):Object.assign(n,{[a]:t[a]}):Object.assign(n,{[a]:t[a]})}),n}function Ve(){return"ontouchstart"in window||navigator.maxTouchPoints>0}function je(){return Ve()}var M=(e=>(e.LIGHT="light",e.DARK="dark",e))(M||{});const de=({type:e})=>e===M.DARK?r.createElement("svg",{width:"36",height:"36",viewBox:"0 0 36 36",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r.createElement("circle",{cx:"18",cy:"18",r:"18",fill:"#334155"}),r.createElement("path",{d:"M23.8641 14.2836C23.8641 17.3522 21.4556 19.8399 18.4844 19.8399C15.5132 19.8399 13.1047 17.3522 13.1047 14.2836C13.1047 11.215 15.5132 8.72754 18.4844 8.72754C21.4556 8.72754 23.8641 11.215 23.8641 14.2836Z",fill:"#94A3B8"}),r.createElement("path",{d:"M23.8643 20.9316H13.1051C11.1039 20.9316 9.37694 22.0734 8.4502 23.75C10.6277 27.0754 14.3128 29.2659 18.4848 29.2659C22.6568 29.2659 26.3418 27.0754 28.5195 23.75C27.5913 22.0734 25.866 20.9316 23.8645 20.9316H23.8643Z",fill:"#94A3B8"})):r.createElement("svg",{width:"36",height:"36",viewBox:"0 0 36 36",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r.createElement("circle",{cx:"18",cy:"18",r:"18",fill:"#CBD5E1"}),r.createElement("path",{d:"M23.8641 14.2836C23.8641 17.3522 21.4556 19.8399 18.4844 19.8399C15.5132 19.8399 13.1047 17.3522 13.1047 14.2836C13.1047 11.215 15.5132 8.72754 18.4844 8.72754C21.4556 8.72754 23.8641 11.215 23.8641 14.2836Z",fill:"white"}),r.createElement("path",{d:"M23.8643 20.9316H13.1051C11.1039 20.9316 9.37694 22.0734 8.4502 23.75C10.6277 27.0754 14.3128 29.2659 18.4848 29.2659C22.6568 29.2659 26.3418 27.0754 28.5195 23.75C27.5913 22.0734 25.866 20.9316 23.8645 20.9316H23.8643Z",fill:"white"})),Ne=({style:e})=>{const t=(e==null?void 0:e.height)||20,n=(e==null?void 0:e.width)||20,a=(e==null?void 0:e.color)||d.secondaryText;return r.createElement("svg",{width:n,height:t,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r.createElement("path",{d:"M12 13C12.5523 13 13 12.5523 13 12C13 11.4477 12.5523 11 12 11C11.4477 11 11 11.4477 11 12C11 12.5523 11.4477 13 12 13Z",stroke:a,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),r.createElement("path",{d:"M19 13C19.5523 13 20 12.5523 20 12C20 11.4477 19.5523 11 19 11C18.4477 11 18 11.4477 18 12C18 12.5523 18.4477 13 19 13Z",stroke:a,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),r.createElement("path",{d:"M5 13C5.55228 13 6 12.5523 6 12C6 11.4477 5.55228 11 5 11C4.44772 11 4 11.4477 4 12C4 12.5523 4.44772 13 5 13Z",stroke:a,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))},Ue=({style:e})=>{const t=(e==null?void 0:e.height)||13,n=(e==null?void 0:e.width)||13,a=(e==null?void 0:e.color)||"#DC6803";return r.createElement("svg",{width:n,height:t,viewBox:"0 0 16 17",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r.createElement("path",{d:"M7.58984 2.9305C7.38193 2.44536 7.27797 2.2028 7.10998 2.09261C6.96308 1.99626 6.78408 1.96179 6.6119 1.99669C6.415 2.03661 6.22839 2.22321 5.85518 2.59643L2.42642 6.02519C2.0532 6.39841 1.86659 6.58502 1.82668 6.78191C1.79177 6.95409 1.82624 7.13309 1.9226 7.28C2.03278 7.44799 2.27535 7.55194 2.76048 7.75986L4.42339 8.47253C4.49393 8.50277 4.5292 8.51788 4.56228 8.53678C4.59166 8.55356 4.61972 8.57256 4.64622 8.59361C4.67605 8.6173 4.70318 8.64444 4.75745 8.69871L5.79805 9.7393C5.88293 9.82418 5.92537 9.86662 5.95909 9.91498C5.98903 9.9579 6.0138 10.0042 6.03291 10.0529C6.05444 10.1078 6.06621 10.1666 6.08975 10.2844L6.57835 12.7273C6.70532 13.3622 6.76881 13.6796 6.93618 13.8281C7.08198 13.9575 7.27711 14.0166 7.47019 13.9898C7.69183 13.9591 7.92074 13.7302 8.37855 13.2724L13.1024 8.54856C13.5602 8.09075 13.7891 7.86185 13.8198 7.64021C13.8466 7.44713 13.7875 7.252 13.6581 7.10619C13.5096 6.93882 13.1922 6.87534 12.5573 6.74836L10.1143 6.25977C9.99663 6.23622 9.93777 6.22445 9.88289 6.20293C9.83418 6.18382 9.78788 6.15904 9.74496 6.12911C9.69661 6.09538 9.65416 6.05294 9.56928 5.96806L8.52869 4.92747C8.47442 4.8732 8.44729 4.84606 8.42359 4.81624C8.40255 4.78974 8.38355 4.76168 8.36676 4.73229C8.34787 4.69922 8.33275 4.66395 8.30252 4.5934L7.58984 2.9305Z",fill:a}),r.createElement("path",{d:"M10.7405 10.9105L14.5117 14.6817M8.52869 4.92747L9.56928 5.96806C9.65416 6.05294 9.69661 6.09538 9.74496 6.12911C9.78788 6.15904 9.83418 6.18382 9.88289 6.20293C9.93777 6.22445 9.99663 6.23622 10.1143 6.25977L12.5573 6.74836C13.1922 6.87534 13.5096 6.93882 13.6581 7.10619C13.7875 7.252 13.8466 7.44713 13.8198 7.64021C13.7891 7.86185 13.5602 8.09075 13.1024 8.54856L8.37855 13.2724C7.92074 13.7302 7.69183 13.9591 7.47019 13.9898C7.27711 14.0166 7.08198 13.9575 6.93618 13.8281C6.76881 13.6796 6.70532 13.3622 6.57835 12.7273L6.08975 10.2844C6.06621 10.1666 6.05444 10.1078 6.03291 10.0529C6.0138 10.0042 5.98903 9.9579 5.95909 9.91498C5.92537 9.86662 5.88293 9.82418 5.79805 9.7393L4.75745 8.69871C4.70318 8.64444 4.67605 8.6173 4.64622 8.59361C4.61972 8.57256 4.59166 8.55356 4.56228 8.53678C4.5292 8.51788 4.49393 8.50277 4.42339 8.47253L2.76048 7.75986C2.27535 7.55194 2.03278 7.44799 1.9226 7.28C1.82624 7.13309 1.79177 6.95409 1.82668 6.78191C1.86659 6.58502 2.0532 6.39841 2.42642 6.02519L5.85517 2.59643C6.22839 2.22321 6.415 2.03661 6.6119 1.99669C6.78408 1.96179 6.96308 1.99626 7.10998 2.09261C7.27797 2.2028 7.38193 2.44536 7.58984 2.9305L8.30252 4.5934C8.33275 4.66395 8.34787 4.69922 8.36676 4.73229C8.38355 4.76168 8.40255 4.78974 8.42359 4.81624C8.44729 4.84606 8.47442 4.8732 8.52869 4.92747Z",stroke:a,strokeWidth:"1.33333",strokeLinecap:"round",strokeLinejoin:"round"}))},ze=({style:e})=>{const t=(e==null?void 0:e.height)||16,n=(e==null?void 0:e.width)||16,a=(e==null?void 0:e.color)||d.primaryText;return r.createElement("svg",{width:n,height:t,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M14.416 3H4.00013C2.34327 3 1.00013 4.34315 1.00013 6V6.98313C0.999958 6.99375 0.999958 7.00437 1.00013 7.01499V18C1.00013 19.6569 2.34327 21 4.00013 21H20.0001C21.657 21 23.0001 19.6569 23.0001 18V9.21078H21.0001V18C21.0001 18.5523 20.5524 19 20.0001 19H4.00013C3.44784 19 3.00013 18.5523 3.00013 18V8.82027L10.4338 13.544L10.4392 13.5474C10.9071 13.8405 11.448 13.996 12.0001 13.996C12.5522 13.996 13.0932 13.8405 13.5611 13.5474L13.5665 13.544L19.5 9.21078H16.5L12.4992 11.8526L12.497 11.854C12.3479 11.9468 12.1758 11.996 12.0001 11.996C11.8245 11.996 11.6524 11.9468 11.5033 11.854L3.00013 6.45063V6C3.00013 5.44772 3.44784 5 4.00013 5H14.416V3Z",fill:a}),r.createElement("circle",{cx:"20",cy:"4",r:"4",fill:a}))},qe=({style:e})=>{const t=(e==null?void 0:e.height)||16,n=(e==null?void 0:e.width)||16,a=(e==null?void 0:e.color)||d.primaryText;return r.createElement("svg",{width:n,height:t,viewBox:"0 0 16 17",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r.createElement("path",{d:"M14.1334 6.26471C14.4667 6.51805 14.6667 6.91138 14.6667 7.33138V13.998C14.6667 14.3517 14.5262 14.6908 14.2762 14.9409C14.0261 15.1909 13.687 15.3314 13.3334 15.3314H2.66671C2.31309 15.3314 1.97395 15.1909 1.7239 14.9409C1.47385 14.6908 1.33337 14.3517 1.33337 13.998V7.33138C1.33337 7.12439 1.38157 6.92024 1.47414 6.7351C1.56671 6.54995 1.70111 6.38891 1.86671 6.26471L7.20004 2.26471C7.43084 2.09162 7.71155 1.99805 8.00004 1.99805C8.28853 1.99805 8.56925 2.09162 8.80004 2.26471L14.1334 6.26471Z",stroke:a,strokeWidth:"1.33333",strokeLinecap:"round",strokeLinejoin:"round"}),r.createElement("path",{d:"M14.6667 7.33105L8.68668 11.1311C8.48086 11.26 8.24289 11.3284 8.00001 11.3284C7.75713 11.3284 7.51916 11.26 7.31334 11.1311L1.33334 7.33105",stroke:a,strokeWidth:"1.33333",strokeLinecap:"round",strokeLinejoin:"round"}))},We=({style:e})=>{const t=(e==null?void 0:e.height)||17,n=(e==null?void 0:e.width)||16,a=(e==null?void 0:e.color)||d.secondaryText;return r.createElement("svg",{width:n,height:t,viewBox:"0 0 16 17",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r.createElement("path",{d:"M14 2.33789H1.99998C1.63179 2.33789 1.33331 2.63637 1.33331 3.00456V5.00456C1.33331 5.37275 1.63179 5.67122 1.99998 5.67122H14C14.3682 5.67122 14.6666 5.37275 14.6666 5.00456V3.00456C14.6666 2.63637 14.3682 2.33789 14 2.33789Z",stroke:a,strokeWidth:"1.33333",strokeLinecap:"round",strokeLinejoin:"round"}),r.createElement("path",{d:"M2.66669 5.67188V13.0052C2.66669 13.3588 2.80716 13.698 3.05721 13.948C3.30726 14.1981 3.6464 14.3385 4.00002 14.3385H12C12.3536 14.3385 12.6928 14.1981 12.9428 13.948C13.1929 13.698 13.3334 13.3588 13.3334 13.0052V5.67188",stroke:a,strokeWidth:"1.33333",strokeLinecap:"round",strokeLinejoin:"round"}),r.createElement("path",{d:"M6.66669 8.33789H9.33335",stroke:a,strokeWidth:"1.33333",strokeLinecap:"round",strokeLinejoin:"round"}))};function Ze({dateInput:e,style:t}){const[,n]=r.useState(Date.now()),{t:a}=v.useTranslations();if(r.useEffect(()=>{const s=setInterval(()=>n(Date.now()),1e4);return()=>{clearInterval(s)}},[]),typeof e!="number")return;const w=e-Date.now()<=36e5,u=Date.now()>=e;return r.createElement("div",null,r.createElement(De,{style:{...t,color:w?(t==null?void 0:t.expiringColor)||d.error:(t==null?void 0:t.color)||d.secondaryText,backgroundColor:w?(t==null?void 0:t.expiringBackgroundColor)||"rgba(217, 45, 32, 0.09)":(t==null?void 0:t.backgroundColor)||"rgba(100, 116, 139, 0.09)"}},a("expiresIn")," ",u?"a minute":r.createElement(se,{date:e,live:!1,formatter:(s,o)=>Oe(s,o,a)})))}function z({body:e,handleActionClick:t,style:n,disableMarkdown:a}){var o,E;const w=(n==null?void 0:n.tableBorderColor)||"rgba(100, 116, 139, 0.3)",u=(n==null?void 0:n.blockquoteColor)||"rgba(100, 116, 139, 0.3)",s=(n==null?void 0:n.linkColor)||d.primary;return r.createElement(tr,{style:n},a?e:r.createElement(Ee,{remarkPlugins:[ke],rehypePlugins:[ve],components:{a({children:l,href:i,style:$}){return r.createElement("span",{onClick:b=>{b.preventDefault(),t==null||t(b,{type:"markdown_link",url:i})},style:{color:s,textDecoration:"none",...$||{}}},l)},p({children:l,style:i}){return r.createElement("p",{style:{margin:0,overflowWrap:"anywhere",...i||{}}},l)},blockquote({children:l,style:i}){return r.createElement("blockquote",{style:{margin:0,paddingLeft:10,borderLeft:`3px ${u} solid`,marginBottom:5,marginTop:5,...i||{}}},l)},ul({children:l,style:i}){return r.createElement("ul",{style:{whiteSpace:"normal",margin:0,paddingLeft:10,...i||{}}},l)},ol({children:l,style:i}){return r.createElement("ol",{style:{whiteSpace:"normal",margin:0,paddingLeft:10,...i||{}}},l)},img(l){return r.createElement("img",{style:{maxWidth:"100%",objectFit:"contain",...(l==null?void 0:l.style)||{}},...l})},table({children:l,style:i}){return r.createElement("table",{style:{overflowWrap:"break-word",borderCollapse:"collapse",...i||{}}},l)},th({children:l,style:i}){return r.createElement("th",{style:{textAlign:"left",whiteSpace:"nowrap",border:`1px solid ${w}`,padding:5,...i||{}}},l)},td({children:l,style:i}){return r.createElement("td",{style:{border:`1px solid ${w}`,padding:5,...i||{}}},l)},h1({children:l,style:i}){return r.createElement("h1",{style:{margin:0,...i||{}}},l)},h2({children:l,style:i}){return r.createElement("h2",{style:{margin:0,...i||{}}},l)},h3({children:l,style:i}){return r.createElement("h3",{style:{margin:0,...i||{}}},l)},h4({children:l,style:i}){return r.createElement("h4",{style:{margin:0,...i||{}}},l)},h5({children:l,style:i}){return r.createElement("h5",{style:{margin:0,...i||{}}},l)},h6({children:l,style:i}){return r.createElement("h6",{style:{margin:0,...i||{}}},l)},script(){return null},link(){return null}}},(E=(o=e==null?void 0:e.replaceAll(`\\
`," "))==null?void 0:o.replaceAll(`
`,`
`))==null?void 0:E.replaceAll(" ",`
`)))}function Ke({notificationData:e,handleActionClick:t,notificationComponent:n,hideAvatar:a,themeType:w,primaryActionClickHandler:u,secondaryActionClickHandler:s,theme:o,disableMarkdown:E}){var W,Z,K,G,J,Q,X,Y,D,ee,re,te,oe,ne;const[l,i]=r.useState(!1),[$,b]=r.useState(!1),[h,C]=r.useState(!1),g=v.useFeedClient(),f=v.useFeedData(),{t:L}=v.useTranslations(),{message:p,read_on:S,created_on:_}=e,k=f==null?void 0:f.notifications,y=(W=p==null?void 0:p.actions)==null?void 0:W[0],B=(Z=p==null?void 0:p.actions)==null?void 0:Z[1],P=y||B,R=k!=null&&k.length?k[k.length-1]:null,ge=(R==null?void 0:R.n_id)===e.n_id;r.useEffect(()=>{var m;Pe((m=p==null?void 0:p.avatar)==null?void 0:m.avatar_url).then(A=>i(A))},[e]);const q=r.useMemo(je,[]);if(n){const T=n;return r.createElement(T,{notificationData:e,markAsRead:m=>{var A;return(A=m==null?void 0:m.stopPropagation)==null||A.call(m),g==null?void 0:g.markAsRead(e.n_id)},markAsUnread:m=>{var A;return(A=m==null?void 0:m.stopPropagation)==null||A.call(m),g==null?void 0:g.markAsUnread(e.n_id)},markAsArchived:m=>{var A;return(A=m==null?void 0:m.stopPropagation)==null||A.call(m),g==null?void 0:g.markAsArchived(e.n_id)},markAsInteracted:m=>{var A;return(A=m==null?void 0:m.stopPropagation)==null||A.call(m),g==null?void 0:g.markAsInteracted(e.n_id)}})}return r.createElement(Ge,{style:o==null?void 0:o.container,read:!!S,onMouseEnter:()=>{b(!0),C(!1)},onMouseLeave:()=>{b(!1),C(!1)},onClick:T=>{h&&(T.stopPropagation(),C(!1))}},e.is_pinned&&r.createElement(Je,{hideAvatar:a},r.createElement(Ue,{style:o==null?void 0:o.pinnedIcon}),r.createElement(Qe,{style:o==null?void 0:o.pinnedText},L("pinned"))),r.createElement(er,null,r.createElement(ir,null,r.createElement(sr,null,r.createElement(or,{style:o==null?void 0:o.unseenDot,show:!S}),!a&&r.createElement(dr,{onClick:T=>{const m=p==null?void 0:p.avatar;t(T,{type:"avatar",url:m==null?void 0:m.action_url})}},(K=p==null?void 0:p.avatar)!=null&&K.avatar_url&&l?r.createElement(xr,{src:p.avatar.avatar_url,alt:"avatar",style:o==null?void 0:o.avatar}):r.createElement(de,{type:w}))),r.createElement(ur,null,p.header&&r.createElement(rr,{style:o==null?void 0:o.headerText},p.header),r.createElement(z,{body:p.text,handleActionClick:t,style:o==null?void 0:o.bodyText,disableMarkdown:E}),!!((G=p==null?void 0:p.subtext)!=null&&G.text)&&r.createElement(Ye,{link:(J=p==null?void 0:p.subtext)==null?void 0:J.action_url,onClick:T=>{const m=p==null?void 0:p.subtext;t(T,{type:"subtext",url:m==null?void 0:m.action_url})}},r.createElement(Xe,{style:o==null?void 0:o.subtext},p.subtext.text)),e.expiry&&(e==null?void 0:e.is_expiry_visible)&&r.createElement(Ze,{dateInput:e.expiry,style:o==null?void 0:o.expiresText}),P&&r.createElement(ar,null,y&&r.createElement(ue,{style:(X=(Q=o==null?void 0:o.actions)==null?void 0:Q[0])==null?void 0:X.container,onClick:T=>{t(T,{type:"primary_action_button",url:y.url,target:y.open_in_new_tab,customClickHandler:u})}},r.createElement(pe,{style:(D=(Y=o==null?void 0:o.actions)==null?void 0:Y[0])==null?void 0:D.text},y.name)),B&&r.createElement(cr,{style:(re=(ee=o==null?void 0:o.actions)==null?void 0:ee[1])==null?void 0:re.container,onClick:T=>{t(T,{type:"secondary_action_button",url:B.url,target:B.open_in_new_tab,customClickHandler:s})}},r.createElement(lr,{style:(oe=(te=o==null?void 0:o.actions)==null?void 0:te[1])==null?void 0:oe.text},B.name))))),r.createElement(pr,null,r.createElement(nr,{style:o==null?void 0:o.createdOnText},r.createElement(se,{date:_,live:!1,formatter:Fe})),r.createElement(gr,{showMore:$||q},r.createElement(mr,{hoverBGColor:(ne=o==null?void 0:o.actionsMenuIcon)==null?void 0:ne.hoverBackgroundColor,isPlatformMobile:q,onClick:T=>{T.stopPropagation(),C(m=>!m)}},r.createElement(Ne,{style:o==null?void 0:o.actionsMenuIcon})),r.createElement(br,{moreOpen:h,style:o==null?void 0:o.actionsMenu,isLastNotification:ge},e.read_on?r.createElement(j,{style:o==null?void 0:o.actionsMenuItem,onClick:async T=>(T.stopPropagation(),C(!1),g==null?void 0:g.markAsUnread(e.n_id))},r.createElement(ze,{style:o==null?void 0:o.actionsMenuItemIcon}),r.createElement(N,{style:o==null?void 0:o.actionsMenuItemText},L("markAsUnread"))):r.createElement(j,{style:o==null?void 0:o.actionsMenuItem,onClick:T=>(T.stopPropagation(),C(!1),g==null?void 0:g.markAsRead(e.n_id))},r.createElement(qe,{style:o==null?void 0:o.actionsMenuItemIcon}),r.createElement(N,{style:o==null?void 0:o.actionsMenuItemText},L("markAsRead"))),!(e!=null&&e.archived)&&r.createElement(j,{style:o==null?void 0:o.actionsMenuItem,onClick:T=>(T.stopPropagation(),g==null?void 0:g.markAsArchived(e.n_id))},r.createElement(We,{style:o==null?void 0:o.actionsMenuItemIcon}),r.createElement(N,{style:o==null?void 0:o.actionsMenuItemText},L("archive"))))))))}const Ge=c.div`
padding: 16px;
cursor: pointer;
background-color: ${e=>{var t,n;return e.read?((t=e==null?void 0:e.style)==null?void 0:t.readBackgroundColor)||d.main:((n=e==null?void 0:e.style)==null?void 0:n.unreadBackgroundColor)||"#edf3ff"}};
border-bottom: 0.5px solid ${d.border};
&:hover {
background-color: ${e=>{var t;return((t=e==null?void 0:e.style)==null?void 0:t.hoverBackgroundColor)||"#DBE7FF"}}
`,Je=c.div`
display: flex;
align-items: center;
margin-left: ${e=>e.hideAvatar?"0px":"52px"};
gap: 4px;
`,Qe=c(O)``,Xe=c(O)`
color: #64748b;
`,Ye=c.div`
text-decoration: none;
overflow-wrap: anywhere;
display: inline-block;
&:hover {
text-decoration: ${e=>e.link?"underline":"none"};
text-decoration-color: ${d.secondaryText};
}
`,De=c(O)`
margin-top: 8px;
display: inline-block;
padding: 1px 6px;
border-radius: 4px;
`,er=c.div`
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: space-between;
`,rr=c(I)`
margin: 8px 0px 0px 0px;
overflow-wrap: anywhere;
line-height: 18px;
font-weight: 700;
`,tr=c.div`
font-size: 14px;
line-height: 20px;
margin: 8px 0px 6px;
font-weight: 400;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica,
Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
color: ${d.secondaryText};
`,or=c.div`
background-color: ${d.primary};
border-radius: 50%;
width: 7px;
height: 7px;
visibility: ${e=>e.show?"visible":"hidden"};
`,nr=c(O)``,ar=c.div`
display: flex;
flex-direction: row;
gap: 10px;
margin-bottom: 6px;
margin-top: 12px;
overflow-wrap: anywhere;
`,ue=c.div`
max-width: 50%;
background: ${d.primary};
border-radius: 5px;
text-decoration: none;
padding: 4px 16px;
&:hover {
background-color: ${e=>{var t;return((t=e.style)==null?void 0:t.hoverBackgroundColor)||"#265cbf"}} !important;
}
`,pe=c(I)`
color: ${d.main};
text-align: center;
word-break: break-all;
font-weight: 600;
font-size: 13px;
`,cr=c(ue)`
background: ${d.main};
border-color: ${d.border};
border-style: solid;
border-width: 1.2px;
&:hover {
background-color: ${e=>{var t;return((t=e.style)==null?void 0:t.hoverBackgroundColor)||"#f7f7f9"}} !important;
}
`,lr=c(pe)`
color: ${d.secondaryText};
`,ir=c.div`
display: flex;
overflow-wrap: anywhere;
flex-grow: 1;
`,sr=c.div`
display: flex;
margin-top: 8px;
margin-right: 12px;
`,dr=c.div``,ur=c.div`
flex: 1;
`,pr=c.div`
display: flex;
flex-direction: column;
align-items: center;
margin-top: 5px;
max-width: 40px;
gap: 5px;
`,xr=c.img`
height: 36px;
width: 36px;
border-radius: 100px;
`,br=c.div`
position: absolute;
right: ${e=>e.isLastNotification?"25px":"0px"};
bottom: ${e=>e.isLastNotification?"-12.5px":"auto"};
display: ${e=>e.moreOpen?"block":"none"};
min-width: 150px;
padding: 2px;
background-color: ${d.main};
border: 1px solid;
border-color: ${d.border};
border-radius: 4px;
box-shadow: 1px 1px 20px 1px rgba(0, 0, 0, 0.1);
z-index: 100;
`,j=c.div`
padding: 7px;
border-radius: 4px;
display: flex;
align-items: center;
gap: 8px;
&:hover {
background-color: ${e=>{var t;return((t=e==null?void 0:e.style)==null?void 0:t.hoverBackgroundColor)||"rgba(100, 116, 139, 0.09)"}};
}
`,N=c(I)``,gr=c.div`
position: relative;
visibility: ${e=>e!=null&&e.showMore?"visible":"hidden"};
`,mr=c.div`
height: 20px;
width: 20px;
&:hover {
border-radius: 50%;
background-color: ${e=>e!=null&&e.isPlatformMobile?"none":(e==null?void 0:e.hoverBGColor)||"rgba(100, 116, 139, 0.09)"};
}
`;function Cr(e={}){const{threshold:t=1,root:n=null,rootMargin:a="0px",enable:w}=e,[u,s]=r.useState(null),o=r.useRef(null);return[r.useCallback(l=>{if(w&&(o.current&&(o.current.disconnect(),o.current=null),(l==null?void 0:l.nodeType)===Node.ELEMENT_NODE)){const i=new IntersectionObserver(([$])=>{s($),$.isIntersecting&&i.unobserve($.target)},{threshold:t,root:n,rootMargin:a});i.observe(l),o.current=i}},[t,n,a]),u]}function le(e){return e?"_blank":"_self"}function xe({notificationData:e,notificationClickHandler:t,notificationComponent:n,hideAvatar:a,themeType:w,primaryActionClickHandler:u,secondaryActionClickHandler:s,theme:o,scrollRef:E,setUnseenNotifications:l,unseenNotifications:i,enableIntersectionObserver:$,disableMarkdown:b}){const h=v.useFeedClient(),[C,g]=Cr({threshold:1,root:E==null?void 0:E.current,rootMargin:"0px",enable:$});r.useEffect(()=>{g!=null&&g.isIntersecting&&!e.seen_on&&i&&!(i!=null&&i.includes(e.n_id))&&(l==null||l(k=>[...k,e.n_id]))},[g==null?void 0:g.isIntersecting]);const f=()=>{if(typeof t=="function")t(e);else{const k=e==null?void 0:e.message;if(k!=null&&k.url){const y=le(k==null?void 0:k.open_in_new_tab);window.open(ce(k.url),y)}}},L=()=>h==null?void 0:h.markAsInteracted(e.n_id),p=async k=>{k.stopPropagation(),await L(),f()},S=async(k,y)=>{k.stopPropagation();const B=le(y==null?void 0:y.target);await L(),y.customClickHandler?y.customClickHandler(e):y!=null&&y.url?window.open(ce(y.url),B):f()},_=w===M.DARK?H(F,o):o||{};return r.createElement("div",{onClick:p,ref:C},r.createElement(Ke,{notificationData:e,handleActionClick:S,notificationComponent:n,hideAvatar:a,themeType:w,primaryActionClickHandler:u,secondaryActionClickHandler:s,theme:_,disableMarkdown:b}))}function wr({notificationData:e,hideAvatar:t,themeType:n,theme:a,disableMarkdown:w}){var o,E;const u=e.message,s=n===M.DARK?H(F.toast,a):a||{};return r.createElement(Er,{style:s==null?void 0:s.container},r.createElement(kr,null,!t&&r.createElement(vr,null,(o=u==null?void 0:u.avatar)!=null&&o.avatar_url?r.createElement(hr,{src:u.avatar.avatar_url,alt:"avatar",style:s==null?void 0:s.avatar}):r.createElement(de,{type:n}))),r.createElement(Tr,null,u.header&&r.createElement(yr,{style:s==null?void 0:s.headerText},u.header),r.createElement(z,{body:((E=e==null?void 0:e.message)==null?void 0:E.text)||"",style:s==null?void 0:s.bodyText,disableMarkdown:w})))}const Er=c.div`
display: flex;
overflow-wrap: anywhere;
flex-grow: 1;
background-color: ${d.main};
`,kr=c.div`
display: flex;
margin-top: 8px;
margin-right: 12px;
`,vr=c.div``,hr=c.img`
height: 36px;
width: 36px;
border-radius: 100px;
`,Tr=c.div`
flex: 1;
`,yr=c(I)`
margin: 8px 0px 0px 0px;
overflow-wrap: anywhere;
line-height: 18px;
font-weight: 700;
`,$r=(e,t)=>{const[n,a]=r.useState(e);return r.useEffect(()=>{const w=setTimeout(()=>{a(e)},t);return()=>{clearTimeout(w)}},[e,t]),n};function ie({style:e,size:t}){const n=e==null?void 0:e.color;return r.createElement(Hr,null,r.createElement(Rr,{style:e,color:n,size:t}))}function fr({noNotificationsComponent:e,notificationsContainer:t}){const{t:n}=v.useTranslations();if(e){const a=e;return r.createElement(a,null)}return r.createElement(Br,null,r.createElement(Ir,{style:t==null?void 0:t.noNotificationsText},n("noNotificationsTitle")),r.createElement(Mr,{style:t==null?void 0:t.noNotificationsSubtext},n("noNotificationsDescription")))}function be(e){const t=v.useFeedData(),n=v.useFeedClient(),a=r.useRef(),[w,u]=r.useState([]),s=$r(w,1e3);r.useEffect(()=>{const b=s;if(b!=null&&b.length){n==null||n.markBulkAsSeen(b);const h=w.filter(C=>!b.includes(C));u(h)}},[s]);const o=(e==null?void 0:e.themeType)===M.DARK?H(F,e.theme):e.theme||{},E=o==null?void 0:o.notificationsContainer,l=e.pagination!==!1,i=e==null?void 0:e.loaderComponent,$=e!=null&&e.popover?Lr:Ar;return r.useEffect(()=>{var C;const b=document.getElementById("ss-notification-container"),h=(C=t==null?void 0:t.pageInfo)==null?void 0:C.hasMore;b!=null&&b.scrollHeight&&(b!=null&&b.clientHeight)&&(b==null?void 0:b.scrollHeight)<=(b==null?void 0:b.clientHeight)&&h&&l&&(n==null||n.fetchNextPage())},[t]),t?r.createElement($,{style:E==null?void 0:E.container,id:"ss-notification-container"},r.createElement(ae,{style:{header:o==null?void 0:o.header,tabs:o==null?void 0:o.tabs},headerRightComponent:e.headerRightComponent,showUnreadCountOnTabs:e.showUnreadCountOnTabs,tabBadgeComponent:e.tabBadgeComponent,setPopoverOpen:e==null?void 0:e.setPopoverOpen}),(t==null?void 0:t.apiStatus)===v.ApiResponseStatus.LOADING&&r.createElement(Pr,null,r.createElement(ie,{size:"large",style:E==null?void 0:E.loader})),((t==null?void 0:t.apiStatus)===v.ApiResponseStatus.ERROR||(t==null?void 0:t.apiStatus)===v.ApiResponseStatus.SUCCESS&&!(t!=null&&t.notifications.length))&&r.createElement(fr,{noNotificationsComponent:e==null?void 0:e.noNotificationsComponent,notificationsContainer:E}),(t==null?void 0:t.notifications.length)>0&&r.createElement(Sr,null,r.createElement(we,{scrollableTarget:"ss-notification-container",dataLength:t==null?void 0:t.notifications.length,next:()=>n==null?void 0:n.fetchNextPage(),hasMore:l&&(t==null?void 0:t.pageInfo.hasMore),loader:i?r.createElement(i,null):r.createElement(ie,{style:E==null?void 0:E.loader})},t.notifications.map(b=>r.createElement(xe,{scrollRef:a,key:b.n_id,notificationData:b,notificationClickHandler:e.notificationClickHandler,primaryActionClickHandler:e.primaryActionClickHandler,secondaryActionClickHandler:e.secondaryActionClickHandler,theme:o==null?void 0:o.notification,hideAvatar:e.hideAvatar,notificationComponent:e.notificationComponent,themeType:e.themeType,setUnseenNotifications:u,unseenNotifications:w,enableIntersectionObserver:!0,disableMarkdown:e.disableMarkdown}))))):r.createElement($,{style:E==null?void 0:E.container,id:"ss-notification-container"},r.createElement(ae,{style:{header:o==null?void 0:o.header,tabs:o==null?void 0:o.tabs},headerRightComponent:e.headerRightComponent,showUnreadCountOnTabs:e.showUnreadCountOnTabs,tabBadgeComponent:e.tabBadgeComponent,setPopoverOpen:e==null?void 0:e.setPopoverOpen}))}const Lr=c.div`
height: 500px;
width: 450px;
margin: 0px 15px;
border-radius: 5px;
background-color: ${d.main};
border: 1px solid ${d.border};
display: inline-block;
overflow: auto;
box-shadow: 0 0px 7px 0 rgba(0, 0, 0, 0.1);
@media (max-width: 425px) {
width: 99.5vw;
margin: 0px;
border-radius: 0px;
}
scrollbar-color: ${e=>{var t;return"rgba(120, 120, 120, 0.6) "+(((t=e==null?void 0:e.style)==null?void 0:t.backgroundColor)||d.main)}};
scrollbar-width: thin;
&::-webkit-scrollbar {
width: 5px;
}
&::-webkit-scrollbar-thumb {
background-color: rgba(120, 120, 120, 0.6);
border-radius: 8px;
}
&::-webkit-scrollbar-track {
background-color: ${e=>{var t;return((t=e==null?void 0:e.style)==null?void 0:t.backgroundColor)||d.main}};
}
`,Ar=c.div`
overflow: auto;
background-color: ${d.main};
scrollbar-color: ${e=>{var t;return"rgba(120, 120, 120, 0.6) "+(((t=e==null?void 0:e.style)==null?void 0:t.backgroundColor)||d.main)}};
scrollbar-width: thin;
&::-webkit-scrollbar {
width: 5px;
}
&::-webkit-scrollbar-thumb {
background-color: rgba(120, 120, 120, 0.6);
border-radius: 8px;
}
&::-webkit-scrollbar-track {
background-color: ${e=>{var t;return((t=e==null?void 0:e.style)==null?void 0:t.backgroundColor)||d.main}};
}
`,Br=c.div`
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
margin: 32px;
margin-top: 40px;
`,Ir=c(U)`
font-weight: 600;
text-align: center;
background-color: transparent;
margin: 20px 0px;
margin-bottom: 16px;
color: ${d.primaryText};
`,Mr=c(I)`
color: ${d.secondaryText};
text-align: center;
`,Sr=c.div``,_r=Ce.keyframes`
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
`,Rr=c.div`
border: ${e=>e.size==="large"?`5px solid ${d.border}`:`3px solid ${d.border}`};
border-top: ${e=>e.size==="large"?"5px solid":"3px solid"};
border-top-color: ${e=>e.color?e.color:d.primary};
border-radius: 50%;
width: ${e=>e.size==="large"?"20px":"10px"};
height: ${e=>e.size==="large"?"20px":"10px"};
animation: ${_r} 1s linear infinite;
margin: 5px;
`,Hr=c.div`
display: flex;
justify-content: center;
align-items: center;
`,Pr=c.div`
margin-top: 32px;
`;function Or(e,t){r.useEffect(()=>{let n=!1,a=!1;const w=s=>{n||!a||!e.current||e.current.contains(s.target)||t(s)},u=s=>{a=!!e.current,n=!!(e.current&&e.current.contains(s.target))};return document.addEventListener("mousedown",u),document.addEventListener("touchstart",u),document.addEventListener("click",w),()=>{document.removeEventListener("mousedown",u),document.removeEventListener("touchstart",u),document.removeEventListener("click",w)}},[e,t])}function Fr({bellComponent:e,badgeComponent:t,popperPosition:n="bottom",theme:a,...w}){var L;const[u,s]=r.useState(null),[o,E]=r.useState(null),l=v.useFeedClient(),i=v.useFeedData(),[$,b]=r.useState(!1);Or({current:o},()=>{b(p=>!p)});const{styles:h,attributes:C}=me.usePopper(u,o,{placement:n,modifiers:[{name:"offset",options:{offset:[0,5]}}]}),g=()=>{b(p=>!p),l==null||l.resetBadgeCount()},f=(w==null?void 0:w.themeType)===M.DARK?H(F,a):a||{};return r.createElement(Vr,null,r.createElement(jr,{onClick:g,ref:s},r.createElement(ye,{count:((L=i==null?void 0:i.meta)==null?void 0:L.badge)||0,badgeComponent:t,style:f==null?void 0:f.badge}),r.createElement(Te,{bellComponent:e,style:f==null?void 0:f.bell})),$&&r.createElement("div",{ref:E,style:{...h.popper,zIndex:999},...C.popper},r.createElement(be,{...w,theme:f,popover:!0,setPopoverOpen:b})))}const Vr=c.div`
position: relative;
display: inline-block;
background-color: transparent;
line-height: 1;
`,jr=c.div`
position: relative;
margin-top: 12px;
margin-right: 12px;
cursor: pointer;
`;function Nr(e){const{tenantId:t="default",pageSize:n=20,stores:a,host:w,children:u}=e,s={tenantId:t,pageSize:n,stores:a,host:w};return r.createElement(v.SuprSendFeedProvider,{...s},r.createElement("div",null,r.createElement(Fr,{...e}),u))}exports.BodyMarkdown=z;exports.Inbox=Nr;exports.NotificationCard=xe;exports.NotificationFeed=be;exports.ThemeType=M;exports.ToastNotificationCard=wr;Object.keys(v).forEach(e=>{e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:()=>v[e]})});
//# sourceMappingURL=index.cjs.map