https://easypay.ua/2113.e2b73c0131c17126.js

1"use strict";(self.webpackChunkweb_front_end_angular_cli=self.webpackChunkweb_front_end_angular_cli||[]).push([[2113],{84494:(et,u,r)=>{r.r(u),r.d(u,{NotificationsModule:()=>q});var h=r(34487),b=r(24559),t=r(12481),w=r(36647),I=r(70271),m=r(98764),N=r(11249),C=r(91817),E=r(51567),T=r(64334),M=r(60316),v=r(68573),_=r(75797),B=r(19999),F=r(1775),p=r(3672),l=r(85240),k=r(82195),f=r(93683),V=r(97887),c=r(81351),$=r(68071);const R=()=>["/profile/notifications"];let D=(()=>{var i;class s{constructor(e){this.notificationService=e,this.hideNotifications=new t.bkB,this.deleteItem=new t.bkB,this.isVisible=!0}deleteNotification(e,o){e?.stopPropagation(),this.isVisible=!1,this.deleteItem.emit(o)}select(){this.notificationService.selectedItem$.next({id:this.notification.notificationId,isViewed:!0,body:this.notification.message}),this.hideNotifications.emit(!1)}}return(i=s).\u0275fac=function(e){return new(e||i)(t.rXU(v.I))},i.\u0275cmp=t.VBU({type:i,selectors:[["app-notification-item"]],inputs:{notification:"notification"},outputs:{hideNotifications:"hideNotifications",deleteItem:"deleteItem"},standalone:!1,decls:20,vars:20,consts:[[1,"notification-item",3,"click","ngClass","routerLink"],[1,"close",3,"click"],["src","https://cdn.easypay.ua/images/notifications/close-blue.svg","alt","close"],[1,"notification-item__logo","shrink"],["src","https://cdn.easypay.ua/images/notifications/ellipse.svg","alt",""],[1,"notification-item__text","text-left"],[1,"notification-item__title"],[1,"notification-item__body"],[1,"notification-item__date"]],template:function(e,o){1&e&&(t.j41(0,"div",0),t.nI1(1,"lowercase"),t.nI1(2,"localize"),t.bIt("click",function(){return o.select()}),t.j41(3,"div",1),t.bIt("click",function(g){return o.deleteNotification(g,null==o.notification?null:o.notification.notificationId)}),t.nrm(4,"img",2),t.k0s(),t.j41(5,"div",3),t.nrm(6,"img",4),t.k0s(),t.j41(7,"div",5)(8,"div",6),t.EFF(9),t.k0s(),t.j41(10,"div",7),t.EFF(11),t.k0s(),t.j41(12,"div",8)(13,"time"),t.EFF(14),t.nI1(15,"date"),t.k0s(),t.EFF(16,"\xa0 "),t.j41(17,"time"),t.EFF(18),t.nI1(19,"date"),t.k0s()()()()),2&e&&(t.AVh("active",null==o.notification?null:o.notification.isViewed),t.Y8G("ngClass",t.bMT(1,9,null==o.notification?null:o.notification.state))("@hideNotificationItem",o.isVisible)("routerLink",t.bMT(2,11,t.lJ4(19,R))),t.R7$(9),t.JRh(null==o.notification?null:o.notification.title),t.R7$(2),t.JRh(null==o.notification?null:o.notification.shortMessage),t.R7$(3),t.JRh(t.i5U(15,13,null==o.notification?null:o.notification.datePost,"dd.MM.yyyy")),t.R7$(4),t.JRh(t.i5U(19,16,null==o.notification?null:o.notification.datePost,"HH:mm")))},dependencies:[f.YU,h.Wk,f.GH,f.vh,$.t],styles:[".notification-item{display:flex;align-items:center;position:relative;padding:8px 20px 8px 11px;border-radius:4px;cursor:pointer;overflow:hidden;transition:.3s}.notification-item:hover{box-shadow:0 0 8px #b4bdc140}.active.notification-item{background:#e9f5ff;box-shadow:0 0 8px #b4bdc140}.notification-list .notification-item{margin-bottom:8px}.notification-list .notification-item.active .close{display:block}.user-notification .notification-item{border-bottom:1px solid #EEF2F7}.close{position:absolute;top:8px;right:8px;padding:4px;line-height:12px;text-align:center;display:none;cursor:pointer;border-radius:50%}.close:hover{background-color:#1ea9f640}.close-image{width:12px;height:12px}.notification-item__logo{height:48px;width:48px;margin-right:13px;border-radius:50%}.notification-item__text{display:flex;flex-direction:column;width:calc(100% - 68px);color:#4b4e56}.notification-item__body,.notification-item__title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.notification-item__title{font-weight:400;font-size:14px;line-height:21px}.notification-item__body{font-weight:300;font-size:12px;line-height:18px}.notification-item__date{font-weight:300;font-size:10px;height:14px}.new .notification-item__title{font-weight:600}.new .notification-item__body{font-weight:500}.header_notify .notification-item__text{text-align:left}.header_notify .notification-item{margin-bottom:0;border-bottom:1px solid #EEF2F7}\n"],encapsulation:2,data:{animation:[(0,c.hZ)("hideNotificationItem",[(0,c.wk)("true",(0,c.iF)({height:"*","max-height":"*","line-height":"*","padding-top":"*","padding-bottom":"*","margin-bottom":"*","border-bottom-width":"*"})),(0,c.wk)("false",(0,c.iF)({height:"0",overflow:"hidden","line-height":"0","padding-top":"0","padding-bottom":"0","margin-bottom":"0","border-bottom-width":"0"})),(0,c.kY)("false => true",[(0,c.i0)("0.2s")]),(0,c.kY)("true => false",[(0,c.i0)("0.2s ease-out")])])]}}),s})();var d=r(99148);let j=(()=>{var i;class s{constructor(){this.zone=(0,l.WQX)(t.SKi),this.renderer=(0,l.WQX)(t.sFG),this.scrollbar=(0,l.WQX)(p.rA,{self:!0}),this.triggerElements=[],this.subscribedEvents=[],this.eventActions={top:{emit:()=>this.scrollbar.isVerticallyScrollable()?this.top.emit():null},bottom:{emit:()=>this.scrollbar.isVerticallyScrollable()?this.bottom.emit():null},start:{emit:()=>this.scrollbar.isHorizontallyScrollable()?this.start.emit():null},end:{emit:()=>this.scrollbar.isHorizontallyScrollable()?this.end.emit():null}},(0,d.uEv)({earlyRead:e=>{!this.disabled()&&this.scrollbar.viewport.initialized()&&this.activate(),e(()=>this.deactivate())}})}onAction(e){e&&this.eventActions[e]?.emit()}

1setCssVariable(e,o){o&&this.scrollbar.nativeElement.style.setProperty(e,`${o}px`)}activate(){this.zone.runOutsideAngular(()=>{this.triggerElementsWrapper=this.renderer.createElement("div"),this.renderer.addClass(this.triggerElementsWrapper,this.triggerElementsWrapperClass),this.renderer.appendChild(this.scrollbar.viewport.contentWrapperElement,this.triggerElementsWrapper),this.subscribedEvents.forEach(o=>{const a=this.renderer.createElement("div");this.renderer.addClass(a,this.triggerElementClass),this.renderer.setAttribute(a,"trigger",o),this.renderer.appendChild(this.triggerElementsWrapper,a),this.triggerElements.push(a)});let e=!1;this.intersectionObserver=new IntersectionObserver(o=>{e?o.forEach(a=>{this.isTriggered(a)&&this.zone.run(()=>this.onAction(a.target.getAttribute("trigger")))}):e=!0},{root:this.scrollbar.viewport.nativeElement}),this.triggerElements.forEach(o=>this.intersectionObserver.observe(o))})}deactivate(){this.intersectionObserver?.disconnect(),this.triggerElementsWrapper?.remove(),this.triggerElements=[]}ngOnInit(){this.top.observed&&this.subscribedEvents.push("top"),this.bottom.observed&&this.subscribedEvents.push("bottom"),this.start.observed&&this.subscribedEvents.push("start"),this.end.observed&&this.subscribedEvents.push("end")}}return(i=s).\u0275fac=function(e){return new(e||i)},i.\u0275dir=t.FsC({type:i}),s})(),G=(()=>{var i;class s extends j{constructor(){super(...arguments),this.disabled=(0,d.hFB)(!1,{alias:"disableReached",transform:d.L39}),this.top=new t.bkB,this.bottom=new t.bkB,this.start=new t.bkB,this.end=new t.bkB,this.triggerElementsWrapperClass="ng-scroll-reached-wrapper",this.triggerElementClass="scroll-reached-trigger-element"}set offsetSetter(e){this.setCssVariable("--reached-offset",e)}set offsetTopSetter(e){this.setCssVariable("--reached-offset-top",e)}set offsetBottomSetter(e){this.setCssVariable("--reached-offset-bottom",e)}set offsetStartSetter(e){this.setCssVariable("--reached-offset-start",e)}set offsetEndSetter(e){this.setCssVariable("--reached-offset-end",e)}isTriggered(e){return e.isIntersecting}}return(i=s).\u0275fac=(()=>{let n;return function(o){return(n||(n=t.xGo(i)))(o||i)}})(),i.\u0275dir=t.FsC({type:i,selectors:[["ng-scrollbar","reachedTop",""],["ng-scrollbar","reachedBottom",""],["ng-scrollbar","reachedStart",""],["ng-scrollbar","reachedEnd",""]],inputs:{offsetSetter:[2,"reachedOffset","offsetSetter",d.Udg],offsetTopSetter:[2,"reachedTopOffset","offsetTopSetter",d.Udg],offsetBottomSetter:[2,"reachedBottomOffset","offsetBottomSetter",d.Udg],offsetStartSetter:[2,"reachedStartOffset","offsetStartSetter",d.Udg],offsetEndSetter:[2,"reachedEndOffset","offsetEndSetter",d.Udg],disabled:[1,"disableReached","disabled"]},outputs:{top:"reachedTop",bottom:"reachedBottom",start:"reachedStart",end:"reachedEnd"},features:[t.Vt3]}),s})();var L=r(48503),O=r(60247);const A=(i,s,n,e)=>({notifications:i,selectedItem:s,showLoader:n,isMobile:e}),x=i=>({flight:i}),z=(i,s)=>s.notificationId;function U(i,s){if(1&i){const n=t.RV6();t.j41(0,"app-notification-item",13),t.bIt("deleteItem",function(o){l.eBV(n);const a=t.XpG(3);return l.Njj(a.deleteItem(o))}),t.k0s()}2&i&&t.Y8G("notification",s.$implicit)}function X(i,s){1&i&&(t.j41(0,"div",8),t.nrm(1,"div",14),t.k0s())}function W(i,s){if(1&i&&(t.j41(0,"ng-scrollbar"),t.nrm(1,"div",15),t.nI1(2,"translate"),t.nI1(3,"safeHtml"),t.k0s()),2&i){const n=t.XpG(3);t.R7$(),t.Y8G("innerHTML",t.bMT(3,3,t.bMT(2,1,null==n.selectedItem?null:n.selectedItem.body)),t.npT)}}function Y(i,s){1&i&&(t.EFF(0),t.nI1(1,"translate")),2&i&&t.SpI(" ",t.bMT(1,1,"notifications.view.select-message")," ")}function H(i,s){if(1&i){const n=t.RV6();t.j41(0,"div",4)(1,"ng-scrollbar",5),t.nI1(2,"async"),t.bIt("touchstart",function(){l.eBV(n);const o=t.XpG(2);return l.Njj(o.onTouchStart())})("touchend",function(){l.eBV(n);const o=t.XpG(2);return l.Njj(o.onTouchEnd())})("reachedBottom",function(){l.eBV(n);const o=t.XpG(2);return l.Njj(o.downloadNotifications())}),t.j41(3,"section",6),t.Z7z(4,U,1,1,"app-notification-item",7,z),t.k0s()(),t.nVh(6,X,2,0,"div",8),t.k0s(),t.j41(7,"div",9)(8,"div",10)(9,"a",11),t.bIt("click",function(){l.eBV(n);const o=t.XpG(2);return l.Njj(o.selectedItem={isViewed:!1})}),t.k0s()(),t.j41(10,"div",12),t.nVh(11,W,4,5,"ng-scrollbar")(12,Y,2,3),t.k0s()()}if(2&i){const n=t.XpG().ngLet,e=t.XpG();t.Y8G("ngClass",t.eq3(9,x,(null==n.selectedItem?null:n.selectedItem.isViewed)&&n.isMobile)),t.R7$(),t.Y8G("position","invertY")("visibility",t.bMT(2,7,e.scrollVisibility$))("orientation","vertical"),t.R7$(3),t.Dyx(n.notifications),t.R7$(2),t.vxM(n.showLoader?6:-1),t.R7$(),t.Y8G("ngClass",t.eq3(11,x,!(null!=n.selectedItem&&n.selectedItem.isViewed)&&n.isMobile)),t.R7$(4),t.vxM(null!=e.selectedItem&&e.selectedItem.body?11:12)}}function J(i,s){1&i&&(t.j41(0,"p",3),t.EFF(1),t.nI1(2,"translate"),t.k0s()),2&i&&(t.R7$(),t.JRh(t.bMT(2,1,"notifications.view.have-no-posts")))}function Q(i,s){if(1&i&&(t.j41(0,"main",1)(1,"div",2),t.nVh(2,H,13,13)(3,J,3,3,"p",3),t.k0s()()),2&i){const n=s.ngLet;t.R7$(),t.AVh("box-shadow-none",(null==n.selectedItem?null:n.selectedItem.isViewed)&&n.isMobile),t.R7$(),t.vxM(null!=n.notifications&&n.notifications.length?2:3)}}let S=(()=>{var i;class s{constructor(e,o,a,g){this.platform_id=e,this.notificationService=o,this.ngZone=a,this.breakpointObserver=g,this.alive=!0,this.isBrowser=(0,M.UE)(this.platform_id),this.selectedItem$=this.notificationService.selectedItem$,this._isMobileSourse=new _.t(!1),this.isMobile$=this._isMobileSourse.asObservable().pipe((0,w.n)(()=>this.breakpointObserver.observe(F.n.MobileOnly)),(0,I.T)(tt=>

1tt?.matches)),this.notifications$=this.notificationService.notifications$.pipe((0,m.M)(()=>this.updateScrollTumbSize())),this.showLoader$=this.notificationService.showLoader$,this.scrollVisibility$=new _.t("hover")}ngOnInit(){this.isBrowser&&(this.checkAndLoadLoadNotifications(),this.checkSelectedItem(),this.notificationService.getLastestUnread())}ngOnDestroy(){this.alive=!1}checkAndLoadLoadNotifications(){0===this.notificationService.notifications.length&&this.notificationService.getUserNotificationList()}get selectedItem(){return this.selectedItem$.getValue()}set selectedItem(e){this.selectedItem$.next({...this.selectedItem,...e})}checkSelectedItem(){(0,B.z)([this.selectedItem$,this.notifications$]).pipe((0,N.v)(()=>this.alive),(0,C.F)((e,o)=>e[0]?.id===o[0]?.id&&!!e[0]?.id),(0,m.M)(([e])=>e?.id?this.notificationService.checkAsReadItem(e.id):null),(0,E.p)(([e,o])=>o.length&&!e),(0,m.M)(([e,o])=>this.notificationService.selectedItem$.next(this.createSelectedItemModel(o[0])))).subscribe()}createSelectedItemModel(e){return{id:e?.notificationId,isViewed:!0,body:e?.message}}deleteItem(e){this.selectedItem?.body&&this.selectedItem.id===e&&(this.selectedItem={body:""}),this.notificationService.deleteItem(e)}downloadNotifications(){(!this._isMobileSourse.value||!this.selectedItem?.isViewed)&&this.notificationService.getUserNotificationList()}updateScrollTumbSize(){this.ngZone.onStable.pipe((0,T.s)(1)).subscribe({next:()=>this.scrollBar?.update()})}onTouchStart(){this.isBrowser&&(clearTimeout(this.scrollTimer),this.scrollVisibility$.next("native"))}onTouchEnd(){this.isBrowser&&(this.scrollTimer=setTimeout(()=>{this.scrollVisibility$.next("hover")},1e3))}get scrollbarWrapper(){return this.scrollBar?.viewport?.nativeElement?.closest(".

1ng-scrollbar-wrapper")}}return(i=s).\u0275fac=function(e){return new(e||i)(t.rXU(t.Agw),t.rXU(v.I),t.rXU(t.SKi),t.rXU(k.B))},i.\u0275cmp=t.VBU({type:i,selectors:[["app-notifications"]],viewQuery:function(e,o){if(1&e&&t.GBs(p.Yh,5),2&e){let a;t.mGM(a=t.lsd())&&(o.scrollBar=a.first)}},standalone:!1,decls:5,vars:14,consts:[["class","notifications-page profile-payments_wrapper_old_pages row",4,"ngLet"],[1,"notifications-page","profile-payments_wrapper_old_pages","row"],[1,"small-16","notifications"],[1,"text-center","small-16"],[1,"notification-items__block","relative","small-16","medium-8","large-7",3,"ngClass"],[3,"touchstart","touchend","reachedBottom","position","visibility","orientation"],[1,"notification-list"],[3,"notification"],[1,"pre-bootstrap","inner"],[1,"notification-item__view","small-16","medium-8","large-9",3,"ngClass"],[1,"show-for-small-only","shrink",2,"background-color","#F1F3F7"],[1,"button","hollow","notification-back",3,"click"],[1,"notification-item__view-wrapper"],[3,"deleteItem","notification"],[1,"loader"],[1,"notification-item__view-content",3,"innerHTML"]],template:function(e,o){1&e&&(t.DNE(0,Q,4,3,"main",0),t.nI1(1,"async"),t.nI1(2,"async"),t.nI1(3,"async"),t.nI1(4,"async")),2&e&&t.Y8G("ngLet",t.ziG(9,A,t.bMT(1,1,o.notifications$),t.bMT(2,3,o.selectedItem$),t.bMT(3,5,o.showLoader$),t.bMT(4,7,o.isMobile$)))},dependencies:[f.YU,V.N,D,p.Yh,G,f.Jj,L.D9,O.$],styles:[".notifications-page .loader{position:absolute}.notifications-page .notification-item{padding:8px}@media only screen and (min-width: 640px){.notifications-page .notification-item{padding:8px 20px 8px 0}}@media (max-width: 639.8px){.notifications-page .notification-item__title{padding-right:12px}}.notifications-page .ng-scrollbar{--scrollbar-track-color: #EEF2F7;--scrollbar-thumb-color: #A8D1F2;--scrollbar-thumb-hover-color: #066ab7}.notification-items__block{max-height:552px}.notifications{display:flex;flex-direction:column;position:relative;overflow:hidden;background:#fff;border:1px solid #ebeff3;border-radius:5px;box-shadow:0 0 10px #0000000d}@media only screen and (min-width: 640px){.notifications{overflow:visible;flex-direction:row;padding:16px 16px 16px 8px}}

1@media only screen and (min-width: 1024px){.notifications{padding:20px 20px 20px 12px}}.notifications.box-shadow-none{box-shadow:none;border:none}.notification-item__view{transition:.2s}.notification-item__view.flight{transform:translate(110%);position:absolute;width:100%}.notification-items__block.flight{position:absolute;transform:translate(-110%);transition:.2s;overflow:hidden}.notification-item__view-wrapper{border:1px solid #EEF2F7;box-sizing:border-box;box-shadow:0 0 16px #b4bdc14d;border-radius:4px;padding:12px}.notification-item__view-content{max-height:529px}@media (max-width: 639.8px){.notification-item__view-content{max-height:100%}}.notification-back{height:42px;width:60px;border:2px solid #157fcf;background-color:transparent;background-image:url(https://cdn.easypay.ua/images/svg/arrows/arrow_l-blue.svg);padding:0 16px;border-radius:4px;background-position:50% center;background-size:15px 16px;background-repeat:no-repeat;font-size:0;text-indent:-1000px;overflow:hidden;transition:.3s;margin:10px 0}.notification-back.hollow:hover{border-color:#157fcf}@media only screen and (min-width: 640px){.notification-list{padding:0 8px}}\n","ng-scrollbar.ng-scrollbar{box-sizing:border-box!important;--scrollbar-transition-delay: .2s;--scrollbar-transition-duration: .2s;--scrollbar-thumb-transition: 0s;--scrollbar-padding: 0px}ng-scrollbar.ng-scrollbar .ng-scroll-content{width:100%}\n"],encapsulation:2,changeDetection:0}),s})();const y=[{path:"",pathMatch:"full",component:S},{path:":id",component:S}];let P=(()=>{var i;class s{}return(i=s).\u0275fac=function(e){return new(e||i)},i.\u0275mod=t.$C({type:i}),i.\u0275inj=l.G2t({imports:[h.iI.forChild(y),b.XE.forChild(y),h.iI,b.XE]}),s})();var Z=r(93887),K=r(97648);let q=(()=>{var i;class s{}return(i=s).\u0275fac=function(e){return new(e||i)},i.\u0275mod=t.$C({type:i}),i.\u0275inj=l.G2t({imports:[Z.G,P,K.L,p.Id]}),s})()}}]);
2//# sourceMappingURL=2113.e2b73c0131c17126.js.map