272.cccd86b43d614fee.js

"use strict";(self.webpackChunkwire_store=self.webpackChunkwire_store||[]).push([[272],{8272:(_,p,i)=>{i.r(p),i.d(p,{ShopWishlistModule:()=>T});var l=i(4035),x=i(4646),g=i(9646),S=i(7579),y=i(2722),a=i(801),C=i(5161),h=i(5620);const W=(0,h.P1)(e=>e.wishlist,e=>e.wishlist);var t=i(5e3),E=i(5699),w=i(7261),u=i(6816),c=i(9808),v=i(7423),b=i(9444),f=i(6688);function j(e,o){if(1&e){const n=t.\u0275\u0275getCurrentView();t.\u0275\u0275elementContainerStart(0),t.\u0275\u0275elementStart(1,"div",10)(2,"div",13),t.\u0275\u0275element(3,"img",14),t.\u0275\u0275elementEnd(),t.\u0275\u0275elementStart(4,"div",15),t.\u0275\u0275text(5),t.\u0275\u0275elementEnd(),t.\u0275\u0275elementStart(6,"div",16),t.\u0275\u0275text(7),t.\u0275\u0275pipe(8,"currency"),t.\u0275\u0275elementEnd(),t.\u0275\u0275elementStart(9,"div",16)(10,"button",17),t.\u0275\u0275listener("click",function(){const s=t.\u0275\u0275restoreView(n).$implicit;return t.\u0275\u0275nextContext(3).removeItemFromWishlist(s._id)}),t.\u0275\u0275element(11,"fa-icon",18),t.\u0275\u0275elementEnd()(),t.\u0275\u0275elementStart(12,"div",19)(13,"div",20),t.\u0275\u0275text(14),t.\u0275\u0275elementEnd(),t.\u0275\u0275elementStart(15,"div",21)(16,"div",13),t.\u0275\u0275text(17," $ 35.38 "),t.\u0275\u0275elementEnd(),t.\u0275\u0275elementStart(18,"div",11)(19,"button",17),t.\u0275\u0275listener("click",function(){const s=t.\u0275\u0275restoreView(n).$implicit;return t.\u0275\u0275nextContext(3).removeItemFromWishlist(s._id)}),t.\u0275\u0275element(20,"fa-icon",18),t.\u0275\u0275elementEnd()()()()(),t.\u0275\u0275elementContainerEnd()}if(2&e){const n=o.$implicit,r=t.\u0275\u0275nextContext(3);t.\u0275\u0275advance(3),t.\u0275\u0275property("src",n.product.thumbnail,t.\u0275\u0275sanitizeUrl)("alt",n.product.name),t.\u0275\u0275advance(2),t.\u0275\u0275textInterpolate1(" ",n.product.name," "),t.\u0275\u0275advance(2),t.\u0275\u0275textInterpolate1(" ",t.\u0275\u0275pipeBind4(8,7,n.product.price,"$ ","symbol","1.2-2")," "),t.\u0275\u0275advance(4),t.\u0275\u0275property("icon",r.faXmark),t.\u0275\u0275advance(3),t.\u0275\u0275textInterpolate1(" ",n.product.name," "),t.\u0275\u0275advance(6),t.\u0275\u0275property("icon",r.faXmark)}}function k(e,o){if(1&e&&(t.\u0275\u0275elementContainerStart(0),t.\u0275\u0275elementStart(1,"div",4)(2,"div",5)(3,"div",6),t.\u0275\u0275text(4,"Imagen"),t.\u0275\u0275elementEnd(),t.\u0275\u0275elementStart(5,"div",6),t.\u0275\u0275text(6,"Producto"),t.\u0275\u0275elementEnd(),t.\u0275\u0275elementStart(7,"div",7),t.\u0275\u0275text(8,"Precio"),t.\u0275\u0275elementEnd(),t.\u0275\u0275elementStart(9,"div",7),t.\u0275\u0275text(10,"Acci\xf3n"),t.\u0275\u0275elementEnd()(),t.\u0275\u0275elementStart(11,"div",8),t.\u0275\u0275template(12,j,21,12,"ng-container",9),t.\u0275\u0275elementEnd(),t.\u0275\u0275elementStart(13,"div",4)(14,"div",10),t.\u0275\u0275element(15,"div")(16,"div")(17,"div"),t.\u0275\u0275elementStart(18,"div",11)(19,"button",12),t.\u0275\u0275text(20,"Continuar comprando"),t.\u0275\u0275elementEnd()()()()(),t.\u0275\u0275elementContainerEnd()),2&e){const n=t.\u0275\u0275nextContext().ngIf;t.\u0275\u0275advance(12),t.\u0275\u0275property("ngForOf",n),t.\u0275\u0275advance(7),t.\u0275\u0275property("routerLink","/products/all")}}function A(e,o){if(1&e&&(t.\u0275\u0275elementContainerStart(0),t.\u0275\u0275template(1,k,21,2,"ng-container",3),t.\u0275\u0275elementContainerEnd()),2&e){const n=o.ngIf;t.\u0275\u0275nextContext();const r=t.\u0275\u0275reference(4);t.\u0275\u0275advance(1),t.\u0275\u0275property("ngIf",n.length)("ngIfElse",r)}}const F=function(){return["/products/all"]};function O(e,o){1&e&&(t.\u0275\u0275elementStart(0,"div",22)(1,"mat-chip-list")(2,"mat-chip",23),t.\u0275\u0275text(3,"NO HA AGREGADO NING\xdaN PRODUCTO A SU LISTA DE FAVORITOS. "),t.\u0275\u0275elementEnd()(),t.\u0275\u0275elementStart(4,"div")(5,"a",24),t.\u0275\u0275text(6,"Continuar Comprando"),t.\u0275\u0275elementEnd()()()),2&e&&(t.\u0275\u0275advance(5),t.\u0275\u0275property("routerLink",t.\u0275\u0275pureFunction0(1,F)))}const R=[{path:"",component:(()=>{class e{constructor(n,r,d,s,m){this._basketService=n,this._changeDetectorRef=r,this._snackBar=d,this._wishlistService=s,this.store=m,this.faXmark=a.g82,this.faPlus=a.r8p,this.faMinus=a.Kl4,this.wishlist$=(0,g.of)([]),this._unsubscribeAll=new S.x}ngOnInit(){this.wishlist$=this.store.select(W)}ngOnDestroy(){this._unsubscribeAll.next(null),this._unsubscribeAll.complete(),this.store.dispatch((0,C.y6)())}addProductToBasket(n,r=1){this._basketService.addProductToBasket(n,r)}removeItemFromWishlist(n){this._wishlistService.removeFromWishlist(n).pipe((0,y.R)(this._unsubscribeAll)).subscribe(r=>{this._snackBar.open(r.message,"\u274c",{panelClass:"success",verticalPosition:"top",duration:3600}),this._changeDetectorRef.markForCheck()},r=>{console.warn("Error:",r),this._snackBar.open("Algo sali\xf3 mal, por favor int\xe9ntelo nuevamente.","\u274c",{panelClass:"error",verticalPosition:"top",duration:3600})})}}return e.\u0275fac=function(n){return new(n||e)(t.\u0275\u0275directiveInject(E.v),t.\u0275\u0275directiveInject(t.ChangeDetectorRef),t.\u0275\u0275directiveInject(w.ux),t.\u0275\u0275directiveInject(u.M),t.\u0275\u0275directiveInject(h.yh))},e.\u0275cmp=t.\u0275\u0275defineComponent({type:e,selectors:[["shop-wishlist"]],decls:5,vars:3,consts:[[1,"w-full","flex","flex-col","py-20"],[4,"ngIf"],["noWishlistItem",""],[4,"ngIf","ngIfElse"],[1,"flex","flex-col"],[1,"grid","grid-cols-2","md:grid-cols-4","border-b","border-gray-900"],[1,"uppercase","text-lg","py-2.5","text-center"],[1,"hidden","md:block","uppercase","text-lg","py-2.5","text-center"],[1,"flex","flex-col","divide-y","divide-gray-100"],[4,"ngFor","ngForOf"],[1,"grid","grid-cols-2","md:grid-cols-4"],[1,"py-2.5","flex","items-center","justify-center"],["mat-raised-button","",1,"px-5","py-3","text-white","uppercase","w-60","sm:w-auto","bg-gradient-to-r","from-wire-400","via-wire-500","to-wire-600","hover:bg-gradient-to-br","text-md",3,"routerLink"],[1,"uppercase","text-lg","py-2.5","flex","items-center","justify-center"],[1,"w-30",3,"src","alt"],[1,"uppercase","text-lg","py-2.5","hidden","md:flex","items-center","justify-center"],[1,"uppercase","text-xl","py-2.5","hidden","md:flex","items-center","justify-center"],["mat-icon-button","",3,"click"],[1,"text-red-600",3,"icon"],[1,"flex","flex-col","justify-center","md:hidden"],[1,"uppercase","text-lg","py-2.5","w-full","text-center"],[1,"flex","items-center","justify-center","gap-x-3"],[1,"flex","flex-col","items-center","justify-around","w-full","gap-5"],["color","warn","selected","true"],["routerLinkActive","router-link-active","mat-raised-button","","color","primary",1,"btn-project","mt-20",3,"routerLink"]],template:function(n,r){1&n&&(t.\u0275\u0275elementStart(0,"div",0),t.\u0275\u0275template(1,A,2,2,"ng-container",1),t.\u0275\u0275pipe(2,"async"),t.\u0275\u0275template(3,O,7,2,"ng-template",null,2,t.\u0275\u0275templateRefExtractor),t.\u0275\u0275elementEnd()),2&n&&(t.\u0275\u0275advance(1),t.\u0275\u0275property("ngIf",t.\u0275\u0275pipeBind1(2,1,r.wishlist$)))},directives:[c.O5,c.sg,v.lW,b.BN,l.rH,f.qn,f.HS,v.zs,l.yS,l.Od],pipes:[c.Ov,c.H9],encapsulation:2}),e})(),resolve:{wishlist:(()=>{class e{constructor(n){this._wishlistService=n}resolve(n,r){return this._wishlistService.getClientWishlist()}}return e.\u0275fac=function(n){return new(n||e)(t.\u0275\u0275inject(u.M))},e.\u0275prov=t.\u0275\u0275defineInjectable({token:e,factory:e.\u0275fac,providedIn:"root"}),e})()}}];let T=(()=>{class e{}return e.\u0275fac=function(n){return new(n||e)},e.\u0275mod=t.\u0275\u0275defineNgModule({type:e}),e.\u0275inj=t.\u0275\u0275defineInjector({imports:[[l.Bz.forChild(R),x.m]]}),e})()}}]);