"use strict";const d=require("react"),e=require("react/jsx-runtime");var q={color:void 0,size:void 0,className:void 0,style:void 0,attr:void 0},V=d.createContext&&d.createContext(q),se=["attr","size","title"];function ne(t,r){if(t==null)return{};var a=ie(t,r),s,n;if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(t);for(n=0;n<l.length;n++)s=l[n],!(r.indexOf(s)>=0)&&Object.prototype.propertyIsEnumerable.call(t,s)&&(a[s]=t[s])}return a}function ie(t,r){if(t==null)return{};var a={};for(var s in t)if(Object.prototype.hasOwnProperty.call(t,s)){if(r.indexOf(s)>=0)continue;a[s]=t[s]}return a}function C(){return C=Object.assign?Object.assign.bind():function(t){for(var r=1;r<arguments.length;r++){var a=arguments[r];for(var s in a)Object.prototype.hasOwnProperty.call(a,s)&&(t[s]=a[s])}return t},C.apply(this,arguments)}function D(t,r){var a=Object.keys(t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(t);r&&(s=s.filter(function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable})),a.push.apply(a,s)}return a}function M(t){for(var r=1;r<arguments.length;r++){var a=arguments[r]!=null?arguments[r]:{};r%2?D(Object(a),!0).forEach(function(s){le(t,s,a[s])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(a)):D(Object(a)).forEach(function(s){Object.defineProperty(t,s,Object.getOwnPropertyDescriptor(a,s))})}return t}function le(t,r,a){return r=oe(r),r in t?Object.defineProperty(t,r,{value:a,enumerable:!0,configurable:!0,writable:!0}):t[r]=a,t}function oe(t){var r=ce(t,"string");return typeof r=="symbol"?r:r+""}function ce(t,r){if(typeof t!="object"||!t)return t;var a=t[Symbol.toPrimitive];if(a!==void 0){var s=a.call(t,r);if(typeof s!="object")return s;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(t)}function G(t){return t&&t.map((r,a)=>d.createElement(r.tag,M({key:a},r.attr),G(r.child)))}function p(t){return r=>d.createElement(de,C({attr:M({},t.attr)},r),G(t.child))}function de(t){var r=a=>{var{attr:s,size:n,title:l}=t,u=ne(t,se),h=n||a.size||"1em",o;return a.className&&(o=a.className),t.className&&(o=(o?o+" ":"")+t.className),d.createElement("svg",C({stroke:"currentColor",fill:"currentColor",strokeWidth:"0"},a.attr,s,u,{className:o,style:M(M({color:t.color||a.color},a.style),t.style),height:h,width:h,xmlns:"http://www.w3.org/2000/svg"}),l&&d.createElement("title",null,l),t.children)};return V!==void 0?d.createElement(V.Consumer,null,a=>r(a)):r(q)}function ue(t){return p({attr:{viewBox:"0 0 512 512"},child:[{tag:"path",attr:{d:"M257 120.471c7.083 0 23.911 4.479 23.911 4.479 45.589 10.447 77.678 52.439 77.678 99.85V352.412l9.321 9.364 7.788 7.823H136.302l7.788-7.823 9.321-9.364V224.8c0-47.41 32.089-89.403 77.678-99.85 0 0 18.043-4.479 23.911-4.479M256 48c-17.602 0-31.059 13.518-31.059 31.2v14.559c-59.015 13.523-103.53 67.601-103.53 131.041v114.4L80 380.8v20.8h352v-20.8l-41.411-41.6V224.8c0-63.44-44.516-117.518-103.53-131.041V79.2c0-17.682-13.457-31.2-31.059-31.2zm41.411 374.4h-82.823c0 22.881 18.633 41.6 41.412 41.6s41.411-18.719 41.411-41.6z"},child:[]}]})(t)}const he=({unreadCount:t,onClick:r,className:a="",disabled:s=!1})=>{const n=o=>o===0?"":o>99?"99+":o.toString(),l=o=>{s||(o.key==="Enter"||o.key===" ")&&(o.preventDefault(),r())},u=n(t),h=t>0;return e.jsxs("button",{type:"button",className:`
        relative inline-flex items-center justify-center
        rounded-full
        text-[var(--widget-text-secondary)] hover:text-[var(--widget-text)]
        bg-transparent hover:bg-[var(--widget-bg-hover)]
        border-0 cursor-pointer
        transition-colors duration-300
        focus:outline-none focus:ring-1 focus:ring-[var(--widget-primary)] focus:ring-offset-1
        disabled:opacity-70 disabled:cursor-not-allowed
        w-10 h-10
        mx-widget-bell
        ${a}
      `,onClick:r,onKeyDown:l,disabled:s,"aria-label":h?`Notifications (${t} unread)`:"Notifications","aria-expanded":!1,"aria-haspopup":"dialog","data-testid":"bell-component","data-mx-widget":"bell",children:[e.jsxs("div",{className:"relative inline-flex items-center justify-center text-align-center",children:[e.jsx(ue,{className:"w-6 h-6"}),h&&e.jsx("span",{className:`
              absolute
              flex items-center justify-center
              w-[16px] h-[16px]
              text-[10px] font-bold leading-none
              text-[var(--widget-text)] bg-red-500
              rounded-full
              border border-white dark:border-gray-900
              shadow-sm
              pointer-events-none
              text-align-center
            `,"aria-hidden":"true","data-testid":"unread-badge",style:{marginTop:"-25px",marginRight:"-25px"},children:u})]}),e.jsx("span",{className:"sr-only",children:h?`${t} unread notifications`:"No unread notifications"})]})};class R extends d.Component{constructor(r){super(r),this.state={hasError:!1,error:null}}static getDerivedStateFromError(r){return{hasError:!0,error:r}}componentDidCatch(r,a){const{componentName:s="Unknown Component",onError:n}=this.props;n&&n(r,a)}render(){return this.state.hasError?this.props.fallback?this.props.fallback:e.jsx("div",{className:"p-2 text-sm text-gray-500 bg-gray-50 border border-gray-200 rounded","data-testid":"component-error-fallback",children:e.jsxs("span",{children:["Unable to load ",this.props.componentName||"component"]})}):this.props.children}}function $(t){return p({attr:{viewBox:"0 0 24 24"},child:[{tag:"path",attr:{fill:"none",d:"M0 0h24v24H0z"},child:[]},{tag:"path",attr:{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"},child:[]}]})(t)}function me(t){return p({attr:{viewBox:"0 0 24 24"},child:[{tag:"path",attr:{fill:"none",d:"M0 0h24v24H0z"},child:[]},{tag:"path",attr:{d:"M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"},child:[]}]})(t)}function xe(t){return p({attr:{viewBox:"0 0 24 24"},child:[{tag:"path",attr:{fill:"none",d:"M0 0h24v24H0z"},child:[]},{tag:"path",attr:{d:"M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"},child:[]}]})(t)}function J(t){return p({attr:{viewBox:"0 0 24 24"},child:[{tag:"path",attr:{fill:"none",d:"M0 0h24v24H0V0z"},child:[]},{tag:"path",attr:{d:"M19.14 12.94c.04-.3.06-.61.06-.94 0-.32-.02-.64-.07-.94l2.03-1.58a.49.49 0 0 0 .12-.61l-1.92-3.32a.488.488 0 0 0-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54a.484.484 0 0 0-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96c-.22-.08-.47 0-.59.22L2.74 8.87c-.12.21-.08.47.12.61l2.03 1.58c-.05.3-.09.63-.09.94s.02.64.07.94l-2.03 1.58a.49.49 0 0 0-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .44-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.47-.12-.61l-2.01-1.58zM12 15.6c-1.98 0-3.6-1.62-3.6-3.6s1.62-3.6 3.6-3.6 3.6 1.62 3.6 3.6-1.62 3.6-3.6 3.6z"},child:[]}]})(t)}function ge(t){return p({attr:{viewBox:"0 0 24 24"},child:[{tag:"path",attr:{fill:"none",d:"M0 0h24v24H0z"},child:[]},{tag:"path",attr:{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"},child:[]}]})(t)}function fe(t){return p({attr:{viewBox:"0 0 24 24"},child:[{tag:"path",attr:{fill:"none",d:"M0 0h24v24H0z"},child:[]},{tag:"path",attr:{d:"M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z"},child:[]}]})(t)}function pe(t){return p({attr:{viewBox:"0 0 24 24"},child:[{tag:"path",attr:{fill:"none",d:"M0 0h24v24H0z"},child:[]},{tag:"path",attr:{d:"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4-8 5-8-5V6l8 5 8-5v2z"},child:[]}]})(t)}function Y(t){return p({attr:{viewBox:"0 0 24 24"},child:[{tag:"path",attr:{fill:"none",d:"M0 0h24v24H0z"},child:[]},{tag:"path",attr:{d:"m20.54 5.23-1.39-1.68C18.88 3.21 18.47 3 18 3H6c-.47 0-.88.21-1.16.55L3.46 5.23C3.17 5.57 3 6.02 3 6.5V19c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V6.5c0-.48-.17-.93-.46-1.27zM12 17.5 6.5 12H10v-2h4v2h3.5L12 17.5zM5.12 5l.81-1h12l.94 1H5.12z"},child:[]}]})(t)}function ve(t){return p({attr:{viewBox:"0 0 24 24"},child:[{tag:"path",attr:{fill:"none",d:"M0 0h24v24H0z"},child:[]},{tag:"path",attr:{d:"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"},child:[]},{tag:"path",attr:{d:"M12.5 7H11v6l5.25 3.15.75-1.23-4.5-2.67z"},child:[]}]})(t)}function be(t){return p({attr:{viewBox:"0 0 24 24"},child:[{tag:"path",attr:{fill:"none",d:"M0 0h24v24H0z"},child:[]},{tag:"path",attr:{d:"M17 1.01 7 1c-1.1 0-2 .9-2 2v18c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V3c0-1.1-.9-1.99-2-1.99zM17 19H7V5h10v14z"},child:[]}]})(t)}function we(t){return p({attr:{viewBox:"0 0 24 24"},child:[{tag:"path",attr:{fill:"none",d:"M0 0h24v24H0z"},child:[]},{tag:"path",attr:{d:"m21.41 11.58-9-9C12.05 2.22 11.55 2 11 2H4c-1.1 0-2 .9-2 2v7c0 .55.22 1.05.59 1.42l9 9c.36.36.86.58 1.41.58.55 0 1.05-.22 1.41-.59l7-7c.37-.36.59-.86.59-1.41 0-.55-.23-1.06-.59-1.42zM5.5 7C4.67 7 4 6.33 4 5.5S4.67 4 5.5 4 7 4.67 7 5.5 6.33 7 5.5 7z"},child:[]}]})(t)}function ye(t){return p({attr:{viewBox:"0 0 24 24"},child:[{tag:"path",attr:{fill:"none",d:"M0 0h24v24H0z"},child:[]},{tag:"path",attr:{d:"M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z"},child:[]}]})(t)}function Q(t){return p({attr:{viewBox:"0 0 24 24"},child:[{tag:"path",attr:{fill:"none",d:"M0 0h24v24H0z"},child:[]},{tag:"path",attr:{d:"M19 6.41 17.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"},child:[]}]})(t)}function je(t){return p({attr:{viewBox:"0 0 24 24"},child:[{tag:"path",attr:{fill:"none",d:"M0 0h24v24H0z"},child:[]},{tag:"path",attr:{d:"m12 8-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14z"},child:[]}]})(t)}function Ne(t){return p({attr:{viewBox:"0 0 24 24"},child:[{tag:"path",attr:{fill:"none",d:"M0 0h24v24H0z"},child:[]},{tag:"path",attr:{d:"M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z"},child:[]}]})(t)}function ke(t){return p({attr:{viewBox:"0 0 24 24"},child:[{tag:"path",attr:{fill:"none",d:"M0 0h24v24H0z"},child:[]},{tag:"path",attr:{d:"M17.65 6.35A7.958 7.958 0 0 0 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08A5.99 5.99 0 0 1 12 18c-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z"},child:[]}]})(t)}function Ce(t){return p({attr:{viewBox:"0 0 24 24"},child:[{tag:"path",attr:{fill:"none",d:"M0 0h24v24H0z"},child:[]},{tag:"path",attr:{d:"M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM9 11H7V9h2v2zm4 0h-2V9h2v2zm4 0h-2V9h2v2z"},child:[]}]})(t)}function F(t){return p({attr:{viewBox:"0 0 24 24"},child:[{tag:"path",attr:{d:"M12 22c1.1 0 2-.9 2-2h-4a2 2 0 0 0 2 2zm6-6v-5c0-3.07-1.64-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.63 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2z"},child:[]}]})(t)}function Me(t){return p({attr:{viewBox:"0 0 24 24"},child:[{tag:"path",attr:{fill:"none",d:"M0 0h24v24H0z"},child:[]},{tag:"path",attr:{d:"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"},child:[]},{tag:"path",attr:{d:"M14 17H7v-2h7v2zm3-4H7v-2h10v2zm0-4H7V7h10v2z"},child:[]}]})(t)}function X(t){return p({attr:{viewBox:"0 0 24 24"},child:[{tag:"path",attr:{fill:"none",d:"M0 0h24v24H0V0z"},child:[]},{tag:"path",attr:{d:"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 14H4V8l8 5 8-5v10zm-8-7L4 6h16l-8 5z"},child:[]}]})(t)}const ze=({onRetry:t,error:r})=>e.jsxs("div",{className:"p-3 text-center","data-testid":"notifications-fallback",children:[e.jsx("div",{className:"text-[var(--widget-text-tertiary)] mb-2",children:e.jsx($,{className:"w-12 h-12 mx-auto"})}),e.jsx("p",{className:"text-sm text-[var(--widget-text-secondary)] mb-3",children:r?"Failed to load notifications":"No notifications available"}),t&&e.jsx("button",{type:"button",className:"text-sm text-[var(--widget-primary)] hover:text-[var(--widget-primary-hover)] font-medium transition-colors",onClick:t,children:"Try again"})]}),_=({onRetry:t,onBack:r})=>e.jsxs("div",{className:"p-3 text-center","data-testid":"preferences-fallback",children:[e.jsx("div",{className:"text-[var(--widget-text-tertiary)] mb-2",children:e.jsx(J,{className:"w-12 h-12 mx-auto"})}),e.jsx("p",{className:"text-sm text-[var(--widget-text-secondary)] mb-3",children:"Unable to load preferences"}),e.jsxs("div",{className:"space-x-2",children:[t&&e.jsx("button",{type:"button",className:"text-sm text-[var(--widget-primary)] hover:text-[var(--widget-primary-hover)] font-medium transition-colors",onClick:t,children:"Try again"}),r&&e.jsx("button",{type:"button",className:"text-sm text-[var(--widget-text-secondary)] hover:text-[var(--widget-text)] font-medium transition-colors",onClick:r,children:"Back"})]})]}),Ee=({onRetry:t,error:r})=>e.jsxs("div",{className:"p-3 text-center bg-[var(--widget-warning)]/10 border border-[var(--widget-warning)]/20 rounded-lg","data-testid":"sdk-connection-fallback",children:[e.jsx("div",{className:"text-[var(--widget-warning)] mb-2",children:e.jsx(fe,{className:"w-12 h-12 mx-auto"})}),e.jsx("p",{className:"text-sm text-[var(--widget-warning)] mb-3 font-medium",children:"Connection to notification service failed"}),r&&process.env.NODE_ENV==="development"&&e.jsx("p",{className:"text-xs text-[var(--widget-warning)] mb-3 font-mono opacity-80",children:r}),t&&e.jsx("button",{type:"button",className:"text-sm font-medium bg-[var(--widget-warning)]/20 text-[var(--widget-warning)] hover:bg-[var(--widget-warning)]/30 px-3 py-1 rounded transition-colors",onClick:t,children:"Retry connection"})]}),Se=({message:t="Loading..."})=>e.jsxs("div",{className:"p-3 text-center","data-testid":"loading-fallback",children:[e.jsx("div",{className:"w-6 h-6 border-2 border-[var(--widget-primary)] border-t-transparent rounded-full animate-spin mx-auto mb-2"}),e.jsx("p",{className:"text-sm text-[var(--widget-text-secondary)]",children:t})]}),He=(t,r)=>{switch(r){case"all":return t;case"unread":return t.filter(a=>!a.isRead);default:if(r.startsWith("tag:")){const a=r.substring(4);return t.filter(s=>s.tags.includes(a))}return t}},Le=(t,r)=>{if(!r.trim())return t;const a=r.toLowerCase().trim();return t.filter(s=>{const n=s.subject.toLowerCase(),l=s.body.toLowerCase(),u=s.tags.join(" ").toLowerCase();return n.includes(a)||l.includes(a)||u.includes(a)})},Te=(t,r)=>{const a=[...t];switch(r){case"newest":return a.sort((s,n)=>n.timestamp.getTime()-s.timestamp.getTime());case"oldest":return a.sort((s,n)=>s.timestamp.getTime()-n.timestamp.getTime());case"unread-first":return a.sort((s,n)=>s.isRead===n.isRead?n.timestamp.getTime()-s.timestamp.getTime():s.isRead?1:-1);case"read-first":return a.sort((s,n)=>s.isRead===n.isRead?n.timestamp.getTime()-s.timestamp.getTime():s.isRead?-1:1);default:return a}},Oe=(t,r,a,s="newest")=>{let n=t;return n=He(n,r),a&&(n=Le(n,a)),n=Te(n,s),n},Re=({selectedNotifications:t,onMarkAllAsRead:r,onMarkAllAsUnread:a,onArchiveAll:s,onDeleteAll:n,onClearSelection:l,className:u=""})=>{const[h,o]=d.useState(!1),[m,g]=d.useState(null),x=t.length,b=async(y,v)=>{if(x!==0){o(!0),g(null);try{const w=await y(t);g(w),w.success&&l()}catch(w){g({success:!1,processedCount:0,failedCount:x,errors:[{notificationId:"",error:w}]})}finally{o(!1)}}};return x===0?null:e.jsxs("div",{className:`border-t border-border bg-widget-primary-light p-2 ${u}`,children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxs("span",{className:"text-sm font-medium text-widget-primary",children:[x," notification",x!==1?"s":""," selected"]}),m&&!m.success&&e.jsxs("span",{className:"text-xs text-[var(--widget-error)]",children:[m.failedCount," failed"]})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxs("button",{type:"button",onClick:()=>b(r),disabled:h,className:"inline-flex items-center px-2 py-1 text-xs font-medium text-blue-700 bg-white border border-blue-300 rounded hover:bg-blue-50 focus:outline-none focus:ring-2 focus:ring-blue-500 disabled:opacity-50 disabled:cursor-not-allowed transition-colors","data-testid":"bulk-mark-read",children:[e.jsx($,{className:"mr-1 w-4 h-4"}),"Mark Read"]}),e.jsxs("button",{type:"button",onClick:()=>b(a),disabled:h,className:"inline-flex items-center px-2 py-1 text-xs font-medium text-blue-700 bg-white border border-blue-300 rounded hover:bg-blue-50 focus:outline-none focus:ring-2 focus:ring-blue-500 disabled:opacity-50 disabled:cursor-not-allowed transition-colors","data-testid":"bulk-mark-unread",children:[e.jsx(X,{className:"mr-1 w-4 h-4"}),"Mark Unread"]}),e.jsxs("button",{type:"button",onClick:()=>b(s),disabled:h,className:"inline-flex items-center px-2 py-1 text-xs font-medium text-text-secondary bg-white border border-border rounded hover:bg-widget-hover focus:outline-none focus:ring-2 focus:ring-text-secondary disabled:opacity-50 disabled:cursor-not-allowed transition-colors","data-testid":"bulk-archive",children:[e.jsx(Y,{className:"mr-1 w-4 h-4"}),"Archive"]}),e.jsxs("button",{type:"button",onClick:()=>{window.confirm(`Are you sure you want to delete ${x} notification${x!==1?"s":""}? This action cannot be undone.`)&&b(n)},disabled:h,className:"inline-flex items-center px-2 py-1 text-xs font-medium text-[var(--widget-error)] bg-white border border-[var(--widget-error)]/30 rounded hover:bg-[var(--widget-error)]/10 focus:outline-none focus:ring-2 focus:ring-[var(--widget-error)] disabled:opacity-50 disabled:cursor-not-allowed transition-colors","data-testid":"bulk-delete",children:[e.jsx(me,{className:"mr-1 w-4 h-4"}),"Delete"]}),e.jsx("button",{type:"button",onClick:l,disabled:h,className:"inline-flex items-center px-1 py-1 text-xs font-medium text-text-secondary hover:text-text-primary focus:outline-none focus:ring-2 focus:ring-text-secondary disabled:opacity-50 disabled:cursor-not-allowed transition-colors","data-testid":"clear-selection","aria-label":"Clear selection",children:e.jsx(Q,{className:"w-5 h-5"})})]})]}),h&&e.jsxs("div",{className:"mt-2 flex items-center gap-2",children:[e.jsx("div",{className:"animate-spin rounded-full h-4 w-4 border-b-2 border-[var(--widget-primary)]"}),e.jsx("span",{className:"text-xs text-[var(--widget-primary)]",children:"Processing..."})]}),m&&e.jsx("div",{className:"mt-2",children:m.success?e.jsxs("div",{className:"text-xs text-[var(--widget-success)]",children:["Successfully processed ",m.processedCount," notification",m.processedCount!==1?"s":""]}):e.jsxs("div",{className:"text-xs text-[var(--widget-error)]",children:[m.processedCount>0&&e.jsxs("span",{children:["Processed ",m.processedCount,", "]}),"Failed to process ",m.failedCount," notification",m.failedCount!==1?"s":""]})})]})},U=({title:t="No Items",description:r="There are no items to display",icon:a})=>e.jsxs("div",{className:"flex flex-col items-center justify-center py-8 px-4",children:[a&&e.jsx("div",{className:"mb-4 text-gray-300",children:a}),e.jsx("h3",{className:"text-lg font-medium text-[var(--widget-text)] mb-2",children:t}),e.jsx("p",{className:"text-sm text-text-gray-300 text-center",children:r})]}),L=({content:t,children:r,position:a="top",delay:s=200})=>{const[n,l]=d.useState(!1),[u,h]=d.useState({x:0,y:0}),o=d.useRef(null),m=d.useRef(null),g=()=>{o.current&&clearTimeout(o.current),o.current=setTimeout(()=>{if(m.current){const v=m.current.getBoundingClientRect();let w=0,i=0;switch(a){case"top":w=v.left+v.width/2,i=v.top-15;break;case"bottom":w=v.left+v.width/2,i=v.bottom+15;break;case"left":w=v.left-15,i=v.top+v.height/2;break;case"right":w=v.right+15,i=v.top+v.height/2;break}h({x:w,y:i}),l(!0)}},s)},x=()=>{o.current&&clearTimeout(o.current),l(!1)};d.useEffect(()=>()=>{o.current&&clearTimeout(o.current)},[]);const b=()=>{switch(a){case"top":return{marginTop:"-8px"};case"bottom":return{marginTop:"8px"};case"left":return{marginLeft:"-8px"};case"right":return{marginLeft:"8px"};default:return{}}},y={top:"-translate-x-1/2 -translate-y-full",bottom:"-translate-x-1/2",left:"-translate-x-full -translate-y-1/2",right:"-translate-y-1/2"};return e.jsxs(e.Fragment,{children:[e.jsx("div",{ref:m,onMouseEnter:g,onMouseLeave:x,className:"inline-flex",children:r}),n&&e.jsx("div",{className:`
                                fixed z-50 px-2 py-1 text-xs font-medium text-[var(--widget-text-secondary)] rounded-md pointer-events-none
                                bg-[var(--widget-bg-secondary)] shadow-lg
                                ${y[a]}
                                animate-in fade-in-0 zoom-in-95 duration-200
                            `,style:{left:`${u.x}px`,top:`${u.y}px`,...b()},children:t})]})},$e=t=>{if(Number.isNaN(t.getTime()))return"Long ago";const s=new Date().getTime()-t.getTime(),n=Math.floor(s/6e4),l=Math.floor(s/36e5),u=Math.floor(s/864e5);return n<1?"Just now":n<60?`${n}m ago`:l<24?`${l}h ago`:u<7?`${u}d ago`:t.toLocaleDateString()},T=({type:t,className:r})=>{const a=r||"w-4 h-4";switch(t){case"mark_read":return e.jsx($,{className:a});case"snooze":return e.jsx(ve,{className:a});case"archive":return e.jsx(Y,{className:a});default:return null}},Z=({notification:t,onActionClick:r,onSelectionChange:a,isSelected:s=!1})=>{const[n,l]=d.useState(!1),u=Number.isNaN(t.timestamp.getTime()),h=u?void 0:t.timestamp.toISOString(),o=$e(t.timestamp),m=x=>{r&&r(t.id,x),l(!1)},g=()=>{a&&a(!s)};return e.jsxs("div",{className:`
        mx-widget-item relative group flex items-start gap-3 px-4 py-3 border-b border-border-light
        transition-all duration-200
        min-w-[20rem]
        ${s?"bg-widget-primary-light":t.isRead?"bg-widget-background hover:bg-widget-hover":"bg-blue-50/50 hover:bg-blue-50/70"}
      `,onMouseEnter:()=>l(!0),onMouseLeave:()=>l(!1),"data-testid":"notification-item","data-notification-id":t.id,"data-mx-widget":"item",children:[a&&e.jsx("div",{className:"flex-shrink-0 pt-0.5",children:e.jsx("input",{type:"checkbox",checked:s,onChange:g,className:"w-4 h-4 text-[var(--widget-primary)] border-[var(--widget-border)] rounded cursor-pointer focus:ring-2 focus:ring-[var(--widget-primary)] focus:ring-offset-0","aria-label":`Select notification: ${t.subject}`})}),e.jsx("div",{className:"flex-shrink-0",children:t.avatar?e.jsx("img",{src:t.avatar,alt:"",className:"w-10 h-10 rounded-full object-cover border border-border","aria-hidden":"true",loading:"lazy"}):e.jsx("div",{className:"w-10 h-10 rounded-full bg-gradient-to-br from-widget-primary to-widget-primary-hover flex items-center justify-center shadow-sm",children:e.jsx("span",{className:"text-[var(--widget-text)] font-semibold text-base",children:t.subject.charAt(0).toUpperCase()})})}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsxs("div",{className:"flex items-start justify-between gap-2 mb-0.5",children:[e.jsx("h3",{className:`text-sm leading-5 text-[var(--widget-text)] ${t.isRead?"font-medium":"font-semibold"}`,children:t.subject}),!t.isRead&&e.jsx("div",{className:"flex-shrink-0 mt-1.5 ml-1",children:e.jsx("div",{className:"w-2 h-2 rounded-full bg-unread-indicator shadow-sm","aria-label":"Unread",role:"img"})})]}),e.jsx("p",{className:"text-sm text-[var(--widget-text-secondary)] line-clamp-2 leading-relaxed mb-2",children:t.body}),t.actions&&t.actions.length>0&&e.jsx("div",{className:"flex items-center gap-2 mb-2",children:t.actions.map((x,b)=>e.jsx("button",{onClick:y=>{y.stopPropagation(),m(x)},className:`
                  px-3 py-1.5 rounded-md text-sm font-medium transition-colors
                  ${b===0?"bg-[var(--widget-primary)] text-[var(--widget-text)] hover:bg-[var(--widget-primary-hover)] shadow-sm":"bg-transparent text-[var(--widget-text-secondary)] hover:bg-[var(--widget-bg-hover)] border border-[var(--widget-border)]"}
                `,"data-mx-widget":"action",children:x.label},b))}),e.jsxs("div",{className:"flex items-center justify-between min-h-[20px]",children:[e.jsx("div",{className:"flex items-center gap-2",children:e.jsx("time",{className:"text-xs text-[var(--widget-text-tertiary)]",dateTime:h,children:o})}),e.jsxs("div",{className:`flex items-center gap-1 transition-opacity duration-200 ${n?"opacity-100":"opacity-0"}`,onClick:x=>x.stopPropagation(),children:[e.jsx(L,{content:"Mark as read",position:"top",children:e.jsx("button",{className:"inline-flex items-center justify-center w-7 h-7 rounded-md text-[var(--widget-text-secondary)] hover:text-[var(--widget-text)] hover:bg-[var(--widget-bg-hover)] transition-colors",onClick:()=>m({type:"mark_read",label:"Mark as read",handler:async()=>{}}),"aria-label":"Mark as read",children:e.jsx(T,{type:"mark_read"})})}),e.jsx(L,{content:"Snooze",position:"top",children:e.jsx("button",{className:"inline-flex items-center justify-center w-7 h-7 rounded-md text-[var(--widget-text-secondary)] hover:text-[var(--widget-text)] hover:bg-[var(--widget-bg-hover)] transition-colors",onClick:()=>m({type:"custom",label:"Snooze",handler:async()=>{}}),"aria-label":"Snooze",children:e.jsx(T,{type:"snooze"})})}),e.jsx(L,{content:"Archive",position:"top",children:e.jsx("button",{className:"inline-flex items-center justify-center w-7 h-7 rounded-md text-[var(--widget-text-secondary)] hover:text-[var(--widget-text)] hover:bg-[var(--widget-bg-hover)] transition-colors",onClick:()=>m({type:"archive",label:"Archive",handler:async()=>{}}),"aria-label":"Archive",children:e.jsx(T,{type:"archive"})})})]})]})]}),e.jsxs("div",{className:"sr-only",children:["Notification from"," ",u?"Unknown time":t.timestamp.toLocaleString(),".",t.isRead?"Read":"Unread",".",t.isArchived?"Archived":"Active","."]})]})},W=({count:t=3})=>e.jsx(e.Fragment,{children:Array.from({length:t}).map((r,a)=>e.jsxs("div",{className:"flex items-start gap-3 px-4 py-3 border-b border-border-light animate-pulse",children:[e.jsx("div",{className:"flex-shrink-0",children:e.jsx("div",{className:"w-10 h-10 rounded-full bg-widget-hover"})}),e.jsxs("div",{className:"flex-1 space-y-2",children:[e.jsx("div",{className:"h-4 w-3/4 rounded bg-widget-hover"}),e.jsxs("div",{className:"space-y-1",children:[e.jsx("div",{className:"h-3 w-full rounded bg-widget-hover"}),e.jsx("div",{className:"h-3 w-5/6 rounded bg-widget-hover"})]}),e.jsx("div",{className:"h-3 w-16 rounded bg-widget-hover"})]}),e.jsx("div",{className:"flex-shrink-0",children:e.jsx("div",{className:"w-2 h-2 rounded-full bg-widget-hover"})})]},a))}),Pe=({notifications:t,isLoading:r=!1,error:a,onNotificationAction:s,selectedNotifications:n=[],onSelectionChange:l,onSelectAll:u,onLoadMore:h,hasMore:o=!1,className:m=""})=>{const g=d.useRef(null),x=d.useRef(null),[b,y]=d.useState(!1);d.useEffect(()=>{if(!(!h||!o||b))return g.current=new IntersectionObserver(i=>{i[0].isIntersecting&&o&&!b&&(y(!0),h(),setTimeout(()=>y(!1),500))},{root:null,rootMargin:"100px",threshold:.1}),x.current&&g.current.observe(x.current),()=>{g.current&&g.current.disconnect()}},[h,o,b]);const v=d.useCallback(async(i,c)=>{try{c.handler&&await c.handler(i),s&&c.type&&s(i,c)}catch{}},[s]),w=d.useCallback((i,c)=>{l&&l(i,c)},[l]);return r&&t.length===0?e.jsx("div",{className:`flex flex-col h-full bg-widget-background min-w-[20rem] ${m}`,children:e.jsx(W,{count:5})}):a?e.jsx("div",{className:`flex flex-col h-full bg-widget-background min-w-[20rem] ${m}`,children:e.jsx("div",{className:"flex items-center justify-center flex-1 py-12",children:e.jsx(U,{title:"Error Loading Notifications",description:"Failed to load notifications. Please try again.",icon:e.jsx("svg",{className:"w-12 h-12 text-[var(--widget-error)]",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M12 8v4m0 4v.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"})})})})}):t.length===0?e.jsx("div",{className:`flex flex-col h-full bg-widget-background min-w-[20rem] ${m}`,children:e.jsx("div",{className:"flex items-center justify-center flex-1 py-12",children:e.jsx(U,{title:"No Notifications",description:"You're all caught up! No notifications to display.",icon:e.jsx("svg",{className:"w-12 h-12 text-[var(--widget-text-tertiary)]",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M20 13V6a2 2 0 00-2-2H6a2 2 0 00-2 2v7m16 0v5a2 2 0 01-2 2H6a2 2 0 01-2-2v-5m16 0h-2.586a1 1 0 00-.707.293l-2.414 2.414a1 1 0 01-.707.293h-3.172a1 1 0 01-.707-.293l-2.414-2.414A1 1 0 006.586 13H4"})})})})}):e.jsxs("div",{className:`flex flex-col h-full min-w-[20rem] ${m}`,children:[u&&s&&e.jsx(Re,{selectedNotifications:n,onMarkAllAsRead:async i=>{try{for(const c of i)s(c,{type:"mark_read",label:"Mark as read",handler:async()=>{}});return{success:!0,processedCount:i.length,failedCount:0,errors:[]}}catch(c){return{success:!1,processedCount:0,failedCount:i.length,errors:[{notificationId:"",error:c}]}}},onMarkAllAsUnread:async i=>{try{for(const c of i)s(c,{type:"mark_unread",label:"Mark as unread",handler:async()=>{}});return{success:!0,processedCount:i.length,failedCount:0,errors:[]}}catch(c){return{success:!1,processedCount:0,failedCount:i.length,errors:[{notificationId:"",error:c}]}}},onArchiveAll:async i=>{try{for(const c of i)s(c,{type:"archive",label:"Archive",handler:async()=>{}});return{success:!0,processedCount:i.length,failedCount:0,errors:[]}}catch(c){return{success:!1,processedCount:0,failedCount:i.length,errors:[{notificationId:"",error:c}]}}},onDeleteAll:async i=>{try{for(const c of i)s(c,{type:"delete",label:"Delete",handler:async()=>{}});return{success:!0,processedCount:i.length,failedCount:0,errors:[]}}catch(c){return{success:!1,processedCount:0,failedCount:i.length,errors:[{notificationId:"",error:c}]}}},onClearSelection:()=>u(!1)}),e.jsx("div",{className:"flex-1",children:e.jsxs("div",{children:[t.map(i=>e.jsx(Z,{notification:i,onActionClick:v,isSelected:n.includes(i.id),onSelectionChange:l?c=>w(i.id,c):void 0},i.id)),o&&e.jsx("div",{ref:x,className:"py-2",children:b&&e.jsx(W,{count:3})})]})})]})},O=({id:t,label:r,checked:a,onChange:s,disabled:n=!1,icon:l})=>e.jsxs("div",{className:"flex items-center justify-between py-2.5",children:[r&&e.jsxs("label",{htmlFor:t,className:"flex items-center gap-2 text-sm font-medium text-text-primary cursor-pointer",children:[l&&e.jsx("span",{className:"text-widget-primary",children:l}),e.jsx("span",{children:r})]}),e.jsx("button",{type:"button",id:t,role:"switch","aria-checked":a,disabled:n,className:`relative inline-flex h-5 w-9 flex-shrink-0 rounded-full border-2 border-transparent 
                            transition-colors duration-200 ease-in-out
                            focus:outline-none focus:ring-2 focus:ring-widget-primary focus:ring-offset-2
                            ${a?"bg-widget-primary":"bg-gray-300 dark:bg-gray-600"}
                            ${n?"opacity-50 cursor-not-allowed":"cursor-pointer"}
                            `,onClick:()=>!n&&s(!a),children:e.jsx("span",{className:`pointer-events-none inline-block h-4 w-4 transform rounded-full bg-white shadow-md ring-0 
                                transition duration-200 ease-in-out
                                ${a?"translate-x-4":"translate-x-0"}
                            `})})]}),Be={sm:"w-4 h-4",md:"w-8 h-8",lg:"w-12 h-12"},K=({size:t="md",label:r="Loading..."})=>e.jsxs("div",{className:"flex flex-col items-center justify-center gap-2",children:[e.jsx("div",{className:`${Be[t]} animate-spin rounded-full border-2 border-gray-300 dark:border-gray-600 border-t-blue-500 dark:border-t-blue-400`,role:"status","aria-label":r}),r&&e.jsx("p",{className:"text-sm text-gray-600 dark:text-gray-400",children:r})]}),ee=({preferences:t,onPreferenceChange:r,isLoading:a,specificPreferences:s,onLoadMoreSpecific:n,hasMoreSpecific:l,isListLoading:u,onMorePreferencesClick:h})=>{const[o,m]=d.useState({global:!0,schedule:!1}),[g,x]=d.useState({}),b=i=>{m(c=>({...c,[i]:!c[i]}))},y=(i,c)=>{r(`channels.${i}`,c)},v=i=>{const{scrollTop:c,scrollHeight:N,clientHeight:k}=i.currentTarget;N-c-k<50&&l&&n&&!u&&n()},w=i=>{switch(i){case"email":return e.jsx(pe,{className:"w-4 h-4"});case"push":return e.jsx(F,{className:"w-4 h-4"});case"sms":return e.jsx(Ce,{className:"w-4 h-4"});case"inApp":return e.jsx(be,{className:"w-4 h-4"});default:return null}};return s||t.subscriptions,e.jsxs("div",{className:"h-full overflow-y-auto widget-scrollbar min-w-[20rem] p-2 bg-[var(--widget-background)]","data-testid":"preferences-view",onScroll:v,children:[a&&e.jsx("div",{className:"absolute inset-0 bg-[var(--widget-bg)]/75 backdrop-blur-sm flex items-center justify-center z-10 transition-all duration-200",children:e.jsx(K,{size:"lg"})}),e.jsxs("div",{className:"space-y-2",children:[e.jsxs("div",{className:"border border-[var(--widget-border)] rounded-lg overflow-hidden",children:[e.jsxs("button",{type:"button",onClick:()=>b("global"),className:"w-full flex items-center justify-between px-2 py-1.5 bg-[var(--widget-bg-secondary)] hover:bg-[var(--widget-bg-hover)] transition-colors",children:[e.jsxs("div",{className:"flex items-center gap-2  min-w-[20rem]",children:[e.jsx(F,{className:"w-5 h-5 text-widget-primary"}),e.jsx("span",{className:"font-semibold text-sm text-text-primary",children:"Global Preferences"})]}),o.global?e.jsx(je,{className:"w-5 h-5 text-text-secondary"}):e.jsx(Ne,{className:"w-5 h-5 text-text-secondary"})]}),o.global&&e.jsxs("div",{className:" min-w-[20rem] px-2 pb-1.5 divide-y divide-border-light bg-[var(--widget-background)]",children:[e.jsx(O,{id:"channel-email",label:"Email",icon:w("email"),checked:t.channels.email,onChange:i=>y("email",i),disabled:a}),e.jsx(O,{id:"channel-inapp",label:"In-App",icon:w("inApp"),checked:t.channels.inApp,onChange:i=>y("inApp",i),disabled:a}),e.jsx(O,{id:"channel-push",label:"Push",icon:w("push"),checked:t.channels.push,onChange:i=>y("push",i),disabled:a})]})]}),!1,!1,u&&e.jsx("div",{className:"flex justify-center p-2",children:e.jsx(K,{size:"md"})}),h&&e.jsx("div",{className:"pt-2 pb-1 flex justify-center",children:e.jsx("button",{onClick:()=>{h()},className:"text-sm font-medium text-[var(--widget-primary)] hover:text-[var(--widget-primary-hover)] hover:underline focus:outline-none",children:"More Settings"})})]})]})},Ae=({notifications:t,activeTab:r,onTabChange:a,className:s=""})=>{const n=d.useMemo(()=>{const l=t.length,u=t.filter(g=>!g.isRead).length,h=new Map;t.forEach(g=>{g.tags.forEach(x=>{h.set(x,(h.get(x)||0)+1)})});const o=[{id:"all",label:"All",count:l,icon:e.jsx(Me,{className:"w-4 h-4"})},{id:"unread",label:"Unread",count:u,icon:e.jsx(X,{className:"w-4 h-4"})}],m=Array.from(h.entries()).sort(([,g],[,x])=>x-g).slice(0,5).map(([g,x])=>({id:`tag:${g}`,label:g,count:x,icon:e.jsx(we,{className:"w-4 h-4"})}));return[...o,...m]},[t]);return e.jsx("div",{className:`
        mx-widget-tabs flex items-center gap-1 overflow-x-auto widget-scrollbar border-b border-[var(--widget-border)] px-2 py-1.5 bg-[var(--widget-background)]
        ${s}
      `,role:"tablist","data-mx-widget":"tabs",children:n.map(l=>{const u=r===l.id;return e.jsxs("button",{onClick:()=>a(l.id),className:`
              flex items-center gap-2 px-3 py-1.5 rounded-full text-sm font-medium transition-all whitespace-nowrap outline-none focus:ring-2 focus:ring-offset-1
              ${u?"shadow-sm bg-[var(--widget-primary)] text-[var(--widget-text)]":"tab-inactive text-[var(--widget-text-secondary)]"}
            `,role:"tab","aria-selected":u,"data-testid":`tab-${l.id}`,children:[l.icon&&e.jsx("span",{className:u?"text-[var(--widget-text)]":"text-[var(--widget-text-tertiary)]",children:l.icon}),e.jsx("span",{children:l.label}),l.count!==void 0&&l.count>0&&e.jsxs("span",{className:`ml-1 text-[10px] font-semibold ${u?"text-[var(--widget-text)]":"text-[var(--widget-text-tertiary)]"}`,children:["(",l.count>99?"99+":l.count,")"]})]},l.id)})})},Ie=({isOpen:t,onClose:r,position:a,currentView:s,onViewChange:n,notifications:l,onNotificationAction:u,preferences:h,onPreferenceChange:o,isPreferencesLoading:m=!1,size:g="medium",onMorePreferencesClick:x,specificPreferences:b,onLoadMoreSpecific:y,hasMoreSpecific:v,isListLoading:w})=>{const i=d.useRef(null),c=d.useRef(null),[N,k]=d.useState("all"),[z,P]=d.useState(""),te=d.useCallback(async f=>{try{for(const j of f)await u(j,{type:"mark_read",label:"Mark as read",handler:async()=>{}});return{success:!0,processedCount:f.length,failedCount:0,errors:[]}}catch(j){return{success:!1,processedCount:0,failedCount:f.length,errors:[{notificationId:"",error:j}]}}},[u]),re=d.useMemo(()=>Oe(l,N,z),[l,N,z]),E=d.useCallback(f=>{i.current&&!i.current.contains(f.target)&&r()},[r]),S=d.useCallback(f=>{f.key==="Escape"&&r()},[r]),H=d.useCallback(f=>{if(!(!t||!i.current)&&f.key==="Tab"){const j=i.current.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');if(j.length===0)return;const A=j[0],I=j[j.length-1];f.shiftKey?document.activeElement===A&&(I.focus(),f.preventDefault()):document.activeElement===I&&(A.focus(),f.preventDefault())}},[t]);if(d.useEffect(()=>(t?(c.current=document.activeElement,document.addEventListener("mousedown",E),document.addEventListener("keydown",S),document.addEventListener("keydown",H),setTimeout(()=>{i.current?.querySelector('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])')?.focus()},0)):(c.current&&c.current.focus(),k("all"),P("")),()=>{document.removeEventListener("mousedown",E),document.removeEventListener("keydown",S),document.removeEventListener("keydown",H)}),[t,E,S,H]),!t)return null;const ae={left:"left-0 origin-top-left",right:"right-0 origin-top-right"},B=l.filter(f=>!f.isRead).length;return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"fixed inset-0 bg-black/20 backdrop-blur-sm z-40 md:hidden transition-opacity duration-200","aria-hidden":"true",onClick:r}),e.jsxs("div",{ref:i,className:`
          mx-widget-popover min-w-[20rem] absolute top-full mt-2 ${ae[a]}
          w-[var(--widget-popover-width, 20rem)] max-h-[var(--widget-popover-max-height,580px)]
          border border-[var(--widget-border)] rounded-2xl overflow-hidden
          shadow-[var(--widget-shadow-xl)] bg-[var(--widget-background)]
          z-50 flex flex-col
          animate-in fade-in-0 zoom-in-95 duration-200
          max-sm:fixed max-sm:inset-x-4 max-sm:top-16 max-sm:bottom-4
          max-sm:w-auto max-sm:max-w-none max-sm:max-h-[calc(100vh-120px)]
        `,role:"dialog","aria-modal":"true","aria-label":"Notifications","data-testid":"inbox-popover","data-mx-widget":"popover",style:{minWidth:"20rem"},children:[e.jsxs("div",{className:"flex-shrink-0 flex items-center justify-between px-4 py-3 border-b border-[var(--widget-border)] bg-[var(--widget-background)]",children:[e.jsx("div",{className:"flex items-center gap-2",children:e.jsx("h2",{className:"text-base font-semibold text-[var(--widget-text)]",children:s==="notifications"?"Notifications":"Preferences"})}),e.jsxs("div",{className:"flex items-center gap-1",children:[s==="notifications"&&e.jsx("button",{type:"button",className:"inline-flex items-center justify-center w-6 h-6 rounded-lg text-[var(--widget-text-secondary)] hover:text-[var(--widget-text)] hover:bg-[var(--widget-bg-hover)] transition-colors",onClick:()=>n("preferences"),"aria-label":"Open preferences","data-testid":"preferences-button",children:e.jsx(J,{className:"w-4 h-4"})}),s==="preferences"&&e.jsx("button",{type:"button",className:"inline-flex items-center justify-center w-6 h-6 rounded-lg text-[var(--widget-text-secondary)] hover:text-[var(--widget-text)] hover:bg-[var(--widget-bg-hover)] transition-colors",onClick:()=>n("notifications"),"aria-label":"Back to notifications","data-testid":"back-button",children:e.jsx(ye,{className:"w-5 h-5"})}),e.jsx("button",{type:"button",className:"inline-flex items-center justify-center w-6 h-6 rounded-lg text-[var(--widget-text-secondary)] hover:text-[var(--widget-text)] hover:bg-[var(--widget-bg-hover)] transition-colors",onClick:r,"aria-label":"Close notifications","data-testid":"close-button",children:e.jsx(Q,{className:"w-5 h-5"})})]})]}),s==="notifications"?e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"flex-shrink-0 px-4 py-2.5 border-b border-[var(--widget-border)] bg-[var(--widget-background)]",children:e.jsxs("div",{className:"relative",children:[e.jsx("div",{className:"absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none",children:e.jsx(xe,{className:"w-5 h-5 text-[var(--widget-text-tertiary)]"})}),e.jsx("input",{type:"text",className:`
                    w-full pl-10 pr-3 py-1 
                    bg-[var(--widget-bg-secondary)] 
                    border border-[var(--widget-border)] 
                    rounded-lg 
                    text-sm text-[var(--widget-text)] 
                    placeholder:text-[var(--widget-text-tertiary)]
                    focus:outline-none focus:ring-2 focus:ring-[var(--widget-primary)] focus:border-transparent
                    transition-colors
                  `,placeholder:"Search notifications...",value:z,onChange:f=>P(f.target.value),"aria-label":"Search notifications"})]})}),e.jsx(Ae,{notifications:l,activeTab:N,onTabChange:f=>k(f),size:g}),e.jsx("div",{className:"flex-1 overflow-y-auto widget-scrollbar bg-[var(--widget-background)] max-h-[calc(var(--widget-popover-max-height)-200px)]",children:e.jsx(R,{fallback:e.jsx(ze,{}),children:e.jsx(Pe,{notifications:re,onNotificationAction:u})})}),B>0&&e.jsx("div",{className:"flex-shrink-0 px-4 py-2.5 border-t border-[var(--widget-border)] bg-[var(--widget-bg-hover)]",children:e.jsx("button",{type:"button",className:"w-full px-4 py-2 text-sm font-medium text-[var(--widget-primary)] hover:text-[var(--widget-primary-hover)] hover:bg-[var(--widget-primary-light)] rounded-lg transition-colors",onClick:()=>{const f=l.filter(j=>!j.isRead).map(j=>j.id);te(f)},"aria-label":`Mark all ${B} notifications as read`,children:"Mark all as read"})})]}):e.jsx("div",{className:"flex-1 overflow-y-auto widget-scrollbar",children:e.jsx(R,{fallback:e.jsx(_,{}),children:h&&o?e.jsx(ee,{preferences:h,onPreferenceChange:o,isLoading:m,onBack:()=>n("notifications"),onMorePreferencesClick:x,specificPreferences:b,onLoadMoreSpecific:y,hasMoreSpecific:v,isListLoading:w}):e.jsx(_,{})})})]})]})};exports.BellComponent=he;exports.ComponentErrorBoundary=R;exports.InboxPopover=Ie;exports.LoadingFallback=Se;exports.MdError=ge;exports.MdRefresh=ke;exports.NotificationItem=Z;exports.PreferencesView=ee;exports.SDKConnectionFallback=Ee;
//# sourceMappingURL=components-CJcM_JjP.cjs.map
