import{a as q}from"./chunk-NQG5ZDWB.js";import{a as tt}from"./chunk-RFUBIMEZ.js";import{a as K,c as Y,d as Z}from"./chunk-VNCCTABS.js";import{b as x,c as T,e as P,q as Q}from"./chunk-KFCDWLSJ.js";import{a as J}from"./chunk-PJPFXQGJ.js";import{j as W}from"./chunk-2GQUKTZO.js";import{a as j}from"./chunk-TR5DHDRH.js";import{b as G}from"./chunk-MQCS6GKV.js";import{b as z}from"./chunk-HETL5ELO.js";import{a as B}from"./chunk-2V4K57YT.js";import{d as X}from"./chunk-PWIHT7DI.js";import{B as H,X as F,Y as A}from"./chunk-NOIW6ZIR.js";import{a as L,b as U}from"./chunk-75ESFQD2.js";import{Dc as g,Fc as r,Ga as m,Ha as f,Kb as M,N as R,Od as w,Pc as E,Pd as k,Qb as p,Vd as $,bc as a,be as V,f as v,fa as I,gd as h,hd as b,ia as S,ld as y,oc as s,pc as _,qc as C,rc as N,sc as O,uc as u,va as d,yb as l,yc as D}from"./chunk-BXC4S6XG.js";function et(i,o){if(i&1){let t=u();s(0,"eld-notification",17),g("markAsRead",function(n){m(t);let c=r(4);return f(c.markAsRead(n));}),_();}if(i&2){let t=o.ngIf,e=r().$implicit;a("notification",e.notification)("library",t)("compactView",!0);}}function nt(i,o){if(i&1){let t=u();s(0,"eld-notification",17),g("markAsRead",function(n){m(t);let c=r(4);return f(c.markAsRead(n));}),_();}if(i&2){let t=o.ngIf,e=r().$implicit;a("notification",e.notification)("library",t)("compactView",!1);}}function ot(i,o){if(i&1){let t=u();s(0,"eld-custom-notification",18),g("markAsRead",function(n){m(t);let c=r(4);return f(c.markAsRead(n));}),_();}if(i&2){let t=r().$implicit;a("notification",t.customNotification)("compactView",!0);}}function at(i,o){if(i&1){let t=u();s(0,"eld-custom-notification",18),g("markAsRead",function(n){m(t);let c=r(4);return f(c.markAsRead(n));}),_();}if(i&2){let t=r().$implicit;a("notification",t.customNotification)("compactView",!1);}}function rt(i,o){if(i&1&&(N(0),s(1,"div",13),p(2,et,1,3,"eld-notification",14),h(3,"async"),_(),s(4,"div",15),p(5,nt,1,3,"eld-notification",14),h(6,"async"),_(),s(7,"div",13),p(8,ot,1,2,"eld-custom-notification",16),_(),s(9,"div",15),p(10,at,1,2,"eld-custom-notification",16),_(),O()),i&2){let t=o.$implicit,e=r(3);l(2),a("ngIf",t.notification&&b(3,4,e.library$)),l(3),a("ngIf",t.notification&&b(6,6,e.library$)),l(3),a("ngIf",t.customNotification),l(2),a("ngIf",t.customNotification);}}function ct(i,o){if(i&1){let t=u();s(0,"div",7)(1,"div",8),C(2,"eld-connection-state",9),h(3,"async"),s(4,"span",10),g("click",function(){m(t);let n=r(2);return f(n.markAllAsRead());}),D(5,1),_()(),p(6,rt,11,8,"ng-container",11),s(7,"eld-cursor-based-pagination",12),g("changePage",function(n){m(t);let c=r(2);return f(c.onPageChange(n));}),_()();}if(i&2){let t=r().ngIf,e=r();l(2),a("connectionState",b(3,7,e.hubState$)),l(4),a("ngForOf",t.results),l(),a("recordCount",t.recordCount)("previousPageCursor",t.previousPageCursor)("nextPageCursor",t.nextPageCursor)("pageSize",t.pageSize)("cursorValue",t.cursor);}}function st(i,o){if(i&1&&C(0,"eld-no-results",19),i&2){let t=r(2);a("texts",t.allCaughtUpTexts)("image","goldie-level-up.svg");}}function _t(i,o){if(i&1&&(N(0),p(1,ct,8,9,"div",5)(2,st,1,2,"eld-no-results",6),O()),i&2){let t=o.ngIf;l(),a("ngIf",t.recordCount>0),l(),a("ngIf",(t==null?null:t.recordCount)===0);}}function lt(i,o){if(i&1&&C(0,"ngx-skeleton-loader",20),i&2){let t=r();a("theme",t.skeletonContainerTheme);}}var Vt=(()=>{let o=class o{constructor(){this.allCaughtUpTexts=W,this.cursorValue=P.cursorValue,this.pageDirection=P.pageDirection,this.pageSize=P.pageSize,this.hubCallback=this.getNotifications.bind(this),this._unsubscribe$=new v(),this.skeletonContainerTheme={height:"600px",width:"100%",maxWidth:"620px"},this.store$=d(F),this.activatedRoute=d(H),this.notificationHubService=d(Q),this.navigateService=d(G),this.seoTagService=d(X),this.platform=d(B);}ngOnInit(){this.setSeoTags(),this.initSelectors(),this.subscribeQueryParams(),this.subscribeHubServiceInitialized(),this.subscribeHubReconnected();}ngOnDestroy(){this.notificationHubService.removeHubCallback("NotificationCreated",this.hubCallback),this.store$.dispatch(new x.ResetAllNotificationsAction()),this.seoTagService.removeNoIndexTag(),this._unsubscribe$.next(),this._unsubscribe$.complete();}onPageChange(e){let{cursorValue:n,pageDirection:c}=e;this.navigateService.updateQueryParams({cursorValue:n,pageDirection:c}),j.scroll(void 0,700);}markAsRead(e){this.store$.dispatch(new x.MarkNotificationAsReadAction(e));}markAllAsRead(){this.store$.dispatch(new x.MarkAllNotificationsAsReadAction());}getNotifications(){this.store$.dispatch(new x.GetAllNotificationsAction({cursorValue:this.cursorValue,cursorColumn:null,pageDirection:this.pageDirection,pageSize:this.pageSize}));}subscribeQueryParams(){this.platform.browser&&this.activatedRoute.queryParams.pipe(S(this._unsubscribe$)).subscribe(e=>{this.cursorValue=e.cursorValue??this.cursorValue,this.pageDirection=e.pageDirection??this.pageDirection,this.pageSize=e.pageSize??this.pageSize,this.getNotifications();});}subscribeHubServiceInitialized(){this.notificationHubService.serviceInitialized$.pipe(I(e=>!e),S(this._unsubscribe$),R(1)).subscribe(()=>this.notificationHubService.registerHubCallback("NotificationCreated",this.hubCallback));}subscribeHubReconnected(){this.notificationHubService.hubReconnected.pipe(S(this._unsubscribe$)).subscribe(()=>this.getNotifications());}initSelectors(){this.notifications$=this.store$.pipe(A(T.selectAllNotifications)),this.hubState$=this.store$.pipe(A(T.selectHubConnectionState)),this.library$=this.store$.pipe(A(z.selectLibrary));}setSeoTags(){this.seoTagService.setDefaultTitleAndDescription(),this.seoTagService.setNoIndexTag();}};o.ɵfac=function(n){return new(n||o)();},o.ɵcmp=M({type:o,selectors:[["eld-dashboard-notifications-page"]],decls:6,vars:4,consts:()=>{let e;e="\u901A\u77E5";let n;return n="\u3059\u3079\u3066\u65E2\u8AAD\u306B\u3059\u308B",[["skeleton",""],n,["header",e,"icon","notification"],[1,"dashboard-container"],[4,"ngIf","ngIfElse"],["class","notifications-container",4,"ngIf"],["class","padded-top-40 padded-sides-30",3,"texts","image",4,"ngIf"],[1,"notifications-container"],[1,"all-notifications-top"],[3,"connectionState"],[3,"click"],[4,"ngFor","ngForOf"],[3,"changePage","recordCount","previousPageCursor","nextPageCursor","pageSize","cursorValue"],[1,"mobile--md"],[3,"notification","library","compactView","markAsRead",4,"ngIf"],[1,"desktop--md"],[3,"notification","compactView","markAsRead",4,"ngIf"],[3,"markAsRead","notification","library","compactView"],[3,"markAsRead","notification","compactView"],[1,"padded-top-40","padded-sides-30",3,"texts","image"],[3,"theme"]];},template:function(n,c){if(n&1&&(C(0,"eld-dashboard-header",2),s(1,"div",3),p(2,_t,3,2,"ng-container",4),h(3,"async"),_(),p(4,lt,1,1,"ng-template",null,0,y)),n&2){let it=E(5);l(2),a("ngIf",b(3,2,c.notifications$))("ngIfElse",it);}},dependencies:[V,w,k,$,tt,K,Z,Y,q,J,U,L],styles:[".dashboard-container[_ngcontent-%COMP%]{margin-top:32px;position:relative;max-width:1048px;padding:0 0 50px 24px}.dashboard-tabs-container[_ngcontent-%COMP%]{padding-top:10px;padding-bottom:0}@media (max-width: 1440px){.dashboard-container[_ngcontent-%COMP%]{padding:0 20px 50px}}@media (max-width: 1024px){.dashboard-container[_ngcontent-%COMP%]{margin-left:0;padding:0 20px 50px}.dashboard-separator[_ngcontent-%COMP%]{margin-bottom:20px}.dashboard-tabs-container[_ngcontent-%COMP%]{padding-top:10px;padding-bottom:0}}@media (max-width: 480px){.dashboard-container[_ngcontent-%COMP%]{margin-top:20px;padding:0 10px 50px}}.notifications-container[_ngcontent-%COMP%]{display:flex;flex-direction:column;margin-left:16px}.notifications-container[_ngcontent-%COMP%]   .all-notifications-top[_ngcontent-%COMP%]{width:621px;margin:0 0 10px;display:flex;justify-content:space-between}.notifications-container[_ngcontent-%COMP%]   .all-notifications-top[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]{color:var(--text-secondary);cursor:pointer;text-decoration:underline;-webkit-user-select:none;user-select:none;line-height:21px;font-size:14px}.notifications-container[_ngcontent-%COMP%]   .all-notifications-top[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]:hover{color:var(--text-primary)}.notifications-container[_ngcontent-%COMP%]   eld-notification[_ngcontent-%COMP%], .notifications-container[_ngcontent-%COMP%]   eld-custom-notification[_ngcontent-%COMP%]{margin-bottom:4px}.notifications-container[_ngcontent-%COMP%]   eld-notification[_ngcontent-%COMP%]:last-child, .notifications-container[_ngcontent-%COMP%]   eld-custom-notification[_ngcontent-%COMP%]:last-child{margin-bottom:0}@media (max-width: 840px){.notifications-container[_ngcontent-%COMP%] > .all-notifications-top[_ngcontent-%COMP%]{width:412px}}@media (max-width: 600px){.dashboard-container[_ngcontent-%COMP%] > .notifications-container[_ngcontent-%COMP%]{margin-left:0}.dashboard-container[_ngcontent-%COMP%] > .notifications-container[_ngcontent-%COMP%] > .all-notifications-top[_ngcontent-%COMP%]{display:flex;flex-wrap:wrap;max-width:300px}}"]});let i=o;return i;})();export{Vt as a};/**i18n:377cf18728da70cdb6c0ca4de8d700bfaf266122e885535b0484dcc2754c2051*/