https://bankieren.triodos.nl/ib-seam/angularIB/167.b1a252fd8e2a9731.js

1"use strict";(self.webpackChunkib=self.webpackChunkib||[]).push([[167],{32509(D,g,e){e.d(g,{M:()=>T});var o=e(37580),c=e(8137),M=e(92053),m=e(19545),h=e(23235),P=e(48503),O=e(79748),C=e(61284),l=e(52561),r=e(34456),t=e(44436);function u(i,a){if(1&i&&(t.nrm(0,"p",2),t.nI1(1,"translate")),2&i){const d=t.XpG();t.Y8G("innerHtml",t.bMT(1,1,d.instruction()),t.npT)}}function n(i,a){if(1&i){const d=t.RV6();t.j41(0,"tri-button",9),t.bIt("clickAction",function(){c.eBV(d);const s=t.XpG();return c.Njj(s.onPrevious())}),t.EFF(1),t.nI1(2,"translate"),t.k0s()}2&i&&(t.R7$(),t.SpI(" ",t.bMT(2,1,"button.previous")," "))}function x(i,a){if(1&i){const d=t.RV6();t.j41(0,"tri-button",10),t.bIt("clickAction",function(s){c.eBV(d);const p=t.XpG();return c.Njj(p.onNext(s))}),t.EFF(1),t.nI1(2,"translate"),t.k0s()}if(2&i){const d=t.XpG();t.Y8G("buttonType",d.isLastStepInFlow()?"secondary":"primary"),t.R7$(),t.SpI(" ",t.bMT(2,2,d.isLastStepInFlow()?"generic.close":d.nextStepButtonKey())," ")}}let T=(()=>{var i;class a{constructor(){this.titleKey=o.hFB.required(),this.instruction=(0,o.hFB)(""),this.contentTemplate=(0,o.hFB)(),this.errorMessage=(0,o.hFB)(""),this.showPreviousStepButton=(0,o.hFB)(!0),this.showNextStepButton=(0,o.hFB)(!0),this.nextStepButtonKey=(0,o.hFB)("button.continue"),this.nextStep=(0,o.CGW)(),this.previousStep=(0,o.CGW)(),this.store$=(0,c.WQX)(C.il),this.currentStep=this.store$.selectSignal(l.Rn.selectCurrentStep),this.isLastStepInFlow=this.store$.selectSignal(l.Ed)}onNext(_){this.nextStep.emit(_)}onPrevious(){this.previousStep.emit()}static#t=i=()=>(this.\u0275fac=function(s){return new(s||a)},this.\u0275cmp=t.VBU({type:a,selectors:[["tri-dispute-step"]],inputs:{titleKey:[1,"titleKey"],instruction:[1,"instruction"],contentTemplate:[1,"contentTemplate"],errorMessage:[1,"errorMessage"],showPreviousStepButton:[1,"showPreviousStepButton"],showNextStepButton:[1,"showNextStepButton"],nextStepButtonKey:[1,"nextStepButtonKey"]},outputs:{nextStep:"nextStep",previousStep:"previousStep"},decls:13,vars:11,consts:[[1,"dispute-step"],["id","DISPUTE_STEP_TITLE",1,"dispute-step__title"],["id","DISPUTE_STEP_INSTRUCTION",1,"dispute-step__instruction",3,"innerHtml"],[1,"dispute-step__content"],[3,"errorMessage"],[3,"ngTemplateOutlet"],[3,"primaryButtonAlignRight"],["automationId","PREVIOUS_BUTTON","ngProjectAs","[secondary]","buttonType","link-primary","buttonLinkPrefix","<",5,["","secondary",""]],["automationId","NEXT_BUTTON","ngProjectAs","[primary]",5,["","primary",""],3,"buttonType"],["automationId","PREVIOUS_BUTTON","ngProjectAs","[secondary]","buttonType","link-primary","buttonLinkPrefix","<",5,["","secondary",""],3,"clickAction"],["automationId","NEXT_BUTTON","ngProjectAs","[primary]",5,["","primary",""],3,"clickAction","buttonType"]],template:function(s,p){1&s&&(t.j41(0,"form")(1,"div",0)(2,"h2",1),t.EFF(3),t.nI1(4,"translate"),t.k0s(),t.nVh(5,u,2,3,"p",2),t.j41(6,"div",3),t.nrm(7,"tri-form-error",4),t.nI1(8,"translate"),t.eu8(9,5),t.k0s(),t.j41(10,"tri-button-group",6),t.nVh(11,n,3,3,"tri-button",7),t.nVh(12,x,3,4,"tri-button",8),t.k0s()()()),2&s&&(t.R7$(3),t.JRh(t.bMT(4,7,p.titleKey())),t.R7$(2),t.vxM(p.instruction()?5:-1),t.R7$(2),t.Y8G("errorMessage",t.bMT(8,9,p.errorMessage())),t.R7$(2),t.Y8G("ngTemplateOutlet",p.contentTemplate()),t.R7$(),t.Y8G("primaryButtonAlignRight",!p.showPreviousStepButton()),t.R7$(),t.vxM(p.showPreviousStepButton()?11:-1),t.R7$(),t.vxM(p.showNextStepButton()?12:-1))},dependencies:[M.Z,m.Q,O.T3,h.O,r.YN,r.qT,r.cb,r.cV,r.X1,P.D9],styles:["[_ngcontent-%COMP%]:root{--%NS%tri-grid-breakpoints-xs: 0;--%NS%tri-grid-breakpoints-sm: 667px;--%NS%tri-grid-breakpoints-md: 768px;--%NS%tri-grid-breakpoints-lg: 1024px;--%NS%tri-grid-breakpoints-xl: 1440px;--%NS%tri-grid-breakpoints-xxl: 1920px}.dispute-step[_ngcontent-%COMP%]{display:block;background:var(--%NS%surface-default);border-radius:6px;opacity:1;

1animation:_ngcontent-%COMP%_dispute-fade-in .3s;color:var(--%NS%text-default);font-family:InterTriodos;font-weight:400;letter-spacing:normal;text-align:initial}@media screen and (min-width:0){.dispute-step[_ngcontent-%COMP%]{font-size:1rem}}@media screen and (min-width:667px){.dispute-step[_ngcontent-%COMP%]{font-size:1rem}}@media screen and (min-width:768px){.dispute-step[_ngcontent-%COMP%]{font-size:1rem}}@media screen and (min-width:1024px){.dispute-step[_ngcontent-%COMP%]{font-size:1.0625rem}}@media screen and (min-width:1440px){.dispute-step[_ngcontent-%COMP%]{font-size:1.1875rem}}@media screen and (min-width:1920px){.dispute-step[_ngcontent-%COMP%]{font-size:1.25rem}}@media(min-width:0){.dispute-step[_ngcontent-%COMP%]{padding-left:20px}}@media(min-width:667px){.dispute-step[_ngcontent-%COMP%]{padding-left:20px}}@media(min-width:768px){.dispute-step[_ngcontent-%COMP%]{padding-left:24px}}@media(min-width:1024px){.dispute-step[_ngcontent-%COMP%]{padding-left:24px}}@media(min-width:1440px){.dispute-step[_ngcontent-%COMP%]{padding-left:28px}}@media(min-width:1920px){.dispute-step[_ngcontent-%COMP%]{padding-left:32px}}@media(min-width:0){.dispute-step[_ngcontent-%COMP%]{padding-right:20px}}@media(min-width:667px){.dispute-step[_ngcontent-%COMP%]{padding-right:20px}}@media(min-width:768px){.dispute-step[_ngcontent-%COMP%]{padding-right:24px}}@media(min-width:1024px){.dispute-step[_ngcontent-%COMP%]{padding-right:24px}}@media(min-width:1440px){.dispute-step[_ngcontent-%COMP%]{padding-right:28px}}@media(min-width:1920px){.dispute-step[_ngcontent-%COMP%]{padding-right:32px}}@media(min-width:0){.dispute-step[_ngcontent-%COMP%]{padding-top:20px}}@media(min-width:667px){.dispute-step[_ngcontent-%COMP%]{padding-top:20px}}@media(min-width:768px){.dispute-step[_ngcontent-%COMP%]{padding-top:24px}}@media(min-width:1024px){.dispute-step[_ngcontent-%COMP%]{padding-top:24px}}@media(min-width:1440px){.dispute-step[_ngcontent-%COMP%]{padding-top:28px}}@media(min-width:1920px){.dispute-step[_ngcontent-%COMP%]{padding-top:32px}}@media(min-width:0){.dispute-step[_ngcontent-%COMP%]{padding-bottom:20px}}@media(min-width:667px){.dispute-step[_ngcontent-%COMP%]{padding-bottom:20px}}@media(min-width:768px){.dispute-step[_ngcontent-%COMP%]{padding-bottom:24px}}@media(min-width:1024px){.dispute-step[_ngcontent-%COMP%]{padding-bottom:24px}}@media(min-width:1440px){.dispute-step[_ngcontent-%COMP%]{padding-bottom:28px}}@media(min-width:1920px){.dispute-step[_ngcontent-%COMP%]{padding-bottom:32px}}@media screen and (min-width:0){.dispute-step__title[_ngcontent-%COMP%]{font-size:1.5rem}}@media screen and (min-width:667px){.dispute-step__title[_ngcontent-%COMP%]{font-size:1.5rem}}@media screen and (min-width:768px){.dispute-step__title[_ngcontent-%COMP%]{font-size:1.5rem}}@media screen and (min-width:1024px){.dispute-step__title[_ngcontent-%COMP%]{font-size:1.625rem}}@media screen and (min-width:1440px){.dispute-step__title[_ngcontent-%COMP%]{font-size:1.75rem}}@media screen and (min-width:1920px){.dispute-step__title[_ngcontent-%COMP%]{font-size:1.875rem}}@media(min-width:0){.dispute-step__title[_ngcontent-%COMP%]{margin-bottom:15px}}@media(min-width:667px){.dispute-step__title[_ngcontent-%COMP%]{margin-bottom:15px}}@media(min-width:768px){.dispute-step__title[_ngcontent-%COMP%]{margin-bottom:18px}}@media(min-width:1024px){.dispute-step__title[_ngcontent-%COMP%]{margin-bottom:18px}}@media(min-width:1440px){.dispute-step__title[_ngcontent-%COMP%]{margin-bottom:21px}}@media(min-width:1920px){.dispute-step__title[_ngcontent-%COMP%]{margin-bottom:24px}}@media screen and (min-width:0){.dispute-step__instruction[_ngcontent-%COMP%]{font-size:.875rem}}@media screen and (min-width:667px){.dispute-step__instruction[_ngcontent-%COMP%]{font-size:.875rem}}@media screen and (min-width:768px){.dispute-step__instruction[_ngcontent-%COMP%]{font-size:.875rem}}@media screen and (min-width:1024px){.dispute-step__instruction[_ngcontent-%COMP%]{font-size:.9375rem}}@media screen and (min-width:1440px){.dispute-step__instruction[_ngcontent-%COMP%]{font-size:1.0625rem}}@media screen and (min-width:1920px){.dispute-step__instruction[_ngcontent-%COMP%]{font-size:1.125rem}}@media(min-width:0){.dispute-step__instruction[_ngcontent-%COMP%]{margin-bottom:15px}}@media(min-width:667px){.dispute-step__instruction[_ngcontent-%COMP%]{margin-bottom:15px}}@media(min-width:768px){.dispute-step__instruction[_ngcontent-%COMP%]{margin-bottom:18px}}@media(min-width:1024px){.dispute-step__instruction[_ngcontent-%COMP%]{margin-bottom:18px}}@media(min-width:1440px){.dispute-step__instruction[_ngcontent-%COMP%]{margin-bottom:21px}}@media(min-width:1920px){.dispute-step__instruction[_ngcontent-%COMP%]{margin-bottom:24px}}

1@keyframes _ngcontent-%COMP%_dispute-fade-in{0%{opacity:0}to{opacity:1}}"]}))}return i(),a})()},60167(D,g,e){e.d(g,{DisputeTypeSelectionComponent:()=>T});var o=e(8137),c=e(61284),M=e(50600),m=e(48503),h=e(97264),P=e(7228),O=e(32509),C=e(35391),l=e(39266),r=e(86675),t=e(8968),u=e(987),n=e(44436);function x(i,a){if(1&i){const d=n.RV6();n.j41(0,"tri-single-select",2),n.nI1(1,"translate"),n.bIt("valueChanged",function(s){o.eBV(d);const p=n.XpG();return o.Njj(p.onTypeChanged(s))}),n.k0s()}if(2&i){const d=n.XpG();n.Y8G("simpleOptions",d.disputeTypes)("value",d.disputeTypeValue()),n.jOp("aria-label",n.bMT(1,4,"card-dispute.type.title")),n.Y8G("optionDisplayType",d.OptionDisplayType.RADIO)}}let T=(()=>{var i;class a{constructor(){this.translateService=(0,o.WQX)(m.c$),this.store$=(0,o.WQX)(c.il),this.router=(0,o.WQX)(M.Ix),this.disputeTypeValue=this.store$.selectSignal(l.H.selectDisputeType),this.errorMessage=(0,o.vPA)(""),this.OptionDisplayType=h.m,this.disputeTypes=Object.values(u.LB6).map(_=>({value:_,description:this.translateService.instant(`card-dispute.type.options.${_}`)}))}onTypeChanged(_){const s=this.disputeTypes.find(p=>p.value===_);this.store$.dispatch(C.q.cardDisputeTypeSelectionChanged({disputeType:_,disputeTypeDisplayText:s?.description??""}))}onPrevious(){this.router.navigate([r.b.CREATE_CARD_DISPUTE,t.V.CIVIL_NOTICE])}onNext(){if(this.errorMessage.set(""),void 0!==this.disputeTypeValue())switch(this.disputeTypeValue()){case u.LB6.GOODSORSERVICE:case u.LB6.PAYMENTORREFUND:case u.LB6.SUBSCRIPTION:case u.LB6.ATM:this.router.navigate([r.b.CREATE_CARD_DISPUTE,t.V.SELECT_DISPUTE_PROBLEM]);break;case u.LB6.TRICKED:this.router.navigate([r.b.CREATE_CARD_DISPUTE,t.V.TRICKED_BLOCK]);break;case u.LB6.NONEOFTHEABOVE:this.router.navigate([r.b.CREATE_CARD_DISPUTE,t.V.CONTACT_US]);break;default:throw new Error(`Unexpected dispute type value: ${this.disputeTypeValue()}`)}else this.errorMessage.set("card-dispute.error-nothing-selected")}static#t=i=()=>(this.\u0275fac=function(s){return new(s||a)},this.\u0275cmp=n.VBU({type:a,selectors:[["tri-card-dispute-type-selection"]],decls:3,vars:3,consts:[["disputeTypeTemplate",""],[3,"nextStep","previousStep","titleKey","contentTemplate","errorMessage"],[3,"valueChanged","simpleOptions","value","aria-label","optionDisplayType"]],template:function(s,p){if(1&s&&(n.j41(0,"tri-dispute-step",1),n.bIt("nextStep",function(){return p.onNext()})("previousStep",function(){return p.onPrevious()}),n.k0s(),n.DNE(1,x,2,6,"ng-template",null,0,n.C5r)),2&s){const E=n.sdS(2);n.Y8G("titleKey","card-dispute.type.title")("contentTemplate",E)("errorMessage",p.errorMessage())}},dependencies:[O.M,P.E,m.D9],encapsulation:2}))}return i(),a})()}}]);
2//# sourceMappingURL=167.b1a252fd8e2a9731.js.map