https://joinqatch.com/379.716d4e085f68ab79.js

1"use strict";(self.webpackChunkfrontend=self.webpackChunkfrontend||[]).push([[379],{379:(w,l,i)=>{i.r(l),i.d(l,{OutfitsComponent:()=>U});var u=i(271),h=i(6863),O=i(6497),m=i(6918),d=i(6764),t=i(8559),g=i(7799),f=i(9911),C=i(3664),M=i(565),P=i(2375),v=i(316),x=i(5822),b=i(1265),y=i(9136);function k(a,s){if(1&a&&(t.qex(0),t.nrm(1,"page-header",5),t.bVm()),2&a){const n=t.XpG();t.R7$(),t.Y8G("title",n.pageTitle)}}function E(a,s){1&a&&(t.j41(0,"div",8),t.nrm(1,"p-button",9),t.k0s())}function I(a,s){if(1&a){const n=t.RV6();t.qex(0),t.DNE(1,E,2,0,"div",6),t.j41(2,"uikit-list",7),t.bIt("onItemClick",function(e){t.eBV(n);const r=t.XpG();return t.Njj(r.openOutfitMaker(e))})("onLinkBtnClick",function(e){t.eBV(n);const r=t.XpG();return t.Njj(r.copyLink(e))}),t.k0s(),t.bVm()}if(2&a){const n=t.XpG();t.R7$(),t.Y8G("ngIf",n.isLoggedIn&&!n.userId),t.R7$(),t.Y8G("itemMeta",n.productMeta)("fetchItems",n.fetchProducts.bind(n))}}function D(a,s){1&a&&t.nrm(0,"p-button",14)}function T(a,s){if(1&a&&(t.j41(0,"div",10),t.nrm(1,"img",11),t.j41(2,"span",12),t.EFF(3,"No Outfits Found!!!"),t.k0s(),t.DNE(4,D,1,0,"p-button",13),t.k0s()),2&a){const n=t.XpG();t.R7$(4),t.Y8G("ngIf",n.isLoggedIn&&!n.userId)}}let U=(()=>{class a extends h.v{constructor(n,o,e,r,c,_,p){super(c,r),this.router=n,this.outfitService=o,this.activatedRoute=e,this.authService=r,this.deviceService=c,this.shareWithFriendsService=_,this.seoService=p,this.productMeta={type:"outfits-product",page:"outfits",pageType:"",pageOwnerId:null,uiTaggingKey:"outfits",displayKey:"imageUrl",showOverlay:()=>!0,showLinkButton:!0,fixedOverlay:!0,showTitle:!0},this.pageTitle="Outfits",this.noOutfit=!1,this.userId=this.activatedRoute.snapshot.parent.params.userId}ngOnInit(){super.ngOnInit()}postAuth(n){this.userId||this.updateUserDetail(n.first_name)}copyLink(n){const{title:o,uuid:e,author:r}=n,c=r.id,_=this.outfitService.isUuid(o)?"":o,p=`${window.location.origin}/users/${c}/outfits/${e}`;this.shareWithFriendsService.share(p,d.$.OUTFIT,_)}updateUserDetail(n){this.pageTitle=n?`${n}\u2019s Outfits`:"Outfits"}fetchProducts(n){return this.outfitService.getOutfitsByUserId(this.userId,{pageNumber:n.page,pageSize:50},{},{}).pipe((0,u.T)(o=>

1{if(o?.data?.length){for(const e of o.data)e.imageUrl.startsWith("uploads")&&(e.imageUrl=e.imageUrl.replace(/\//g,"%2F"),e.imageUrl=`https://firebasestorage.googleapis.com/v0/b/qatchcode-production.appspot.com/o/${e.imageUrl}?alt=media`);if(!this.isLoggedIn&&o?.data[0].author){const e=o.data[0].author;this.authorId=e.id,this.updateUserDetail(e.name)}n.initialLoad&&this.seoService.updateOutfit(this.router.url,o.data[0],o.data)}else 1===n.page&&(this.noOutfit=!0);return o}))}getCurrentRoute(){return this.isLoggedIn?"internal/outfits":`users/${this.userId}/outfits`}openOutfitMaker(n){this.router.navigate([`${this.getCurrentRoute()}/${n.uuid}`])}static{this.\u0275fac=function(o){return new(o||a)(t.rXU(g.Ix),t.rXU(f.$),t.rXU(g.nX),t.rXU(C.u),t.rXU(M.Kg),t.rXU(d.G),t.rXU(P.B))}}static{this.\u0275cmp=t.VBU({type:a,selectors:[["outfits"]],standalone:!0,features:[t.Vt3,t.aNF],decls:7,vars:8,consts:[[1,"container-fluid","non-transparent-header","px-0"],[1,"row","mx-auto"],[1,"author","text-center","w-100","q-page-header"],[4,"ngIf"],["class","no-record-message mt-0",4,"ngIf"],[3,"title"],["class","flex justify-content-end mb-3",4,"ngIf"],["loadingText","Looking for your outfits, give us a sec\u2026","displayEmptyMessage","",1,"mt-3",3,"onItemClick","onLinkBtnClick","itemMeta","fetchItems"],[1,"flex","justify-content-end","mb-3"],["styleClass","p-button-link","label","Style An Outfit","routerLink","new"],[1,"no-record-message","mt-0"],["src","./assets/img/prohibited-outfits.svg","alt","no-outfits","height","150","width","auto"],[1,"mt-3","mb-2"],["styleClass","p-button-link","label","Style an Outfit","routerLink","new",4,"ngIf"],["styleClass","p-button-link","label","Style an Outfit","routerLink","new"]],template:function(o,e){1&o&&(t.j41(0,"div",0)(1,"div",1)(2,"div",2),t.DNE(3,k,2,1,"ng-container",3),t.k0s(),t.j41(4,"div"),t.DNE(5,I,3,3,"ng-container",3)(6,T,5,1,"div",4),t.k0s()()()),2&o&&(t.R

17$(3),t.Y8G("ngIf",e.isDesktop),t.R7$(),t.ZvI("my-4 mx-auto ",e.isDesktop?"q-page-container w-80":"q-page-container-mobile",""),t.AVh("no-outfit",e.noOutfit),t.R7$(),t.Y8G("ngIf",!e.noOutfit),t.R7$(),t.Y8G("ngIf",e.noOutfit))},dependencies:[O.G,v.bT,g.Wk,x.w,b.y,y.$n,m.I],styles:[".collapsible-header[_ngcontent-%COMP%]{width:100%;padding:1em;background:#f4f3f1}.promo-code[_ngcontent-%COMP%]{font-size:12px}.mr-n10px[_ngcontent-%COMP%]{margin-right:-10px}.brand-logo[_ngcontent-%COMP%]{margin-top:-8px;opacity:.4}.brand-logo[_ngcontent-%COMP%]   img[_ngcontent-%COMP%]{height:50px}.btn-group[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]{margin-top:0}.label[_ngcontent-%COMP%]{margin-top:0;line-height:32px}.card-img-top[_ngcontent-%COMP%]{border-radius:0%;min-height:200px}.qatch[_ngcontent-%COMP%]   .p-name[_ngcontent-%COMP%]{-webkit-line-clamp:3;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;height:50px;font-size:12px;cursor:pointer}.overlay[_ngcontent-%COMP%]{z-index:3;width:100%;background-color:#f3f2f091;align-items:center;cursor:pointer}.overlay[_ngcontent-%COMP%] > div[_ngcontent-%COMP%]{color:#000000b0}.overlay[_ngcontent-%COMP%]   .out-off-stock[_ngcontent-%COMP%]{line-height:28px}.overlay[_ngcontent-%COMP%] > div.reactions[_ngcontent-%COMP%]{color:#0000003d}.overlay.desktop-view[_ngcontent-%COMP%]{position:absolute;bottom:0;left:0;height:100%;width:100%;display:flex;background-color:transparent}.overlay.desktop-view[_ngcontent-%COMP%] > div[_ngcontent-%COMP%]{display:none;margin:auto;width:100%}.overlay.desktop-view[_ngcontent-%COMP%]:hover{background-color:#00000050}.overlay.desktop-view[_ngcontent-%COMP%]:hover > div[_ngcontent-%COMP%]{display:flex}.overlay.bg-dark-trans[_ngcontent-%COMP%]{background-color:#e38f81;color:#fff;opacity:.9}.overlay.bg-dark-trans[_ngcontent-%COMP%] > p[_ngcontent-%COMP%]{font-size:11px}.overlay.bg-dark-trans.desktop-view[_ngcontent-%COMP%]{background-color:#0000006a}.overlay.bg-dark-trans.desktop-view[_ngcontent-%COMP%] > div[_ngcontent-%COMP%]{display:flex;margin:auto;width:100%}.overlay.bg-dark-trans.desktop-view[_ngcontent-%COMP%] > div[_ngcontent-%COMP%] > p[_ngcontent-%COMP%]{font-size:18px}.overlay[_ngcontent-%COMP%]   i[_ngcontent-%COMP%]{font-size:22px;width:22px}.reactions[_ngcontent-%COMP%]   .active-reaction[_ngcontent-%COMP%]{color:#8862a2}.reactions[_ngcontent-%COMP%]   .active-reaction[_ngcontent-%COMP%]:hover > i[_ngcontent-%COMP%]{color:#72339e}.btn-group[_ngcontent-%COMP%]   .btn[_ngcontent-%COMP%] + .btn[_ngcontent-%COMP%], .btn-group[_ngcontent-%COMP%]   .btn[_ngcontent-%COMP%] + .btn-group[_ngcontent-%COMP%], .btn-group[_ngcontent-%COMP%]   .btn-group[_ngcontent-%COMP%] + .btn[_ngcontent-%COMP%], .btn-group[_ngcontent-%COMP%]   .btn-group[_ngcontent-%COMP%] + .btn-group[_ngcontent-%COMP%]{margin-left:0}.qatch-img[_ngcontent-%COMP%]{position:relative;overflow:hidden;cursor:pointer;border-radius:16px;border:2px solid #f5af92}.qatch-img[_ngcontent-%COMP%]   .arrow-right[_ngcontent-%COMP%]{background-color:#000;height:95px;right:-50px;position:absolute;top:-50px;width:95px;-webkit-transform:rotate(-45deg)}.qatch-img[_ngcontent-%COMP%]   .arrow-right[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]{color:#f5f5f5;font-family:sans-serif;font-size:1.5em;right:18px;top:54px;position:absolute;width:80px;-webkit-transform:rotate(45deg)}.card-lazy-img[_ngcontent-%COMP%]{min-height:10em;max-height:35em}@media (min-width: 992px){.app-footer[_ngcontent-%COMP%]{position:fixed;right:0;bottom:0;left:0;z-index:1030}}@media (max-width: 768px){.qatch[_ngcontent-%COMP%]   .p-name[_ngcontent-%COMP%]{-webkit-line-clamp:4;height:60px;font-size:12px}.overlay[_ngcontent-%COMP%]   i[_ngcontent-%COMP%]{font-size:18px}.brand-logo[_ngcontent-%COMP%]   img[_ngcontent-%COMP%]{height:35px}}@media (max-width: 576px){.card-lazy-img[_ngcontent-%COMP%]{min-height:5em;max-height:30em}}[_nghost-%COMP%]     .selected-list .c-btn{font-size:.65rem}[_nghost-%COMP%]     .selected-list .c-angle-down, [_nghost-%COMP%]     .selected-list .c-angle-up{height:22px}[_nghost-%COMP%]  .no-outfit{display:flex;align-items:center;justify-content:center;height:calc(100vh - 240px)}[_nghost-%COMP%]  .p-button{padding:5px 10px}[_nghost-%COMP%]  .p-button .p-button-label{text-decoration:none!important}[_nghost-%COMP%]  .q-page-container-mobile uikit-list-item .fixed-overlay{position:absolute;bottom:0}[_nghost-%COMP%]  .qatch-img, [_nghost-%COMP%]  .qatch-skeleton, [_nghost-%COMP%]  uikit-list-item .overlay{min-height:0;border-radius:10px!important}[_nghost-%COMP%]  .qatch-img .card-lazy-img, [_nghost-%COMP%]  .qatch-skeleton .card-lazy-img, [_nghost-%COMP%]  uikit-list-item .overlay .card-lazy-img{min-height:15.7em!important}[_nghost-%COMP%]  .fixed-overlay button{right:3px!important;bottom:5px!important}[_nghost-%COMP%]  .image-container .qatch-img{border-bottom-width:1px!important}"]})}}return a})()}}]);
2//# sourceMappingURL=379.716d4e085f68ab79.js.map