https://my.vodafone.ua/937.b32b089336248bdf.js

1"use strict";(self.webpackChunkb2c=self.webpackChunkb2c||[]).push([[937],{3937:(J,h,i)=>{i.r(h),i.d(h,{OffersModule:()=>Q});var f=i(8434),m=i(7624),e=i(1360),c=i(3930),O=i(674),b=i(469),M=i(5142),x=i(482),p=i(2561),_=i(3237);let P=(()=>{class t{constructor(){this._renderer=(0,e.WQX)(e.sFG),this._elementRef=(0,e.WQX)(e.aKT),this._isSelected=!1,this._overlayElement=this._renderer.createElement("div")}set isSelected(n){this._isSelected=n,this._updateSelectedState()}ngAfterViewInit(){this._targetElement=this._elementRef.nativeElement.querySelector(this.targetClass),this._targetElement&&(this._renderer.setStyle(this._targetElement,"position","relative"),this._addOverlay(),this._updateSelectedState())}_updateSelectedState(){this._targetElement&&this._setState(this._isSelected)}_addOverlay(){this._renderer.setStyle(this._overlayElement,"transition","opacity 300ms"),this._renderer.setStyle(this._overlayElement,"position","absolute"),this._renderer.setStyle(this._overlayElement,"inset","0"),this._renderer.setStyle(this._overlayElement,"opacity","0"),this._renderer.setStyle(this._overlayElement,"background-color","rgba(var(--black-rgb), .07)"),this._renderer.setStyle(this._overlayElement,"z-index","1"),this._renderer.appendChild(this._targetElement,this._overlayElement)}_setState(n){this._renderer.setStyle(this._overlayElement,"opacity",n?"1":"0")}static{this.\u0275fac=function(r){return new(r||t)}}static{this.\u0275dir=e.FsC({type:t,selectors:[["","libUiSelectedState",""]],inputs:{targetClass:"targetClass",isSelected:"isSelected"}})}}return t})();var d=i(188),v=i(7644),l=i(7548),k=i(5160),u=i(1780),C=i(9524);const w=()=>["priority"],S=t=>({"adaptive-height":t}),I=t=>({name:t,size:"32px"});function E(t,s){if(1&t){const n=e.RV6();e.j41(0,"div",4)(1,"mv-card",5),e.bIt("click",function(){const a=e.eBV(n).$implicit,o=e.XpG(2);return e.Njj(o.triggerSelect.emit(a))}),e.j41(2,"div",6),e.nrm(3,"img",7),e.k0s(),e.nrm(4,"mv-list-item",8),e.nI1(5,"translate"),e.k0s()()}if(2&t){const n=s.$implicit,r=e.XpG(2);e.R7$(),e.Y8G("targetClass",".content")("isSelected",r.selectedOfferId===n.campaignId),e.R7$(),e.Y8G("ngClass",e.eq3(14,S,!!n.banner.title)),e.R7$(),e.Y8G("src",n.imageUrl||r.fallbackImage,e.B4B)("libUiImageFallback",r.fallbackImage),e.R7$(),e.Y8G("title",n.card.title)("badgeContent",!n.card.isRead&&e.bMT(5,12,"offers.new"))("isBadgeBelow",!0)("badgeType",r.badgeType)("iconConfig",e.eq3(16,I,n.card.icon))("isIconExist",!0)("isShowBorder",!1)}}function T(t,s){if(1&t&&(e.j41(0,"div",2),e.DNE(1,E,6,18,"div",3),e.nI1(2,"orderBy"),e.k0s()),2&t){const n=e.XpG();e.R7$(),e.Y8G("ngForOf",e.i5U(2,2,n.offers,e.lJ4(5,w)))("ngForTrackBy",n.trackByFn)}}function F(t,s){if(1&t&&(e.j41(0,"div",9),e.nrm(1,"mv-empty-page",10),e.k0s()),2&t){const n=e.XpG();e.R7$(),e.Y8G("icon","star_hi_light")("message",n.emptyPageMessage)("isBackground",!1)}}let R=(()=>{class t{constructor(){this._wordingService=(0,e.WQX)(c.adH),this.badgeType=p._Y.NEUTRAL,this.fallbackImage="/assets/fallback/fallback_offer.webp",this.triggerSelect=new e.bkB}ngOnInit(){this._getWording()}trackByFn(n){return n}_getWording(){this.emptyPageMessage=this._wordingService.getWording(c.NHm.NO_OFFERS)?.link}static{this.\u0275fac=function(r){return new(r||t)}}static{this.\u0275cmp=e.VBU({type:t,selectors:[["lib-offers"]],inputs:{offers:"offers",selectedOfferId:"selectedOfferId"},outputs:{triggerSelect:"triggerSelect"},standalone:!1,decls:3,vars:2,consts:[["empty",""],["class","offers",4,"ngIf","ngIfElse"],[1,"offers"],["class","offers__card card",4,"ngFor","ngForOf","ngForTrackBy"],[1,"offers__card","card"],["mvRipple","","libUiSelectedState","",3,"click","targetClass","isSelected"],[1,"card__banner","banner",3,"ngClass"],["alt","banner","loading","lazy",3,"src","libUiImageFallback"],[1,"card__content","content","icon-color-red",3,"title","badgeContent","isBadgeBelow","badgeType","iconConfig","isIconExist","isShowBorder"],[1,"offers-empty"],[3,"icon","message","isBackground"]],template:function(r,a){if(1&r&&e.DNE(0,T,3,6,"div",1)(1,F,2,3,"ng-template",null,0,e.C5r),2&r){const o=e.sdS(2);e.Y8G("ngIf",null==a.offers?null:a.offers.length)("ngIfElse",o)}},dependencies:[f.YU,f.Sq,f.bT,_.U,P,d.d,v.HL,l.T,k.$,u.D9,C.Qe],styles:['@font-face{font-family:Vodafone;src:url(VodafoneLt.9aa45e50addf71a9.eot);src:url(VodafoneLt.9aa45e50addf71a9.eot?#iefix) format("embedded-opentype"),url(VodafoneLt.49fe1f88bb22d19f.woff) format("woff"),url(VodafoneLt.90f3627fb6fc2b99.woff2) format("woff2"),url(VodafoneLt.7537256470a4d111.ttf) format("truetype");font-weight:300;font-style:normal}@font-face{font-family:Vodafone;src:url(VodafoneRg.3c2b03ec44aeddef.eot);src:url(VodafoneRg.3c2b03ec44aeddef.eot?#iefix) format("embedded-opentype"),url(VodafoneRg.20c3443ff4e29d99.woff) format("woff"),url(VodafoneRg.89391d5f189ae071.woff2) format("woff2"),url(VodafoneRg.103cddd94367d829.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Vodafone;src:url(VodafoneRg_Bd.f5e54dbb6a1b56a4.eot);src:url(VodafoneRg_Bd.f5e54dbb6a1b56a4.eot?#iefix) format("embedded-opentype"),url(VodafoneRg_Bd.ac1df5ae182ff207.woff) format("woff"),url(VodafoneRg_Bd.6954469d764258e7.woff2) format("woff2"),url(VodafoneRg_Bd.6e701a78bc7bbb1f.ttf) format("truetype");font-weight:700;font-style:normal}[_ngcontent-%COMP%]:root{--sat: env(safe-area-inset-top);--sar: env(safe-area-inset-right);--sab: env(safe-area-inset-bottom);--sal: env(safe-area-inset-left);--base-padding: 16px;--bg-image-network: url(/assets/backgrounds/network-light.svg)}body.dark[_ngcontent-%COMP%]{--bg-image-network: url(/assets/backgrounds/network-dark.svg)}[_ngcontent-%COMP%]:root{--white: #FFFFFF;--white-rgb: 255, 255, 255;--lightgrey: #F4F4F4;--aluminium: #EBEBEB;

1--silver: #CCCCCC;--midgrey: #999999;--anthracite: #666666;--grey: #4A4D4E;--darkgrey: #333333;--darkgrey-rgb: 51, 51, 51;--midnight: #222222;--black: #000000;--black-rgb: 0, 0, 0;--red: #E60000;--freshorange: #EB9700;--redviolet: #9C2AA0;--springgreen: #A8B400;--green: #009900;--turquoise: #007C92;--aquablue: #00B0CA;--endeavour: #005EA5;--light-blue: #5F9BC8;--bitter-sweet: #f06666;--blackcow: #444444;--lazy-summer: #FFF2C4;--text-color: var(--darkgrey);--hover-state: rgba(var(--black-rgb), .04);--gradient-stories-stroke-watched: linear-gradient(25deg, var(--midgrey) 0%, var(--silver) 100%);--primary: var(--red);--on-primary: var(--white);--primary-container: var(--aluminium);--on-primary-container: var(--darkgrey);--secondary: var(--turquoise);--on-secondary: var(--white);--secondary-container: var(--lightgrey);--on-secondary-container: var(--darkgrey);--tertiary: var(--anthracite);--on-tertiary: var(--white);--tertiary-container: var(--silver);--on-tertiary-container: var(--white);--error: var(--red);--on-error: var(--white);--surface: var(--lightgrey);--on-surface: var(--darkgrey);--on-surface-rgb: var(--darkgrey-rgb);--surface-container: var(--white);--on-surface-container: var(--darkgrey);--surface-bright: var(--white);--on-surface-bright: var(--darkgrey);--surface-bright-container: var(--white);--on-surface-bright-container: var(--darkgrey);--surface-bright-container-high: var(--white);--on-surface-bright-container-high: var(--darkgrey);--outline: var(--anthracite);--outline-variant: var(--aluminium);--violet-fixed: var(--redviolet);--primary-fixed: var(--red);--green-fixed: var(--green);--freshorange-fixed: var(--freshorange);--white-fixed: var(--white);--white-fixed-rgb: var(--white-rgb);--endeavour-blue: var(--endeavour);--lightyellow-fixed: var(--lazy-summer);--black-fixed: var(--black);--midgrey-fixed: var(--midgrey);--darkgray-fixed: var(--darkgrey);--green-springgreen: var(--green);--primary-dark: var(--red);--secondary-fixed: var(--turquoise);--tertiary-fixed: var(--anthracite);--grey-fixed: var(--grey);--silver-fixed: var(--silver);--bitter-sweet-fixed: var(--bitter-sweet)}body.dark[_ngcontent-%COMP%]{--text-color: var(--white);--hover-state: rgba(var(--white-rgb), .07);--gradient-stories-stroke-watched: linear-gradient(192deg, var(--blackcow) 0%, var(--darkgrey) 100%);--primary: var(--white);--on-primary: var(--darkgrey);--primary-container: var(--anthracite);--on-primary-container: var(--white);--secondary: var(--aquablue);--on-secondary: var(--white);--secondary-container: var(--grey);--on-secondary-container: var(--white);--tertiary: var(--silver);--on-tertiary: var(--darkgrey);--tertiary-container: var(--anthracite);--on-tertiary-container: var(--darkgrey);--error: var(--freshorange);--on-error: var(--white);--surface: var(--midnight);--on-surface: var(--white);--on-surface-rgb: var(--white-rgb);--surface-container: var(--darkgrey);--on-surface-container: var(--white);--surface-bright: var(--darkgrey);--on-surface-bright: var(--white);--surface-bright-container: var(--grey);--on-surface-bright-container: var(--white);--surface-bright-container-high: var(--darkgrey);--on-surface-bright-container-high: var(--white);--outline: var(--silver);--outline-variant: var(--anthracite);--endeavour-blue: var(--light-blue);--green-springgreen: var(--springgreen);--primary-dark: var(--bitter-sweet)}.ink[_ngcontent-%COMP%]{display:block;position:absolute;border-radius:100%;transform:scale(0)}.animate[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_ripple .65s linear}@keyframes _ngcontent-%COMP%_ripple{to{opacity:0;transform:scale(2.5)}}*[_ngcontent-%COMP%]{outline:none;box-sizing:border-box;-webkit-tap-highlight-color:transparent}.offers__card[_ngcontent-%COMP%]{cursor:pointer}.offers__card[_ngcontent-%COMP%]:not(:last-child){margin-bottom:16px}.offers__card[_ngcontent-%COMP%]   .banner[_ngcontent-%COMP%]{width:100%;height:200px;overflow:hidden}@media screen and (max-width: 375px){.offers__card[_ngcontent-%COMP%]   .banner[_ngcontent-%COMP%]{height:175px}}@media screen and (max-width: 320px){.offers__card[_ngcontent-%COMP%]   .banner[_ngcontent-%COMP%]{height:140px}}.offers__card[_ngcontent-%COMP%]   .banner.adaptive-height[_ngcontent-%COMP%]{height:auto}

1@media screen and (min-width: 1360px) and (max-width: 1919px){.offers__card[_ngcontent-%COMP%]   .banner.adaptive-height[_ngcontent-%COMP%]{height:280px}}@media screen and (min-width: 1540px){.offers__card[_ngcontent-%COMP%]   .banner.adaptive-height[_ngcontent-%COMP%]{height:320px}}.offers__card[_ngcontent-%COMP%]   .banner[_ngcontent-%COMP%]   img[_ngcontent-%COMP%]{display:block;width:100%;height:100%;object-position:left bottom;object-fit:cover}.offers__card[_ngcontent-%COMP%]   .content[_ngcontent-%COMP%]{padding:4px 16px}.offers-empty[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:center;height:100%;margin:auto}'],changeDetection:0})}}return t})();function B(t,s){if(1&t){const n=e.RV6();e.j41(0,"lib-offers",7),e.bIt("triggerSelect",function(a){e.eBV(n);const o=e.XpG();return e.Njj(o.onSelectOffer(a))}),e.k0s()}if(2&t){const n=e.XpG();e.Y8G("offers",n.offers)("selectedOfferId",n.selectedOfferId)}}function D(t,s){1&t&&e.nrm(0,"lib-ui-product-card-skeleton")}function V(t,s){if(1&t&&e.DNE(0,D,1,0,"lib-ui-product-card-skeleton",8),2&t){const n=e.XpG();e.Y8G("ngForOf",n.cards)}}let j=(()=>{class t extends c.T0A{constructor(n,r,a,o,g,K){super(n,r,a),this.relatedPartyService=n,this.themeService=r,this.languageService=a,this.cdr=o,this.offersFacadeService=g,this.activatedRoute=K,this.cards=new Array(4).fill(1),this.isSkeleton=!0,this.selectedOfferId=""}ngOnInit(){super.ngOnInit(),this._getRouteParams()}onSelectOffer(n){n?.campaignId&&(this._setOfferDetailsData(n),this.offersFacadeService.setOfferReadState(n),this.selectedOfferId=n.campaignId,this.offersFacadeService.sendResponse(c.Dq8.SUBMIT_BUTTON_1,n.actionConfig).subscribe(),this.cdr.detectChanges())}onCloseRightContent(){this.selectedOfferId="",this.offerDetailsData=null,this.cdr.detectChanges()}handleOfferDetailsEndFlow(){this._resetAndInitData()}_getRouteParams(){this.activatedRoute.queryParams.subscribe(({initializer:n,campaignId:r})=>{this._initializer=n,this._getOffers(r)})}_getOffers(n){this.offersFacadeService.getOffers(this._initializer||c._of.OFFER).subscribe(a=>{this.offers=a,this.isSkeleton=!1,n&&this._checkSelectedOffer(n),this.cdr.detectChanges()})}_checkSelectedOffer(n){const r=this.offers?.find(a=>a.campaignId===n);r&&this.onSelectOffer(r)}_setOfferDetailsData(n){this.offerDetailsData=this.offersFacadeService.getOfferDetailsData(n)}_resetAndInitData(){const n=this.selectedOfferId;this.isSkeleton=!0,this.offers=null,this.offerDetailsData=null,this.selectedOfferId="",this.cdr.detectChanges(),this._getOffers(n)}static{this.\u0275fac=function(r){return new(r||t)(e.rXU(c.RgK),e.rXU(c.Fsb),e.rXU(c.gwd),e.rXU(e.gRc),e.rXU(c.ltj),e.rXU(O.nX))}}static{this.\u0275cmp=e.VBU({type:t,selectors:[["lib-offers-page"]],standalone:!1,features:[e.Vt3],decls:8,vars:5,consts:[["mainSkeletonTemplate",""],[1,"offers"],[3,"triggerCloseRightContent","contentWatcher","isRightContentExist"],["ngProjectAs","main",5,["main"]],[3,"offers","selectedOfferId","triggerSelect",4,"ngIf","ngIfElse"],["ngProjectAs","right",5,["right"]],[3,"triggerEndFlow","detailsData"],[3,"triggerSelect","offers","selectedOfferId"],[4,"ngFor","ngForOf"]],template:function(r,a){if(1&r){const o=e.RV6();e.j41(0,"div",1)(1,"lib-ui-page-wrapper",2),e.bIt("triggerCloseRightContent",function(){return e.eBV(o),e.Njj(a.onCloseRightContent())}),e.qex(2,3),e.DNE(3,B,1,2,"lib-offers",4),e.bVm(),e.qex(4,5),e.j41(5,"lib-offer-details",6),e.bIt("triggerEndFlow",function(){return e.eBV(o),e.Njj(a.handleOfferDetailsEndFlow())}),e.k0s(),e.bVm(),e.k0s()(),e.DNE(6,V,1,1,"ng-template",null,0,e.C5r)}if(2&r){const o=e.sdS(7);e.R7$(),e.Y8G("contentWatcher",a.offerDetailsData)("isRightContentExist",a.isSkeleton||!(null==a.offers||!a.offers.length)),e.R7$(2),e.Y8G("ngIf",a.offers)("ngIfElse",o),e.R7$(2),e.Y8G("detailsData",a.offerDetailsData)}},dependencies:[f.Sq,f.bT,b.k,M.u,x.c,R],styles:[".offers[_ngcontent-%COMP%]{height:calc(100vh - 64px)}"],changeDetection:0})}}return t})();const G=[{path:"",component:(()=>{class t{static{this.\u0275fac=function(r){return new(r||t)}}static{this.\u0275cmp=e.VBU({type:t,selectors:[["b2c-offers"]],standalone:!1,decls:2,vars:0,consts:[[1,"offers"]],template:function(r,a){1&r&&(e.j41(0,"div",0),e.nrm(1,"lib-offers-page"),e.k0s())},dependencies:[j],encapsulation:2,changeDetection:0})}}return t})()}];let U=(()=>{class t{static{this.\u0275fac=function(r){return new(r||t)}}static{this.\u0275mod=e.$C({type:t})}static{this.\u0275inj=e.G2t({imports:[m.iI.forChild(G),m.iI]})}}return t})();var y=i(2609),A=i(4738),N=i(4934),X=i(3193);let z=(()=>{class t{static{this.\u0275fac=function(r){return new(r||t)}}static{this.\u0275mod=e.$C({type:t})}static{this.\u0275inj=e.G2t({imports:[f.MD,d.v,l.Y,N.xB,X.X,p.DL,A.qy]})}}return t})();var H=i(768);let W=(()=>{class t{static{this.\u0275fac=function(r){return new(r||t)}}static{this.\u0275mod=e.$C({type:t})}static{this.\u0275inj=e.G2t({imports:[f.MD,u.h,C.Ls,_.K,z,y.kp,H.uo,y.ct,d.v,v.fB,l.Y]})}}return t})(),Q=(()=>{class t{static{this.\u0275fac=function(r){return new(r||t)}}static{this.\u0275mod=e.$C({type:t})}static{this.\u0275inj=e.G2t({imports:[f.MD,U,W]})}}return t})()}}]);