"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[36306],{29284:(e,n,t)=>{t.r(n),t.d(n,{default:()=>k});var r,a,i,o,s,c,d,l=t(371803),u=t(755580),f=t(248853),h=t(477046),p=t(301939),b=t(490845),g=t(895225),j=(0,u.default)(p.H4)(r||(a=["\n    ",";\n"],i||(i=a.slice(0)),r=Object.freeze(Object.defineProperties(a,{raw:{value:Object.freeze(i)}}))),(e=>{var{theme:n}=e;return"\n        padding: ".concat(n.sizes[16],";\n    ")})),m=()=>{var{formatMessage:e}=(0,b.useIntl)();return(0,g.jsx)(h.R,{header:(0,g.jsx)(j,{variant:"regular","data-cy":"notification-hub-title","data-testid":"notification-hub-title",children:e({id:"notificationHub.title",defaultMessage:"Notifications"})})})},x=t(580702),v=t(597999),O=t(208490);function w(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}var _,z=(0,u.default)("div")(o||(o=w(["\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-direction: column;\n    height: 100%;\n    ",";\n"])),(e=>{var{theme:n}=e;return"\n        background-color: ".concat(n.colors["background-brand-confirmationScreen-warning"],";\n    ")})),A=(0,u.default)("div")(s||(s=w(["\n    padding: ",";\n    height: 100%;\n"])),(e=>{var{theme:n}=e;return n.space[16]})),D=(0,u.default)(p.H4)(c||(c=w(["\n    margin: ",";\n"])),(e=>{var{theme:n}=e;return n.space[16]})),H=(0,u.default)(p.P3)(d||(d=w(["\n    margin-bottom: ",";\n"])),(e=>{var{theme:n}=e;return n.space[36]})),L=()=>{var{formatMessage:e}=(0,b.useIntl)(),{state:{errorMessage:n}}=(0,x.m)(),{icon:t,text:r,subText:a,buttonAction:i=(()=>window.location.reload())}=null!=n?n:{};return(0,g.jsx)(A,{children:(0,g.jsxs)(z,{children:[(0,g.jsx)("img",{src:String(t),alt:"error"}),(0,g.jsx)(D,{children:r}),(0,g.jsx)(H,{children:a}),(0,g.jsx)(O.Button,{onClick:i,children:e({id:"error500.new.button",defaultMessage:"Refresh"})})]})})},P=t(436612),E=t(77290),M=u.default.div(_||(_=function(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}(["\n    position: absolute;\n    width: 363px;\n    left: -170px;\n    height: 589px;\n    z-index: 20;\n    transition: all 0.3s ease-in-out;\n    transform-origin: top;\n    ","\n"])),(e=>{var{theme:n,dropdownVisible:t}=e;return"\n        transform: ".concat(t?"scaleY(1)":"scaleY(0)",";\n        top: ").concat(n.space[32],";\n        background: ").concat(n.colors.white,";\n        border-radius: ").concat(n.radii[4],";\n        box-shadow: ").concat(n.shadows[4],";\n        padding-top: ").concat(n.space[8],";\n    ")})),k=e=>{var{dropdownProps:n}=e,{state:{isDetailsOpen:t}}=(0,x.m)(),{fetchPage:r,error:a}=(0,v.z)(),{state:{notifications:i,notificationsCount:o}}=(0,x.m)(),s=n.open===P.n.NHUB,c=(0,l.useRef)(null);(0,f.m)(c,(()=>s&&!t&&n.setOpen(null)));var d=i&&i.length;return(0,E.xO)(i,a),(0,l.useEffect)((()=>{s&&(!d||null!=o&&o)&&r()}),[d,s,o,r]),(0,g.jsx)(M,{ref:c,dropdownVisible:s,"data-testid":"notification-hub-dropdown",inert:s?void 0:"",children:a?(0,g.jsx)(L,{}):(0,g.jsx)(m,{})})}}}]);
//# sourceMappingURL=desktop-NotificationsHubDropdown.16584c28f.chunk.js.map