@sunrise-upc/sales-static-components 3.8.6-beta.2 → 3.8.6-beta.3
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/FalconButtonV3/FalconButtonV3.css +14 -0
- package/dist/cjs/components/FalconButtonV3/FalconButtonV3.js +1 -1
- package/dist/cjs/components/FalconButtonV3/FalconButtonV3.js.map +1 -1
- package/dist/cjs/components/FalconButtonV3/FalconButtonV3.module.scss.css +14 -0
- package/dist/cjs/components/FalconButtonV3/FalconButtonV3.module.scss.js +1 -1
- package/dist/cjs/components/FalconMainNavigation/FalconHeader/LocaleSelector/LocaleSelector.css +2 -0
- package/dist/cjs/components/FalconMainNavigation/FalconHeader/LocaleSelector/LocaleSelector.module.scss.css +2 -0
- package/dist/cjs/components/GlobalPromoRibbon/GlobalPromoRibbon.css +0 -13
- package/dist/cjs/components/GlobalPromoRibbon/GlobalPromoRibbon.js +1 -1
- package/dist/cjs/components/GlobalPromoRibbon/GlobalPromoRibbon.js.map +1 -1
- package/dist/cjs/components/RibbonComponent/RibbonComponentTimer/RibbonComponentTimer.css +18 -0
- package/dist/cjs/components/RibbonComponent/RibbonComponentTimer/RibbonComponentTimer.js +1 -1
- package/dist/cjs/components/RibbonComponent/RibbonComponentTimer/RibbonComponentTimer.js.map +1 -1
- package/dist/cjs/components/RibbonComponent/RibbonComponentTimer/RibbonExpiredTimerRedefined.css +18 -0
- package/dist/cjs/components/RibbonComponent/RibbonComponentTimer/RibbonTimerV2.module.scss.css +18 -0
- package/dist/cjs/components/RibbonComponent/RibbonComponentTimer/RibbonTimerV2.module.scss.js +1 -1
- package/dist/cjs/components/RibbonRenderer/RibbonRenderer.js +2 -0
- package/dist/cjs/components/RibbonRenderer/RibbonRenderer.js.map +1 -0
- package/dist/cjs/index.js +1 -1
- package/dist/esm/components/FalconButtonV3/FalconButtonV3.css +14 -0
- package/dist/esm/components/FalconButtonV3/FalconButtonV3.js +1 -1
- package/dist/esm/components/FalconButtonV3/FalconButtonV3.js.map +1 -1
- package/dist/esm/components/FalconButtonV3/FalconButtonV3.module.scss.css +14 -0
- package/dist/esm/components/FalconButtonV3/FalconButtonV3.module.scss.js +1 -1
- package/dist/esm/components/FalconMainNavigation/FalconHeader/LocaleSelector/LocaleSelector.css +2 -0
- package/dist/esm/components/FalconMainNavigation/FalconHeader/LocaleSelector/LocaleSelector.module.scss.css +2 -0
- package/dist/esm/components/GlobalPromoRibbon/GlobalPromoRibbon.css +0 -13
- package/dist/esm/components/GlobalPromoRibbon/GlobalPromoRibbon.js +1 -1
- package/dist/esm/components/GlobalPromoRibbon/GlobalPromoRibbon.js.map +1 -1
- package/dist/esm/components/RibbonComponent/RibbonComponentTimer/RibbonComponentTimer.css +18 -0
- package/dist/esm/components/RibbonComponent/RibbonComponentTimer/RibbonComponentTimer.js +1 -1
- package/dist/esm/components/RibbonComponent/RibbonComponentTimer/RibbonComponentTimer.js.map +1 -1
- package/dist/esm/components/RibbonComponent/RibbonComponentTimer/RibbonExpiredTimerRedefined.css +18 -0
- package/dist/esm/components/RibbonComponent/RibbonComponentTimer/RibbonTimerV2.module.scss.css +18 -0
- package/dist/esm/components/RibbonComponent/RibbonComponentTimer/RibbonTimerV2.module.scss.js +1 -1
- package/dist/esm/components/RibbonRenderer/RibbonRenderer.js +2 -0
- package/dist/esm/components/RibbonRenderer/RibbonRenderer.js.map +1 -0
- package/dist/esm/index.js +1 -1
- package/dist/index.d.ts +37 -9
- package/dist/navigation.css +230 -228
- package/package.json +1 -1
|
@@ -142,4 +142,18 @@
|
|
|
142
142
|
|
|
143
143
|
.FalconButtonV3-module__afterIcon___NlKwd {
|
|
144
144
|
margin: 0 0 0 8px;
|
|
145
|
+
}
|
|
146
|
+
|
|
147
|
+
@media (min-width: 1024px) {
|
|
148
|
+
.FalconButtonV3-module__slimButton___C3G5a {
|
|
149
|
+
padding-top: 10px !important;
|
|
150
|
+
padding-bottom: 10px !important;
|
|
151
|
+
border-radius: 22px !important;
|
|
152
|
+
font-size: 16px !important;
|
|
153
|
+
line-height: 24px !important;
|
|
154
|
+
}
|
|
155
|
+
.FalconButtonV3-module__slimButtonSecondary___nctne {
|
|
156
|
+
padding-top: 8px !important;
|
|
157
|
+
padding-bottom: 8px !important;
|
|
158
|
+
}
|
|
145
159
|
}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
require('./FalconButtonV3.css');
|
|
2
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("./FalconButtonV3.module.scss.js");const a=e=>{switch(e){case"Primary-V1":return r.default.button;case"Secondary-V1":return`${r.default.button} ${r.default["Secondary-V1"]}`;case"Secondary-V4":return"falcon-secondary-button-v4";case"Secondary-Dark":return"falcon-secondary-button-dark";case"Primary-Dark-V1":return"falcon-primary-dark-button";case"Primary-Dark-V2":return"falcon-primary-dark-v2-button";case"Secondary-V5":return"falcon-secondary-button-v5";case"Secondary-White":return`${r.default.button} ${r.default["Secondary-white"]}`;case"Secondary-Red":return`${r.default.button} ${r.default["Secondary-red"]}`;case"Primary-White-V1":return"falcon-primary-white-v1-button";default:return""}};exports.default=({href:t,label:n,buttonType:
|
|
2
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("./FalconButtonV3.module.scss.js");const a=e=>{switch(e){case"Primary-V1":return r.default.button;case"Secondary-V1":return`${r.default.button} ${r.default["Secondary-V1"]}`;case"Secondary-V4":return"falcon-secondary-button-v4";case"Secondary-Dark":return"falcon-secondary-button-dark";case"Primary-Dark-V1":return"falcon-primary-dark-button";case"Primary-Dark-V2":return"falcon-primary-dark-v2-button";case"Secondary-V5":return"falcon-secondary-button-v5";case"Secondary-White":return`${r.default.button} ${r.default["Secondary-white"]}`;case"Secondary-Red":return`${r.default.button} ${r.default["Secondary-red"]}`;case"Primary-White-V1":return"falcon-primary-white-v1-button";default:return""}};exports.default=({href:t,label:n,buttonType:o,isSlim:s,target:c,rel:l,onClick:u,iconFilename:d,iconPosition:i,wrapperClassName:f,buttonClassName:m,iconClassName:y})=>{const b=(o||"").toLowerCase().startsWith("secondary"),$=[a(o||""),s?r.default.slimButton:"",s&&b?r.default.slimButtonSecondary:"",m||""].filter(Boolean).join(" "),h=d&&"before"===i,S=d&&"after"===i,p=`${r.default.icon} ${y||""}`.trim();return e.jsx("div",{className:f,children:e.jsx("a",{href:t,target:null!=c?c:"",rel:l,onClick:u,children:e.jsxs("div",{className:$,children:[h&&e.jsx("img",{className:`${p} ${r.default.beforeIcon}`,src:d,alt:""}),n,S&&e.jsx("img",{className:`${p} ${r.default.afterIcon}`,src:d,alt:""})]})})})},exports.getFalconButtonClass=a;
|
|
3
3
|
//# sourceMappingURL=FalconButtonV3.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FalconButtonV3.js","sources":["../../../../../src/components/FalconButtonV3/FalconButtonV3.tsx"],"sourcesContent":[null],"names":["getFalconButtonClass","type","Styles","button","href","label","buttonType","target","rel","onClick","iconFilename","iconPosition","wrapperClassName","buttonClassName","iconClassName","buttonClass","
|
|
1
|
+
{"version":3,"file":"FalconButtonV3.js","sources":["../../../../../src/components/FalconButtonV3/FalconButtonV3.tsx"],"sourcesContent":[null],"names":["getFalconButtonClass","type","Styles","button","href","label","buttonType","isSlim","target","rel","onClick","iconFilename","iconPosition","wrapperClassName","buttonClassName","iconClassName","isSecondaryButton","toLowerCase","startsWith","buttonClass","slimButton","slimButtonSecondary","filter","Boolean","join","shouldShowBeforeIcon","shouldShowAfterIcon","iconBaseClass","icon","trim","_jsx","className","children","_jsxs","beforeIcon","src","alt","afterIcon"],"mappings":"oJAGO,MAAMA,EAAwBC,IACnC,OAAQA,GACN,IAAK,aACH,OAAOC,EAAAA,QAAOC,OAEhB,IAAK,eACH,MAAO,GAAGD,EAAAA,QAAOC,UAAUD,EAAAA,QAAO,kBAEpC,IAAK,eACH,MAAO,6BAET,IAAK,iBACH,MAAO,+BAET,IAAK,kBACH,MAAO,6BAET,IAAK,kBACH,MAAO,gCAET,IAAK,eACH,MAAO,6BAET,IAAK,kBACH,MAAO,GAAGA,EAAAA,QAAOC,UAAUD,EAAAA,QAAO,qBAEpC,IAAK,gBACH,MAAO,GAAGA,EAAAA,QAAOC,UAAUD,EAAAA,QAAO,mBAEpC,IAAK,mBACH,MAAO,iCAET,QACE,MAAO,qBAmBU,EACrBE,OACAC,QACAC,aACAC,SACAC,SACAC,MACAC,UACAC,eACAC,eACAC,mBACAC,kBACAC,oBAEA,MAAMC,GAAqBV,GAAc,IAAIW,cAAcC,WAAW,aAChEC,EAAc,CAClBnB,EAAqBM,GAAc,IACnCC,EAASL,EAAAA,QAAOkB,WAAa,GAC7Bb,GAAUS,EAAoBd,UAAOmB,oBAAsB,GAC3DP,GAAmB,IAElBQ,OAAOC,SACPC,KAAK,KACFC,EAAuBd,GAAiC,WAAjBC,EACvCc,EAAsBf,GAAiC,UAAjBC,EACtCe,EAAgB,GAAGzB,EAAAA,QAAO0B,QAAQb,GAAiB,KAAKc,OAE9D,OACEC,EAAAA,IAAA,MAAA,CAAKC,UAAWlB,EAAgBmB,SAC9BF,EAAAA,SAAG1B,KAAMA,EAAMI,OAAQA,QAAAA,EAAU,GAAIC,IAAKA,EAAKC,QAASA,WACtDuB,EAAAA,KAAA,MAAA,CAAKF,UAAWZ,EAAWa,SAAA,CACxBP,GACCK,EAAAA,WAAKC,UAAW,GAAGJ,KAAiBzB,EAAAA,QAAOgC,aAAcC,IAAKxB,EAAcyB,IAAI,KAEjF/B,EACAqB,GACCI,EAAAA,WAAKC,UAAW,GAAGJ,KAAiBzB,EAAAA,QAAOmC,YAAaF,IAAKxB,EAAcyB,IAAI"}
|
|
@@ -142,4 +142,18 @@
|
|
|
142
142
|
|
|
143
143
|
.FalconButtonV3-module__afterIcon___NlKwd {
|
|
144
144
|
margin: 0 0 0 8px;
|
|
145
|
+
}
|
|
146
|
+
|
|
147
|
+
@media (min-width: 1024px) {
|
|
148
|
+
.FalconButtonV3-module__slimButton___C3G5a {
|
|
149
|
+
padding-top: 10px !important;
|
|
150
|
+
padding-bottom: 10px !important;
|
|
151
|
+
border-radius: 22px !important;
|
|
152
|
+
font-size: 16px !important;
|
|
153
|
+
line-height: 24px !important;
|
|
154
|
+
}
|
|
155
|
+
.FalconButtonV3-module__slimButtonSecondary___nctne {
|
|
156
|
+
padding-top: 8px !important;
|
|
157
|
+
padding-bottom: 8px !important;
|
|
158
|
+
}
|
|
145
159
|
}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
require('./FalconButtonV3.module.scss.css');
|
|
2
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.default={button:"FalconButtonV3-module__button___aK4J4",icon:"FalconButtonV3-module__icon___hYGF4","Secondary-V1":"FalconButtonV3-module__Secondary-V1___oqcpr","Secondary-white":"FalconButtonV3-module__Secondary-white___u3JB4","Secondary-red":"FalconButtonV3-module__Secondary-red___um-4v",beforeIcon:"FalconButtonV3-module__beforeIcon___BoqUb",afterIcon:"FalconButtonV3-module__afterIcon___NlKwd"};
|
|
2
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.default={button:"FalconButtonV3-module__button___aK4J4",icon:"FalconButtonV3-module__icon___hYGF4","Secondary-V1":"FalconButtonV3-module__Secondary-V1___oqcpr","Secondary-white":"FalconButtonV3-module__Secondary-white___u3JB4","Secondary-red":"FalconButtonV3-module__Secondary-red___um-4v",beforeIcon:"FalconButtonV3-module__beforeIcon___BoqUb",afterIcon:"FalconButtonV3-module__afterIcon___NlKwd",slimButton:"FalconButtonV3-module__slimButton___C3G5a",slimButtonSecondary:"FalconButtonV3-module__slimButtonSecondary___nctne"};
|
|
3
3
|
//# sourceMappingURL=FalconButtonV3.module.scss.js.map
|
|
@@ -99,19 +99,6 @@ color: #ffffff;
|
|
|
99
99
|
flex-wrap: nowrap;
|
|
100
100
|
}
|
|
101
101
|
|
|
102
|
-
.globalPromoRibbon_Slim .globalPromoRibbon_SlimButton {
|
|
103
|
-
padding-top: 10px;
|
|
104
|
-
padding-bottom: 10px;
|
|
105
|
-
border-radius: 22px;
|
|
106
|
-
font-size: 16px;
|
|
107
|
-
line-height: 24px;
|
|
108
|
-
}
|
|
109
|
-
|
|
110
|
-
.globalPromoRibbon_Slim .globalPromoRibbon_SlimButtonSecondary {
|
|
111
|
-
padding-top: 8px;
|
|
112
|
-
padding-bottom: 8px;
|
|
113
|
-
}
|
|
114
|
-
|
|
115
102
|
}
|
|
116
103
|
/* Mobile only viewport */
|
|
117
104
|
@media all and (max-width: 767px) {
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
require('./GlobalPromoRibbon.css');
|
|
2
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),o=require("react"),
|
|
2
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),o=require("react"),l=require("../RibbonComponent/RibbonComponentTimer/RibbonComponentTimer.js"),n=require("../RibbonComponent/utils.js"),i=require("../../utils/AnalyticUtils.js"),t=require("../../utils/AnalyticsConstants.js"),r=require("../FalconButtonV3/FalconButtonV3.js"),a=require("../Constants.js");const s=e=>e?(Array.isArray(e)?e:[e]).filter(Boolean).map(e=>String(e).trim().toLowerCase()):[],u=e=>e?n.calculateDateTime(new Date(e.trim().replace(/-/g,"/"))):null,d=e=>{if(!(null==e?void 0:e.endTime))return!1;return n.calculateDateTime(new Date(e.endTime.replace(/-/g,"/"))).getTime()<=Date.now()};exports.default=({content:n})=>{var c,m,v,b,g,T,f,h,p;const[S,_]=o.useState(!1),[j,w]=o.useState(!1),[x,I]=o.useState(!1),[R,y]=o.useState(new Date),C=o.useRef(null),[N,P]=o.useState(!1),[k,B]=o.useState(!1),[O,E]=o.useState(null==n?void 0:n.teaserTimer[0]),[L,A]=o.useState(d(null===(c=null==n?void 0:n.teaserTimer)||void 0===c?void 0:c[0])),q=(null==n?void 0:n.slimVersion)?" globalPromoRibbon_Slim":"";o.useEffect(()=>{_(!0);const e=window.localStorage.getItem(a.CUSTOMER_GROUP_STORAGE_KEY),o=(()=>{var e;if("undefined"==typeof window)return new Set;const o=window.localStorage.getItem("tealium_va");if(!o)return new Set;try{const l=null===(e=JSON.parse(o))||void 0===e?void 0:e.audiences;return l&&"object"==typeof l?new Set(Object.keys(l).map(e=>e.trim().toLowerCase())):new Set}catch(e){return new Set}})(),l=s(null==n?void 0:n.tealiumAudiences).length>0;I(l?((e,o)=>{const l=s(e);return!l.length||l.some(e=>o.has(e))})(null==n?void 0:n.tealiumAudiences,o):((e,o)=>{const l=s(e);return!(l.length&&!l.includes("all"))||Boolean(o&&l.includes(o.trim().toLowerCase()))})(null==n?void 0:n.customerType,e)),w(!0)},[]);const D=()=>{!1===N&&P(!0)};o.useEffect(()=>{var e;if(null===(e=null==n?void 0:n.teaserTimer[0])||void 0===e?void 0:e.startTime){const e=null==n?void 0:n.teaserTimer[0];E(e),A(d(e))}else A(!1);B(!0)},[null==n?void 0:n.teaserTimer]),o.useEffect(()=>{const e=u(null==n?void 0:n.scheduleStartTime),o=u(null==n?void 0:n.scheduleEndTime),l=R.getTime(),i=[e,o].filter(e=>Boolean(e)).map(e=>e.getTime()).filter(e=>e>l).sort((e,o)=>e-o)[0];if(!i)return;const t=i-l,r=window.setTimeout(()=>{y(new Date)},Math.max(t,0));return()=>{window.clearTimeout(r)}},[null==n?void 0:n.scheduleStartTime,null==n?void 0:n.scheduleEndTime,R]),o.useEffect(()=>{var e;const o=new IntersectionObserver(e=>{var o,l;e[0].isIntersecting&&e[0].intersectionRatio>=.5&&!(null===(o=localStorage.getItem("analyticsUids"))||void 0===o?void 0:o.includes(n._uid))&&(i.trackNewDatalayerEvent(t.VIEWPROMOTION,t.VIEWPROMOTION,{banner_promotion_name:null!==(l=null==n?void 0:n.bannerPromotionName)&&void 0!==l?l:null==n?void 0:n.title,banner_source:t.CMS,banner_type:t.RIBBON,banner_location:null==n?void 0:n.bannerLocation,audience_name:t.ALL,promotion_objective:t.ALL}),localStorage.setItem("analyticsUids",JSON.stringify([...localStorage.getItem("analyticsUids")?JSON.parse(localStorage.getItem("analyticsUids")||""):[],n._uid])))},{threshold:.5});return C.current&&!(null===(e=localStorage.getItem("analyticsUids"))||void 0===e?void 0:e.includes(n._uid))&&o.observe(C.current),()=>{o.disconnect()}});const U=u(null==n?void 0:n.scheduleStartTime),V=u(null==n?void 0:n.scheduleEndTime),M=!U||R.getTime()>=U.getTime(),F=!V||V.getTime()>R.getTime(),G=!1===N&&k&&j&&x&&(M&&F),W=(null==n?void 0:n.gradientBackgroundGlobal)&&"none"!==(null==n?void 0:n.gradientBackgroundGlobal)?n.gradientBackgroundGlobal.replace(/;\s*$/,""):null==n?void 0:n.backgroundColor;return e.jsx("div",{className:"body-banner",suppressHydrationWarning:!0,children:S&&G&&e.jsx(e.Fragment,{children:e.jsx("div",{className:`globalPromoRibbon_Wrapper${q}`,style:{background:W},ref:C,children:e.jsxs("div",{className:"globalPromoRibbon_Card",children:[e.jsxs("div",{className:"globalPromoRibbon_descriptionBlockSection",children:[(null===(m=null==n?void 0:n.icon)||void 0===m?void 0:m.filename)&&e.jsx("div",{className:"globalPromoRibbon_Image",children:e.jsx("img",{className:"globalPromoRibbon_Icon",src:null===(v=null==n?void 0:n.icon)||void 0===v?void 0:v.filename})}),(null==n?void 0:n.title)&&e.jsxs("div",{className:"globalPromoRibbon_TextContainer",children:[e.jsx("span",{style:{color:null==n?void 0:n.titleColor},children:null==n?void 0:n.title}),e.jsx("div",{})]})]}),e.jsxs("div",{className:"globalPromoRibbon_ButtonSection",children:[(null===(b=null==n?void 0:n.teaserTimer[0])||void 0===b?void 0:b.startTime)&&!L&&e.jsx("div",{className:"globalPromoRibbon_Timer",children:e.jsx(l.default,{content:O,setTimerExpired:A,isSlimVersion:Boolean(null==n?void 0:n.slimVersion)})}),(null===(g=null==n?void 0:n.buttons)||void 0===g?void 0:g.length)?e.jsx("div",{className:"globalPromoRibbon_Buttons",children:n.buttons.map((o,l)=>{var i,t,a,s,u,d,c,m;return e.jsx(r.default,{wrapperClassName:"globalPromoRibbon_Button",href:o.href||(null===(i=o.buttonLink)||void 0===i?void 0:i.url)||(null===(t=o.buttonLink)||void 0===t?void 0:t.cached_url)||"",label:o.buttonLabel||o.label||"",buttonType:o.buttonType,isSlim:Boolean(null==n?void 0:n.slimVersion),target:null!==(s=null!==(a=o.target)&&void 0!==a?a:o.linkTarget)&&void 0!==s?s:"",rel:null!==(u=o.rel)&&void 0!==u?u:"_blank"===o.linkTarget?"opener":"noopener",iconFilename:o.iconFilename||(null===(d=o.buttonIcon)||void 0===d?void 0:d.filename),iconPosition:o.iconPosition},`${o.href||(null===(c=o.buttonLink)||void 0===c?void 0:c.url)||(null===(m=o.buttonLink)||void 0===m?void 0:m.cached_url)||l}`)})}):null,(null===(T=null==n?void 0:n.closeIcon)||void 0===T?void 0:T.filename)&&(null==n?void 0:n.showCloseIcon)&&e.jsx("div",{className:"globalPromoRibbon_CloseIcon",onClick:()=>D(),children:e.jsx("img",{src:null===(f=null==n?void 0:n.closeIcon)||void 0===f?void 0:f.filename})})]}),(null===(h=null==n?void 0:n.closeIcon)||void 0===h?void 0:h.filename)&&(null==n?void 0:n.showCloseIcon)&&e.jsx("div",{className:"globalPromoRibbon_CloseIcon1",onClick:()=>D(),children:e.jsx("img",{src:null===(p=null==n?void 0:n.closeIcon)||void 0===p?void 0:p.filename})})]})})})})};
|
|
3
3
|
//# sourceMappingURL=GlobalPromoRibbon.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GlobalPromoRibbon.js","sources":["../../../../../src/components/GlobalPromoRibbon/GlobalPromoRibbon.tsx"],"sourcesContent":[null],"names":["normalizeStringArray","value","Array","isArray","filter","Boolean","map","item","String","trim","toLowerCase","
|
|
1
|
+
{"version":3,"file":"GlobalPromoRibbon.js","sources":["../../../../../src/components/GlobalPromoRibbon/GlobalPromoRibbon.tsx"],"sourcesContent":[null],"names":["normalizeStringArray","value","Array","isArray","filter","Boolean","map","item","String","trim","toLowerCase","getScheduleDateTime","calculateDateTime","Date","replace","isTeaserTimerExpired","timer","endTime","getTime","now","content","isHydrated","setIsHydrated","useState","isTargetingResolved","setIsTargetingResolved","isTargetingAllowed","setIsTargetingAllowed","currentTime","setCurrentTime","elementRef","useRef","closeBanner","setCloseBanner","displayMaintainance","seDisplayMaintainance","teaserContent","setTeaserContent","teaserTimer","isTimerExpired","setIsTimerExpired","_a","slimWrapperClass","slimVersion","useEffect","customerGroup","window","localStorage","getItem","CUSTOMER_GROUP_STORAGE_KEY","tealiumAudiences","Set","rawValue","audiences","JSON","parse","Object","keys","audience","_b","getTealiumAudienceKeys","hasConfiguredTealiumAudiences","length","configuredAudiences","availableAudiences","normalizedAudiences","some","has","matchesTealiumAudiences","customerType","configuredTypes","includes","matchesCustomerType","onClickClose","startTime","tempContent","scheduleStart","scheduleStartTime","scheduleEnd","scheduleEndTime","presentTimeMs","nextRecalculationTimeMs","time","timeMs","sort","a","b","delay","setTimeout","Math","max","clearTimeout","observer","IntersectionObserver","entries","isIntersecting","intersectionRatio","_uid","trackNewDatalayerEvent","VIEWPROMOTION","banner_promotion_name","bannerPromotionName","title","banner_source","CMS","banner_type","RIBBON","banner_location","bannerLocation","audience_name","ALL","promotion_objective","setItem","stringify","threshold","current","observe","disconnect","hasStarted","notExpired","shouldRenderRibbon","backgroundStyle","gradientBackgroundGlobal","backgroundColor","_jsx","className","suppressHydrationWarning","children","_Fragment","style","background","ref","_jsxs","icon","filename","src","_c","color","titleColor","_d","RibbonComponentTimer","setTimerExpired","isSlimVersion","_e","buttons","button","index","FalconButtonV3","wrapperClassName","href","buttonLink","url","cached_url","label","buttonLabel","buttonType","isSlim","target","linkTarget","rel","iconFilename","buttonIcon","_f","iconPosition","_g","_h","closeIcon","showCloseIcon","onClick","_j"],"mappings":"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"}
|
|
@@ -127,4 +127,22 @@
|
|
|
127
127
|
|
|
128
128
|
.RibbonTimerV2-module__expirylabel___hx56K {
|
|
129
129
|
padding-top: 16px;
|
|
130
|
+
}
|
|
131
|
+
|
|
132
|
+
.RibbonTimerV2-module__slim-timer-section___91VGk {
|
|
133
|
+
padding: 4px 12px;
|
|
134
|
+
}
|
|
135
|
+
|
|
136
|
+
.RibbonTimerV2-module__slim-timer-element___pdiBB {
|
|
137
|
+
min-width: 36px;
|
|
138
|
+
}
|
|
139
|
+
|
|
140
|
+
.RibbonTimerV2-module__slim-timer-value___Cu-66 {
|
|
141
|
+
font-size: 20px;
|
|
142
|
+
line-height: 24px;
|
|
143
|
+
}
|
|
144
|
+
|
|
145
|
+
.RibbonTimerV2-module__slim-timer-colon___wl7dC {
|
|
146
|
+
font-size: 20px;
|
|
147
|
+
line-height: 24px;
|
|
130
148
|
}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
require('./RibbonComponentTimer.css');
|
|
2
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("react"),r=require("../utils.js"),
|
|
2
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("react"),r=require("../utils.js"),i=require("../../Constants.js"),t=require("./RibbonExpiredTimerRedefined.js"),a=require("./RibbonTimerV2.module.scss.js");exports.default=({content:n,setTimerExpired:s,isSlimVersion:o=!1})=>{var u,d,c,m,v,b,g;const f=e=>{"function"==typeof s&&s(e)},h=r.calculateDateTime(new Date(null===(u=null==n?void 0:n.endTime)||void 0===u?void 0:u.replace(/-/g,"/"))),p=r.calculateDateTime(new Date(null===(d=null==n?void 0:n.startTime)||void 0===d?void 0:d.replace(/-/g,"/"))),$=(null==n?void 0:n.colorChangeTime)&&r.calculateDateTime(new Date(null===(c=null==n?void 0:n.colorChangeTime)||void 0===c?void 0:c.replace(/-/g,"/"))),[x,T]=l.useState(!1),[N,j]=l.useState(null!==(m=null==n?void 0:n.timerColor)&&void 0!==m?m:""),[L,C]=l.useState(!1),y=()=>{const e=new Date;$&&!L&&e.getTime()>$.getTime()&&(j(i.PRIMARYCOLORS),C(!0)),e.getTime()>=p.getTime()&&!x&&T(!0);const l=h.getTime()-e.getTime();if(l>0&&x){const e=("0"+Math.floor(l/864e5)).slice(-2),r=("0"+Math.floor(l/36e5%24)).slice(-2),i=("0"+Math.floor(l/1e3/60%60)).slice(-2),t=("0"+Math.floor(l/1e3%60)).slice(-2);return f(!1),{days:e,hours:r,mins:i,sec:t}}return f(!0),null},k=(null==n?void 0:n.backgroundColor)&&(null==n?void 0:n.backgroundColorTransparency)&&n.backgroundColorTransparency>0?n.backgroundColorTransparency/100:0,D=k?(e=>{if(!e||"transparent"===e)return"transparent";const l=k,r=e.match(/rgba\((\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*,\s*([0-9.]+)\)/i);if(r){const[,e,i,t]=r;return`rgba(${e}, ${i}, ${t}, ${l})`}const i=e.match(/rgb\((\d+)\s*,\s*(\d+)\s*,\s*(\d+)\)/i);if(i){const[,e,r,t]=i;return`rgba(${e}, ${r}, ${t}, ${l})`}if(e.startsWith("#")){const r=e.replace("#",""),i=3===r.length,t=parseInt(i?r[0]+r[0]:r.slice(0,2),16),a=parseInt(i?r[1]+r[1]:r.slice(2,4),16),n=parseInt(i?r[2]+r[2]:r.slice(4,6),16);if(!Number.isNaN(t)&&!Number.isNaN(a)&&!Number.isNaN(n))return`rgba(${t}, ${a}, ${n}, ${l})`}return e})(null==n?void 0:n.backgroundColor):(null==n?void 0:n.backgroundColor)||"transparent",R={timerColor:N,backgroundColor:D,expiryLabel:null==n?void 0:n.expiryLabel,timerAlignment:null==n?void 0:n.timerAlignment,dayLabel:null==n?void 0:n.dayLabel,hourLabel:null==n?void 0:n.hourLabel,minuteLabel:null==n?void 0:n.minuteLabel,secondLabel:null==n?void 0:n.secondLabel,expiryLabelColor:null==n?void 0:n.expiryLabelColor},[E,I]=l.useState(y());l.useEffect(()=>{I(y());const e=setInterval(()=>{I(y())},1e3);return()=>{clearInterval(e)}},[]);const M=[{label:null!==(v=null==n?void 0:n.hourLabel)&&void 0!==v?v:"",value:null==E?void 0:E.hours},{label:null!==(b=null==n?void 0:n.minuteLabel)&&void 0!==b?b:"",value:null==E?void 0:E.mins},{label:null!==(g=null==n?void 0:n.secondLabel)&&void 0!==g?g:"",value:null==E?void 0:E.sec}];return e.jsx("div",{className:"timer-wrap",style:{textAlign:n.timerAlignment===i.CENTER?"center":n.timerAlignment===i.LEFT?"left":"right"},children:x&&e.jsx("div",{className:"timer-container",children:E?e.jsxs("div",{className:`timer-section ${o?a.default["slim-timer-section"]:""}`.trim(),style:{color:(null==n?void 0:n.isDarkMode)?i.COLORWHITE:N,backgroundColor:D},children:[e.jsxs("div",{className:` ${a.default["stage-teaser-ribbon-timer-element"]} transparent-element`,children:[e.jsxs("div",{className:`${a.default["stage-teaser-ribbon-timer-value"]} ${o?a.default["slim-timer-value"]:""}`.trim(),children:[" ",null==E?void 0:E.days]}),e.jsx("div",{className:`${a.default["stage-teaser-ribbon-timer-label"]}`,children:null==n?void 0:n.dayLabel})]}),M.map((r,i)=>e.jsxs(l.Fragment,{children:[e.jsx("div",{className:`${a.default["stage-teaser-ribbon-timer-colon"]} ${o?a.default["slim-timer-colon"]:""}`.trim(),children:":"}),e.jsxs("div",{className:`${a.default["stage-teaser-ribbon-timer-element"]} ${o?a.default["slim-timer-element"]:""}`.trim(),children:[e.jsxs("div",{className:`${a.default["stage-teaser-ribbon-timer-value"]} ${o?a.default["slim-timer-value"]:""}`.trim(),children:[" ",null==r?void 0:r.value]}),e.jsx("div",{className:`${a.default["stage-teaser-ribbon-timer-label"]}`,children:null==r?void 0:r.label})]})]},i))]}):e.jsx("div",{children:e.jsx(t.default,{content:R})})})})};
|
|
3
3
|
//# sourceMappingURL=RibbonComponentTimer.js.map
|
package/dist/cjs/components/RibbonComponent/RibbonComponentTimer/RibbonComponentTimer.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RibbonComponentTimer.js","sources":["../../../../../../src/components/RibbonComponent/RibbonComponentTimer/RibbonComponentTimer.tsx"],"sourcesContent":[null],"names":["content","setTimerExpired","expiry","calculateDateTime","Date","_a","endTime","replace","start","_b","startTime","changeColor","colorChangeTime","_c","startTimer","setStartTimer","useState","timerContentColor","setTimerContentColor","_d","timerColor","colorChanged","setColorChanged","calculateTime","today","getTime","PRIMARYCOLORS","difference","days","Math","floor","slice","hours","mins","sec","normalizedBackgroundTransparency","backgroundColor","backgroundColorTransparency","rgbaBackgroundColor","color","alpha","rgbaMatch","match","r","g","b","rgbMatch","startsWith","hex","isShort","length","parseInt","Number","isNaN","applyBackgroundTransparency","expiredTimer","expiryLabel","timerAlignment","dayLabel","hourLabel","minuteLabel","secondLabel","expiryLabelColor","timeLeft","setTimeLeft","useEffect","timer","setInterval","clearInterval","timeLeftArray","label","_e","value","_f","_g","_jsx","className","style","textAlign","CENTER","LEFT","children","_jsxs","
|
|
1
|
+
{"version":3,"file":"RibbonComponentTimer.js","sources":["../../../../../../src/components/RibbonComponent/RibbonComponentTimer/RibbonComponentTimer.tsx"],"sourcesContent":[null],"names":["content","setTimerExpired","isSlimVersion","notifyTimerExpired","expired","expiry","calculateDateTime","Date","_a","endTime","replace","start","_b","startTime","changeColor","colorChangeTime","_c","startTimer","setStartTimer","useState","timerContentColor","setTimerContentColor","_d","timerColor","colorChanged","setColorChanged","calculateTime","today","getTime","PRIMARYCOLORS","difference","days","Math","floor","slice","hours","mins","sec","normalizedBackgroundTransparency","backgroundColor","backgroundColorTransparency","rgbaBackgroundColor","color","alpha","rgbaMatch","match","r","g","b","rgbMatch","startsWith","hex","isShort","length","parseInt","Number","isNaN","applyBackgroundTransparency","expiredTimer","expiryLabel","timerAlignment","dayLabel","hourLabel","minuteLabel","secondLabel","expiryLabelColor","timeLeft","setTimeLeft","useEffect","timer","setInterval","clearInterval","timeLeftArray","label","_e","value","_f","_g","_jsx","className","style","textAlign","CENTER","LEFT","children","_jsxs","Styles","trim","isDarkMode","COLORWHITE","map","element","index","React","Fragment","RibbonExpiredTimerRedefined"],"mappings":"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"}
|
package/dist/cjs/components/RibbonComponent/RibbonComponentTimer/RibbonExpiredTimerRedefined.css
CHANGED
|
@@ -58,4 +58,22 @@
|
|
|
58
58
|
|
|
59
59
|
.RibbonTimerV2-module__expirylabel___hx56K {
|
|
60
60
|
padding-top: 16px;
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
.RibbonTimerV2-module__slim-timer-section___91VGk {
|
|
64
|
+
padding: 4px 12px;
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
.RibbonTimerV2-module__slim-timer-element___pdiBB {
|
|
68
|
+
min-width: 36px;
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
.RibbonTimerV2-module__slim-timer-value___Cu-66 {
|
|
72
|
+
font-size: 20px;
|
|
73
|
+
line-height: 24px;
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
.RibbonTimerV2-module__slim-timer-colon___wl7dC {
|
|
77
|
+
font-size: 20px;
|
|
78
|
+
line-height: 24px;
|
|
61
79
|
}
|
package/dist/cjs/components/RibbonComponent/RibbonComponentTimer/RibbonTimerV2.module.scss.css
CHANGED
|
@@ -58,4 +58,22 @@
|
|
|
58
58
|
|
|
59
59
|
.RibbonTimerV2-module__expirylabel___hx56K {
|
|
60
60
|
padding-top: 16px;
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
.RibbonTimerV2-module__slim-timer-section___91VGk {
|
|
64
|
+
padding: 4px 12px;
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
.RibbonTimerV2-module__slim-timer-element___pdiBB {
|
|
68
|
+
min-width: 36px;
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
.RibbonTimerV2-module__slim-timer-value___Cu-66 {
|
|
72
|
+
font-size: 20px;
|
|
73
|
+
line-height: 24px;
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
.RibbonTimerV2-module__slim-timer-colon___wl7dC {
|
|
77
|
+
font-size: 20px;
|
|
78
|
+
line-height: 24px;
|
|
61
79
|
}
|
package/dist/cjs/components/RibbonComponent/RibbonComponentTimer/RibbonTimerV2.module.scss.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
require('./RibbonTimerV2.module.scss.css');
|
|
2
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.default={"stage-teaser-ribbon-timer-section":"RibbonTimerV2-module__stage-teaser-ribbon-timer-section___GB8GA","stage-teaser-ribbon-timer-element":"RibbonTimerV2-module__stage-teaser-ribbon-timer-element___35yCh","stage-teaser-ribbon-timer-value":"RibbonTimerV2-module__stage-teaser-ribbon-timer-value___0U5CT","stage-teaser-ribbon-timer-label":"RibbonTimerV2-module__stage-teaser-ribbon-timer-label___tYyQr","stage-teaser-ribbon-timer-colon":"RibbonTimerV2-module__stage-teaser-ribbon-timer-colon___g27mV",expirylabel:"RibbonTimerV2-module__expirylabel___hx56K"};
|
|
2
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.default={"stage-teaser-ribbon-timer-section":"RibbonTimerV2-module__stage-teaser-ribbon-timer-section___GB8GA","stage-teaser-ribbon-timer-element":"RibbonTimerV2-module__stage-teaser-ribbon-timer-element___35yCh","stage-teaser-ribbon-timer-value":"RibbonTimerV2-module__stage-teaser-ribbon-timer-value___0U5CT","stage-teaser-ribbon-timer-label":"RibbonTimerV2-module__stage-teaser-ribbon-timer-label___tYyQr","stage-teaser-ribbon-timer-colon":"RibbonTimerV2-module__stage-teaser-ribbon-timer-colon___g27mV",expirylabel:"RibbonTimerV2-module__expirylabel___hx56K","slim-timer-section":"RibbonTimerV2-module__slim-timer-section___91VGk","slim-timer-element":"RibbonTimerV2-module__slim-timer-element___pdiBB","slim-timer-value":"RibbonTimerV2-module__slim-timer-value___Cu-66","slim-timer-colon":"RibbonTimerV2-module__slim-timer-colon___wl7dC"};
|
|
3
3
|
//# sourceMappingURL=RibbonTimerV2.module.scss.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("../RibbonComponent/utils.js");const r=e=>e.trim().toLowerCase(),o=e=>e?Array.isArray(e)?e:[e]:[],i=e=>e?n.calculateDateTime(new Date(e.trim().replace(/-/g,"/"))):null;exports.default=({ribbonConfig:n,metadata:s,channel:u,renderRibbon:l})=>{console.log("RibbonRenderer props:",{ribbonConfig:n,metadata:s,channel:u});const[a,c]=t.useState(null),[m,d]=t.useState(new Set),[b,f]=t.useState(!1),[g,p]=t.useState(new Date);t.useEffect(()=>{if("undefined"==typeof window)return;const e=window.localStorage.getItem("customerGroup");c(e),d((()=>{if("undefined"==typeof window)return new Set;const e=window.localStorage.getItem("tealium_va");if(!e)return new Set;try{const t=JSON.parse(e),n=null==t?void 0:t.audiences;return n&&"object"==typeof n?new Set(Object.keys(n).filter(Boolean).map(e=>String(e).trim().toLowerCase())):new Set}catch(e){return new Set}})()),f(!0)},[]);const w=n||(null==s?void 0:s.ribbonConfig),h=u||process.env.NEXT_PUBLIC_CHANNEL||"";if(t.useEffect(()=>{var e;if(!(null===(e=null==w?void 0:w.ribbons)||void 0===e?void 0:e.length))return;const t=g.getTime(),n=w.ribbons.flatMap(e=>{const n=[],r=i(e.scheduleStartTime),o=i(e.scheduleEndTime);if(r){const e=r.getTime();e>t&&n.push(e)}if(o){const e=o.getTime();e>t&&n.push(e)}return n}).sort((e,t)=>e-t)[0];if(!n)return;const r=n-t,o=window.setTimeout(()=>{p(new Date)},Math.max(r,0));return()=>{window.clearTimeout(o)}},[null==w?void 0:w.ribbons,g]),!b)return null;if(!(null==w?void 0:w.ribbons)||!Array.isArray(w.ribbons)||0===w.ribbons.length)return null;console.log("resolvedRibbonConfig",w);const S=w.ribbons.filter(e=>{if(!e.component)return!1;if(!((e,t)=>{const n=i(e.scheduleStartTime),r=i(e.scheduleEndTime),o=!n||t.getTime()>=n.getTime(),s=!r||r.getTime()>t.getTime();return o&&s})(e,g))return!1;if((null==e?void 0:e.microsites)&&!((e,t)=>{if(!Array.isArray(e.microsites)||0===e.microsites.length)return!1;const n=r(t);return e.microsites.some(e=>"string"==typeof e&&r(e)===n)})(e,h))return!1;if("globalPromoRibbon"!==e.component)return!0;return o(e.tealiumAudiences).length>0?((e,t)=>{const n=o(e).map(e=>String(e).trim().toLowerCase());return!n.length||!!t.size&&n.some(e=>t.has(e))})(e.tealiumAudiences,m):((e,t)=>{const n=o(e).map(e=>String(e).trim().toLowerCase());return!n.length||!!n.includes("all")||!!t&&n.includes(t.toLowerCase())})(e.customerType,a)}),v=S.find(e=>"heroLogin"===e.component),T=S.find(e=>"heroLogin"!==e.component),y=[];return T&&y.push(T),v&&y.push(v),0===y.length?null:e.jsx("div",{className:"ribbons-wrapper",children:y.map((t,n)=>e.jsx("div",{className:"ribbon-item",children:l(Object.assign(Object.assign({},t),{_uid:t._uid||`ribbon-${n}`,component:t.component}),n)},t._uid||n))})};
|
|
2
|
+
//# sourceMappingURL=RibbonRenderer.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RibbonRenderer.js","sources":["../../../../../src/components/RibbonRenderer/RibbonRenderer.tsx"],"sourcesContent":[null],"names":["normalizeMicrositeValue","value","trim","toLowerCase","normalizeStringArray","Array","isArray","getScheduleDateTime","calculateDateTime","Date","replace","ribbonConfig","metadata","channel","renderRibbon","console","log","userCustomerGroup","setUserCustomerGroup","useState","tealiumAudiences","setTealiumAudiences","Set","isHydrated","setIsHydrated","currentTime","setCurrentTime","useEffect","window","customerGroup","localStorage","getItem","rawValue","parsed","JSON","parse","audiences","Object","keys","filter","Boolean","map","audience","String","_a","getTealiumAudienceKeys","resolvedRibbonConfig","currentChannel","process","env","NEXT_PUBLIC_CHANNEL","ribbons","length","presentTimeMs","getTime","nextRecalculationTimeMs","flatMap","ribbon","times","startTime","scheduleStartTime","endTime","scheduleEndTime","startTimeMs","push","endTimeMs","sort","a","b","delay","timer","setTimeout","Math","max","clearTimeout","eligibleRibbons","component","hasStarted","notExpired","isRibbonWithinScheduleWindow","microsites","normalizedChannel","some","microsite","isRibbonAllowedForChannel","ribbonAudiences","availableAudiences","normalizedRibbonAudiences","size","has","matchesTealiumAudiences","ribbonCustomerGroup","customerGroups","group","includes","matchesCustomerGroup","customerType","heroLoginRibbon","find","nonHeroLoginRibbon","ribbonsToRender","_jsx","className","children","index","assign","_uid"],"mappings":"mKAGA,MAgCMA,EAA2BC,GAA0BA,EAAMC,OAAOC,cA2ClEC,EAAwBH,GACvBA,EACEI,MAAMC,QAAQL,GAASA,EAAQ,CAACA,GADpB,GA8CfM,EAAuBN,GACtBA,EAIEO,EAAAA,kBAAkB,IAAIC,KAAKR,EAAMC,OAAOQ,QAAQ,KAAM,OAHpD,qBAgBY,EAAGC,eAAcC,WAAUC,UAASC,mBACzDC,QAAQC,IAAI,wBAAyB,CAAEL,eAAcC,WAAUC,YAC/D,MAAOI,EAAmBC,GAAwBC,EAAAA,SAAwB,OACnEC,EAAkBC,GAAuBF,EAAAA,SAAsB,IAAIG,MACnEC,EAAYC,GAAiBL,EAAAA,UAAS,IACtCM,EAAaC,GAAkBP,EAAAA,SAAe,IAAIV,MAEzDkB,EAAAA,UAAU,KACR,GAAsB,oBAAXC,OAAwB,OAEnC,MAAMC,EAAgBD,OAAOE,aAAaC,QAtJX,iBAwJ/Bb,EAAqBW,GACrBR,EA1G2B,MAC7B,GAAsB,oBAAXO,OACT,OAAO,IAAIN,IAGb,MAAMU,EAAWJ,OAAOE,aAAaC,QAAQ,cAC7C,IAAKC,EACH,OAAO,IAAIV,IAGb,IACE,MAAMW,EAASC,KAAKC,MAAMH,GACpBI,EAAYH,aAAM,EAANA,EAAQG,UAE1B,OAAKA,GAAkC,iBAAdA,EAIlB,IAAId,IACTe,OAAOC,KAAKF,GACTG,OAAOC,SACPC,IAAKC,GAAaC,OAAOD,GAAUxC,OAAOC,gBANtC,IAAImB,GAQf,CAAE,MAAAsB,GACA,OAAO,IAAItB,GACb,GAiFsBuB,IACpBrB,GAAc,IACb,IAEH,MAAMsB,EAAuBnC,IAAgBC,aAAQ,EAARA,EAAUD,cACjDoC,EAAiBlC,GAAWmC,QAAQC,IAAIC,qBAAuB,GA+CrE,GA7CAvB,EAAAA,UAAU,WACR,KAAkC,QAA7BiB,EAAAE,aAAoB,EAApBA,EAAsBK,eAAO,IAAAP,OAAA,EAAAA,EAAEQ,QAClC,OAGF,MAAMC,EAAgB5B,EAAY6B,UAyB5BC,EAxBgBT,EAAqBK,QACxCK,QAASC,IACR,MAAMC,EAAkB,GAClBC,EAAYpD,EAAoBkD,EAAOG,mBACvCC,EAAUtD,EAAoBkD,EAAOK,iBAE3C,GAAIH,EAAW,CACb,MAAMI,EAAcJ,EAAUL,UAC1BS,EAAcV,GAChBK,EAAMM,KAAKD,EAEf,CAEA,GAAIF,EAAS,CACX,MAAMI,EAAYJ,EAAQP,UACtBW,EAAYZ,GACdK,EAAMM,KAAKC,EAEf,CAEA,OAAOP,IAERQ,KAAK,CAACC,EAAGC,IAAMD,EAAIC,GAEwB,GAC9C,IAAKb,EACH,OAGF,MAAMc,EAAQd,EAA0BF,EAClCiB,EAAQ1C,OAAO2C,WAAW,KAC9B7C,EAAe,IAAIjB,OAClB+D,KAAKC,IAAIJ,EAAO,IAEnB,MAAO,KACLzC,OAAO8C,aAAaJ,KAErB,CAACxB,aAAoB,EAApBA,EAAsBK,QAAS1B,KAE9BF,EACH,OAAO,KAGT,KACGuB,aAAoB,EAApBA,EAAsBK,WACtB9C,MAAMC,QAAQwC,EAAqBK,UACI,IAAxCL,EAAqBK,QAAQC,OAE7B,OAAO,KAETrC,QAAQC,IAAI,uBAAwB8B,GACpC,MAAM6B,EAAkB7B,EAAqBK,QAAQZ,OAAQkB,IAC3D,IAAKA,EAAOmB,UACV,OAAO,EAGT,IA5FiC,EAACnB,EAAqBhC,KACzD,MAAMkC,EAAYpD,EAAoBkD,EAAOG,mBACvCC,EAAUtD,EAAoBkD,EAAOK,iBAErCe,GAAclB,GAAalC,EAAY6B,WAAaK,EAAUL,UAC9DwB,GAAcjB,GAAWA,EAAQP,UAAY7B,EAAY6B,UAE/D,OAAOuB,GAAcC,GAqFdC,CAA6BtB,EAAQhC,GACxC,OAAO,EAGT,IAAIgC,aAAM,EAANA,EAAQuB,cAhMkB,EAACvB,EAAqB5C,KACtD,IAAKR,MAAMC,QAAQmD,EAAOuB,aAA4C,IAA7BvB,EAAOuB,WAAW5B,OACzD,OAAO,EAGT,MAAM6B,EAAoBjF,EAAwBa,GAElD,OAAO4C,EAAOuB,WAAWE,KACtBC,GACsB,iBAAdA,GAA0BnF,EAAwBmF,KAAeF,IAuL/CG,CAA0B3B,EAAQV,GAC3D,OAAO,EAGT,GAAyB,sBAArBU,EAAOmB,UACT,OAAO,EAIT,OADkCxE,EAAqBqD,EAAOrC,kBAAkBgC,OAAS,EA1J7D,EAC9BiC,EACAC,KAEA,MAAMC,EAA4BnF,EAAqBiF,GAAiB5C,IAAKC,GAC3EC,OAAOD,GAAUxC,OAAOC,eAG1B,OAAKoF,EAA0BnC,UAI1BkC,EAAmBE,MAIjBD,EAA0BL,KAAMxC,GAAa4C,EAAmBG,IAAI/C,KA4IhEgD,CAAwBjC,EAAOrC,iBAAkBA,GAzIjC,EAC3BuE,EACA1E,KAEA,MAAM2E,EAAiBxF,EAAqBuF,GAAqBlD,IAAKoD,GACpElD,OAAOkD,GAAO3F,OAAOC,eAGvB,OAAKyF,EAAexC,UAIhBwC,EAAeE,SAAS,UAIvB7E,GAIE2E,EAAeE,SAAS7E,EAAkBd,gBAwHxC4F,CAAqBtC,EAAOuC,aAAc/E,KAG7CgF,EAAkBtB,EAAgBuB,KAAMzC,GAAgC,cAArBA,EAAOmB,WAC1DuB,EAAqBxB,EAAgBuB,KAAMzC,GAAgC,cAArBA,EAAOmB,WAE7DwB,EAAiC,GASvC,OARID,GACFC,EAAgBpC,KAAKmC,GAGnBF,GACFG,EAAgBpC,KAAKiC,GAGQ,IAA3BG,EAAgBhD,OACX,KAIPiD,EAAAA,IAAA,MAAA,CAAKC,UAAU,kBAAiBC,SAC7BH,EAAgB3D,IAAI,CAACgB,EAAqB+C,IACzCH,EAAAA,IAAA,MAAA,CAA+CC,UAAU,cAAaC,SACnEzF,EACCuB,OAAAoE,OAAApE,OAAAoE,OAAA,CAAA,EACKhD,GAAM,CACTiD,KAAOjD,EAAa,MAAgB,UAAU+C,IAC9C5B,UAAWnB,EAAOmB,YAEpB4B,IAPO/C,EAAa,MAAgB+C"}
|
package/dist/cjs/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("./components/RibbonComponent/RibbonComponent.js"),o=require("./components/GlobalPromoRibbon/GlobalPromoRibbon.js"),t=require("./components/FalconButtonV3/FalconButtonV3.js"),n=require("./components/StageTeaserComponent/StageTeaserComponent.js"),
|
|
1
|
+
"use strict";var e=require("./components/RibbonComponent/RibbonComponent.js"),o=require("./components/RibbonRenderer/RibbonRenderer.js"),r=require("./components/GlobalPromoRibbon/GlobalPromoRibbon.js"),t=require("./components/FalconButtonV3/FalconButtonV3.js"),n=require("./components/StageTeaserComponent/StageTeaserComponent.js"),s=require("./components/ImageComponent/ImageComponent.js"),a=require("./components/TextComponent/TextComponent.js"),i=require("./components/ButtonGroup/ButtonGroup.js"),p=require("./components/ImageWithText/ImageWithText.js"),u=require("./components/ImageWithTextWrapper/ImageWithTextWrapper.js"),m=require("./components/InternetAndTvCardsBenefits/InternetAndTvCardsBenefits.js"),c=require("./components/linecheck/LineCheckV2.js"),l=require("./components/StageTeaserV3/StageTeaserV3.js"),d=require("./components/StageTeaserV3/PromoBubble/PromoBubble.js"),x=require("./components/FalconMainNavigation/FalconMainNavigation.js"),b=require("./components/SearchWrapper/SearchWrapper.js"),f=require("./components/MinimizedHeader/MinimizedHeader.js"),C=require("./services/LinecheckBasicPropConfig.js"),g=require("./services/CustomerPropConfig.js");exports.RibbonComponent=e.default,exports.RibbonRenderer=o.default,exports.GlobalPromoRibbon=r.default,exports.FalconButtonV3=t.default,exports.StageTeaserComponent=n.default,exports.ImageComponent=s.default,exports.TextComponent=a.default,exports.ButtonGroup=i.default,exports.ImageWithText=p.default,exports.ImageWithTextWrapper=u.default,exports.InternetAndTvCardsBenefits=m.default,exports.LineCheckV2=c.default,exports.StageTeaserV3=l.default,exports.PromoBubble=d.default,exports.FalconMainNavigation=x.default,exports.SearchWrapper=b.default,exports.MinimizedHeader=f.default,exports.LinecheckBasicPropConfig=C.LinecheckBasicPropConfig,exports.CustomerPropConfig=g.CustomerPropConfig;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -142,4 +142,18 @@
|
|
|
142
142
|
|
|
143
143
|
.FalconButtonV3-module__afterIcon___NlKwd {
|
|
144
144
|
margin: 0 0 0 8px;
|
|
145
|
+
}
|
|
146
|
+
|
|
147
|
+
@media (min-width: 1024px) {
|
|
148
|
+
.FalconButtonV3-module__slimButton___C3G5a {
|
|
149
|
+
padding-top: 10px !important;
|
|
150
|
+
padding-bottom: 10px !important;
|
|
151
|
+
border-radius: 22px !important;
|
|
152
|
+
font-size: 16px !important;
|
|
153
|
+
line-height: 24px !important;
|
|
154
|
+
}
|
|
155
|
+
.FalconButtonV3-module__slimButtonSecondary___nctne {
|
|
156
|
+
padding-top: 8px !important;
|
|
157
|
+
padding-bottom: 8px !important;
|
|
158
|
+
}
|
|
145
159
|
}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import './FalconButtonV3.css';
|
|
2
|
-
import{jsx as r,jsxs as e}from"react/jsx-runtime";import a from"./FalconButtonV3.module.scss.js";const t=r=>{switch(r){case"Primary-V1":return a.button;case"Secondary-V1":return`${a.button} ${a["Secondary-V1"]}`;case"Secondary-V4":return"falcon-secondary-button-v4";case"Secondary-Dark":return"falcon-secondary-button-dark";case"Primary-Dark-V1":return"falcon-primary-dark-button";case"Primary-Dark-V2":return"falcon-primary-dark-v2-button";case"Secondary-V5":return"falcon-secondary-button-v5";case"Secondary-White":return`${a.button} ${a["Secondary-white"]}`;case"Secondary-Red":return`${a.button} ${a["Secondary-red"]}`;case"Primary-White-V1":return"falcon-primary-white-v1-button";default:return""}},n=({href:n,label:o,buttonType:c,
|
|
2
|
+
import{jsx as r,jsxs as e}from"react/jsx-runtime";import a from"./FalconButtonV3.module.scss.js";const t=r=>{switch(r){case"Primary-V1":return a.button;case"Secondary-V1":return`${a.button} ${a["Secondary-V1"]}`;case"Secondary-V4":return"falcon-secondary-button-v4";case"Secondary-Dark":return"falcon-secondary-button-dark";case"Primary-Dark-V1":return"falcon-primary-dark-button";case"Primary-Dark-V2":return"falcon-primary-dark-v2-button";case"Secondary-V5":return"falcon-secondary-button-v5";case"Secondary-White":return`${a.button} ${a["Secondary-white"]}`;case"Secondary-Red":return`${a.button} ${a["Secondary-red"]}`;case"Primary-White-V1":return"falcon-primary-white-v1-button";default:return""}},n=({href:n,label:o,buttonType:c,isSlim:s,target:i,rel:l,onClick:u,iconFilename:d,iconPosition:m,wrapperClassName:y,buttonClassName:f,iconClassName:b})=>{const $=(c||"").toLowerCase().startsWith("secondary"),h=[t(c||""),s?a.slimButton:"",s&&$?a.slimButtonSecondary:"",f||""].filter(Boolean).join(" "),S=d&&"before"===m,p=d&&"after"===m,V=`${a.icon} ${b||""}`.trim();return r("div",{className:y,children:r("a",{href:n,target:null!=i?i:"",rel:l,onClick:u,children:e("div",{className:h,children:[S&&r("img",{className:`${V} ${a.beforeIcon}`,src:d,alt:""}),o,p&&r("img",{className:`${V} ${a.afterIcon}`,src:d,alt:""})]})})})};export{n as default,t as getFalconButtonClass};
|
|
3
3
|
//# sourceMappingURL=FalconButtonV3.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FalconButtonV3.js","sources":["../../../../../src/components/FalconButtonV3/FalconButtonV3.tsx"],"sourcesContent":[null],"names":["getFalconButtonClass","type","Styles","button","FalconButtonV3","href","label","buttonType","target","rel","onClick","iconFilename","iconPosition","wrapperClassName","buttonClassName","iconClassName","buttonClass","
|
|
1
|
+
{"version":3,"file":"FalconButtonV3.js","sources":["../../../../../src/components/FalconButtonV3/FalconButtonV3.tsx"],"sourcesContent":[null],"names":["getFalconButtonClass","type","Styles","button","FalconButtonV3","href","label","buttonType","isSlim","target","rel","onClick","iconFilename","iconPosition","wrapperClassName","buttonClassName","iconClassName","isSecondaryButton","toLowerCase","startsWith","buttonClass","slimButton","slimButtonSecondary","filter","Boolean","join","shouldShowBeforeIcon","shouldShowAfterIcon","iconBaseClass","icon","trim","_jsx","className","children","_jsxs","beforeIcon","src","alt","afterIcon"],"mappings":"iGAGO,MAAMA,EAAwBC,IACnC,OAAQA,GACN,IAAK,aACH,OAAOC,EAAOC,OAEhB,IAAK,eACH,MAAO,GAAGD,EAAOC,UAAUD,EAAO,kBAEpC,IAAK,eACH,MAAO,6BAET,IAAK,iBACH,MAAO,+BAET,IAAK,kBACH,MAAO,6BAET,IAAK,kBACH,MAAO,gCAET,IAAK,eACH,MAAO,6BAET,IAAK,kBACH,MAAO,GAAGA,EAAOC,UAAUD,EAAO,qBAEpC,IAAK,gBACH,MAAO,GAAGA,EAAOC,UAAUD,EAAO,mBAEpC,IAAK,mBACH,MAAO,iCAET,QACE,MAAO,KAmBPE,EAAiB,EACrBC,OACAC,QACAC,aACAC,SACAC,SACAC,MACAC,UACAC,eACAC,eACAC,mBACAC,kBACAC,oBAEA,MAAMC,GAAqBV,GAAc,IAAIW,cAAcC,WAAW,aAChEC,EAAc,CAClBpB,EAAqBO,GAAc,IACnCC,EAASN,EAAOmB,WAAa,GAC7Bb,GAAUS,EAAoBf,EAAOoB,oBAAsB,GAC3DP,GAAmB,IAElBQ,OAAOC,SACPC,KAAK,KACFC,EAAuBd,GAAiC,WAAjBC,EACvCc,EAAsBf,GAAiC,UAAjBC,EACtCe,EAAgB,GAAG1B,EAAO2B,QAAQb,GAAiB,KAAKc,OAE9D,OACEC,EAAA,MAAA,CAAKC,UAAWlB,EAAgBmB,SAC9BF,OAAG1B,KAAMA,EAAMI,OAAQA,QAAAA,EAAU,GAAIC,IAAKA,EAAKC,QAASA,WACtDuB,EAAA,MAAA,CAAKF,UAAWZ,EAAWa,SAAA,CACxBP,GACCK,SAAKC,UAAW,GAAGJ,KAAiB1B,EAAOiC,aAAcC,IAAKxB,EAAcyB,IAAI,KAEjF/B,EACAqB,GACCI,SAAKC,UAAW,GAAGJ,KAAiB1B,EAAOoC,YAAaF,IAAKxB,EAAcyB,IAAI"}
|
|
@@ -142,4 +142,18 @@
|
|
|
142
142
|
|
|
143
143
|
.FalconButtonV3-module__afterIcon___NlKwd {
|
|
144
144
|
margin: 0 0 0 8px;
|
|
145
|
+
}
|
|
146
|
+
|
|
147
|
+
@media (min-width: 1024px) {
|
|
148
|
+
.FalconButtonV3-module__slimButton___C3G5a {
|
|
149
|
+
padding-top: 10px !important;
|
|
150
|
+
padding-bottom: 10px !important;
|
|
151
|
+
border-radius: 22px !important;
|
|
152
|
+
font-size: 16px !important;
|
|
153
|
+
line-height: 24px !important;
|
|
154
|
+
}
|
|
155
|
+
.FalconButtonV3-module__slimButtonSecondary___nctne {
|
|
156
|
+
padding-top: 8px !important;
|
|
157
|
+
padding-bottom: 8px !important;
|
|
158
|
+
}
|
|
145
159
|
}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import './FalconButtonV3.module.scss.css';
|
|
2
|
-
var o={button:"FalconButtonV3-module__button___aK4J4",icon:"FalconButtonV3-module__icon___hYGF4","Secondary-V1":"FalconButtonV3-module__Secondary-V1___oqcpr","Secondary-white":"FalconButtonV3-module__Secondary-white___u3JB4","Secondary-red":"FalconButtonV3-module__Secondary-red___um-4v",beforeIcon:"FalconButtonV3-module__beforeIcon___BoqUb",afterIcon:"FalconButtonV3-module__afterIcon___NlKwd"};export{o as default};
|
|
2
|
+
var o={button:"FalconButtonV3-module__button___aK4J4",icon:"FalconButtonV3-module__icon___hYGF4","Secondary-V1":"FalconButtonV3-module__Secondary-V1___oqcpr","Secondary-white":"FalconButtonV3-module__Secondary-white___u3JB4","Secondary-red":"FalconButtonV3-module__Secondary-red___um-4v",beforeIcon:"FalconButtonV3-module__beforeIcon___BoqUb",afterIcon:"FalconButtonV3-module__afterIcon___NlKwd",slimButton:"FalconButtonV3-module__slimButton___C3G5a",slimButtonSecondary:"FalconButtonV3-module__slimButtonSecondary___nctne"};export{o as default};
|
|
3
3
|
//# sourceMappingURL=FalconButtonV3.module.scss.js.map
|
|
@@ -99,19 +99,6 @@ color: #ffffff;
|
|
|
99
99
|
flex-wrap: nowrap;
|
|
100
100
|
}
|
|
101
101
|
|
|
102
|
-
.globalPromoRibbon_Slim .globalPromoRibbon_SlimButton {
|
|
103
|
-
padding-top: 10px;
|
|
104
|
-
padding-bottom: 10px;
|
|
105
|
-
border-radius: 22px;
|
|
106
|
-
font-size: 16px;
|
|
107
|
-
line-height: 24px;
|
|
108
|
-
}
|
|
109
|
-
|
|
110
|
-
.globalPromoRibbon_Slim .globalPromoRibbon_SlimButtonSecondary {
|
|
111
|
-
padding-top: 8px;
|
|
112
|
-
padding-bottom: 8px;
|
|
113
|
-
}
|
|
114
|
-
|
|
115
102
|
}
|
|
116
103
|
/* Mobile only viewport */
|
|
117
104
|
@media all and (max-width: 767px) {
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import './GlobalPromoRibbon.css';
|
|
2
|
-
import{jsx as o,Fragment as e,jsxs as n}from"react/jsx-runtime";import{useState as l,useRef as i,useEffect as t}from"react";import r from"../RibbonComponent/RibbonComponentTimer/RibbonComponentTimer.js";import{calculateDateTime as a}from"../RibbonComponent/utils.js";import{trackNewDatalayerEvent as
|
|
2
|
+
import{jsx as o,Fragment as e,jsxs as n}from"react/jsx-runtime";import{useState as l,useRef as i,useEffect as t}from"react";import r from"../RibbonComponent/RibbonComponentTimer/RibbonComponentTimer.js";import{calculateDateTime as a}from"../RibbonComponent/utils.js";import{trackNewDatalayerEvent as d}from"../../utils/AnalyticUtils.js";import{VIEWPROMOTION as s,ALL as u,RIBBON as c,CMS as m}from"../../utils/AnalyticsConstants.js";import v from"../FalconButtonV3/FalconButtonV3.js";import{CUSTOMER_GROUP_STORAGE_KEY as b}from"../Constants.js";const g=o=>o?(Array.isArray(o)?o:[o]).filter(Boolean).map(o=>String(o).trim().toLowerCase()):[],p=o=>o?a(new Date(o.trim().replace(/-/g,"/"))):null,h=o=>{if(!(null==o?void 0:o.endTime))return!1;return a(new Date(o.endTime.replace(/-/g,"/"))).getTime()<=Date.now()},T=({content:a})=>{var T,f,w,_,S,y,C,I,R;const[N,k]=l(!1),[P,B]=l(!1),[j,L]=l(!1),[A,U]=l(new Date),V=i(null),[x,D]=l(!1),[O,E]=l(!1),[F,G]=l(null==a?void 0:a.teaserTimer[0]),[J,$]=l(h(null===(T=null==a?void 0:a.teaserTimer)||void 0===T?void 0:T[0])),W=(null==a?void 0:a.slimVersion)?" globalPromoRibbon_Slim":"";t(()=>{k(!0);const o=window.localStorage.getItem(b),e=(()=>{var o;if("undefined"==typeof window)return new Set;const e=window.localStorage.getItem("tealium_va");if(!e)return new Set;try{const n=null===(o=JSON.parse(e))||void 0===o?void 0:o.audiences;return n&&"object"==typeof n?new Set(Object.keys(n).map(o=>o.trim().toLowerCase())):new Set}catch(o){return new Set}})(),n=g(null==a?void 0:a.tealiumAudiences).length>0;L(n?((o,e)=>{const n=g(o);return!n.length||n.some(o=>e.has(o))})(null==a?void 0:a.tealiumAudiences,e):((o,e)=>{const n=g(o);return!(n.length&&!n.includes("all"))||Boolean(e&&n.includes(e.trim().toLowerCase()))})(null==a?void 0:a.customerType,o)),B(!0)},[]);const H=()=>{!1===x&&D(!0)};t(()=>{var o;if(null===(o=null==a?void 0:a.teaserTimer[0])||void 0===o?void 0:o.startTime){const o=null==a?void 0:a.teaserTimer[0];G(o),$(h(o))}else $(!1);E(!0)},[null==a?void 0:a.teaserTimer]),t(()=>{const o=p(null==a?void 0:a.scheduleStartTime),e=p(null==a?void 0:a.scheduleEndTime),n=A.getTime(),l=[o,e].filter(o=>Boolean(o)).map(o=>o.getTime()).filter(o=>o>n).sort((o,e)=>o-e)[0];if(!l)return;const i=l-n,t=window.setTimeout(()=>{U(new Date)},Math.max(i,0));return()=>{window.clearTimeout(t)}},[null==a?void 0:a.scheduleStartTime,null==a?void 0:a.scheduleEndTime,A]),t(()=>{var o;const e=new IntersectionObserver(o=>{var e,n;o[0].isIntersecting&&o[0].intersectionRatio>=.5&&!(null===(e=localStorage.getItem("analyticsUids"))||void 0===e?void 0:e.includes(a._uid))&&(d(s,s,{banner_promotion_name:null!==(n=null==a?void 0:a.bannerPromotionName)&&void 0!==n?n:null==a?void 0:a.title,banner_source:m,banner_type:c,banner_location:null==a?void 0:a.bannerLocation,audience_name:u,promotion_objective:u}),localStorage.setItem("analyticsUids",JSON.stringify([...localStorage.getItem("analyticsUids")?JSON.parse(localStorage.getItem("analyticsUids")||""):[],a._uid])))},{threshold:.5});return V.current&&!(null===(o=localStorage.getItem("analyticsUids"))||void 0===o?void 0:o.includes(a._uid))&&e.observe(V.current),()=>{e.disconnect()}});const M=p(null==a?void 0:a.scheduleStartTime),q=p(null==a?void 0:a.scheduleEndTime),z=!M||A.getTime()>=M.getTime(),K=!q||q.getTime()>A.getTime(),Q=!1===x&&O&&P&&j&&(z&&K),X=(null==a?void 0:a.gradientBackgroundGlobal)&&"none"!==(null==a?void 0:a.gradientBackgroundGlobal)?a.gradientBackgroundGlobal.replace(/;\s*$/,""):null==a?void 0:a.backgroundColor;return o("div",{className:"body-banner",suppressHydrationWarning:!0,children:N&&Q&&o(e,{children:o("div",{className:`globalPromoRibbon_Wrapper${W}`,style:{background:X},ref:V,children:n("div",{className:"globalPromoRibbon_Card",children:[n("div",{className:"globalPromoRibbon_descriptionBlockSection",children:[(null===(f=null==a?void 0:a.icon)||void 0===f?void 0:f.filename)&&o("div",{className:"globalPromoRibbon_Image",children:o("img",{className:"globalPromoRibbon_Icon",src:null===(w=null==a?void 0:a.icon)||void 0===w?void 0:w.filename})}),(null==a?void 0:a.title)&&n("div",{className:"globalPromoRibbon_TextContainer",children:[o("span",{style:{color:null==a?void 0:a.titleColor},children:null==a?void 0:a.title}),o("div",{})]})]}),n("div",{className:"globalPromoRibbon_ButtonSection",children:[(null===(_=null==a?void 0:a.teaserTimer[0])||void 0===_?void 0:_.startTime)&&!J&&o("div",{className:"globalPromoRibbon_Timer",children:o(r,{content:F,setTimerExpired:$,isSlimVersion:Boolean(null==a?void 0:a.slimVersion)})}),(null===(S=null==a?void 0:a.buttons)||void 0===S?void 0:S.length)?o("div",{className:"globalPromoRibbon_Buttons",children:a.buttons.map((e,n)=>{var l,i,t,r,d,s,u,c;return o(v,{wrapperClassName:"globalPromoRibbon_Button",href:e.href||(null===(l=e.buttonLink)||void 0===l?void 0:l.url)||(null===(i=e.buttonLink)||void 0===i?void 0:i.cached_url)||"",label:e.buttonLabel||e.label||"",buttonType:e.buttonType,isSlim:Boolean(null==a?void 0:a.slimVersion),target:null!==(r=null!==(t=e.target)&&void 0!==t?t:e.linkTarget)&&void 0!==r?r:"",rel:null!==(d=e.rel)&&void 0!==d?d:"_blank"===e.linkTarget?"opener":"noopener",iconFilename:e.iconFilename||(null===(s=e.buttonIcon)||void 0===s?void 0:s.filename),iconPosition:e.iconPosition},`${e.href||(null===(u=e.buttonLink)||void 0===u?void 0:u.url)||(null===(c=e.buttonLink)||void 0===c?void 0:c.cached_url)||n}`)})}):null,(null===(y=null==a?void 0:a.closeIcon)||void 0===y?void 0:y.filename)&&(null==a?void 0:a.showCloseIcon)&&o("div",{className:"globalPromoRibbon_CloseIcon",onClick:()=>H(),children:o("img",{src:null===(C=null==a?void 0:a.closeIcon)||void 0===C?void 0:C.filename})})]}),(null===(I=null==a?void 0:a.closeIcon)||void 0===I?void 0:I.filename)&&(null==a?void 0:a.showCloseIcon)&&o("div",{className:"globalPromoRibbon_CloseIcon1",onClick:()=>H(),children:o("img",{src:null===(R=null==a?void 0:a.closeIcon)||void 0===R?void 0:R.filename})})]})})})})};export{T as default};
|
|
3
3
|
//# sourceMappingURL=GlobalPromoRibbon.js.map
|