1import{d as le}from"./chunk-2WTK5BR7.js";import"./chunk-S6DUGUKA.js";import{$ as l,$e as ce,A as y,B as E,Ca as w,Cb as q,D as F,Fa as I,Ga as p,Jc as ee,Kb as G,L as M,Nb as X,Q as A,R as B,Ra as v,Ud as b,Wb as Y,Xa as H,Yb as W,_e as ae,aa as _,bd as te,bf as se,c as k,cb as V,db as z,dd as ie,fb as S,ia as d,j as L,ka as r,l as u,m as $,md as oe,nc as Q,nd as ne,oc as Z,od as re,rb as D,s as C,sa as m,sb as U,ta as f,ua as g,va as K,wa as N,ya as j,yb as J}from"./chunk-6ULPYS7P.js";import{a as x,b as R,j as O}from"./chunk-NF2EONNU.js";function pe(t,o){if(t&1){let e=j();m(0,"li",13)(1,"yo-ticket-card",14),I("onActionButtonClicked",function(){let n=A(e).$implicit,a=p(4);return B(a.goToLink(n.purchasedActionLink));}),f()();}if(t&2){let e=o.$implicit;l(),r("title",e.title)("coverImg",e.coverImg)("coverImgIsPlaceholder",e.coverImgIsPlaceholder)("foregroundImg",e.foregroundImg)("state",e.state)("description",e.description)("toProductListLinkLabel",e.toProductListLinkLabel)("toProductListLink",e.toProductListLink)("actionButtonLabel",e.actionButtonLabel)("validityOrExpiryInfo",e.validityOrExpiryInfo);}}function me(t,o){if(t&1&&(m(0,"yo-grid",11),d(1,pe,2,10,"li",12),f()),t&2){let e=p().ngIf;l(),r("ngForOf",e);}}
1function fe(t,o){if(t&1&&(K(0),d(1,me,2,1,"yo-grid",10),N()),t&2){let e=o.ngIf;p();let i=v(6);l(),r("ngIf",e.length>0)("ngIfElse",i);}}function Te(t,o){t&1&&g(0,"yo-icon",16);}function ge(t,o){if(t&1&&d(0,Te,1,0,"yo-icon",15),t&2){let e=p().$implicit;r("ngIf",e.state=="loading");}}function ue(t,o){if(t&1&&g(0,"joymo-info-block",20),t&2){let e=p(2).$implicit;r("heading",e.infoBlockCtx.NO_TICKETS.heading);}}function ye(t,o){if(t&1&&g(0,"joymo-info-block",21),t&2){let e=p(2).$implicit;r("heading",e.infoBlockCtx.TICKETS_FETCH_ERROR.heading)("description",e.infoBlockCtx.TICKETS_FETCH_ERROR.description);}}function he(t,o){t&1&&g(0,"yo-icon",22);}function ke(t,o){if(t&1&&d(0,ue,1,1,"joymo-info-block",17)(1,ye,1,2,"joymo-info-block",18)(2,he,1,0,"yo-icon",19),t&2){let e=p().$implicit;r("ngIf",e.state=="ready"),l(),r("ngIf",e.state=="error"),l(),r("ngIf",e.state=="loading");}}function Ce(t,o){if(t&1&&(m(0,"yo-tab",8),d(1,fe,2,2,"ng-container",9),V(2,"async"),d(3,ge,1,1,"ng-template",null,0,S)(5,ke,3,3,"ng-template",null,1,S),f()),t&2){let e=o.$implicit,i=v(4);r("id",e.id)("title",e.title)("active",e.active),l(),r("ngIf",z(2,5,e.tickets$))("ngIfElse",i);}}var Ae=(()=>{let o=class o{constructor(i,n,a,c,h,_e,de){this.auth=i,this.fs=n,this.scopeService=a,this.metaService=c,this.activatedRoute=h,this.router=_e,this.ticketService=de,this.destroy$=new k(),this.infoBlockCtx={NO_VALID_TICKETS:{heading:"You don't have any valid tickets"},NO_EXPIRED_TICKETS:{heading:"You don't have any expired tickets"},TICKETS_FETCH_ERROR:{heading:"Something went wrong",description:"We could not get your tickets for some reasons, try again later."}},this.pager$=new k(),this.validTabTitle="Valid",this.expiredTabTitle="Expired",this.ticketTabs=[{id:"valid",title:"Valid",state:"loading",infoBlockCtx:{NO_TICKETS:this.infoBlockCtx.NO_VALID_TICKETS,TICKETS_FETCH_ERROR:this.infoBlockCtx.TICKETS_FETCH_ERROR},active:!0},{id:"expired",title:"Expired",state:"loading",infoBlockCtx:{NO_TICKETS:this.infoBlockCtx.NO_EXPIRED_TICKETS,TICKETS_FETCH_ERROR:this.infoBlockCtx.TICKETS_FETCH_ERROR},active:!1}],this.metaService.setTags({title:"My Joymo Tickets",description:"A place to manage your joymo tickets",image:"assets/logo.svg"}),b(this.auth,this.fs)&&this.ticketTabs.forEach(T=>{T.tickets$=this.shouldFetchTickets$(T,s=>s===T.id).pipe(C(s=>s),y(()=>this.listenToScopeAndUserInfo()),C(s=>s[1]!==void 0),y(([s,P])=>(this.userInfo=P,this.ticketService.fetchTickets(s,P,this.pager$,this.destroy$,T.id==="valid"))),u(s=>this.transformTicketsToCardDetails(s)),F(()=>T.state="ready"),E(this.destroy$));});}ngOnDestroy(){this.destroy$.next(),this.destroy$.complete();}listenToScopeAndUserInfo(){return $([this.scopeService.scope$,b(this.auth,this.fs)??L(void 0)]).pipe(u(i=>{let[n,a]=i;return a!==void 0?i:(this.ticketTabs.forEach(c=>c.state="error"),[]);}),E(this.destroy$));}shouldFetchTickets$(i,n){return this.router.events.pipe(y(a=>this.activatedRoute.queryParamMap),u(a=>{let c=a.get("selectedTab");return c===null&&(c="valid"),i.active=c===i.id,n(c);}));}transformTicketsToCardDetails(i){return i.map(n=>this.ticketService.transformTicketEntryToTicketCardDetails(n,this.scopeService.getChannel(),this.scopeService.getHomepageUrl()));}onTabClicked(i){return O(this,null,function*(){return yield this.router.navigate([],{replaceUrl:!0,queryParams:R(x({},this.activatedRoute.snapshot.queryParams),{selectedTab:i}),queryParamsHandling:"merge"});});}goToLink(i){if(!i)throw new Error("Purchased action link not set");this.router.navigate(i);}};o.ɵfac=function(n){return new(n||o)(_(G),_(X),_(ce),_(ae),_(Y),_(W),_(se));},o.ɵcmp=M({type:o,selectors:[["joymo-profile-tickets"]],standalone:!0,features:[H],decls:6,vars:1,consts:()=>{let i;return i="Tickets",[["ticketsLoader",""],["emptyTickets",""],i,[1,"w-100"],[1,"p-b-12","md:p-b-24"],[1,"heading-md"],[3,"onTabSelected"],[3,"id","title","active",4,"ngFor","ngForOf"],[3,"id","title","active"],[4,"ngIf","ngIfElse"],["density","normal",4,"ngIf","ngIfElse"],["density","normal"],["yo-grid-item","",4,"ngFor","ngForOf"],["yo-grid-item",""],[3,"onActionButtonClicked","title","coverImg","coverImgIsPlaceholder","foregroundImg","state","description","toProductListLinkLabel","toProductListLink","actionButtonLabel","validityOrExpiryInfo"],["icon","loader","size","xxl",4,"ngIf"],["icon","loader","size","xxl"],[3,"heading",4,"ngIf"],[3,"heading","description",4,"ngIf"],["icon","loader",4,"ngIf"],[3,"heading"],[3,"heading","description"],["icon","loader"]];},template:function(n,a){n&1&&(m(0,"section",3)(1,"header",4)(2,"h3",5),w(3,2),f()(),m(4,"yo-tabs",6),I("onTabSelected",function(h){return a.onTabClicked(h);}),d(5,Ce,7,7,"yo-tab",7),f()()),n&2&&(l(5),r("ngForOf",a.ticketTabs));},dependencies:[q,D,U,J,Z,Q,le,ie,te,ee,re,ne,oe],encapsulation:2});let t=o;return t;})();export{Ae as ProfileTicketsComponent};/**i18n:97d16af80b9e941913080ec17ee9bbcf9996ba7c137660b21174b8d4b6f2b4aa*/ //# sourceMappingURL=chunk-4I7ICFHP.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.