@sunrise-upc/sales-static-components 3.7.11 → 3.8.1-beta.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/InternetAndTvCard/InternetAndTvCard.css +86 -0
- package/dist/cjs/components/InternetAndTvCard/InternetAndTvCard.js +3 -0
- package/dist/cjs/components/InternetAndTvCard/InternetAndTvCard.js.map +1 -0
- package/dist/cjs/components/InternetAndTvCard/InternetAndTvCard.module.scss.css +86 -0
- package/dist/cjs/components/InternetAndTvCard/InternetAndTvCard.module.scss.js +3 -0
- package/dist/cjs/components/InternetAndTvCard/InternetAndTvCard.module.scss.js.map +1 -0
- package/dist/cjs/components/InternetAndTvCard/InternetAndTvCardItem.css +86 -0
- package/dist/cjs/components/InternetAndTvCard/InternetAndTvCardItem.js +3 -0
- package/dist/cjs/components/InternetAndTvCard/InternetAndTvCardItem.js.map +1 -0
- package/dist/cjs/components/InternetAndTvCard/InternetAndTvCardItem.module.scss.css +86 -0
- package/dist/cjs/components/InternetAndTvCard/InternetAndTvCardItem.module.scss.js +3 -0
- package/dist/cjs/components/InternetAndTvCard/InternetAndTvCardItem.module.scss.js.map +1 -0
- package/dist/cjs/components/InternetAndTvCardsBenefits/InternetAndTvCardItemBenefits.js +1 -1
- package/dist/cjs/components/InternetAndTvCardsBenefits/InternetAndTvCardItemBenefits.js.map +1 -1
- package/dist/cjs/components/StageTeaserV3/DoubleGrid/DoubleGridComponent.js +1 -1
- package/dist/cjs/components/StageTeaserV3/DoubleGrid/DoubleGridComponent.js.map +1 -1
- package/dist/cjs/components/StageTeaserV3/SingleGrid/SingleGridComponent.js +1 -1
- package/dist/cjs/components/StageTeaserV3/SingleGrid/SingleGridComponent.js.map +1 -1
- package/dist/cjs/components/linecheck/AutoComplete.js +1 -1
- package/dist/cjs/components/linecheck/AutoComplete.js.map +1 -1
- package/dist/cjs/index.js +1 -1
- package/dist/cjs/node_modules/@algolia/client-common/dist/common.js +1 -1
- package/dist/cjs/node_modules/@algolia/client-common/dist/common.js.map +1 -1
- package/dist/cjs/node_modules/@reduxjs/toolkit/dist/redux-toolkit.modern.js +1 -1
- package/dist/cjs/node_modules/@reduxjs/toolkit/dist/redux-toolkit.modern.js.map +1 -1
- package/dist/cjs/node_modules/algoliasearch/dist/lite/builds/browser.js +1 -1
- package/dist/cjs/node_modules/algoliasearch/dist/lite/builds/browser.js.map +1 -1
- package/dist/cjs/node_modules/instantsearch.js/es/lib/chat/openChat.js +2 -0
- package/dist/cjs/node_modules/instantsearch.js/es/lib/chat/openChat.js.map +1 -0
- package/dist/cjs/node_modules/instantsearch.js/es/lib/version.js +1 -1
- package/dist/cjs/node_modules/instantsearch.js/es/lib/version.js.map +1 -1
- package/dist/cjs/node_modules/qs/lib/parse.js +1 -1
- package/dist/cjs/node_modules/qs/lib/parse.js.map +1 -1
- package/dist/cjs/node_modules/qs/lib/stringify.js +1 -1
- package/dist/cjs/node_modules/qs/lib/stringify.js.map +1 -1
- package/dist/cjs/node_modules/qs/lib/utils.js +1 -1
- package/dist/cjs/node_modules/qs/lib/utils.js.map +1 -1
- package/dist/cjs/node_modules/react-instantsearch/dist/es/ui/SearchBox.js +1 -1
- package/dist/cjs/node_modules/react-instantsearch/dist/es/ui/SearchBox.js.map +1 -1
- package/dist/cjs/node_modules/react-instantsearch/dist/es/widgets/SearchBox.js +1 -1
- package/dist/cjs/node_modules/react-instantsearch/dist/es/widgets/SearchBox.js.map +1 -1
- package/dist/cjs/node_modules/react-instantsearch-core/dist/es/version.js +1 -1
- package/dist/cjs/node_modules/react-instantsearch-core/dist/es/version.js.map +1 -1
- package/dist/cjs/node_modules/react-redux/dist/react-redux.js.map +1 -1
- package/dist/cjs/node_modules/side-channel/index.js +1 -1
- package/dist/cjs/node_modules/side-channel/index.js.map +1 -1
- package/dist/esm/components/InternetAndTvCard/InternetAndTvCard.css +86 -0
- package/dist/esm/components/InternetAndTvCard/InternetAndTvCard.js +3 -0
- package/dist/esm/components/InternetAndTvCard/InternetAndTvCard.js.map +1 -0
- package/dist/esm/components/InternetAndTvCard/InternetAndTvCard.module.scss.css +86 -0
- package/dist/esm/components/InternetAndTvCard/InternetAndTvCard.module.scss.js +3 -0
- package/dist/esm/components/InternetAndTvCard/InternetAndTvCard.module.scss.js.map +1 -0
- package/dist/esm/components/InternetAndTvCard/InternetAndTvCardItem.css +86 -0
- package/dist/esm/components/InternetAndTvCard/InternetAndTvCardItem.js +3 -0
- package/dist/esm/components/InternetAndTvCard/InternetAndTvCardItem.js.map +1 -0
- package/dist/esm/components/InternetAndTvCard/InternetAndTvCardItem.module.scss.css +86 -0
- package/dist/esm/components/InternetAndTvCard/InternetAndTvCardItem.module.scss.js +3 -0
- package/dist/esm/components/InternetAndTvCard/InternetAndTvCardItem.module.scss.js.map +1 -0
- package/dist/esm/components/InternetAndTvCardsBenefits/InternetAndTvCardItemBenefits.js +1 -1
- package/dist/esm/components/InternetAndTvCardsBenefits/InternetAndTvCardItemBenefits.js.map +1 -1
- package/dist/esm/components/StageTeaserV3/DoubleGrid/DoubleGridComponent.js +1 -1
- package/dist/esm/components/StageTeaserV3/DoubleGrid/DoubleGridComponent.js.map +1 -1
- package/dist/esm/components/StageTeaserV3/SingleGrid/SingleGridComponent.js +1 -1
- package/dist/esm/components/StageTeaserV3/SingleGrid/SingleGridComponent.js.map +1 -1
- package/dist/esm/components/linecheck/AutoComplete.js +1 -1
- package/dist/esm/components/linecheck/AutoComplete.js.map +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/node_modules/@algolia/client-common/dist/common.js +1 -1
- package/dist/esm/node_modules/@algolia/client-common/dist/common.js.map +1 -1
- package/dist/esm/node_modules/@reduxjs/toolkit/dist/redux-toolkit.modern.js +1 -1
- package/dist/esm/node_modules/@reduxjs/toolkit/dist/redux-toolkit.modern.js.map +1 -1
- package/dist/esm/node_modules/algoliasearch/dist/lite/builds/browser.js +1 -1
- package/dist/esm/node_modules/algoliasearch/dist/lite/builds/browser.js.map +1 -1
- package/dist/esm/node_modules/instantsearch.js/es/lib/chat/openChat.js +2 -0
- package/dist/esm/node_modules/instantsearch.js/es/lib/chat/openChat.js.map +1 -0
- package/dist/esm/node_modules/instantsearch.js/es/lib/version.js +1 -1
- package/dist/esm/node_modules/instantsearch.js/es/lib/version.js.map +1 -1
- package/dist/esm/node_modules/qs/lib/parse.js +1 -1
- package/dist/esm/node_modules/qs/lib/parse.js.map +1 -1
- package/dist/esm/node_modules/qs/lib/stringify.js +1 -1
- package/dist/esm/node_modules/qs/lib/stringify.js.map +1 -1
- package/dist/esm/node_modules/qs/lib/utils.js +1 -1
- package/dist/esm/node_modules/qs/lib/utils.js.map +1 -1
- package/dist/esm/node_modules/react-instantsearch/dist/es/ui/SearchBox.js +1 -1
- package/dist/esm/node_modules/react-instantsearch/dist/es/ui/SearchBox.js.map +1 -1
- package/dist/esm/node_modules/react-instantsearch/dist/es/widgets/SearchBox.js +1 -1
- package/dist/esm/node_modules/react-instantsearch/dist/es/widgets/SearchBox.js.map +1 -1
- package/dist/esm/node_modules/react-instantsearch-core/dist/es/version.js +1 -1
- package/dist/esm/node_modules/react-instantsearch-core/dist/es/version.js.map +1 -1
- package/dist/esm/node_modules/react-redux/dist/react-redux.js.map +1 -1
- package/dist/esm/node_modules/side-channel/index.js +1 -1
- package/dist/esm/node_modules/side-channel/index.js.map +1 -1
- package/dist/index.d.ts +111 -4
- package/dist/navigation.css +391 -391
- package/package.json +1 -1
- package/dist/cjs/node_modules/reselect/dist/reselect.js +0 -2
- package/dist/cjs/node_modules/reselect/dist/reselect.js.map +0 -1
- package/dist/esm/node_modules/reselect/dist/reselect.js +0 -2
- package/dist/esm/node_modules/reselect/dist/reselect.js.map +0 -1
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
/* center a block element */
|
|
2
|
+
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
3
|
+
/* setting styles in separate formats for cross browser support */
|
|
4
|
+
/* specify the max width for an element and apply ellipses and truncate the overflow */
|
|
5
|
+
/* vertically center alilgn any HTML element */
|
|
6
|
+
/* add basePath to assets */
|
|
7
|
+
.InternetAndTvCard-module__container___-Es6n {
|
|
8
|
+
border-radius: 0;
|
|
9
|
+
}
|
|
10
|
+
.InternetAndTvCard-module__container___-Es6n .InternetAndTvCard-module__text-container___5i0GW {
|
|
11
|
+
text-align: center;
|
|
12
|
+
margin: 0 auto 40px auto;
|
|
13
|
+
}
|
|
14
|
+
@media (max-width: 767px) {
|
|
15
|
+
.InternetAndTvCard-module__container___-Es6n .InternetAndTvCard-module__text-container___5i0GW {
|
|
16
|
+
margin-bottom: 28px;
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
.InternetAndTvCard-module__container___-Es6n .InternetAndTvCard-module__text-container___5i0GW .InternetAndTvCard-module__btn___9Hxbj {
|
|
20
|
+
padding-top: 24px;
|
|
21
|
+
}
|
|
22
|
+
.InternetAndTvCard-module__container___-Es6n .InternetAndTvCard-module__text-container___5i0GW h2 {
|
|
23
|
+
font-weight: 500;
|
|
24
|
+
}
|
|
25
|
+
.InternetAndTvCard-module__container___-Es6n .InternetAndTvCard-module__text-container___5i0GW .InternetAndTvCard-module__overline___s-Fga {
|
|
26
|
+
font-size: 18px;
|
|
27
|
+
line-height: 24px;
|
|
28
|
+
font-weight: 700;
|
|
29
|
+
color: #86807c;
|
|
30
|
+
}
|
|
31
|
+
.InternetAndTvCard-module__container___-Es6n .col-md-4:first-child {
|
|
32
|
+
padding-left: 10px;
|
|
33
|
+
}
|
|
34
|
+
@media (max-width: 767px) {
|
|
35
|
+
.InternetAndTvCard-module__container___-Es6n .col-md-4:first-child {
|
|
36
|
+
padding-left: 6px;
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
.InternetAndTvCard-module__container___-Es6n .col-md-4:last-child {
|
|
40
|
+
padding-right: 10px;
|
|
41
|
+
}
|
|
42
|
+
@media (max-width: 767px) {
|
|
43
|
+
.InternetAndTvCard-module__container___-Es6n .col-md-4:last-child {
|
|
44
|
+
padding-right: 6px;
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
.InternetAndTvCard-module__container___-Es6n .InternetAndTvCard-module__cards___P-MzJ {
|
|
48
|
+
justify-content: center;
|
|
49
|
+
}
|
|
50
|
+
@media (max-width: 1023px) {
|
|
51
|
+
.InternetAndTvCard-module__container___-Es6n .InternetAndTvCard-module__cards___P-MzJ {
|
|
52
|
+
padding-bottom: 48px;
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
.InternetAndTvCard-module__container___-Es6n .InternetAndTvCard-module__cards___P-MzJ .InternetAndTvCard-module__card___G14A9 {
|
|
56
|
+
margin-bottom: 20px;
|
|
57
|
+
}
|
|
58
|
+
.InternetAndTvCard-module__container___-Es6n .InternetAndTvCard-module__carousel___sCITp {
|
|
59
|
+
text-align: center;
|
|
60
|
+
padding-bottom: 96px;
|
|
61
|
+
}
|
|
62
|
+
@media (max-width: 1023px) {
|
|
63
|
+
.InternetAndTvCard-module__container___-Es6n .InternetAndTvCard-module__carousel___sCITp {
|
|
64
|
+
padding-bottom: 84px;
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
@media (max-width: 767px) {
|
|
68
|
+
.InternetAndTvCard-module__container___-Es6n .InternetAndTvCard-module__carousel___sCITp .slick-list {
|
|
69
|
+
padding: 0 40px !important;
|
|
70
|
+
}
|
|
71
|
+
}
|
|
72
|
+
.InternetAndTvCard-module__container___-Es6n .InternetAndTvCard-module__carousel___sCITp .slick-dots {
|
|
73
|
+
bottom: -15px;
|
|
74
|
+
}
|
|
75
|
+
@media (max-width: 767px) {
|
|
76
|
+
.InternetAndTvCard-module__container___-Es6n .InternetAndTvCard-module__carousel___sCITp .slick-dots {
|
|
77
|
+
bottom: -40px;
|
|
78
|
+
}
|
|
79
|
+
}
|
|
80
|
+
.InternetAndTvCard-module__container___-Es6n .InternetAndTvCard-module__carousel___sCITp .slick-slide img {
|
|
81
|
+
display: unset;
|
|
82
|
+
}
|
|
83
|
+
.InternetAndTvCard-module__container___-Es6n .InternetAndTvCard-module__carousel___sCITp .InternetAndTvCard-module__slide___ubuRx {
|
|
84
|
+
height: 100%;
|
|
85
|
+
padding: 0 8px 0 8px;
|
|
86
|
+
}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
require('./InternetAndTvCard.css');
|
|
2
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var l=require("react/jsx-runtime"),e=require("./InternetAndTvCardItem.js"),i=require("./InternetAndTvCard.module.scss.js"),n=require("react"),o=require("react-multi-carousel"),t=require("../ResponsiveRow/row.js"),d=require("../FalconDescription/FalconDescription.js"),a=require("../FalconButton/falconButton.js"),s=require("../Spacer/spacer.js"),r=require("../Constants.js"),u=require("../../utils/StyleUtils.js");exports.default=({content:c,metadata:v})=>{var m,h,x,j,p,C,f,b,g,N,q,k,w,I,L;const[S,y]=n.useState([]);n.useEffect(()=>{var l;const e=(null===(l=null==c?void 0:c.Cards)||void 0===l?void 0:l.filter(l=>!l.notToDisplay))||[];y(e)},[null==c?void 0:c.Cards]);const O={desktop:{breakpoint:{max:7e3,min:1440},items:"2"===(null==c?void 0:c.cardsInRow)?2:"3"===(null==c?void 0:c.cardsInRow)?3:4},tabletLarge:{breakpoint:{max:1439,min:1024},items:3},tabletMedium:{breakpoint:{max:1023,min:768},items:2},mobile:{breakpoint:{max:767,min:0},items:1}},T="2"===(null==c?void 0:c.cardsInRow)&&2===(null===(m=null==c?void 0:c.Cards)||void 0===m?void 0:m.length)?r.COLLG4:"2"===(null==c?void 0:c.cardsInRow)&&(null===(h=null==c?void 0:c.Cards)||void 0===h?void 0:h.length)>2?r.COLLG6:"3"===(null==c?void 0:c.cardsInRow)?r.COLLG4:r.COLLG3,R=null===(j=null===(x=null==c?void 0:c.gradientBackgroundGlobal)||void 0===x?void 0:x.replace(/;\s*$/,""))||void 0===j?void 0:j.trim(),A=!!R&&R!==r.NONE,D=(null==c?void 0:c.headlineColor)?u.getFalconColorsClass(c.headlineColor):"",F=(null==c?void 0:c.headlineColor)&&(null==c?void 0:c.headlineColor)!==r.NONE?D:"",G=(null==c?void 0:c.headlineColor)&&(null==c?void 0:c.headlineColor)===r.NONE?{color:null===(p=null==c?void 0:c.headlineColorPicker)||void 0===p?void 0:p.color}:{};return l.jsxs("div",{className:i.default.container,id:(null==c?void 0:c.id)||"",style:Object.assign({},A?{background:R}:{backgroundColor:null===(C=null==c?void 0:c.backgroundColor)||void 0===C?void 0:C.color}),children:[(null==c?void 0:c.topSpace)&&(null===(f=c.topSpace)||void 0===f?void 0:f.length)>0&&l.jsx(s.default,{content:c.topSpace[0]}),l.jsx(t.default,{children:l.jsxs(l.Fragment,{children:[((null==c?void 0:c.overlineText)||(null==c?void 0:c.description)&&(null===(b=c.description)||void 0===b?void 0:b.length)>0||(null==c?void 0:c.button)&&(null===(g=c.button)||void 0===g?void 0:g.length)>0||(null==c?void 0:c.title))&&l.jsxs("div",{className:i.default["text-container"],children:[(null==c?void 0:c.overlineText)&&l.jsx("div",{className:i.default.overline,children:c.overlineText}),(null==c?void 0:c.title)&&(null==c?void 0:c.headlineVariants)===r.H1?l.jsxs("h1",{className:F,style:G,children:[c.title," "]}):(null==c?void 0:c.headlineVariants)===r.H2?l.jsx("h2",{className:F,style:G,children:c.title}):(null==c?void 0:c.headlineVariants)===r.H3?l.jsx("h3",{className:F,style:G,children:c.title}):l.jsx("h4",{className:F,style:G,children:c.title}),(null==c?void 0:c.description)&&(null===(N=c.description)||void 0===N?void 0:N.length)>0&&l.jsx(d.default,{content:null===(q=c.description)||void 0===q?void 0:q[0]}),(null==c?void 0:c.button)&&(null===(k=c.button)||void 0===k?void 0:k.length)>0&&l.jsx("div",{className:i.default.btn,children:l.jsx(a.default,{content:null===(w=c.button)||void 0===w?void 0:w[0],eventAction:(null==c?void 0:c.title)||"InternetAndTvCard",metadata:v})})]}),(null==c?void 0:c.variant)===r.STACK?l.jsx("div",{className:`row ${i.default.cards}`,children:(null==S?void 0:S.length)>0&&S.map((n,o)=>l.jsx("div",{className:`${T} col-md-4 col-sm-6 ${i.default.card}`,children:l.jsx(e.default,{content:n,metadata:v,index:o})},o))}):l.jsx("div",{className:i.default.carousel,children:(null==S?void 0:S.length)>0&&l.jsx(o,{responsive:O,autoPlay:!1,showDots:1!==S.length,dotListClass:i.default.carousel_dot,itemClass:i.default.carouselItem,ssr:!0,arrows:!1,containerClass:i.default.carouselContainer,sliderClass:i.default.sliderClass,customTransition:"transform 1s ease",transitionDuration:500,children:S.map((n,o)=>l.jsx("div",{className:i.default.slide,children:l.jsx(e.default,{content:n,metadata:v,index:o})},o))})})]})}),(null==c?void 0:c.bottomSpace)&&(null===(I=c.bottomSpace)||void 0===I?void 0:I.length)>0&&l.jsx(s.default,{content:null===(L=c.bottomSpace)||void 0===L?void 0:L[0]})]})};
|
|
3
|
+
//# sourceMappingURL=InternetAndTvCard.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"InternetAndTvCard.js","sources":["../../../../../src/components/InternetAndTvCard/InternetAndTvCard.tsx"],"sourcesContent":[null],"names":["content","metadata","cardItems","setCardItems","useState","useEffect","filtered","_a","Cards","filter","card","notToDisplay","responsive","desktop","breakpoint","max","min","items","cardsInRow","tabletLarge","tabletMedium","mobile","cols","length","COLLG4","_b","COLLG6","COLLG3","normalizedGlobalGradient","_d","_c","gradientBackgroundGlobal","replace","trim","hasGlobalGradient","NONE","headlineStyle","headlineColor","getFalconColorsClass","titleClassname","titleColor","color","headlineColorPicker","_e","_jsxs","className","Styles","id","style","Object","assign","background","backgroundColor","_f","children","topSpace","_g","_jsx","Spacer","Row","_Fragment","overlineText","description","_h","button","_j","title","headlineVariants","H1","H2","H3","_k","FalconDescription","_l","_m","FalconButton","_o","eventAction","variant","STACK","map","index","InternetAndTvCardItem","Carousel","autoPlay","showDots","dotListClass","carousel_dot","itemClass","carouselItem","ssr","arrows","containerClass","carouselContainer","sliderClass","customTransition","transitionDuration","bottomSpace","_p","_q"],"mappings":"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"}
|
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
/* center a block element */
|
|
2
|
+
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
3
|
+
/* setting styles in separate formats for cross browser support */
|
|
4
|
+
/* specify the max width for an element and apply ellipses and truncate the overflow */
|
|
5
|
+
/* vertically center alilgn any HTML element */
|
|
6
|
+
/* add basePath to assets */
|
|
7
|
+
.InternetAndTvCard-module__container___-Es6n {
|
|
8
|
+
border-radius: 0;
|
|
9
|
+
}
|
|
10
|
+
.InternetAndTvCard-module__container___-Es6n .InternetAndTvCard-module__text-container___5i0GW {
|
|
11
|
+
text-align: center;
|
|
12
|
+
margin: 0 auto 40px auto;
|
|
13
|
+
}
|
|
14
|
+
@media (max-width: 767px) {
|
|
15
|
+
.InternetAndTvCard-module__container___-Es6n .InternetAndTvCard-module__text-container___5i0GW {
|
|
16
|
+
margin-bottom: 28px;
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
.InternetAndTvCard-module__container___-Es6n .InternetAndTvCard-module__text-container___5i0GW .InternetAndTvCard-module__btn___9Hxbj {
|
|
20
|
+
padding-top: 24px;
|
|
21
|
+
}
|
|
22
|
+
.InternetAndTvCard-module__container___-Es6n .InternetAndTvCard-module__text-container___5i0GW h2 {
|
|
23
|
+
font-weight: 500;
|
|
24
|
+
}
|
|
25
|
+
.InternetAndTvCard-module__container___-Es6n .InternetAndTvCard-module__text-container___5i0GW .InternetAndTvCard-module__overline___s-Fga {
|
|
26
|
+
font-size: 18px;
|
|
27
|
+
line-height: 24px;
|
|
28
|
+
font-weight: 700;
|
|
29
|
+
color: #86807c;
|
|
30
|
+
}
|
|
31
|
+
.InternetAndTvCard-module__container___-Es6n .col-md-4:first-child {
|
|
32
|
+
padding-left: 10px;
|
|
33
|
+
}
|
|
34
|
+
@media (max-width: 767px) {
|
|
35
|
+
.InternetAndTvCard-module__container___-Es6n .col-md-4:first-child {
|
|
36
|
+
padding-left: 6px;
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
.InternetAndTvCard-module__container___-Es6n .col-md-4:last-child {
|
|
40
|
+
padding-right: 10px;
|
|
41
|
+
}
|
|
42
|
+
@media (max-width: 767px) {
|
|
43
|
+
.InternetAndTvCard-module__container___-Es6n .col-md-4:last-child {
|
|
44
|
+
padding-right: 6px;
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
.InternetAndTvCard-module__container___-Es6n .InternetAndTvCard-module__cards___P-MzJ {
|
|
48
|
+
justify-content: center;
|
|
49
|
+
}
|
|
50
|
+
@media (max-width: 1023px) {
|
|
51
|
+
.InternetAndTvCard-module__container___-Es6n .InternetAndTvCard-module__cards___P-MzJ {
|
|
52
|
+
padding-bottom: 48px;
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
.InternetAndTvCard-module__container___-Es6n .InternetAndTvCard-module__cards___P-MzJ .InternetAndTvCard-module__card___G14A9 {
|
|
56
|
+
margin-bottom: 20px;
|
|
57
|
+
}
|
|
58
|
+
.InternetAndTvCard-module__container___-Es6n .InternetAndTvCard-module__carousel___sCITp {
|
|
59
|
+
text-align: center;
|
|
60
|
+
padding-bottom: 96px;
|
|
61
|
+
}
|
|
62
|
+
@media (max-width: 1023px) {
|
|
63
|
+
.InternetAndTvCard-module__container___-Es6n .InternetAndTvCard-module__carousel___sCITp {
|
|
64
|
+
padding-bottom: 84px;
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
@media (max-width: 767px) {
|
|
68
|
+
.InternetAndTvCard-module__container___-Es6n .InternetAndTvCard-module__carousel___sCITp .slick-list {
|
|
69
|
+
padding: 0 40px !important;
|
|
70
|
+
}
|
|
71
|
+
}
|
|
72
|
+
.InternetAndTvCard-module__container___-Es6n .InternetAndTvCard-module__carousel___sCITp .slick-dots {
|
|
73
|
+
bottom: -15px;
|
|
74
|
+
}
|
|
75
|
+
@media (max-width: 767px) {
|
|
76
|
+
.InternetAndTvCard-module__container___-Es6n .InternetAndTvCard-module__carousel___sCITp .slick-dots {
|
|
77
|
+
bottom: -40px;
|
|
78
|
+
}
|
|
79
|
+
}
|
|
80
|
+
.InternetAndTvCard-module__container___-Es6n .InternetAndTvCard-module__carousel___sCITp .slick-slide img {
|
|
81
|
+
display: unset;
|
|
82
|
+
}
|
|
83
|
+
.InternetAndTvCard-module__container___-Es6n .InternetAndTvCard-module__carousel___sCITp .InternetAndTvCard-module__slide___ubuRx {
|
|
84
|
+
height: 100%;
|
|
85
|
+
padding: 0 8px 0 8px;
|
|
86
|
+
}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
require('./InternetAndTvCard.module.scss.css');
|
|
2
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.default={container:"InternetAndTvCard-module__container___-Es6n","text-container":"InternetAndTvCard-module__text-container___5i0GW",btn:"InternetAndTvCard-module__btn___9Hxbj",overline:"InternetAndTvCard-module__overline___s-Fga",cards:"InternetAndTvCard-module__cards___P-MzJ",card:"InternetAndTvCard-module__card___G14A9",carousel:"InternetAndTvCard-module__carousel___sCITp",slide:"InternetAndTvCard-module__slide___ubuRx"};
|
|
3
|
+
//# sourceMappingURL=InternetAndTvCard.module.scss.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"InternetAndTvCard.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
/* center a block element */
|
|
2
|
+
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
3
|
+
/* setting styles in separate formats for cross browser support */
|
|
4
|
+
/* specify the max width for an element and apply ellipses and truncate the overflow */
|
|
5
|
+
/* vertically center alilgn any HTML element */
|
|
6
|
+
/* add basePath to assets */
|
|
7
|
+
.InternetAndTvCardItem-module__container___yxI1j {
|
|
8
|
+
box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);
|
|
9
|
+
border-radius: 8px;
|
|
10
|
+
height: 100%;
|
|
11
|
+
position: relative;
|
|
12
|
+
align-items: left;
|
|
13
|
+
}
|
|
14
|
+
.InternetAndTvCardItem-module__container___yxI1j > a {
|
|
15
|
+
text-decoration: none;
|
|
16
|
+
}
|
|
17
|
+
.InternetAndTvCardItem-module__container___yxI1j .InternetAndTvCardItem-module__content-container___7N0iM {
|
|
18
|
+
padding: 24px 32px 32px 32px;
|
|
19
|
+
}
|
|
20
|
+
.InternetAndTvCardItem-module__container___yxI1j .InternetAndTvCardItem-module__content-button___pKDTg {
|
|
21
|
+
margin-bottom: 80px;
|
|
22
|
+
}
|
|
23
|
+
.InternetAndTvCardItem-module__container___yxI1j .InternetAndTvCardItem-module__alignment___U1IH6 {
|
|
24
|
+
display: flex;
|
|
25
|
+
flex-direction: column;
|
|
26
|
+
justify-content: center;
|
|
27
|
+
}
|
|
28
|
+
.InternetAndTvCardItem-module__container___yxI1j .InternetAndTvCardItem-module__icon___y72PJ {
|
|
29
|
+
padding: 24px 32px 0 32px;
|
|
30
|
+
}
|
|
31
|
+
.InternetAndTvCardItem-module__container___yxI1j .InternetAndTvCardItem-module__gradient___Ip8z4 {
|
|
32
|
+
border-bottom-left-radius: 0;
|
|
33
|
+
border-bottom-right-radius: 0;
|
|
34
|
+
}
|
|
35
|
+
.InternetAndTvCardItem-module__container___yxI1j .InternetAndTvCardItem-module__gradient___Ip8z4 > span {
|
|
36
|
+
width: 100% !important;
|
|
37
|
+
border-top-left-radius: 8px;
|
|
38
|
+
border-top-right-radius: 8px;
|
|
39
|
+
}
|
|
40
|
+
.InternetAndTvCardItem-module__container___yxI1j .InternetAndTvCardItem-module__gradient___Ip8z4 > img {
|
|
41
|
+
width: 100%;
|
|
42
|
+
height: 100%;
|
|
43
|
+
}
|
|
44
|
+
.InternetAndTvCardItem-module__container___yxI1j .InternetAndTvCardItem-module__butn___6nVs5 {
|
|
45
|
+
pointer-events: none;
|
|
46
|
+
padding: 0 8px;
|
|
47
|
+
max-width: 100%;
|
|
48
|
+
width: 100%;
|
|
49
|
+
position: absolute;
|
|
50
|
+
bottom: 0;
|
|
51
|
+
}
|
|
52
|
+
.InternetAndTvCardItem-module__container___yxI1j .InternetAndTvCardItem-module__button-variant___WqTN4 {
|
|
53
|
+
padding-left: 32px;
|
|
54
|
+
padding-right: 32px;
|
|
55
|
+
margin-bottom: 32px;
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
@media (max-width: 767px) {
|
|
59
|
+
.InternetAndTvCardItem-module__container___yxI1j .InternetAndTvCardItem-module__content-container___7N0iM {
|
|
60
|
+
padding: 16px;
|
|
61
|
+
}
|
|
62
|
+
.InternetAndTvCardItem-module__container___yxI1j .InternetAndTvCardItem-module__content-button___pKDTg {
|
|
63
|
+
margin-bottom: 90px;
|
|
64
|
+
}
|
|
65
|
+
.InternetAndTvCardItem-module__container___yxI1j .InternetAndTvCardItem-module__icon___y72PJ {
|
|
66
|
+
padding: 16px 16px 0 16px;
|
|
67
|
+
}
|
|
68
|
+
.InternetAndTvCardItem-module__container___yxI1j .InternetAndTvCardItem-module__butn___6nVs5 {
|
|
69
|
+
pointer-events: none;
|
|
70
|
+
padding: 0 0;
|
|
71
|
+
}
|
|
72
|
+
.InternetAndTvCardItem-module__container___yxI1j .InternetAndTvCardItem-module__button-variant___WqTN4 {
|
|
73
|
+
padding-left: 16px;
|
|
74
|
+
padding-right: 16px;
|
|
75
|
+
margin-bottom: 12px;
|
|
76
|
+
bottom: 10px;
|
|
77
|
+
}
|
|
78
|
+
.InternetAndTvCardItem-module__container___yxI1j .falcon-secondary-button-v4 {
|
|
79
|
+
padding-bottom: 12px;
|
|
80
|
+
}
|
|
81
|
+
}
|
|
82
|
+
@media (max-width: 380px) {
|
|
83
|
+
.InternetAndTvCardItem-module__container___yxI1j .InternetAndTvCardItem-module__content-button___pKDTg {
|
|
84
|
+
margin-bottom: 110px;
|
|
85
|
+
}
|
|
86
|
+
}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
require('./InternetAndTvCardItem.css');
|
|
2
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),e=require("react"),n=require("../FalconTitle/FalconTitle.js"),o=require("../FalconDescription/FalconDescription.js"),l=require("../FalconButton/falconButton.js"),i=require("./InternetAndTvCardItem.module.scss.js"),a=require("../Constants.js");const d=t=>{const e=null==t?void 0:t[0];return"falconTitle"===(null==e?void 0:e.component)&&"text"in e&&"string"==typeof e.text?e.text:""};exports.default=({content:r,metadata:s,index:u=0,onAnalyticsEvent:c,onViewTracked:v})=>{var f,m,b,x,g,h,j,p,k,N,_,B,C,T;const E=e.useRef(null);e.useEffect(()=>{if(c){const t=d(null==r?void 0:r.textBlok);c("view","component_load",{title:t||"InternetAndTvCard"})}},[r,c]);const I=null===(f=r.asset)||void 0===f?void 0:f.filename,y=null===(b=null===(m=r.gradientBackgroundGlobal)||void 0===m?void 0:m.replace(/;\s*$/,""))||void 0===b?void 0:b.trim(),$=!!y&&y!==a.NONE,q=(null==I?void 0:I.endsWith(a.SVG))?a.ICON:a.IMG;e.useEffect(()=>{if(!v)return;const t=new IntersectionObserver(e=>{e[0].isIntersecting&&e[0].intersectionRatio>=.5&&r._uid&&(v(r._uid),t.disconnect())},{threshold:.5});return E.current&&t.observe(E.current),()=>{t.disconnect()}},[r._uid,v]);const w={};return r.defaultBackgroundColor===a.NONE?w.backgroundColor=null===(x=r.backgroundColorPicker)||void 0===x?void 0:x.color:w.backgroundColor=r.defaultBackgroundColor,r.isBoxShadow||(w.boxShadow="none"),$&&(w.background=y),t.jsxs("div",{className:`${i.default.container} ${"Secondary-V4"!==(null===(h=null===(g=r.button)||void 0===g?void 0:g[0])||void 0===h?void 0:h.buttonType)?i.default["button-style"]:""}`,style:w,ref:E,children:[(null===(j=r.asset)||void 0===j?void 0:j.filename)&&q===a.IMG&&t.jsx("div",{className:i.default.gradient,children:t.jsx("img",{src:I,alt:r.asset.alt,title:r.asset.title,style:{width:"100%",height:"100%",objectFit:"contain"}})}),((null===(p=r.textBlok)||void 0===p?void 0:p.length)>0||(null===(k=r.asset)||void 0===k?void 0:k.filename)||(null===(N=r.button)||void 0===N?void 0:N.length)>0)&&t.jsxs("div",{className:""+(r.subElementsAlignment===a.CENTER?"align-center":r.subElementsAlignment===a.LEFT?"align-left":"align-right"),children:[(null===(_=r.asset)||void 0===_?void 0:_.filename)&&q===a.ICON&&t.jsx("div",{className:`${i.default.icon}`,children:t.jsx("img",{src:r.asset.filename,title:r.asset.title,alt:r.asset.alt,height:"48",width:"48"})}),(null===(B=r.textBlok)||void 0===B?void 0:B.length)>0&&t.jsx("div",{className:`${i.default["content-container"]} ${(null===(C=r.button)||void 0===C?void 0:C.length)>0&&r.button[0]?i.default["content-button"]:""}`,children:r.textBlok.map(e=>"falconTitle"===e.component?t.jsx(n.default,{content:e},e._uid):"falconDescription"===e.component?t.jsx(o.default,{content:e},e._uid):null)}),(null===(T=r.button)||void 0===T?void 0:T.length)>0&&t.jsx("div",{className:`${i.default.butn} ${i.default["button-variant"]}`,children:t.jsx(l.default,{content:r.button[0],eventAction:d(null==r?void 0:r.textBlok)||"InternetAndTvCard",metadata:s,setButtonClicked:t=>{var e;if(!t)return;const n=d(null==r?void 0:r.textBlok);c&&c("click_promotion","promotion_selection",{banner_promotion_name:null!==(e=null==r?void 0:r.bannerPromotionName)&&void 0!==e?e:n,banner_type:"subteaser",banner_location:null==r?void 0:r.bannerLocation,index:u+1})}})})]})]})};
|
|
3
|
+
//# sourceMappingURL=InternetAndTvCardItem.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"InternetAndTvCardItem.js","sources":["../../../../../src/components/InternetAndTvCard/InternetAndTvCardItem.tsx"],"sourcesContent":[null],"names":["getTrackingTitle","textBlok","firstBlock","component","text","content","metadata","index","onAnalyticsEvent","onViewTracked","elementRef","useRef","useEffect","title","assetFilename","_a","asset","filename","normalizedGlobalGradient","_c","_b","gradientBackgroundGlobal","replace","trim","hasGlobalGradient","NONE","assetExt","endsWith","SVG","ICON","IMG","observer","IntersectionObserver","entries","isIntersecting","intersectionRatio","_uid","disconnect","threshold","current","observe","cardStyles","defaultBackgroundColor","backgroundColor","_d","backgroundColorPicker","color","isBoxShadow","boxShadow","background","_jsxs","className","Styles","_f","button","_e","buttonType","style","ref","children","_g","_jsx","src","alt","width","height","objectFit","_h","length","_j","_k","subElementsAlignment","CENTER","LEFT","_l","_m","_o","map","result","FalconTitle","FalconDescription","_p","FalconButton","eventAction","setButtonClicked","clicked","banner_promotion_name","bannerPromotionName","banner_type","banner_location","bannerLocation"],"mappings":"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"}
|
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
/* center a block element */
|
|
2
|
+
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
3
|
+
/* setting styles in separate formats for cross browser support */
|
|
4
|
+
/* specify the max width for an element and apply ellipses and truncate the overflow */
|
|
5
|
+
/* vertically center alilgn any HTML element */
|
|
6
|
+
/* add basePath to assets */
|
|
7
|
+
.InternetAndTvCardItem-module__container___yxI1j {
|
|
8
|
+
box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);
|
|
9
|
+
border-radius: 8px;
|
|
10
|
+
height: 100%;
|
|
11
|
+
position: relative;
|
|
12
|
+
align-items: left;
|
|
13
|
+
}
|
|
14
|
+
.InternetAndTvCardItem-module__container___yxI1j > a {
|
|
15
|
+
text-decoration: none;
|
|
16
|
+
}
|
|
17
|
+
.InternetAndTvCardItem-module__container___yxI1j .InternetAndTvCardItem-module__content-container___7N0iM {
|
|
18
|
+
padding: 24px 32px 32px 32px;
|
|
19
|
+
}
|
|
20
|
+
.InternetAndTvCardItem-module__container___yxI1j .InternetAndTvCardItem-module__content-button___pKDTg {
|
|
21
|
+
margin-bottom: 80px;
|
|
22
|
+
}
|
|
23
|
+
.InternetAndTvCardItem-module__container___yxI1j .InternetAndTvCardItem-module__alignment___U1IH6 {
|
|
24
|
+
display: flex;
|
|
25
|
+
flex-direction: column;
|
|
26
|
+
justify-content: center;
|
|
27
|
+
}
|
|
28
|
+
.InternetAndTvCardItem-module__container___yxI1j .InternetAndTvCardItem-module__icon___y72PJ {
|
|
29
|
+
padding: 24px 32px 0 32px;
|
|
30
|
+
}
|
|
31
|
+
.InternetAndTvCardItem-module__container___yxI1j .InternetAndTvCardItem-module__gradient___Ip8z4 {
|
|
32
|
+
border-bottom-left-radius: 0;
|
|
33
|
+
border-bottom-right-radius: 0;
|
|
34
|
+
}
|
|
35
|
+
.InternetAndTvCardItem-module__container___yxI1j .InternetAndTvCardItem-module__gradient___Ip8z4 > span {
|
|
36
|
+
width: 100% !important;
|
|
37
|
+
border-top-left-radius: 8px;
|
|
38
|
+
border-top-right-radius: 8px;
|
|
39
|
+
}
|
|
40
|
+
.InternetAndTvCardItem-module__container___yxI1j .InternetAndTvCardItem-module__gradient___Ip8z4 > img {
|
|
41
|
+
width: 100%;
|
|
42
|
+
height: 100%;
|
|
43
|
+
}
|
|
44
|
+
.InternetAndTvCardItem-module__container___yxI1j .InternetAndTvCardItem-module__butn___6nVs5 {
|
|
45
|
+
pointer-events: none;
|
|
46
|
+
padding: 0 8px;
|
|
47
|
+
max-width: 100%;
|
|
48
|
+
width: 100%;
|
|
49
|
+
position: absolute;
|
|
50
|
+
bottom: 0;
|
|
51
|
+
}
|
|
52
|
+
.InternetAndTvCardItem-module__container___yxI1j .InternetAndTvCardItem-module__button-variant___WqTN4 {
|
|
53
|
+
padding-left: 32px;
|
|
54
|
+
padding-right: 32px;
|
|
55
|
+
margin-bottom: 32px;
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
@media (max-width: 767px) {
|
|
59
|
+
.InternetAndTvCardItem-module__container___yxI1j .InternetAndTvCardItem-module__content-container___7N0iM {
|
|
60
|
+
padding: 16px;
|
|
61
|
+
}
|
|
62
|
+
.InternetAndTvCardItem-module__container___yxI1j .InternetAndTvCardItem-module__content-button___pKDTg {
|
|
63
|
+
margin-bottom: 90px;
|
|
64
|
+
}
|
|
65
|
+
.InternetAndTvCardItem-module__container___yxI1j .InternetAndTvCardItem-module__icon___y72PJ {
|
|
66
|
+
padding: 16px 16px 0 16px;
|
|
67
|
+
}
|
|
68
|
+
.InternetAndTvCardItem-module__container___yxI1j .InternetAndTvCardItem-module__butn___6nVs5 {
|
|
69
|
+
pointer-events: none;
|
|
70
|
+
padding: 0 0;
|
|
71
|
+
}
|
|
72
|
+
.InternetAndTvCardItem-module__container___yxI1j .InternetAndTvCardItem-module__button-variant___WqTN4 {
|
|
73
|
+
padding-left: 16px;
|
|
74
|
+
padding-right: 16px;
|
|
75
|
+
margin-bottom: 12px;
|
|
76
|
+
bottom: 10px;
|
|
77
|
+
}
|
|
78
|
+
.InternetAndTvCardItem-module__container___yxI1j .falcon-secondary-button-v4 {
|
|
79
|
+
padding-bottom: 12px;
|
|
80
|
+
}
|
|
81
|
+
}
|
|
82
|
+
@media (max-width: 380px) {
|
|
83
|
+
.InternetAndTvCardItem-module__container___yxI1j .InternetAndTvCardItem-module__content-button___pKDTg {
|
|
84
|
+
margin-bottom: 110px;
|
|
85
|
+
}
|
|
86
|
+
}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
require('./InternetAndTvCardItem.module.scss.css');
|
|
2
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.default={container:"InternetAndTvCardItem-module__container___yxI1j","content-container":"InternetAndTvCardItem-module__content-container___7N0iM","content-button":"InternetAndTvCardItem-module__content-button___pKDTg",icon:"InternetAndTvCardItem-module__icon___y72PJ",gradient:"InternetAndTvCardItem-module__gradient___Ip8z4",butn:"InternetAndTvCardItem-module__butn___6nVs5","button-variant":"InternetAndTvCardItem-module__button-variant___WqTN4"};
|
|
3
|
+
//# sourceMappingURL=InternetAndTvCardItem.module.scss.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"InternetAndTvCardItem.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
require('./InternetAndTvCardItemBenefits.css');
|
|
2
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var l=require("react/jsx-runtime"),n=require("react"),e=require("../FalconTitle/FalconTitle.js"),t=require("../FalconDescription/FalconDescription.js"),o=require("../FalconButton/falconButton.js"),i=require("./InternetAndTvCardItemBenefits.module.scss.js"),a=require("../Constants.js"),d=require("../../utils/AnalyticUtils.js"),u=require("../../utils/AnalyticsConstants.js"),s=require("./DetailsModal/DetailsModal.js");exports.default=({content:r,metadata:v})=>{var c,m,
|
|
2
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var l=require("react/jsx-runtime"),n=require("react"),e=require("../FalconTitle/FalconTitle.js"),t=require("../FalconDescription/FalconDescription.js"),o=require("../FalconButton/falconButton.js"),i=require("./InternetAndTvCardItemBenefits.module.scss.js"),a=require("../Constants.js"),d=require("../../utils/AnalyticUtils.js"),u=require("../../utils/AnalyticsConstants.js"),s=require("./DetailsModal/DetailsModal.js");exports.default=({content:r,metadata:v})=>{var c,b,m,g,f,N,E,j,O,p,h,T,_;const x=n.useRef(null),I=(null==r?void 0:r.asset)&&(null===(c=null==r?void 0:r.asset.filename)||void 0===c?void 0:c.endsWith(a.SVG))?a.ICON:a.IMG,k=null===(m=null===(b=null==r?void 0:r.gradientBackgroundGlobal)||void 0===b?void 0:b.replace(/;\s*$/,""))||void 0===m?void 0:m.trim(),y=!!k&&k!==a.NONE;n.useEffect(()=>{var l;const n=new IntersectionObserver(l=>{var n,e;l[0].isIntersecting&&l[0].intersectionRatio>=.5&&!(null===(n=localStorage.getItem("analyticsUids"))||void 0===n?void 0:n.includes(r._uid))&&(d.trackNewDatalayerEvent(u.VIEWPROMOTION,u.VIEWPROMOTION,{banner_promotion_name:null!==(e=null==r?void 0:r.bannerPromotionName)&&void 0!==e?e:null==r?void 0:r.description,banner_source:u.CMS,banner_type:u.SUBTEASER,banner_location:null==r?void 0:r.bannerLocation,audience_name:u.ALL,promotion_objective:u.ALL}),localStorage.setItem("analyticsUids",JSON.stringify([...localStorage.getItem("analyticsUids")?JSON.parse(localStorage.getItem("analyticsUids")||""):[],r._uid])))},{threshold:.5});return x.current&&!(null===(l=localStorage.getItem("analyticsUids"))||void 0===l?void 0:l.includes(r._uid))&&n.observe(x.current),()=>{n.disconnect()}});const[C,S]=n.useState(!1);return l.jsx(l.Fragment,{children:!(null==r?void 0:r.notToDisplay)&&l.jsx("div",{className:`${i.default.container} ${"Secondary-V4"!=(null===(g=null==r?void 0:r.button[0])||void 0===g?void 0:g.buttonType)&&i.default["button-style"]}`,style:Object.assign(Object.assign({},(null==r?void 0:r.defaultBackgroundColor)===a.NONE?{backgroundColor:null===(f=null==r?void 0:r.backgroundColorPicker)||void 0===f?void 0:f.color}:{backgroundColor:null==r?void 0:r.defaultBackgroundColor}),y?{background:k}:{}),ref:x,children:((null===(N=null==r?void 0:r.textBlok)||void 0===N?void 0:N.length)>0||(null==r?void 0:r.asset)&&(null==r?void 0:r.asset.filename)||(null===(E=null==r?void 0:r.button)||void 0===E?void 0:E.length)>0)&&l.jsxs("div",{className:((null==r?void 0:r.subElementsAlignment)===a.CENTER?"align-center":(null==r?void 0:r.subElementsAlignment)===a.LEFT?"align-left":"align-right")+" ",children:[(null==r?void 0:r.asset)&&(null==r?void 0:r.asset.filename)&&I===a.ICON&&l.jsx("div",{className:`${i.default.icon}`,children:l.jsx("img",{src:(null==r?void 0:r.asset)&&(null==r?void 0:r.asset.filename),title:(null==r?void 0:r.asset)&&(null==r?void 0:r.asset.title),alt:(null==r?void 0:r.asset)&&(null==r?void 0:r.asset.alt),height:"48",width:"48"})}),(null===(j=null==r?void 0:r.textBlok)||void 0===j?void 0:j.length)>0&&l.jsx("div",{className:`\n ${i.default["content-container"]} ${(null===(O=null==r?void 0:r.button)||void 0===O?void 0:O.length)>0&&(null==r?void 0:r.button[0])&&i.default["content-button"]}`,children:(null===(p=null==r?void 0:r.textBlok)||void 0===p?void 0:p.length)>0&&(null==r?void 0:r.textBlok.map(n=>"falconTitle"===(null==n?void 0:n.component)?l.jsx(e.default,{content:n}):"falconDescription"===(null==n?void 0:n.component)?l.jsx(t.default,{content:n}):void 0))}),(null===(h=null==r?void 0:r.button)||void 0===h?void 0:h.length)>0&&l.jsx("div",{className:`${i.default.butn} ${i.default["button-variant"]} ${i.default["butn-container"]} `,children:l.jsx(o.default,{content:null==r?void 0:r.button[0],eventAction:u.INTERNETTVCARD,metadata:v,setButtonClicked:l=>{(l=>{var n,e,t,o,i,a,s;const v=null!==(t=null===(e=null===(n=null==r?void 0:r.textBlok)||void 0===n?void 0:n[0])||void 0===e?void 0:e.text)&&void 0!==t?t:"",c=null!==(i=null===(o=null==r?void 0:r.button)||void 0===o?void 0:o[0])&&void 0!==i?i:"";l&&(d.trackNewDatalayerEvent(u.SELECTPROMOTION,u.SELECTPROMOTION,{banner_promotion_name:null!==(a=null==r?void 0:r.bannerPromotionName)&&void 0!==a?a:null==r?void 0:r.description,banner_source:u.CMS,banner_type:u.SUBTEASER,banner_location:null==r?void 0:r.bannerLocation,audience_name:u.ALL,promotion_objective:u.ALL}),d.trackNewDatalayerEvent(u.GAEVENT,u.INTERNETCARD,{link_url:null===(s=null==c?void 0:c.buttonLink)||void 0===s?void 0:s.cached_url,click_text:null==c?void 0:c.buttonLabel,headline:v}))})(l),l&&S(!0)}})}),C&&(null===(T=null==r?void 0:r.detailsModal)||void 0===T?void 0:T.length)>0&&l.jsx(s.default,{content:null===(_=null==r?void 0:r.detailsModal)||void 0===_?void 0:_[0],isModalOpen:C,setIsModalOpen:S})]})})})};
|
|
3
3
|
//# sourceMappingURL=InternetAndTvCardItemBenefits.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InternetAndTvCardItemBenefits.js","sources":["../../../../../src/components/InternetAndTvCardsBenefits/InternetAndTvCardItemBenefits.tsx"],"sourcesContent":[null],"names":["content","metadata","elementRef","useRef","assetExt","asset","_a","filename","endsWith","SVG","ICON","IMG","useEffect","observer","IntersectionObserver","entries","isIntersecting","intersectionRatio","localStorage","getItem","includes","_uid","trackNewDatalayerEvent","VIEWPROMOTION","banner_promotion_name","
|
|
1
|
+
{"version":3,"file":"InternetAndTvCardItemBenefits.js","sources":["../../../../../src/components/InternetAndTvCardsBenefits/InternetAndTvCardItemBenefits.tsx"],"sourcesContent":[null],"names":["content","metadata","elementRef","useRef","assetExt","asset","_a","filename","endsWith","SVG","ICON","IMG","normalizedGlobalGradient","_c","_b","gradientBackgroundGlobal","replace","trim","hasGlobalGradient","NONE","useEffect","observer","IntersectionObserver","entries","isIntersecting","intersectionRatio","localStorage","getItem","includes","_uid","trackNewDatalayerEvent","VIEWPROMOTION","banner_promotion_name","bannerPromotionName","description","banner_source","CMS","banner_type","SUBTEASER","banner_location","bannerLocation","audience_name","ALL","promotion_objective","setItem","JSON","stringify","parse","threshold","current","observe","disconnect","isModalOpen","setIsModalOpen","React","useState","_jsx","_Fragment","children","notToDisplay","className","Styles","_d","button","buttonType","style","Object","assign","defaultBackgroundColor","backgroundColor","backgroundColorPicker","_e","color","background","ref","textBlok","_f","length","_g","_jsxs","subElementsAlignment","CENTER","LEFT","src","title","alt","height","width","_h","_j","_k","map","result","component","FalconTitle","FalconDescription","_l","FalconButton","eventAction","INTERNETTVCARD","setButtonClicked","clicked","text","SELECTPROMOTION","GAEVENT","INTERNETCARD","link_url","buttonLink","cached_url","click_text","buttonLabel","headline","_m","detailsModal","DetailsModal","_o"],"mappings":"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"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
require('./DoubleGridComponent.css');
|
|
2
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var l=require("react/jsx-runtime"),o=require("react"),e=require("../../../utils/StyleUtils.js"),i=require("../../RibbonComponent/utils.js"),n=require("../../Constants.js"),d=require("./DoubleGridComponent.module.scss.js"),t=require("../../../utils/AnalyticsConstants.js"),a=require("../../../utils/AnalyticUtils.js"),r=require("../../ResponsiveRow/row.js"),u=require("../EnergyLabelOverlay.js");const v=o.lazy(()=>Promise.resolve().then(function(){return require("../PromoBubble/index.js")})),s=o.lazy(()=>Promise.resolve().then(function(){return require("../../RibbonComponent/RibbonComponentTimer/RibbonComponentTimer.js")}));exports.default=({content:m,isFullWidth:c,isSlimVersion:f,isFirstSlide:g})=>{var b,x,p,h,I,P,j,y,C,T,W,N,k,E,S,$,w,L,_,R,M,O,B,D,q,F,A,G,H,U,z,V,J,X,K;const Q=o.useRef(null),Y=null===(b=null==m?void 0:m.solidBgColor)||void 0===b?void 0:b.color,Z=(null===(x=null==m?void 0:m.fullSlideLink)||void 0===x?void 0:x.cached_url)||"",ll=["/en/","/de/","/it/","/fr/"].includes(Z)?"":Z,ol=(null==m?void 0:m.fullSlideLinkTarget)||"_self",el=!!Y&&("none"===(null==m?void 0:m.gradientBackgroundGlobal)&&"none"===(null==m?void 0:m.GenericBgColor)||!(null==m?void 0:m.gradientBackgroundGlobal)&&!(null==m?void 0:m.GenericBgColor)),il=e.getFalconBackgroundColorClassNew(null==m?void 0:m.GenericBgColor),nl=(null==m?void 0:m.gradientBackgroundGlobal)&&"none"!==(null==m?void 0:m.gradientBackgroundGlobal)?null==m?void 0:m.gradientBackgroundGlobal.replace(/;\s*$/,""):void 0,dl=(null==m?void 0:m.EnableTextBgColor)?null===(p=null==m?void 0:m.textbgcolor)||void 0===p?void 0:p.color:"",tl=l=>{var o;if(!l)return!1;const e=null===(o=l.split("?")[0].split(".").pop())||void 0===o?void 0:o.toLowerCase();return!!e&&["webp","jpg","jpeg","png","svg"].includes(e)},al=(l,o,e)=>{if(!l||!o)return"";if(l.includes("/m/"))return l;if(l.split("?")[0].toLowerCase().endsWith(".svg"))return l;const i="undefined"!=typeof window&&window.devicePixelRatio>=2;return`${l}/m/${i?2*o:o}x${i?2*(e||0):e||0}/filters:format(webp):quality(${i?60:90})`},rl=l=>(null==m?void 0:m.autoImageResizing)?f?480:l<768?(null==m?void 0:m.mobileExtraContent)?200:250:550:0,ul=l=>{var o,e,i,n,d,t,a,r,u,v,s,c,f,g,b,x;if(l<768){const d=(null===(o=null==m?void 0:m.MobilePromoImage)||void 0===o?void 0:o.filename)||(null===(e=null==m?void 0:m.TabletPromoImage)||void 0===e?void 0:e.filename)||(null===(i=null==m?void 0:m.DesktopPromoImage)||void 0===i?void 0:i.filename)||(null===(n=null==m?void 0:m.WidePromoImage)||void 0===n?void 0:n.filename);return al(d,320,rl(l))}if(l<=1024){const o=(null===(d=null==m?void 0:m.TabletPromoImage)||void 0===d?void 0:d.filename)||(null===(t=null==m?void 0:m.DesktopPromoImage)||void 0===t?void 0:t.filename)||(null===(a=null==m?void 0:m.MobilePromoImage)||void 0===a?void 0:a.filename)||(null===(r=null==m?void 0:m.WidePromoImage)||void 0===r?void 0:r.filename);return al(o,330,rl(l))}if(l<=1920){const o=(null===(u=null==m?void 0:m.DesktopPromoImage)||void 0===u?void 0:u.filename)||(null===(v=null==m?void 0:m.TabletPromoImage)||void 0===v?void 0:v.filename)||(null===(s=null==m?void 0:m.MobilePromoImage)||void 0===s?void 0:s.filename)||(null===(c=null==m?void 0:m.WidePromoImage)||void 0===c?void 0:c.filename);return al(o,480,rl(l))}{const o=(null===(f=null==m?void 0:m.WidePromoImage)||void 0===f?void 0:f.filename)||(null===(g=null==m?void 0:m.DesktopPromoImage)||void 0===g?void 0:g.filename)||(null===(b=null==m?void 0:m.TabletPromoImage)||void 0===b?void 0:b.filename)||(null===(x=null==m?void 0:m.MobilePromoImage)||void 0===x?void 0:x.filename);return al(o,684,rl(l))}},[vl,sl]=o.useState(!1),[ml,cl]=o.useState(""),[fl,gl]=o.useState(""),[bl,xl]=o.useState(!1),pl=()=>{var l,o,e,i,n,d,t,a,r,u,v,s,c,f,g,b;const x=window.innerWidth;if(x<=767){const n=(null===(l=null==m?void 0:m.MobilePromoImage)||void 0===l?void 0:l.filename)||(null===(o=null==m?void 0:m.TabletPromoImage)||void 0===o?void 0:o.filename)||(null===(e=null==m?void 0:m.DesktopPromoImage)||void 0===e?void 0:e.filename)||(null===(i=null==m?void 0:m.WidePromoImage)||void 0===i?void 0:i.filename);sl(null==m?void 0:m.mobileImageFirst),tl(n)?(cl(ul(x)||""),gl("")):(cl(""),gl(n||""))}else if(x>=768&&x<=1024){const l=(null===(n=null==m?void 0:m.TabletPromoImage)||void 0===n?void 0:n.filename)||(null===(d=null==m?void 0:m.DesktopPromoImage)||void 0===d?void 0:d.filename)||(null===(t=null==m?void 0:m.MobilePromoImage)||void 0===t?void 0:t.filename)||(null===(a=null==m?void 0:m.WidePromoImage)||void 0===a?void 0:a.filename);sl(null==m?void 0:m.tabletImageFirst),tl(l)?(cl(ul(x)||""),gl("")):(cl(""),gl(l||""))}else if(x>=1920){const l=(null===(r=null==m?void 0:m.WidePromoImage)||void 0===r?void 0:r.filename)||(null===(u=null==m?void 0:m.DesktopPromoImage)||void 0===u?void 0:u.filename)||(null===(v=null==m?void 0:m.TabletPromoImage)||void 0===v?void 0:v.filename)||(null===(s=null==m?void 0:m.MobilePromoImage)||void 0===s?void 0:s.filename);sl(null==m?void 0:m.wideImageFirst),tl(l)?(cl(ul(x)||""),gl("")):(cl(""),gl(l||""))}else if(x>=1025){const l=(null===(c=null==m?void 0:m.DesktopPromoImage)||void 0===c?void 0:c.filename)||(null===(f=null==m?void 0:m.WidePromoImage)||void 0===f?void 0:f.filename)||(null===(g=null==m?void 0:m.TabletPromoImage)||void 0===g?void 0:g.filename)||(null===(b=null==m?void 0:m.MobilePromoImage)||void 0===b?void 0:b.filename);sl(null==m?void 0:m.desktopImageFirst),tl(l)?(cl(ul(x)||""),gl("")):(cl(""),gl(l||""))}};o.useEffect(()=>{pl(),window.addEventListener("resize",pl)},[]);const hl=null===(h=null==m?void 0:m.textcolor)||void 0===h?void 0:h.color,Il=(null==m?void 0:m.primaryHeadingFontWeight)||400,Pl=null===(C=null===(y=null===(j=null===(P=null===(I=null==m?void 0:m.mainheading)||void 0===I?void 0:I.content)||void 0===P?void 0:P[0])||void 0===j?void 0:j.content)||void 0===y?void 0:y[0])||void 0===C?void 0:C.text,jl=!!(null===(W=null===(T=null==m?void 0:m.timer)||void 0===T?void 0:T[0])||void 0===W?void 0:W.backgroundColor)&&"transparent"!==(null===(k=null===(N=null==m?void 0:m.timer)||void 0===N?void 0:N[0])||void 0===k?void 0:k.backgroundColor);o.useEffect(()=>{const l=new IntersectionObserver(o=>{var e,i;o[0].isIntersecting&&o[0].intersectionRatio>=.5&&!(null===(e=localStorage.getItem("analyticsUids"))||void 0===e?void 0:e.includes(m._uid))&&(a.trackNewDatalayerEvent(t.VIEWPROMOTION,t.VIEWPROMOTION,{banner_promotion_name:null!==(i=null==m?void 0:m.bannerPromotionName)&&void 0!==i?i:null==m?void 0:m.description,banner_source:t.CMS,banner_type:t.TEASER,banner_location:null==m?void 0:m.bannerLocation,audience_name:t.ALL,promotion_objective:t.ALL,index:1}),localStorage.setItem("analyticsUids",JSON.stringify([...localStorage.getItem("analyticsUids")?JSON.parse(localStorage.getItem("analyticsUids")||""):[],m._uid])),Q.current&&l.observe(Q.current))},{threshold:.5});return Q.current&&l.observe(Q.current),()=>{l.disconnect()}},[]);const yl=()=>{var l;a.trackNewDatalayerEvent(t.SELECTPROMOTION,t.SELECTPROMOTION,{banner_promotion_name:null!==(l=null==m?void 0:m.bannerPromotionName)&&void 0!==l?l:null==m?void 0:m.description,banner_source:t.CMS,banner_type:t.TEASER,audience_name:t.ALL,promotion_objective:t.ALL,banner_location:null==m?void 0:m.bannerLocation,index:1})},Cl=()=>{ll&&("_self"!==ol?window.open(ll,ol,"noopener,noreferrer"):window.location.assign(ll))},Tl=c?r.default:o.Fragment,Wl=null===(E=null==m?void 0:m.promoBubble)||void 0===E?void 0:E[0],Nl=l.jsxs("div",{className:`d-flex ${d.default.rowWrapper}`,children:[l.jsxs("div",{className:`${vl?"order-1":"order-0"} ${d.default.leftColumn} ${vl?d.default.imageFirst:""} col-md-6 ${c&&f?d.default.slimVersion:""} ${(null==m?void 0:m.mobileExtraContent)?d.default.mobileExtraContent:""}`,style:{backgroundColor:dl,borderRadius:c?"0":"8px"},children:[l.jsx("div",{className:d.default.topText,style:{color:hl,fontWeight:Il},children:null===(_=null===(L=null===(w=null===($=null===(S=null==m?void 0:m.primaryheading)||void 0===S?void 0:S.content)||void 0===$?void 0:$[0])||void 0===w?void 0:w.content)||void 0===L?void 0:L[0])||void 0===_?void 0:_.text}),l.jsx("div",{children:(null==m?void 0:m.mainText)===n.H1?l.jsx("h1",{className:d.default.mainTextH1,style:{color:hl,fontWeight:null!==(R=null==m?void 0:m.fontWeight)&&void 0!==R?R:700},children:Pl}):(null==m?void 0:m.mainText)===n.H2?l.jsx("h2",{className:d.default.mainTextH2,style:{color:hl,fontWeight:null!==(M=null==m?void 0:m.fontWeight)&&void 0!==M?M:700},children:Pl}):(null==m?void 0:m.mainText)===n.H3?l.jsx("h3",{className:d.default.mainTextH3,style:{color:hl,fontWeight:null!==(O=null==m?void 0:m.fontWeight)&&void 0!==O?O:700},children:Pl}):(null==m?void 0:m.mainText)===n.H4?l.jsx("h4",{className:d.default.mainTextH4,style:{color:hl,fontWeight:null!==(B=null==m?void 0:m.fontWeight)&&void 0!==B?B:700},children:Pl}):(null==m?void 0:m.mainText)===n.EXTRA?l.jsx("div",{className:d.default.mainTextExtra,style:{color:hl,fontWeight:null!==(D=null==m?void 0:m.fontWeight)&&void 0!==D?D:700},children:Pl}):(null==m?void 0:m.mainText)===n.SEMIEXTRA?l.jsx("div",{className:d.default.mainTextSemiExtra,style:{color:hl,fontWeight:null!==(q=null==m?void 0:m.fontWeight)&&void 0!==q?q:700},children:Pl}):l.jsx("div",{className:d.default.mainTextDisplay,style:{color:hl,fontWeight:null!==(F=null==m?void 0:m.fontWeight)&&void 0!==F?F:700},children:Pl})}),l.jsx("div",{className:d.default.bottomText,style:{color:hl},children:null===(z=null===(U=null===(H=null===(G=null===(A=null==m?void 0:m.secondaryheading)||void 0===A?void 0:A.content)||void 0===G?void 0:G[0])||void 0===H?void 0:H.content)||void 0===U?void 0:U[0])||void 0===z?void 0:z.text}),(null===(J=null===(V=null==m?void 0:m.timer)||void 0===V?void 0:V[0])||void 0===J?void 0:J.enableCounter)&&!bl&&l.jsx("div",{className:`${d.default.timerWrapper} text-center ${jl?"":`${d.default.noPadding}`} ${(null==m?void 0:m.mobileExtraContent)?d.default.mobileExtraContent:""}`,children:l.jsx(o.Suspense,{fallback:null,children:l.jsx(s,{content:null===(X=null==m?void 0:m.timer)||void 0===X?void 0:X[0],setTimerExpired:xl})})}),!bl&&l.jsx("div",{className:`${d.default.btnSection} ${(null==m?void 0:m.noMobilePaddingForButtons)?d.default.noMobilePadding:""} `,children:null===(K=null==m?void 0:m.teaserButtonConfig)||void 0===K?void 0:K.map((o,e)=>{var n,t,a,r,u,v;return l.jsx("div",{className:d.default.btnWrapper,children:l.jsx("a",{href:`${(null===(n=null==o?void 0:o.buttonLink)||void 0===n?void 0:n.url)||0}`,target:null!==(t=null==m?void 0:m.target)&&void 0!==t?t:"",rel:"_blank"===(null==o?void 0:o.linkTarget)?"opener":"noopener",onClick:yl,children:l.jsxs("div",{className:i.getFalconButtonClass(null==o?void 0:o.buttonType),children:[(null===(a=null==o?void 0:o.buttonIcon)||void 0===a?void 0:a.filename)&&"before"===(null==o?void 0:o.iconPosition)&&l.jsx("img",{className:"ribbonComponent_phoneIcon beforeIcon",src:null===(r=null==o?void 0:o.buttonIcon)||void 0===r?void 0:r.filename}),null==o?void 0:o.buttonLabel,(null===(u=null==o?void 0:o.buttonIcon)||void 0===u?void 0:u.filename)&&"after"===(null==o?void 0:o.iconPosition)&&l.jsx("img",{className:"ribbonComponent_phoneIcon afterIcon",src:null===(v=null==o?void 0:o.buttonIcon)||void 0===v?void 0:v.filename})]})})},e)})})]}),l.jsxs("div",{className:`${vl?"order-0":"order-1"} ${d.default.rightColumn} col-md-6 ${(null==m?void 0:m.mobileExtraContent)?d.default.mobileExtraContent:""}`,children:[fl&&""!==fl?l.jsx("div",{className:d.default.videoWrapper,children:l.jsx("video",{autoPlay:!0,muted:!0,loop:!0,src:fl,className:d.default.videoElement})}):!ml||fl&&""!==fl?null:l.jsx("img",{src:ml,loading:"lazy",fetchPriority:g?"high":"auto",alt:Pl||"Stage teaser image",className:d.default.rightImage}),Wl?l.jsx(o.Suspense,{fallback:null,children:l.jsx(v,{content:Wl})}):null,(null==m?void 0:m.energyLabel)?l.jsx(u.default,{energyLabel:null==m?void 0:m.energyLabel,energyLabelPosition:null==m?void 0:m.energyLabelPosition}):null]})]});return l.jsx("div",{className:`${d.default.container} ${c?d.default.fullWidth:""} ${f?d.default.slimVersion:""}`,ref:Q,children:l.jsx("div",{className:el?`${d.default.contentWrapper} d-flex`:`${nl?"":il} ${d.default.contentWrapper} d-flex`,onClick:l=>{if(!ll)return;l.target.closest("a, button, [role='button']")||Cl()},onKeyDown:l=>{ll&&("Enter"!==l.key&&" "!==l.key||(l.preventDefault(),Cl()))},role:ll?"link":void 0,tabIndex:ll?0:void 0,style:{backgroundColor:el?Y:void 0,background:el?void 0:nl,cursor:ll?"pointer":void 0},children:c?l.jsx("div",{className:d.default["double-grid-full-width-content"],children:Nl}):l.jsx(Tl,{children:Nl})})})};
|
|
2
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var l=require("react/jsx-runtime"),o=require("react"),e=require("../../../utils/StyleUtils.js"),i=require("../../RibbonComponent/utils.js"),n=require("../../Constants.js"),d=require("./DoubleGridComponent.module.scss.js"),t=require("../../../utils/AnalyticsConstants.js"),a=require("../../../utils/AnalyticUtils.js"),r=require("../../ResponsiveRow/row.js"),u=require("../EnergyLabelOverlay.js");const v=o.lazy(()=>Promise.resolve().then(function(){return require("../PromoBubble/index.js")})),s=o.lazy(()=>Promise.resolve().then(function(){return require("../../RibbonComponent/RibbonComponentTimer/RibbonComponentTimer.js")}));exports.default=({content:m,isFullWidth:c,isSlimVersion:f,isFirstSlide:g})=>{var b,x,p,h,I,P,j,y,C,T,W,N,k,E,S,$,w,L,_,R,M,B,O,D,q,F,G,A,H,U,z,V,J,X,K;const Q=o.useRef(null),Y=null===(b=null==m?void 0:m.solidBgColor)||void 0===b?void 0:b.color,Z=(null===(x=null==m?void 0:m.fullSlideLink)||void 0===x?void 0:x.cached_url)||"",ll=["/en/","/de/","/it/","/fr/"].includes(Z)?"":Z,ol=(null==m?void 0:m.fullSlideLinkTarget)||"_self",el=!!Y&&("none"===(null==m?void 0:m.gradientBackgroundGlobal)&&"none"===(null==m?void 0:m.GenericBgColor)||!(null==m?void 0:m.gradientBackgroundGlobal)&&!(null==m?void 0:m.GenericBgColor)),il=e.getFalconBackgroundColorClassNew(null==m?void 0:m.GenericBgColor),nl=(null==m?void 0:m.gradientBackgroundGlobal)&&"none"!==(null==m?void 0:m.gradientBackgroundGlobal)?null==m?void 0:m.gradientBackgroundGlobal.replace(/;\s*$/,""):void 0,dl=nl?"":e.getFalconGradientClass(null==m?void 0:m.gradientBgColor);console.log("DoubleGridComponent content:",dl);const tl=(null==m?void 0:m.EnableTextBgColor)?null===(p=null==m?void 0:m.textbgcolor)||void 0===p?void 0:p.color:"",al=l=>{var o;if(!l)return!1;const e=null===(o=l.split("?")[0].split(".").pop())||void 0===o?void 0:o.toLowerCase();return!!e&&["webp","jpg","jpeg","png","svg"].includes(e)},rl=(l,o,e)=>{if(!l||!o)return"";if(l.includes("/m/"))return l;if(l.split("?")[0].toLowerCase().endsWith(".svg"))return l;const i="undefined"!=typeof window&&window.devicePixelRatio>=2;return`${l}/m/${i?2*o:o}x${i?2*(e||0):e||0}/filters:format(webp):quality(${i?60:90})`},ul=l=>(null==m?void 0:m.autoImageResizing)?f?480:l<768?(null==m?void 0:m.mobileExtraContent)?200:250:550:0,vl=l=>{var o,e,i,n,d,t,a,r,u,v,s,c,f,g,b,x;if(l<768){const d=(null===(o=null==m?void 0:m.MobilePromoImage)||void 0===o?void 0:o.filename)||(null===(e=null==m?void 0:m.TabletPromoImage)||void 0===e?void 0:e.filename)||(null===(i=null==m?void 0:m.DesktopPromoImage)||void 0===i?void 0:i.filename)||(null===(n=null==m?void 0:m.WidePromoImage)||void 0===n?void 0:n.filename);return rl(d,320,ul(l))}if(l<=1024){const o=(null===(d=null==m?void 0:m.TabletPromoImage)||void 0===d?void 0:d.filename)||(null===(t=null==m?void 0:m.DesktopPromoImage)||void 0===t?void 0:t.filename)||(null===(a=null==m?void 0:m.MobilePromoImage)||void 0===a?void 0:a.filename)||(null===(r=null==m?void 0:m.WidePromoImage)||void 0===r?void 0:r.filename);return rl(o,330,ul(l))}if(l<=1920){const o=(null===(u=null==m?void 0:m.DesktopPromoImage)||void 0===u?void 0:u.filename)||(null===(v=null==m?void 0:m.TabletPromoImage)||void 0===v?void 0:v.filename)||(null===(s=null==m?void 0:m.MobilePromoImage)||void 0===s?void 0:s.filename)||(null===(c=null==m?void 0:m.WidePromoImage)||void 0===c?void 0:c.filename);return rl(o,480,ul(l))}{const o=(null===(f=null==m?void 0:m.WidePromoImage)||void 0===f?void 0:f.filename)||(null===(g=null==m?void 0:m.DesktopPromoImage)||void 0===g?void 0:g.filename)||(null===(b=null==m?void 0:m.TabletPromoImage)||void 0===b?void 0:b.filename)||(null===(x=null==m?void 0:m.MobilePromoImage)||void 0===x?void 0:x.filename);return rl(o,684,ul(l))}},[sl,ml]=o.useState(!1),[cl,fl]=o.useState(""),[gl,bl]=o.useState(""),[xl,pl]=o.useState(!1),hl=()=>{var l,o,e,i,n,d,t,a,r,u,v,s,c,f,g,b;const x=window.innerWidth;if(x<=767){const n=(null===(l=null==m?void 0:m.MobilePromoImage)||void 0===l?void 0:l.filename)||(null===(o=null==m?void 0:m.TabletPromoImage)||void 0===o?void 0:o.filename)||(null===(e=null==m?void 0:m.DesktopPromoImage)||void 0===e?void 0:e.filename)||(null===(i=null==m?void 0:m.WidePromoImage)||void 0===i?void 0:i.filename);ml(null==m?void 0:m.mobileImageFirst),al(n)?(fl(vl(x)||""),bl("")):(fl(""),bl(n||""))}else if(x>=768&&x<=1024){const l=(null===(n=null==m?void 0:m.TabletPromoImage)||void 0===n?void 0:n.filename)||(null===(d=null==m?void 0:m.DesktopPromoImage)||void 0===d?void 0:d.filename)||(null===(t=null==m?void 0:m.MobilePromoImage)||void 0===t?void 0:t.filename)||(null===(a=null==m?void 0:m.WidePromoImage)||void 0===a?void 0:a.filename);ml(null==m?void 0:m.tabletImageFirst),al(l)?(fl(vl(x)||""),bl("")):(fl(""),bl(l||""))}else if(x>=1920){const l=(null===(r=null==m?void 0:m.WidePromoImage)||void 0===r?void 0:r.filename)||(null===(u=null==m?void 0:m.DesktopPromoImage)||void 0===u?void 0:u.filename)||(null===(v=null==m?void 0:m.TabletPromoImage)||void 0===v?void 0:v.filename)||(null===(s=null==m?void 0:m.MobilePromoImage)||void 0===s?void 0:s.filename);ml(null==m?void 0:m.wideImageFirst),al(l)?(fl(vl(x)||""),bl("")):(fl(""),bl(l||""))}else if(x>=1025){const l=(null===(c=null==m?void 0:m.DesktopPromoImage)||void 0===c?void 0:c.filename)||(null===(f=null==m?void 0:m.WidePromoImage)||void 0===f?void 0:f.filename)||(null===(g=null==m?void 0:m.TabletPromoImage)||void 0===g?void 0:g.filename)||(null===(b=null==m?void 0:m.MobilePromoImage)||void 0===b?void 0:b.filename);ml(null==m?void 0:m.desktopImageFirst),al(l)?(fl(vl(x)||""),bl("")):(fl(""),bl(l||""))}};o.useEffect(()=>{hl(),window.addEventListener("resize",hl)},[]);const Il=null===(h=null==m?void 0:m.textcolor)||void 0===h?void 0:h.color,Pl=(null==m?void 0:m.primaryHeadingFontWeight)||400,jl=null===(C=null===(y=null===(j=null===(P=null===(I=null==m?void 0:m.mainheading)||void 0===I?void 0:I.content)||void 0===P?void 0:P[0])||void 0===j?void 0:j.content)||void 0===y?void 0:y[0])||void 0===C?void 0:C.text,yl=!!(null===(W=null===(T=null==m?void 0:m.timer)||void 0===T?void 0:T[0])||void 0===W?void 0:W.backgroundColor)&&"transparent"!==(null===(k=null===(N=null==m?void 0:m.timer)||void 0===N?void 0:N[0])||void 0===k?void 0:k.backgroundColor);o.useEffect(()=>{const l=new IntersectionObserver(o=>{var e,i;o[0].isIntersecting&&o[0].intersectionRatio>=.5&&!(null===(e=localStorage.getItem("analyticsUids"))||void 0===e?void 0:e.includes(m._uid))&&(a.trackNewDatalayerEvent(t.VIEWPROMOTION,t.VIEWPROMOTION,{banner_promotion_name:null!==(i=null==m?void 0:m.bannerPromotionName)&&void 0!==i?i:null==m?void 0:m.description,banner_source:t.CMS,banner_type:t.TEASER,banner_location:null==m?void 0:m.bannerLocation,audience_name:t.ALL,promotion_objective:t.ALL,index:1}),localStorage.setItem("analyticsUids",JSON.stringify([...localStorage.getItem("analyticsUids")?JSON.parse(localStorage.getItem("analyticsUids")||""):[],m._uid])),Q.current&&l.observe(Q.current))},{threshold:.5});return Q.current&&l.observe(Q.current),()=>{l.disconnect()}},[]);const Cl=()=>{var l;a.trackNewDatalayerEvent(t.SELECTPROMOTION,t.SELECTPROMOTION,{banner_promotion_name:null!==(l=null==m?void 0:m.bannerPromotionName)&&void 0!==l?l:null==m?void 0:m.description,banner_source:t.CMS,banner_type:t.TEASER,audience_name:t.ALL,promotion_objective:t.ALL,banner_location:null==m?void 0:m.bannerLocation,index:1})},Tl=()=>{ll&&("_self"!==ol?window.open(ll,ol,"noopener,noreferrer"):window.location.assign(ll))},Wl=c?r.default:o.Fragment,Nl=null===(E=null==m?void 0:m.promoBubble)||void 0===E?void 0:E[0],kl=l.jsxs("div",{className:`d-flex ${d.default.rowWrapper}`,children:[l.jsxs("div",{className:`${sl?"order-1":"order-0"} ${d.default.leftColumn} ${sl?d.default.imageFirst:""} col-md-6 ${c&&f?d.default.slimVersion:""} ${(null==m?void 0:m.mobileExtraContent)?d.default.mobileExtraContent:""}`,style:{backgroundColor:tl,borderRadius:c?"0":"8px"},children:[l.jsx("div",{className:d.default.topText,style:{color:Il,fontWeight:Pl},children:null===(_=null===(L=null===(w=null===($=null===(S=null==m?void 0:m.primaryheading)||void 0===S?void 0:S.content)||void 0===$?void 0:$[0])||void 0===w?void 0:w.content)||void 0===L?void 0:L[0])||void 0===_?void 0:_.text}),l.jsx("div",{children:(null==m?void 0:m.mainText)===n.H1?l.jsx("h1",{className:d.default.mainTextH1,style:{color:Il,fontWeight:null!==(R=null==m?void 0:m.fontWeight)&&void 0!==R?R:700},children:jl}):(null==m?void 0:m.mainText)===n.H2?l.jsx("h2",{className:d.default.mainTextH2,style:{color:Il,fontWeight:null!==(M=null==m?void 0:m.fontWeight)&&void 0!==M?M:700},children:jl}):(null==m?void 0:m.mainText)===n.H3?l.jsx("h3",{className:d.default.mainTextH3,style:{color:Il,fontWeight:null!==(B=null==m?void 0:m.fontWeight)&&void 0!==B?B:700},children:jl}):(null==m?void 0:m.mainText)===n.H4?l.jsx("h4",{className:d.default.mainTextH4,style:{color:Il,fontWeight:null!==(O=null==m?void 0:m.fontWeight)&&void 0!==O?O:700},children:jl}):(null==m?void 0:m.mainText)===n.EXTRA?l.jsx("div",{className:d.default.mainTextExtra,style:{color:Il,fontWeight:null!==(D=null==m?void 0:m.fontWeight)&&void 0!==D?D:700},children:jl}):(null==m?void 0:m.mainText)===n.SEMIEXTRA?l.jsx("div",{className:d.default.mainTextSemiExtra,style:{color:Il,fontWeight:null!==(q=null==m?void 0:m.fontWeight)&&void 0!==q?q:700},children:jl}):l.jsx("div",{className:d.default.mainTextDisplay,style:{color:Il,fontWeight:null!==(F=null==m?void 0:m.fontWeight)&&void 0!==F?F:700},children:jl})}),l.jsx("div",{className:d.default.bottomText,style:{color:Il},children:null===(z=null===(U=null===(H=null===(A=null===(G=null==m?void 0:m.secondaryheading)||void 0===G?void 0:G.content)||void 0===A?void 0:A[0])||void 0===H?void 0:H.content)||void 0===U?void 0:U[0])||void 0===z?void 0:z.text}),(null===(J=null===(V=null==m?void 0:m.timer)||void 0===V?void 0:V[0])||void 0===J?void 0:J.enableCounter)&&!xl&&l.jsx("div",{className:`${d.default.timerWrapper} text-center ${yl?"":`${d.default.noPadding}`} ${(null==m?void 0:m.mobileExtraContent)?d.default.mobileExtraContent:""}`,children:l.jsx(o.Suspense,{fallback:null,children:l.jsx(s,{content:null===(X=null==m?void 0:m.timer)||void 0===X?void 0:X[0],setTimerExpired:pl})})}),!xl&&l.jsx("div",{className:`${d.default.btnSection} ${(null==m?void 0:m.noMobilePaddingForButtons)?d.default.noMobilePadding:""} `,children:null===(K=null==m?void 0:m.teaserButtonConfig)||void 0===K?void 0:K.map((o,e)=>{var n,t,a,r,u,v;return l.jsx("div",{className:d.default.btnWrapper,children:l.jsx("a",{href:`${(null===(n=null==o?void 0:o.buttonLink)||void 0===n?void 0:n.url)||0}`,target:null!==(t=null==m?void 0:m.target)&&void 0!==t?t:"",rel:"_blank"===(null==o?void 0:o.linkTarget)?"opener":"noopener",onClick:Cl,children:l.jsxs("div",{className:i.getFalconButtonClass(null==o?void 0:o.buttonType),children:[(null===(a=null==o?void 0:o.buttonIcon)||void 0===a?void 0:a.filename)&&"before"===(null==o?void 0:o.iconPosition)&&l.jsx("img",{className:"ribbonComponent_phoneIcon beforeIcon",src:null===(r=null==o?void 0:o.buttonIcon)||void 0===r?void 0:r.filename}),null==o?void 0:o.buttonLabel,(null===(u=null==o?void 0:o.buttonIcon)||void 0===u?void 0:u.filename)&&"after"===(null==o?void 0:o.iconPosition)&&l.jsx("img",{className:"ribbonComponent_phoneIcon afterIcon",src:null===(v=null==o?void 0:o.buttonIcon)||void 0===v?void 0:v.filename})]})})},e)})})]}),l.jsxs("div",{className:`${sl?"order-0":"order-1"} ${d.default.rightColumn} col-md-6 ${(null==m?void 0:m.mobileExtraContent)?d.default.mobileExtraContent:""}`,children:[gl&&""!==gl?l.jsx("div",{className:d.default.videoWrapper,children:l.jsx("video",{autoPlay:!0,muted:!0,loop:!0,src:gl,className:d.default.videoElement})}):!cl||gl&&""!==gl?null:l.jsx("img",{src:cl,loading:"lazy",fetchPriority:g?"high":"auto",alt:jl||"Stage teaser image",className:d.default.rightImage}),Nl?l.jsx(o.Suspense,{fallback:null,children:l.jsx(v,{content:Nl})}):null,(null==m?void 0:m.energyLabel)?l.jsx(u.default,{energyLabel:null==m?void 0:m.energyLabel,energyLabelPosition:null==m?void 0:m.energyLabelPosition}):null]})]});return l.jsx("div",{className:`${d.default.container} ${c?d.default.fullWidth:""} ${f?d.default.slimVersion:""}`,ref:Q,children:l.jsx("div",{className:el?`${d.default.contentWrapper} d-flex`:`${nl?"":dl||il} ${d.default.contentWrapper} d-flex`,onClick:l=>{if(!ll)return;l.target.closest("a, button, [role='button']")||Tl()},onKeyDown:l=>{ll&&("Enter"!==l.key&&" "!==l.key||(l.preventDefault(),Tl()))},role:ll?"link":void 0,tabIndex:ll?0:void 0,style:{backgroundColor:el?Y:void 0,background:el?void 0:nl,cursor:ll?"pointer":void 0},children:c?l.jsx("div",{className:d.default["double-grid-full-width-content"],children:kl}):l.jsx(Wl,{children:kl})})})};
|
|
3
3
|
//# sourceMappingURL=DoubleGridComponent.js.map
|