https://www.magenta.at/shop/assets/es-PaymentFrequencyChangeModal.80a2835d.js

1(window.webpackJsonp=window.webpackJsonp||[]).push([[118],{3868:function(e,t,a){"use strict";a.r(t);var i=a(5),n=a.n(i),r=a(2979),l=a(2980),o=a(53),d=a(120),c=a(1452),s=a(160),b=a(0),m=a(39),u=a(14),p=a(11),h=a(19),y=a(1444),j=a(1370),g=a(32),O=a(69),f=a(48),v=a(6),w=a(541),x=v.default.div.withConfig({displayName:"StyledBodyContentWrapper",componentId:"sc-jkmknm-0"})([".subText{margin-top:0.5rem;margin-bottom:2rem;}.sm-text{margin-bottom:1.5rem;}ul{list-style-type:none;padding:0;margin:0;}"]),P=v.default.li.withConfig({displayName:"StyledRadioSelectionWrapper",componentId:"sc-jkmknm-1"})(["border:0.06rem solid rgba(38,38,38,0.1);margin-bottom:0.5rem;border-radius:1rem;.para-light{margin-bottom:0.5rem;}.dt_radio{width:100%;padding-right:1rem;}.dt_radio_label-title{}"]),T=Object(v.default)(w.b).withConfig({displayName:"StyledFlowPanel",componentId:"sc-jkmknm-2"})(["&.dt_flowPanel{z-index:",";}.closeIcon{background:",";}&.flowPanelWrap{.flowPanelInner{padding:0;padding-top:4rem;.backButton{cursor:pointer;margin-left:3rem;position:absolute;top:1.5rem;@media ","{margin-left:1rem;}}}.flowPanelContent{padding:0;justify-content:space-between;}@media ","{.flowPanelInner{border-radius:1rem 1rem 0 0;",";animation-name:",";animation-duration:",";animation-fill-mode:",";}}}"],e=>{var{swapEligible:t}=e;return t?1e3:1001},e=>{var{theme:t}=e;return t.base.concrete},f.p.below_768,f.p.below_768,e=>{var{theme:t}=e;return t.animations.flowPanel.SlideInUp.animationKeyframes},e=>{var{theme:t}=e;return t.animations.flowPanel.SlideInUp.animationName},e=>{var{theme:t}=e;return t.animations.flowPanel.SlideInUp.animationDuration},e=>{var{theme:t}=e;return t.animations.flowPanel.SlideInUp.animationFillMode}),C=v.default.div.withConfig({displayName:"StyledContentWrapper",componentId:"sc-jkmknm-3"})(["display:flex;flex-direction:column;height:100%;width:100%;box-sizing:border-box;"]),I=v.default.div.withConfig({displayName:"StyledFooter",componentId:"sc-jkmknm-4"})(["bottom:0;padding:1.5rem 3rem 1.5rem 3rem;background:",";box-shadow:0 0 10 rgba(0,0,0,0.1);border-top:0.06rem solid ",";@media ","{padding:1rem;}"],f.l.white,f.l.lightishGray,f.p.below_768),k=v.default.div.withConfig({displayName:"StyledBodyContainer",componentId:"sc-jkmknm-5"})(["overflow-x:hidden;flex:1 1 auto;overflow-y:auto;padding:",";@media ","{padding:",";}"],e=>{var{noBodyPadding:t}=e;return t?0:"1.5rem 3rem 1.5rem 3rem"},f.p.below_768,e=>{var{noBodyPadding:t}=e;return t?0:"1rem 1.5rem 1.5rem 1.5rem"}),S=a(2),N=e=>{var{title:t,subTitle:a,subTitle2:i,titleElem:n,showMonthlyPrice:r}=e;return Object(S.jsxs)(S.Fragment,{children:[Object(S.jsx)(d.a,{variant:"bodyBold",className:"radioText",children:t}),Object(S.jsx)(d.a,{variant:"caption",textTransform:"none",weight:"400",className:"para-light",children:a}),r?i:Object(S.jsx)(d.a,{variant:"smallBold",className:"radioText para-light",children:i}),n]})};function D(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,i)}return a}function B(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?D(Object(a),!0).forEach((function(t){n()(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):D(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}t.default=()=>{var e,t,a,i,n,f,v,w,[D,A]=Object(b.useState)(""),E=Object(m.d)(o.t),F=Object(m.d)(O.h).swapEligible,L=Object(m.d)(o.m),M=Object(m.d)(h.A),R=Object(m.d)(u.rc),_=Object(m.d)(o.j),Y=Object(m.c)(),U=Object(m.d)(o.q),{changeOrProlongfrequencyChange:V}=Object(m.d)(u.kb),{modal:H}=V,{serviceSelection:W}=H,{scalePriceLabels:G,monthlyPrice:q,upfrontFeePriceText:z,yearlySaving:J}=Object(y.a)(R,M,null==_?void 0:_.prices),K="".concat(null!==(e=null==q?void 0:q.priceValue)&&void 0!==e?e:""," ").concat(null!==(t=null==q?void 0:q.occurance)&&void 0!==t?t:""),Q=()=>{Y(o.h.frequencyChangeContractData({id:void 0,isContractSelectionOpen:!1,currentServicename:""}))},X=()=>null==U?void 0:U.find(e=>

1{var{productRef:{id:t}}=e;return t===E.id}),Z=null===(a=X())||void 0===a?void 0:a.duration,$=null===(i=X())||void 0===i?void 0:i.status,ee=null===(n=X())||void 0===n?void 0:n.id,te=null===(f=X())||void 0===f||null===(v=f.uiAddress)||void 0===v?void 0:v.id,ae=()=>{ie()},ie=()=>{var e,{isFixedVariantAvailable:t,isOttVariantAvailable:a}=E,i=Object(j.e)(p.e.CHANGE_SUBSCRIPTION);e=t||a?Object(j.c)({tariffId:ee||"",presentationCategoryId:"",mandatoryCharacteristics:i,step:g.I.CONTRACT_PROLONGATION,planDuration:D,manageableAssetId:E.id,addressId:te}):Object(j.d)({tariffId:ee||"",presentationCategoryId:"",mandatoryCharacteristics:i,step:g.I.CONTRACT_PROLONGATION,planDuration:D,manageableAssetId:E.id,addressId:te}),Y(o.h.setDataForPatchSwapBasket({id:ee||"",duration:D,manageableAssetId:E.id||"",addressId:te||"",isFixedVariantAvailable:t,isOttVariantAvailable:a})),Y(o.h.addFixedServicePlanInBasket(B(B({},e),{},{swapVisibleFromHeader:!0})))},ne=()=>Object(S.jsxs)(S.Fragment,{children:[w||(w=Object(S.jsx)(d.a,{variant:"smallBold",className:"radioText",children:K})),null==G?void 0:G.map((e,t)=>{var{price:a,showPrice:i,label:n}=e;return Object(S.jsxs)(d.a,{variant:"caption",textTransform:"none",children:[Object(S.jsx)("span",{children:i?"".concat(a):""})," ",n]},t)})]}),re=Object(b.useMemo)(()=>{if($!==p.j.SUSPENDED){if(Z===p.i.YEARLY)return[{id:"yearly",title:W.yearly.radioRenewLabel,subTitle:W.yearly.radioRenewDescription,subTitle2:"".concat(W.yearly.radioRenewPaymentInfo," ").concat(z),badge:!0},{id:"monthly",title:W.yearly.radioChangeToMonthlyLabel,subTitle:W.yearly.radioChangeToMonthlyDescription,subTitle2:ne(),showMonthlyPrice:!0,badge:!1}];if(Z===p.i.MONTHLY)return[{id:"monthly",title:W.monthly.radioRenewLabel,subTitle:W.monthly.radioRenewDescription,subTitle2:ne(),showMonthlyPrice:!0,badge:!1},{id:"yearly",title:W.monthly.radioChangeToYearlyLabel,subTitle:W.monthly.radioChangeToYearlDescription,subTitle2:"".concat(W.monthly.radioChangeToYearlPaymentInfo," ").concat(z),badge:!0}]}else if($===p.j.SUSPENDED)return[{id:"yearly",title:W.suspended.radioFullYearlyLabel,subTitle:W.suspended.radioFullYearlyDescription,subTitle2:"".concat(W.suspended.radioFullYearlyPaymentInfo," ").concat(z),badge:!0},{id:"monthly",title:W.suspended.radioFullMonthlyLabel,subTitle:W.suspended.radioFullMonthlyDescription,subTitle2:ne(),showMonthlyPrice:!0,badge:!1}];return[]},[Z,$,z,W]);Object(b.useEffect)(()=>{!D&&re.length>0&&A(re[0].id)},[re,D]);return Object(S.jsx)(T,{className:"flowPanelWrap",isOpen:E.isContractSelectionOpen,showCloseButton:!1,onClose:Q,showBackButton:!0,isContentLoading:L.showLoader,swapEligible:F,backIconElement:Object(S.jsx)(l.a,{doNotCallEvent:!0,label:H.backCtaText,onClickHandler:Q,className:"backButton",showBackwardIcon:!0}),closeButtonAriaLabel:H.backCtaText,children:Object(S.jsxs)(C,{children:[Object(S.jsx)(k,{children:Object(S.jsxs)(x,{children:[Object(S.jsx)(d.a,{variant:"h3",weight:"800",as:"h3",children:H.title}),E.currentServicename&&Object(S.jsxs)(d.a,{variant:"smallBold",className:"subText",as:"h5",children:[H.subTitle," ",E.currentServicename]}),Object(S.jsx)("ul",{children:re.map(e=>Object(S.jsx)(P,{children:Object(S.jsx)(c.b,{type:"secondary",id:e.id,name:"service",checked:D===e.id,onClick:()=>{return t=e.id,void A(t);var t},label:e.title,description:Object(S.jsx)(N,{subTitle:null==e?void 0:e.subTitle,subTitle2:null==e?void 0:e.subTitle2,showMonthlyPrice:null==e?void 0:e.showMonthlyPrice,titleElem:e.badge&&J?Object(S.jsx)(r.a,{weight:"bold",size:"xsmall",label:"".concat(J," ").concat(W.yearly.badgeLabel),type:"primary"}):void 0})})},e.id))})]})}),Object(S.jsx)(I,{children:Object(S.jsx)(s.b,{fullwidth:!0,disabled:!D,onClickHandler:ae,children:H.continueCta})})]})})}}}]);