https://www.telekom.de/resources/javascript/1316980/CMSPartnerComparisonTiles.2602.js

1"use strict";(self.webpackChunk_vp_pk_cms_bridge=self.webpackChunk_vp_pk_cms_bridge||[]).push([[2602],{2196:function(e,t,r){r.r(t),r.d(t,{default:function(){return te}});var n=r(2155),a=r(3265),o=r(1403),i=r(1473),l=(r(1370),r(1822),r(8302)),c=r(2845),u=r(3525),s=r(9020),m=r(6562),f=r(7486),_=r(8519),d=r(8435),g=r(7098),p=r(2765),b=(r(7615),r(5290),r(2691),r(2008),r(1932),r(3706),"features__outer_container___CMSb"),v="features__container__tooltip___CMSb",y=function(e){var t=e.list;return n.createElement(f.B,{customClass:b},t.map((function(e,t){var r=e.name,a=e.tooltip,o=e.included;return n.createElement(f.B.Item,{customClass:"features__container___CMSb",key:t},n.createElement(f.B.Text,{customClass:"features__container__text___CMSb"},n.createElement(_.In,{wrapperCustomClass:"features__container__iconWrapper___CMSb",customClass:"features__container__icon___CMSb",icon:o?g.A:p.A}),r,a?n.createElement(d.m_,{content:a,customClass:v,customTriggerClass:"features__container__tooltip__trigger___CMSb",className:v,tag:"span"},n.createElement("svg",{width:"24px",height:"24px",viewBox:"0 0 24 24",version:"1.1",xmlns:"http://www.w3.org/2000/svg",focusable:"false",className:"features__container__tooltip__icon___CMSb"},n.createElement("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},n.createElement("g",{transform:"translate(-361, -567)",fill:"currentColor","fill-rule":"nonzero"},n.createElement("g",{transform:"translate(184, 564)"},n.createElement("g",{transform:"translate(178, 4)"},n.createElement("path",{d:"M11,0 C17.1000001,0 22,4.90000002 22,11 C22,17.1000001 17.1000001,22 11,22 C4.90000002,22 0,17.1000001 0,11 C0,4.90000002 4.90000002,0 11,0 Z M11,1.50000001 C5.75000002,1.50000001 1.50000001,5.75000002 1.50000001,11 C1.50000001,16.2500001 5.75000002,20.5 11,20.5 C16.2500001,20.5 20.5,16.2500001 20.5,11 C20.5,5.75000002 16.2500001,1.50000001 11,1.50000001 Z M12.0000001,9.50000004 L12.0000001,16.0000001 L10,16.0000001 L10,9.50000004 L12.0000001,9.50000004 Z M11,5.50000002 C11.690356,5.50000002 12.25,6.05964409 12.25,6.75000003 C12.25,7.44035597 11.690356,8.00000002 11,8.00000002 C10.3096441,8.00000002 9.75000004,7.44035597 9.75000004,6.75000003 C9.75000004,6.05964409 10.3096441,5.50000002 11,5.50000002 Z",id:"Combined-Shape"}))))))):n.createElement(n.Fragment,null)))})))},h=(0,n.createContext)({contentData:[],metaData:{},setModalData:function(){}}),C=function(){return(0,n.useContext)(h)},E=(r(3171),r(2529),r(9962),r(6136),"comparison_tile___CMSb"),S="comparison_tile__badge___CMSb",w=r(395),M=r.n(w),O=r(5597),P=function(e){var t=e.features,r=e.orderOptions,o=e.name,i=e.price,f=e.staggeredUntil,_=void 0===f?"":f,d=e.imageUrl,g=e.badgeText,p=e.priceBadgeText,b=e.roundBadgeText,v=e.footnoteId,h=e.useLargePriceSection,w=e.containerData.selectButton,P=C().setModalData,x=(0,n.useRef)(null);return n.createElement(l.FA,{customClass:E},d?n.createElement(a.U$,{name:"tile-icon"},n.createElement("img",{src:d,className:"comparison_tile__image___CMSb",style:{display:"block"}})):n.createElement(n.Fragment,null),n.createElement(a.U$,{name:"tile-name"},b&&n.createElement(c.Ex,{variants:c.Ex.Variant.roundPrimary,customClass:"comparison_tile__roundBadge___CMSb",innerCustomClass:"comparison_tile__roundBadge__inner___CMSb"},n.createElement(O.A,{content:b})),n.createElement("p",{className:"comparison_tile__heading___CMSb",dangerouslySetInnerHTML:{__html:o}})),n.createElement(a.U$,{name:"tile-price"},n.createElement(u.m,{customClass:"comparison_tile__price__container___CMSb",style:{height:h?g?"116px":"80px":g?"90px":"56px"}},n.createElement("div",{className:"comparison_tile__price__container__wrap___CMSb"},n.createElement("div",{className:"comparison_tile__price___CMSb"},i),n.createElement(O.A,{content:'<matrix-asterisk matrix-id="'.concat(v,'"></matrix-asterisk>')})),_?n.createElement(s.hR,{variants:[s.hR.Variant.additional],customClass:"comparison_tile__staggered___CMSb"},_):n.createElement(n.Fragment,null),p?n.createElement("span",{role:"status",tabIndex:0,className:M()(S,"comparison_tile__badge__price___CMSb")},p):n.createElement(n.Fragment,null),g?n.createElement("span",{role:"status",tabIndex:0,className:S},g):n.createElement(n.Fragment,null))),n.createElement(a.U$,{name:"tile-button"},n.createElement("div",{className:"comparison_tile__button___CMSb"},n.createElement(m.$n,{ref:x,variants:[m.$n.Variant.full,m.$n.Variant.small],customClass:"comparison_tile__button__custom___CMSb",onClick:function(){P(r,{"aria-label":"Demo Aria Label for ".concat(o),trigger:x})}},w))),n.createElement(a.U$,{name:"tile-features"},n.createElement(y,{list:t})))};function x(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,o,i,l=[],c=!0,u=!1;try{if(o=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=o.call(r)).done)&&(l.push(n.value),l.length!==t);c=!0);}catch(e){u=!0,a=e}

1finally{try{if(!c&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(u)throw a}}return l}}(e,t)||function(e,t){if(e){if("string"==typeof e)return j(e,t);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?j(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function j(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}var A=function(e){var t=e.children,r=x((0,n.useState)([]),2),a=r[0],o=r[1],i=x((0,n.useState)({}),2),l=i[0],c=i[1],u=(0,n.useCallback)((function(){var e=arguments.length>1?arguments[1]:void 0;o(arguments.length>0&&void 0!==arguments[0]?arguments[0]:[]),c(e||{})}),[]),s={contentData:a,metaData:l,setModalData:u};return n.createElement(h.Provider,{value:s},t)},D=r(9987),T=r(3848),k=r(6433),I=(r(6652),r(2433),r(7898),(0,n.createContext)({})),U=function(){return(0,n.useContext)(I)};function L(e){var t;null===(t=window.utag)||void 0===t||t.link({wt_link_id:e})}function B(){return B=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},B.apply(null,arguments)}function N(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}var Z=function(){var e,t,r,a=C(),o=a.contentData,i=a.metaData,l=a.setModalData,c=U(),u=c.modalHeading,s=c.modalButton,f=c.modalButtonUtagLink,_=!!o.length,d=(t=(0,n.useState)(null===(e=o[0])||void 0===e?void 0:e.id),r=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,o,i,l=[],c=!0,u=!1;try{if(o=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=o.call(r)).done)&&(l.push(n.value),l.length!==t);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(u)throw a}}return l}}(t,r)||function(e,t){if(e){if("string"==typeof e)return N(e,t);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?N(e,t):void 0}}(t,r)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),g=d[0],p=d[1];return(0,n.useEffect)((function(){o.length&&o[0]&&p(o[0].id)}),[p,o]),_?n.createElement(D.a,B({},i,{isOpen:_,afterClose:function(){l()}}),n.createElement(D.a.Section,null,n.createElement(T.DZ,{tag:"h2",variants:[T.DZ.Variant.secondary,T.DZ.Variant.highlight]},u),n.createElement(k.a.Group,{value:g,onChange:p,name:"selection",id:"selection",variants:[k.a.Group.Variant.block],placeholder:"",onPointerEnterCapture:function(){},onPointerLeaveCapture:function(){}},n.createElement(k.a.Legend,{a11y:!0},"LEGEND"),o.map((function(e){var t=e.id,r=e.label,a=e.url;return n.createElement(k.a,{value:t,key:t,disabled:!a,checked:t===g},r)}))),n.createElement("div",{style:{textAlign:"right"}},n.createElement(m.$n,{variants:[m.$n.Variant.active],disabled:!g,onClick:function(){var e;L(f);var t=null===(e=o.find((function(e){var t=e.id;return g===t})))||void 0===e?void 0:e.url;p(""),t&&(window.location.href=t)}},s)))):n.createElement(n.Fragment,null)};function $(){return $=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},$.apply(null,arguments)}var V=function(e){var t=e.list,r=e.containerData,l=e.fontWhite;return n.createElement(a.ID,null,n.createElement(o.NP,{value:l?o.Sx.dark:o.Sx.light},n.createElement(A,null,n.createElement(a.ID,null,n.createElement(i.a,null,t.map((function(e,t){return n.createElement(P,$({},e,{containerData:r,key:t}))})))),n.createElement(Z,null))))},F=r(8917);function W(e){return W="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},W(e)}function H(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function G(e,t,r){return(t=function(e){var t=function(e){if("object"!=W(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,"string");if("object"!=W(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==W(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var R=function(e,t,r,n){return(0,F.b8)((0,F.ML)(e,t).flat(),r).flat().map((function(e){return n(e)})).filter((function(e){return!!e}))};function z(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}

1var q=function(e){var t,r,a=e.value,o=e.children,i=(t=(0,n.useState)({}),r=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,o,i,l=[],c=!0,u=!1;try{if(o=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=o.call(r)).done)&&(l.push(n.value),l.length!==t);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(u)throw a}}return l}}(t,r)||function(e,t){if(e){if("string"==typeof e)return z(e,t);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?z(e,t):void 0}}(t,r)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),l=i[0],c=i[1],u=(0,n.useCallback)((function(e){c(e)}),[]);return(0,n.useEffect)((function(){u(a)}),[a,u]),n.createElement(I.Provider,{value:l},o)},J=function(e){var t=e.children,r=U(),a=r.backgroundUrl,i=r.fontWhite;return n.createElement(o.NP,{value:i?o.Sx.dark:o.Sx.light},n.createElement("div",{className:"partner_comparison_tile___CMSb",style:{backgroundImage:"url(".concat(a,")")}},t))},K=r(5706),Q=(r(279),"section_heading__toggle___CMSb");function X(e){return X="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},X(e)}var Y=function(e){var t,r,a,o=e.setToggle,i=e.containerData,l=e.isToggled,c=i.hasContractPeriodToggle,u=i.heading,s=i.subheading,m=i.toggleLabel;return n.createElement(n.Fragment,null,u?n.createElement(T.DZ,{tag:"h2",variants:[T.DZ.Variant.primary,T.DZ.Variant.highlight,T.DZ.Variant.paddedBottom]},u):n.createElement(n.Fragment,null),s?n.createElement(T.DZ,{tag:u?"div":"h2",variants:[T.DZ.Variant.tertiary,T.DZ.Variant.paddedBottom]},n.createElement(O.A,{content:s})):n.createElement(n.Fragment,null),c&&n.createElement(K.f,{customClass:Q,buttonCustomClass:M()("section_heading__toggle__button___CMSb",(t={},r="section_heading__toggle__button__active___CMSb",a=l,(r=function(e){var t=function(e){if("object"!=X(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,"string");if("object"!=X(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==X(t)?t:t+""}(r))in t?Object.defineProperty(t,r,{value:a,enumerable:!0,configurable:!0,writable:!0}):t[r]=a,t)),checked:l,onToggle:o,onText:"toggle"},m))};function ee(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}var te=function(e){var t,r,a=e.data,o=a.fontWhite,i=a.hasContractPeriodToggle,l=(t=(0,n.useState)(i),r=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,o,i,l=[],c=!0,u=!1;try{if(o=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=o.call(r)).done)&&(l.push(n.value),l.length!==t);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(u)throw a}}return l}}(t,r)||function(e,t){if(e){if("string"==typeof e)return ee(e,t);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?ee(e,t):void 0}}(t,r)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),c=l[0],u=l[1],s=function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(!Array.isArray(e)||!e.length)return[];var r=e.map((function(e){var t=e.data;return!(null==t||!t.staggeredUntil)})).filter((function(e){return!!e})).length>=1;return e.map((function(e){var n=e.data,a=e.contained;

1if((null==n||!n.withoutContractPeriod||t)&&a&&a.length){var o=R(a,"CMSPartnerComparisonTiles:features","CMSPartnerComparisonTiles:feature",(function(e){if(t||!e.withoutContractPeriod)return e})),i=R(a,"CMSPartnerComparisonTiles:orderoptions","CMSPartnerComparisonTiles:orderoption",(function(e){if(t||!e.withoutContractPeriod)return e})),l={priceBadgeText:"",badgeText:"",roundBadgeText:""};R(a,"CMSPartnerComparisonTiles:badges","CMSPartnerComparisonTiles:badge",(function(e){e.withoutContractPeriod===t&&void 0!==l["".concat(e.type,"Text")]&&(l["".concat(e.type,"Text")]=e.label)}));var c=n||{},u=c.name,s=void 0===u?"":u,m=c.price,f=void 0===m?"0":m,_=c.priceWithoutPeriod,d=void 0===_?void 0:_,g=c.imageUrl,p=void 0===g?"":g,b=c.staggeredUntil,v=c.footnoteId,y=c.footnoteIdWithoutPeriod;return function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?H(Object(r),!0).forEach((function(t){G(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):H(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}({name:s,price:t&&d?d:f,imageUrl:p,staggeredUntil:t?"":b,footnoteId:t&&y?y:v,features:o,orderOptions:i,useLargePriceSection:r},l)}})).filter((function(e){return!!e}))}(e.contained,c);return n.createElement(q,{value:e.data},n.createElement(J,null,n.createElement(Y,{setToggle:function(e){L("content.toggle.ohne-vertragslaufzeit"),u(e)},containerData:e.data,isToggled:c}),n.createElement("div",{style:{height:"0.75rem",display:"block",width:"100%"}}),n.createElement(V,{list:s,fontWhite:o,containerData:e.data,key:"".concat(c)})))}},5597:function(e,t,r){r.d(t,{A:function(){return a}});var n=r(2155);function a(e){var t=e.content,r=void 0===t?"":t,a=e.tag,o=void 0===a?"div":a;return n.createElement(n.Fragment,null,r&&n.createElement(o,{className:"HTMLParser",dangerouslySetInnerHTML:{__html:r}}))}}}]);