https://telemach.hr/account/2310-es2015.12cd2cd4e8ef61e204be.js

1"use strict";(self.webpackChunke_care=self.webpackChunke_care||[]).push([[2310],{12310:function(e,t,o){o.r(t),o.d(t,{WebshopBuyAddonCardModule:function(){return j}});var a=o(38583),s=o(95987),n=o(81804),i=o(25885),r=o(1365),d=o(22238),c=o(37716),l=o(32789),u=o(29790);function h(e,t){1&e&&(c.TgZ(0,"th",12),c._uU(1),c.ALo(2,"translate"),c.qZA()),2&e&&(c.xp6(1),c.hij(" ",c.lcZ(2,1,"addonsBonusesDialog.namePriceAddon")," "))}function p(e,t){if(1&e&&(c.TgZ(0,"td",13),c._uU(1),c.qZA()),2&e){const e=t.$implicit;c.xp6(1),c.hij(" ",e.tokenName," ")}}function g(e,t){1&e&&(c.TgZ(0,"th",12),c._uU(1),c.ALo(2,"translate"),c.qZA()),2&e&&(c.xp6(1),c.hij(" ",c.lcZ(2,1,"addonsBonusesDialog.bonusAmount")," "))}function m(e,t){if(1&e&&(c.TgZ(0,"td",13),c._uU(1),c.qZA()),2&e){const e=t.$implicit,o=c.oxw();c.xp6(1),c.AsE(" ",e.bonusKn," ",o.config.currencySymbol," ")}}function b(e,t){1&e&&(c.TgZ(0,"th",12),c._uU(1),c.ALo(2,"translate"),c.qZA()),2&e&&(c.xp6(1),c.hij(" ",c.lcZ(2,1,"addonsBonusesDialog.bonusData")," "))}function A(e,t){if(1&e&&(c.TgZ(0,"td",13),c._uU(1),c.qZA()),2&e){const e=t.$implicit;c.xp6(1),c.hij(" ",e.bonusMb," MB ")}}function Z(e,t){1&e&&c._UZ(0,"tr",14)}function f(e,t){1&e&&c._UZ(0,"tr",15)}let k=(()=>{class e{constructor(e,t){this.dialogRef=e,this.data=t,this.config=i.v,this.displayedColumns=["namePrice","bonusAmount","bonusData"]}ngOnInit(){this.dataSource=this.data.tokens}closeDialog(){this.dialogRef.close()}}return e.\u0275fac=function(t){return new(t||e)(c.Y36(d.so),c.Y36(d.WI))},e.\u0275cmp=c.Xpm({type:e,selectors:[["app-webshop-addons-bonuses-dialog"]],decls:23,vars:12,consts:[[1,"addons-header"],[1,"title"],["mat-table","",1,"global-table","transparent-table",3,"dataSource"],["matColumnDef","namePrice"],["mat-header-cell","",4,"matHeaderCellDef"],["mat-cell","",4,"matCellDef"],["matColumnDef","bonusAmount"],["matColumnDef","bonusData"],["mat-header-row","",4,"matHeaderRowDef"],["mat-row","",4,"matRowDef","matRowDefColumns"],[1,"download-wrapper","button-modal","pb-0"],[1,"btn-1","radius100","background-2",3,"click"],["mat-header-cell",""],["mat-cell",""],["mat-header-row",""],["mat-row",""]],template:function(e,t){1&e&&(c.TgZ(0,"header",0),c.TgZ(1,"h3",1),c._uU(2),c.ALo(3,"translate"),c.qZA(),c.TgZ(4,"p"),c._uU(5),c.ALo(6,"translate"),c.qZA(),c.qZA(),c.TgZ(7,"table",2),c.ynx(8,3),c.YNc(9,h,3,3,"th",4),c.YNc(10,p,2,1,"td",5),c.BQk(),c.ynx(11,6),c.YNc(12,g,3,3,"th",4),c.YNc(13,m,2,2,"td",5),c.BQk(),c.ynx(14,7),c.YNc(15,b,3,3,"th",4),c.YNc(16,A,2,1,"td",5),c.BQk(),c.YNc(17,Z,1,0,"tr",8),c.YNc(18,f,1,0,"tr",9),c.qZA(),c.TgZ(19,"footer",10),c.TgZ(20,"button",11),c.NdJ("click",function(){return t.closeDialog()}),c._uU(21),c.ALo(22,"translate"),c.qZA(),c.qZA()),2&e&&(c.xp6(2),c.Oqu(c.lcZ(3,6,"addonsBonusesDialog.title")),c.xp6(3),c.Oqu(c.lcZ(6,8,"addonsBonusesDialog.description")),c.xp6(2),c.Q6J("dataSource",t.dataSource),c.xp6(10),c.Q6J("matHeaderRowDef",t.displayedColumns),c.xp6(1),c.Q6J("matRowDefColumns",t.displayedColumns),c.xp6(3),c.Oqu(c.lcZ(22,10,"done")))},directives:[l.BZ,l.w1,l.fO,l.Dz,l.as,l.nj,l.ge,l.ev,l.XQ,l.Gk],pipes:[u.X$],encapsulation:2}),e})();var x=o(48727),y=o(8481),B=o(95254),w=o(12008),q=o(37556),v=o(97832),T=o(3679),C=o(69292),S=o(7539),L=o(35290),N=o(98295),_=o(67441),D=o(72458),U=o(76627),M=o(96290);function O(e,t){if(1&e){const e=c.EpF();c.TgZ(0,"div",28,29),c.NdJ("click",function(t){c.CHM(e);const o=c.MAs(1);return c.oxw().selectBuyAddonsPackage(t,o)}),c.TgZ(2,"span",30),c._UZ(3,"img",31),c.qZA(),c.TgZ(4,"div",32),c.TgZ(5,"p",33),c._uU(6),c.ALo(7,"formatPriceTwoFractionDigits"),c.TgZ(8,"sub",34),c._uU(9),c.qZA(),c.qZA(),c.qZA(),c.TgZ(10,"p",35),c._uU(11),c.ALo(12,"translate"),c.qZA(),c.qZA()}if(2&e){const e=t.$implicit,o=t.index,a=c.oxw();c.Q6J("ngClass",0===o?"active":""),c.uIk("data-price",e.price)("data-durationDays",e.durationDays)("data-tokenCode",e.tokenCode)("data-tokenName",e.tokenName),c.xp6(6),c.hij("",c.lcZ(7,8,e.price)," "),c.xp6(3),c.Oqu(a.config.currencySymbol),c.xp6(2),c.Oqu(c.lcZ(12,10,"webshopBuyAddonNumber.validDays"))}}function J(e,t){if(1&e){const e=c.EpF();c.TgZ(0,"div"),c.TgZ(1,"div",36),c.TgZ(2,"p",4),c._uU(3),c.ALo(4,"translate"),c.qZA(),c.TgZ(5,"form"),c.TgZ(6,"mat-form-field",37),c.TgZ(7,"mat-label",38),c._uU(8),c.ALo(9,"translate"),c.qZA(),c.TgZ(10,"mat-select",39),c.NdJ("valueChange",function(t){return c.CHM(e),c.oxw().selectedReward=t})("selectionChange",function(t){return c.CHM(e),c.oxw().changeBonus(t)}),c.TgZ(11,"mat-option",40),c._uU(12),c.ALo(13,"translate"),c.qZA(),c.TgZ(14,"mat-option",41),c._uU(1

15),c.ALo(16,"translate"),c.qZA(),c.qZA(),c.qZA(),c.qZA(),c.qZA(),c.TgZ(17,"button",42),c.NdJ("click",function(){return c.CHM(e),c.oxw().openAddonsBonusesDialog()}),c._uU(18),c.ALo(19,"translate"),c.TgZ(20,"span",43),c._UZ(21,"mat-icon",44),c.qZA(),c.qZA(),c._UZ(22,"app-tile-box-card",45),c.ALo(23,"translate"),c.ALo(24,"translate"),c.qZA()}if(2&e){const e=c.oxw();c.xp6(3),c.Oqu(c.lcZ(4,12,"webshopBuyAddonCard.additionalOptions")),c.xp6(5),c.Oqu(c.lcZ(9,14,"webshopBuyAddonNumber.chooseBonus")),c.xp6(2),c.Q6J("value",e.selectedReward),c.xp6(2),c.Oqu(c.lcZ(13,16,"webshopBuyAddonNumber.bonusMoney")),c.xp6(3),c.Oqu(c.lcZ(16,18,"webshopBuyAddonNumber.bonusMb")),c.xp6(3),c.hij(" ",c.lcZ(19,20,"webshopBuyAddonNumber.bonusMore")," "),c.xp6(4),c.Q6J("type","input")("label",c.lcZ(23,22,"webshopBuyAddonNumber.sendAndMsg"))("name",c.lcZ(24,24,"webshopBuyAddonNumber.giftAddon"))("hasBottomMargin",!0)("name","")("callback",e.buyAddonMessage.bind(e))}}function Y(e,t){if(1&e&&(c.TgZ(0,"div"),c.TgZ(1,"mat-error"),c._uU(2),c.qZA(),c.qZA()),2&e){const e=c.oxw();c.xp6(2),c.Oqu(e.invalidEmailMsg)}}let E=(()=>{class e{constructor(e,t,o,a,s,n,r,d){this.location=e,this.elRef=t,this.commonService=o,this.trs=a,this.dialog=s,this.utilService=n,this.shopService=r,this.authService=d,this.config=i.v,this.selectedReward="R1",this.isChecked=!1,this.isValid=!0,this.isSubmitted=!1,this.commonService.isBackButtonActivated=!0,this.commonService.isCustomerPickerActivated=!1,this.commonService.isFindNumberActivated=!1,this.commonService.isPageTitleActivated=!0,this.commonService.setPageTitle(this.trs.trsTs("pageTitle.webshopBuyAddonCard"),"webshop-buy-addon")}ngOnInit(){this.collectLocationState()}collectLocationState(){this.locationStateBuyAddons=Object.assign(Object.assign({},this.locationStateBuyAddons),this.location.getState()[0]),console.log("locationStateBuyAddons",this.locationStateBuyAddons),this.checkLocationState(this.locationStateBuyAddons),this.allTokens=this.locationStateBuyAddons.tokens,this.emailAddress=this.authService.username}checkLocationState(e){this.utilService.isEmptyObject(e)&&this.goBack()}selectBuyAddonsPackage(e,t){this.tokenPrice=t.getAttribute("data-price"),this.tokenDurationDays=t.getAttribute("data-durationDays"),this.tokenCode=t.getAttribute("data-tokenCode"),this.tokenName=t.getAttribute("data-tokenName");const o=this.elRef.nativeElement.querySelectorAll(".buy-addons-package-inner"),a=e.target;o.forEach(e=>{e.classList.remove("active")}),a.closest(".buy-addons-package-inner").classList.add("active")}goBack(){this.location.back()}nextPage(e){this.tokenCode||(this.tokenName=this.locationStateBuyAddons.tokens[0].tokenName,this.tokenDurationDays=this.locationStateBuyAddons.tokens[0].durationDays,this.tokenCode=this.locationStateBuyAddons.tokens[0].tokenCode),console.log("this.tokenCode",this.tokenCode),e.next()}prevPage(e){e.previous()}changeBonus(e){return this.selectedReward=e.value}checboxValue(e){this.isValid=!(this.validateEmail(this.emailAddress)&&e.checked),this.isChecked=!!e.checked}buyAddonMessage(e){return this.messageValue=e.target.value}selectNewEmail(e){this.validateEmail(e.target.value)?(this.invalidEmailMsg="",this.emailAddress=""===this.emailAddress?this.authService.username:e.target.value,this.isValid=!this.isChecked):(this.isValid=!0,this.invalidEmailMsg=this.trs.trsTs("validationMessage.emailFormatError"))}validateEmail(e){return/^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(String(e).toLowerCase())}buyAddon(){this.isSubmitted=!0,this.shopService.buyAddonCard(this.tokenCode,this.selectedReward,this.locationStateBuyAddons.msisdn,this.emailAddress,this.messageValue).subscribe(e=>{console.log("result BuyAddonCardResponse",e),e.status&&"OK"===e.status&&(this.isSubmitted=!1,window.location.href=e.Response.PaymentFormUrl)},e=>{this.isSubmitted=!1,this.handleError(e)})}openConfirmationDialog(e,t,o){this.dialog.open(r.e,{width:"420px",panelClass:["global-dialog","blue-bg","confirmation-dialog","webshop-buy-addon-pages"],hasBackdrop:!1,data:{type:e,img:"success"===e?"assets/img/check-dialog-icon.svg":"assets/img/chat-big-icon.svg",confirmButtonText:this.trs.trsTs("close"),confirmButtonAddonText:!1,

1closeButton:!1,title:this.titleMessage(e),description:this.descriptionMessage(e,t,o)}}).afterClosed().subscribe(()=>{this.goBack()})}titleMessage(e){return"success"===e?'<h3 class="title mb40">'+this.trs.trsTs("webshopBuyAddonNumber.dialogConfirmTitle")+"</h3>":"error"===e?'<h3 class="title mb40">'+this.trs.trsTs("webshopBuyAddonNumber.errorConfirmTitle")+"</h3>":""}descriptionMessage(e,t,o){let a;return console.log("data",t),t&&(a={number:"<span>"+t[0].msisdn+"</span>",price:t[0].price,duration:t[0].durationDays}),"success"===e?this.trs.trsTsParams("webshopBuyAddonNumber.buyingVoucherAmount",a):"error"===e?o:""}handleError(e){this.openConfirmationDialog("error",this.trs.trsTs("httpErrorCode.default"))}openAddonsBonusesDialog(){this.dialog.open(k,{width:"420px",panelClass:["global-dialog","blue-bg","addons-bonuses-dialog"],hasBackdrop:!1,data:{tokens:this.allTokens}}).afterClosed().subscribe(()=>{})}ngOnDestroy(){this.commonService.isBackButtonActivated=!1,this.commonService.isPageTitleActivated=!1}}return e.\u0275fac=function(t){return new(t||e)(c.Y36(a.Ye),c.Y36(c.SBq),c.Y36(x.v),c.Y36(y.D),c.Y36(d.uw),c.Y36(B.f),c.Y36(w.d),c.Y36(q.e))},e.\u0275cmp=c.Xpm({type:e,selectors:[["app-webshop-buy-addon-card"]],decls:67,vars:74,consts:[[1,"webshop-buy-addon-card-page"],[3,"linear"],["stepper",""],["fixBoxHeight","height80",3,"fixBoxDesc","svgIcon","label","name","hasBottomMargin"],[1,"block-article-description"],[1,"buy-addons-package-wrapper"],["class","buy-addons-package-inner",3,"ngClass","click",4,"ngFor","ngForOf"],[1,"download-wrapper","shop-pages"],[1,"btn-radius","radius100","background-4","font-regular","download",3,"click"],[1,"btn-radius","radius100","background-2","font-regular",3,"click"],["fixBoxHeight","height80",3,"fixBoxDesc","label","name"],["fixBoxHeight","height80",3,"label","name"],["fixBoxHeight","height80",3,"label","name","hasBottomMargin"],[4,"ngIf"],[1,"mb40","tile-card-box-wrapper","checkout-wrapper"],[1,"contract-box-list"],[1,"contract-box-item","mobile-style"],[1,"left"],[1,"contract-box-label","font-regular","font-size-14"],["autocomplete","off",1,"contract-box-input","font-size-15","font-bold",3,"ngModel","ngModelChange","change"],[1,"right"],[1,"btn-radius","radius100","background-2","font-regular"],[1,"terms-wrap"],[1,"flex-layout","justify-center"],[3,"change"],[1,"mb24"],["target","_blank",1,"font-medium","font-size-15",3,"href"],[3,"ladda","disabled","click"],[1,"buy-addons-package-inner",3,"ngClass","click"],["tokenAttr",""],[1,"buy-addons-package-img"],["src","assets/img/ic_kupijos_kupibon.png","alt","",1,"absolute-center"],[1,"buy-addons-package-text"],[1,"font-bold","title-5","text-color-7"],[1,"font-bold","font-size-12"],[1,"buy-addons-duration","font-regular","font-size-14"],[1,"select-wrapper","select-wrapper-send-inquiry","select-wrapper-buy-addons"],["appearance","fill",1,"select-type"],[1,"font-regular"],["disableRipple","",3,"value","valueChange","selectionChange"],["value","R1"],["value","R2"],[1,"reset-btn","font-bold","text-color-2","font-size-14","mb24","relative",3,"routerLink","click"],[1,"debt-arrow-right","buy-addons-icon"],["svgIcon","ic_vise",1,"arrow-right","blue"],["fixBoxHeight","height80",3,"type","label","name","hasBottomMargin","callback"]],template:function(e,t){if(1&e){const e=c.EpF();c.TgZ(0,"section",0),c.TgZ(1,"mat-horizontal-stepper",1,2),c.TgZ(3,"mat-step"),c.TgZ(4,"form"),c._UZ(5,"app-tile-box-card",3),c.ALo(6,"translate"),c.ALo(7,"translate"),c.TgZ(8,"p",4),c._uU(9),c.ALo(10,"translate"),c.qZA(),c.TgZ(11,"div",5),c.YNc(12,O,13,12,"div",6),c.qZA(),c.TgZ(13,"div",7),c.TgZ(14,"button",8),c.NdJ("click",function(){return t.goBack()}),c._uU(15),c.ALo(16,"translate"),c.qZA(),c.TgZ(17,"button",9),c.NdJ("click",function(){c.CHM(e);const o=c.MAs(2);return t.nextPage(o)}),c._uU(18),c.ALo(19,"translate"),c.qZA(),c.qZA(),c.qZA(),c.qZA(),c.TgZ(20,"mat-step"),c._UZ(21,"app-tile-box-card",10),c.ALo(22,"translate"),c.ALo(23,"translate"),c._UZ(24,"app-tile-box-card",11),c.ALo(25,"translate"),c._UZ(26,"app-tile-box-card",12),c.ALo(27,"translate"),c.YNc(28,J,25,26,"div",13),c.TgZ(29,"p",4),c._uU(30),c.ALo(31,"translate"),c.qZA(),c.TgZ(32,"article",14),c.TgZ(33,"ul",15),c.TgZ(34,"li",16),c.TgZ(35,"div",17),c.TgZ(36,"label",18),c._uU(37),c.ALo(38,"translate"),c.qZA(),c.TgZ(39,"input",19),c.NdJ("ngModelChange",function(e){return t.emailAddress=e})("change",function(e){return t.selectNewEmail(e)}),c.qZA(),c.YNc(40,Y,3,1,"div",13),c.qZA(),c.TgZ(41,"div",20),c.TgZ(42,"button",21),c._uU(43),c.ALo(44,"translate"),c.qZA(),c.qZA(),c.qZA(),c.qZA(),c.qZA(),c.TgZ(45,"div",22),c.TgZ(46,"div",23),c.TgZ(47,"mat-checkbox",24),c.NdJ("change",function(e){return t.checboxValue(e)}),c.qZA(),c.TgZ(48,"p",25),c._uU(49),c.ALo(50,"translate"),c.TgZ(51,"a",26),c.ALo(52,"translate"),c._uU(53),c.ALo(54,"translate"),c.qZA(),c.qZA(),c.qZA(),c.TgZ(55,"p"),c.TgZ(56,"a",26),c.ALo(57,"translate"),c._uU(58),c.ALo(59,"translate"),c.qZA(),c.qZA(),c.qZA(),c.TgZ(60,"div",7),c.TgZ(61,"button",8),c.NdJ("click",function(){return t.goBack()}),c._uU(62),c.ALo(63,"translate"),c.qZA(),c.TgZ(64,"button",27),c.NdJ("click",function(){return t.buyAddon()}),c._uU(65),c.ALo(66,"translate"),c.qZA(),c.qZA(),c.qZA(),c.qZA(),c.qZA()}2&e&&(c.xp6(1),c.Q6J("linear",!0),c.xp6(4),c.Q6J("fixBoxDesc",c.lcZ(6,36,"webshopBuyAddonCard.creditCardChoose"))("svgIcon","ic_mobilna_telefonija")("label",c.lcZ(7,38,"webshopBuyAddonNumber.enterNumber02"))("name",t.locationStateBuyAddons.msisdn)("hasBottomMargin",!0),c.xp6(4),c.Oqu(c.lcZ(10,40,"webshopBuyAddonNumber.chooseAmount")),c.xp6(3),c.Q6J("ngForOf",t.allTokens),c.xp6(3),c.Oqu(c.lcZ(16,42,"cancel")),c.xp6(3),c.Oqu(c.lcZ(19,44,"proceed")),c.xp6(3),c.Q6J("fixBoxDesc",c.lcZ(22,46,"webshopBuyAddonCard.abstract"))("label",c.lcZ(23,48,"webshopBuyAddonCard.surchargeNumber"))("name",t.locationStateBuyAddons.msisdn),c.xp6(3),c.Q6J("label",c.lcZ(25,50,"webshopBuyAddonCard.voucherAmount"))("name",t.tokenName),c.xp6(2),c.Q6J("label",c.lcZ(27,52,"webshopBuyAddonCard.amount"))("name",t.tokenDurationDays+" dana")("hasBottomMargin",!0),c.xp6(2),c.Q6J("ngIf","SI"!==t.config.defaultLang),c.xp6(2),c.Oqu(c.lcZ(31,54,"webshopBuyAddonCard.checkout")),c.xp6(7),c.Oqu(c.lcZ(38,56,"webshopBuyAddonCard.emailAddress")),c.xp6(2),c.Q6J("ngModel",t.emailAddress),c.xp6(1),c.Q6J("ngIf",t.invalidEmailMsg),c.xp6(3),c.Oqu(c.lcZ(44,58,"change")),c.xp6(6),c.hij("",c.lcZ(50,60,"webshopBuyAddonNumber.accepted")," "),c.xp6(2),c.s9C("href",c.lcZ(52,62,"appLinks.termsUsageBussines"),c.LSH),c.xp6(2),c.Oqu(c.lcZ(54,64,"webshopBuyAddonNumber.termsOfUse")),c.xp6(3),c.s9C("href",c.lcZ(57,66,"appLinks.userPrivacyStatementLink"),c.LSH),c.xp6(2),c.Oqu(c.lcZ(59,68,"webshopBuyAddonNumber.userPrivacyStatement")),c.xp6(4),c.Oqu(c.lcZ(63,70,"cancel")),c.xp6(2),c.Gre("btn-radius radiu

1s100 background-2 font-regular ladda-fix ",t.isValid?"disabled":"",""),c.Q6J("ladda",t.isSubmitted)("disabled",t.isValid),c.xp6(1),c.hij(" ",c.lcZ(66,72,"done")," "))},directives:[v.Vq,v.C0,T._Y,T.JL,T.F,C.t,a.sg,a.O5,T.Fj,T.JJ,T.On,S.oG,L.d_,a.mk,N.KE,N.hX,_.gD,D.ey,s.rH,U.Hw,N.TO],pipes:[u.X$,M.i],encapsulation:2}),e})();var R=o(90171);const Q=[{path:"",redirectTo:"webshop-buy-addon-card"},{path:"webshop-buy-addon-card",component:E}];let j=(()=>{class e{}return e.\u0275fac=function(t){return new(t||e)},e.\u0275mod=c.oAB({type:e}),e.\u0275inj=c.cJS({imports:[[a.ez,s.Bz.forChild(Q),n.m,L.o5.forRoot({style:"slide-down",spinnerSize:30,spinnerColor:"#0133ff",spinnerLines:12}),v.T5,R.To],s.Bz]}),e})()}}]);