@sunrise-upc/sales-static-components 3.8.6-beta.2 → 3.8.6-beta.4
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 +131 -129
- package/package.json +13 -1
|
@@ -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","GlobalPromoRibbon","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
|
import './RibbonComponentTimer.css';
|
|
2
|
-
import{jsx as e,jsxs as l}from"react/jsx-runtime";import r,{useState as i,useEffect as n}from"react";import{calculateDateTime as o}from"../utils.js";import{COLORWHITE as
|
|
2
|
+
import{jsx as e,jsxs as l}from"react/jsx-runtime";import r,{useState as i,useEffect as n}from"react";import{calculateDateTime as o}from"../utils.js";import{COLORWHITE as t,CENTER as a,LEFT as s,PRIMARYCOLORS as d}from"../../Constants.js";import m from"./RibbonExpiredTimerRedefined.js";import c from"./RibbonTimerV2.module.scss.js";const u=({content:u,setTimerExpired:v,isSlimVersion:b=!1})=>{var g,p,h,$,f,N,L;const T=e=>{"function"==typeof v&&v(e)},y=o(new Date(null===(g=null==u?void 0:u.endTime)||void 0===g?void 0:g.replace(/-/g,"/"))),C=o(new Date(null===(p=null==u?void 0:u.startTime)||void 0===p?void 0:p.replace(/-/g,"/"))),k=(null==u?void 0:u.colorChangeTime)&&o(new Date(null===(h=null==u?void 0:u.colorChangeTime)||void 0===h?void 0:h.replace(/-/g,"/"))),[x,j]=i(!1),[w,A]=i(null!==($=null==u?void 0:u.timerColor)&&void 0!==$?$:""),[D,I]=i(!1),M=()=>{const e=new Date;k&&!D&&e.getTime()>k.getTime()&&(A(d),I(!0)),e.getTime()>=C.getTime()&&!x&&j(!0);const l=y.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),n=("0"+Math.floor(l/1e3%60)).slice(-2);return T(!1),{days:e,hours:r,mins:i,sec:n}}return T(!0),null},R=(null==u?void 0:u.backgroundColor)&&(null==u?void 0:u.backgroundColorTransparency)&&u.backgroundColorTransparency>0?u.backgroundColorTransparency/100:0,E=R?(e=>{if(!e||"transparent"===e)return"transparent";const l=R,r=e.match(/rgba\((\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*,\s*([0-9.]+)\)/i);if(r){const[,e,i,n]=r;return`rgba(${e}, ${i}, ${n}, ${l})`}const i=e.match(/rgb\((\d+)\s*,\s*(\d+)\s*,\s*(\d+)\)/i);if(i){const[,e,r,n]=i;return`rgba(${e}, ${r}, ${n}, ${l})`}if(e.startsWith("#")){const r=e.replace("#",""),i=3===r.length,n=parseInt(i?r[0]+r[0]:r.slice(0,2),16),o=parseInt(i?r[1]+r[1]:r.slice(2,4),16),t=parseInt(i?r[2]+r[2]:r.slice(4,6),16);if(!Number.isNaN(n)&&!Number.isNaN(o)&&!Number.isNaN(t))return`rgba(${n}, ${o}, ${t}, ${l})`}return e})(null==u?void 0:u.backgroundColor):(null==u?void 0:u.backgroundColor)||"transparent",V={timerColor:w,backgroundColor:E,expiryLabel:null==u?void 0:u.expiryLabel,timerAlignment:null==u?void 0:u.timerAlignment,dayLabel:null==u?void 0:u.dayLabel,hourLabel:null==u?void 0:u.hourLabel,minuteLabel:null==u?void 0:u.minuteLabel,secondLabel:null==u?void 0:u.secondLabel,expiryLabelColor:null==u?void 0:u.expiryLabelColor},[F,S]=i(M());n(()=>{S(M());const e=setInterval(()=>{S(M())},1e3);return()=>{clearInterval(e)}},[]);const W=[{label:null!==(f=null==u?void 0:u.hourLabel)&&void 0!==f?f:"",value:null==F?void 0:F.hours},{label:null!==(N=null==u?void 0:u.minuteLabel)&&void 0!==N?N:"",value:null==F?void 0:F.mins},{label:null!==(L=null==u?void 0:u.secondLabel)&&void 0!==L?L:"",value:null==F?void 0:F.sec}];return e("div",{className:"timer-wrap",style:{textAlign:u.timerAlignment===a?"center":u.timerAlignment===s?"left":"right"},children:x&&e("div",{className:"timer-container",children:F?l("div",{className:`timer-section ${b?c["slim-timer-section"]:""}`.trim(),style:{color:(null==u?void 0:u.isDarkMode)?t:w,backgroundColor:E},children:[l("div",{className:` ${c["stage-teaser-ribbon-timer-element"]} transparent-element`,children:[l("div",{className:`${c["stage-teaser-ribbon-timer-value"]} ${b?c["slim-timer-value"]:""}`.trim(),children:[" ",null==F?void 0:F.days]}),e("div",{className:`${c["stage-teaser-ribbon-timer-label"]}`,children:null==u?void 0:u.dayLabel})]}),W.map((i,n)=>l(r.Fragment,{children:[e("div",{className:`${c["stage-teaser-ribbon-timer-colon"]} ${b?c["slim-timer-colon"]:""}`.trim(),children:":"}),l("div",{className:`${c["stage-teaser-ribbon-timer-element"]} ${b?c["slim-timer-element"]:""}`.trim(),children:[l("div",{className:`${c["stage-teaser-ribbon-timer-value"]} ${b?c["slim-timer-value"]:""}`.trim(),children:[" ",null==i?void 0:i.value]}),e("div",{className:`${c["stage-teaser-ribbon-timer-label"]}`,children:null==i?void 0:i.label})]})]},n))]}):e("div",{children:e(m,{content:V})})})})};export{u as default};
|
|
3
3
|
//# sourceMappingURL=RibbonComponentTimer.js.map
|
package/dist/esm/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":["RibbonComponentTimer","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":["RibbonComponentTimer","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/esm/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/esm/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/esm/components/RibbonComponent/RibbonComponentTimer/RibbonTimerV2.module.scss.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import './RibbonTimerV2.module.scss.css';
|
|
2
|
-
var e={"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"};export{e as default};
|
|
2
|
+
var e={"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"};export{e as default};
|
|
3
3
|
//# sourceMappingURL=RibbonTimerV2.module.scss.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{jsx as e}from"react/jsx-runtime";import{useState as n,useEffect as t}from"react";import{calculateDateTime as r}from"../RibbonComponent/utils.js";const o=e=>e.trim().toLowerCase(),i=e=>e?Array.isArray(e)?e:[e]:[],s=e=>e?r(new Date(e.trim().replace(/-/g,"/"))):null,l=({ribbonConfig:r,metadata:l,channel:u,renderRibbon:a})=>{console.log("RibbonRenderer props:",{ribbonConfig:r,metadata:l,channel:u});const[c,m]=n(null),[d,b]=n(new Set),[g,f]=n(!1),[p,w]=n(new Date);t(()=>{if("undefined"==typeof window)return;const e=window.localStorage.getItem("customerGroup");m(e),b((()=>{if("undefined"==typeof window)return new Set;const e=window.localStorage.getItem("tealium_va");if(!e)return new Set;try{const n=JSON.parse(e),t=null==n?void 0:n.audiences;return t&&"object"==typeof t?new Set(Object.keys(t).filter(Boolean).map(e=>String(e).trim().toLowerCase())):new Set}catch(e){return new Set}})()),f(!0)},[]);const h=r||(null==l?void 0:l.ribbonConfig),T=u||process.env.NEXT_PUBLIC_CHANNEL||"";if(t(()=>{var e;if(!(null===(e=null==h?void 0:h.ribbons)||void 0===e?void 0:e.length))return;const n=p.getTime(),t=h.ribbons.flatMap(e=>{const t=[],r=s(e.scheduleStartTime),o=s(e.scheduleEndTime);if(r){const e=r.getTime();e>n&&t.push(e)}if(o){const e=o.getTime();e>n&&t.push(e)}return t}).sort((e,n)=>e-n)[0];if(!t)return;const r=t-n,o=window.setTimeout(()=>{w(new Date)},Math.max(r,0));return()=>{window.clearTimeout(o)}},[null==h?void 0:h.ribbons,p]),!g)return null;if(!(null==h?void 0:h.ribbons)||!Array.isArray(h.ribbons)||0===h.ribbons.length)return null;console.log("resolvedRibbonConfig",h);const v=h.ribbons.filter(e=>{if(!e.component)return!1;if(!((e,n)=>{const t=s(e.scheduleStartTime),r=s(e.scheduleEndTime),o=!t||n.getTime()>=t.getTime(),i=!r||r.getTime()>n.getTime();return o&&i})(e,p))return!1;if((null==e?void 0:e.microsites)&&!((e,n)=>{if(!Array.isArray(e.microsites)||0===e.microsites.length)return!1;const t=o(n);return e.microsites.some(e=>"string"==typeof e&&o(e)===t)})(e,T))return!1;if("globalPromoRibbon"!==e.component)return!0;return i(e.tealiumAudiences).length>0?((e,n)=>{const t=i(e).map(e=>String(e).trim().toLowerCase());return!t.length||!!n.size&&t.some(e=>n.has(e))})(e.tealiumAudiences,d):((e,n)=>{const t=i(e).map(e=>String(e).trim().toLowerCase());return!t.length||!!t.includes("all")||!!n&&t.includes(n.toLowerCase())})(e.customerType,c)}),S=v.find(e=>"heroLogin"===e.component),y=v.find(e=>"heroLogin"!==e.component),C=[];return y&&C.push(y),S&&C.push(S),0===C.length?null:e("div",{className:"ribbons-wrapper",children:C.map((n,t)=>e("div",{className:"ribbon-item",children:a(Object.assign(Object.assign({},n),{_uid:n._uid||`ribbon-${t}`,component:n.component}),t)},n._uid||t))})};export{l as default};
|
|
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","RibbonRenderer","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":"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"}
|
package/dist/esm/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export{default as RibbonComponent}from"./components/RibbonComponent/RibbonComponent.js";export{default as GlobalPromoRibbon}from"./components/GlobalPromoRibbon/GlobalPromoRibbon.js";export{default as FalconButtonV3}from"./components/FalconButtonV3/FalconButtonV3.js";export{default as StageTeaserComponent}from"./components/StageTeaserComponent/StageTeaserComponent.js";export{default as ImageComponent}from"./components/ImageComponent/ImageComponent.js";export{default as TextComponent}from"./components/TextComponent/TextComponent.js";export{default as ButtonGroup}from"./components/ButtonGroup/ButtonGroup.js";export{default as ImageWithText}from"./components/ImageWithText/ImageWithText.js";export{default as ImageWithTextWrapper}from"./components/ImageWithTextWrapper/ImageWithTextWrapper.js";export{default as InternetAndTvCardsBenefits}from"./components/InternetAndTvCardsBenefits/InternetAndTvCardsBenefits.js";export{default as LineCheckV2}from"./components/linecheck/LineCheckV2.js";export{default as StageTeaserV3}from"./components/StageTeaserV3/StageTeaserV3.js";export{default as PromoBubble}from"./components/StageTeaserV3/PromoBubble/PromoBubble.js";export{default as FalconMainNavigation}from"./components/FalconMainNavigation/FalconMainNavigation.js";export{default as SearchWrapper}from"./components/SearchWrapper/SearchWrapper.js";export{default as MinimizedHeader}from"./components/MinimizedHeader/MinimizedHeader.js";export{LinecheckBasicPropConfig}from"./services/LinecheckBasicPropConfig.js";export{CustomerPropConfig}from"./services/CustomerPropConfig.js";
|
|
1
|
+
export{default as RibbonComponent}from"./components/RibbonComponent/RibbonComponent.js";export{default as RibbonRenderer}from"./components/RibbonRenderer/RibbonRenderer.js";export{default as GlobalPromoRibbon}from"./components/GlobalPromoRibbon/GlobalPromoRibbon.js";export{default as FalconButtonV3}from"./components/FalconButtonV3/FalconButtonV3.js";export{default as StageTeaserComponent}from"./components/StageTeaserComponent/StageTeaserComponent.js";export{default as ImageComponent}from"./components/ImageComponent/ImageComponent.js";export{default as TextComponent}from"./components/TextComponent/TextComponent.js";export{default as ButtonGroup}from"./components/ButtonGroup/ButtonGroup.js";export{default as ImageWithText}from"./components/ImageWithText/ImageWithText.js";export{default as ImageWithTextWrapper}from"./components/ImageWithTextWrapper/ImageWithTextWrapper.js";export{default as InternetAndTvCardsBenefits}from"./components/InternetAndTvCardsBenefits/InternetAndTvCardsBenefits.js";export{default as LineCheckV2}from"./components/linecheck/LineCheckV2.js";export{default as StageTeaserV3}from"./components/StageTeaserV3/StageTeaserV3.js";export{default as PromoBubble}from"./components/StageTeaserV3/PromoBubble/PromoBubble.js";export{default as FalconMainNavigation}from"./components/FalconMainNavigation/FalconMainNavigation.js";export{default as SearchWrapper}from"./components/SearchWrapper/SearchWrapper.js";export{default as MinimizedHeader}from"./components/MinimizedHeader/MinimizedHeader.js";export{LinecheckBasicPropConfig}from"./services/LinecheckBasicPropConfig.js";export{CustomerPropConfig}from"./services/CustomerPropConfig.js";
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
package/dist/index.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, { FC, JSX } from 'react';
|
|
1
|
+
import React, { FC, ReactNode, JSX } from 'react';
|
|
2
2
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
3
3
|
|
|
4
4
|
declare interface NativeColorPicker {
|
|
@@ -73,18 +73,47 @@ interface Asset$2 {
|
|
|
73
73
|
|
|
74
74
|
declare const RibbonComponent: FC<RibbonComponentInterface>;
|
|
75
75
|
|
|
76
|
+
interface RibbonConfig {
|
|
77
|
+
ribbons?: RibbonBlock[];
|
|
78
|
+
}
|
|
79
|
+
interface RibbonBlock {
|
|
80
|
+
_uid?: string;
|
|
81
|
+
component?: string;
|
|
82
|
+
microsites?: string[];
|
|
83
|
+
customerType?: string | string[];
|
|
84
|
+
tealiumAudiences?: string | string[];
|
|
85
|
+
scheduleStartTime?: string | null;
|
|
86
|
+
scheduleEndTime?: string | null;
|
|
87
|
+
[key: string]: unknown;
|
|
88
|
+
}
|
|
89
|
+
interface ResolvedRibbonBlock extends RibbonBlock {
|
|
90
|
+
_uid: string;
|
|
91
|
+
component: string;
|
|
92
|
+
}
|
|
93
|
+
interface RibbonRendererProps {
|
|
94
|
+
ribbonConfig?: RibbonConfig;
|
|
95
|
+
metadata?: {
|
|
96
|
+
ribbonConfig?: RibbonConfig;
|
|
97
|
+
[key: string]: unknown;
|
|
98
|
+
};
|
|
99
|
+
channel?: string;
|
|
100
|
+
renderRibbon: (ribbon: ResolvedRibbonBlock, ribbonIndex: number) => ReactNode;
|
|
101
|
+
}
|
|
102
|
+
declare const RibbonRenderer: ({ ribbonConfig, metadata, channel, renderRibbon }: RibbonRendererProps) => React.JSX.Element | null;
|
|
103
|
+
|
|
76
104
|
interface GlobalPromoRibbonInterface {
|
|
77
105
|
content: GlobalPromoRibbonSchema;
|
|
78
106
|
}
|
|
79
107
|
interface GlobalPromoRibbonSchema {
|
|
80
108
|
_uid: string;
|
|
81
109
|
backgroundColor?: string;
|
|
110
|
+
scheduleStartTime?: string | null;
|
|
111
|
+
scheduleEndTime?: string | null;
|
|
82
112
|
closeIcon?: Asset$1;
|
|
83
113
|
title?: string;
|
|
84
114
|
titleColor?: string;
|
|
85
115
|
icon?: Asset$1;
|
|
86
116
|
showCloseIcon?: boolean;
|
|
87
|
-
isMaintenance?: boolean;
|
|
88
117
|
teaserTimer: TimerSchema[];
|
|
89
118
|
bannerPromotionName?: string;
|
|
90
119
|
bannerLocation?: string;
|
|
@@ -128,12 +157,10 @@ interface Asset$1 {
|
|
|
128
157
|
/**
|
|
129
158
|
* GlobalPromoRibbon Component
|
|
130
159
|
*
|
|
131
|
-
* A centralized promotional ribbon component
|
|
132
|
-
* based on header size and provides maintenance mode support.
|
|
160
|
+
* A centralized promotional ribbon component with audience and customer-type targeting.
|
|
133
161
|
*
|
|
134
162
|
* Features:
|
|
135
|
-
* -
|
|
136
|
-
* - Maintenance mode support with dynamic margin positioning
|
|
163
|
+
* - Customer group and tealium audience targeting
|
|
137
164
|
* - Window resize listener with cleanup
|
|
138
165
|
* - Integrated with RibbonComponent for rendering
|
|
139
166
|
*/
|
|
@@ -143,6 +170,7 @@ interface FalconButtonV3Props {
|
|
|
143
170
|
href: string;
|
|
144
171
|
label: React.ReactNode;
|
|
145
172
|
buttonType?: string;
|
|
173
|
+
isSlim?: boolean;
|
|
146
174
|
target?: string;
|
|
147
175
|
rel?: string;
|
|
148
176
|
onClick?: React.MouseEventHandler<HTMLAnchorElement>;
|
|
@@ -152,7 +180,7 @@ interface FalconButtonV3Props {
|
|
|
152
180
|
buttonClassName?: string;
|
|
153
181
|
iconClassName?: string;
|
|
154
182
|
}
|
|
155
|
-
declare const FalconButtonV3: ({ href, label, buttonType, target, rel, onClick, iconFilename, iconPosition, wrapperClassName, buttonClassName, iconClassName, }: FalconButtonV3Props) => React.JSX.Element;
|
|
183
|
+
declare const FalconButtonV3: ({ href, label, buttonType, isSlim, target, rel, onClick, iconFilename, iconPosition, wrapperClassName, buttonClassName, iconClassName, }: FalconButtonV3Props) => React.JSX.Element;
|
|
156
184
|
|
|
157
185
|
declare const StageTeaserComponent: FC<any>;
|
|
158
186
|
|
|
@@ -436,5 +464,5 @@ declare class CustomerPropConfig {
|
|
|
436
464
|
static create: (p_config: CustomerPropConfigSchema) => void;
|
|
437
465
|
}
|
|
438
466
|
|
|
439
|
-
export { ButtonGroup, CustomerPropConfig, FalconButtonV3, FalconMainNavigation, GlobalPromoRibbon, ImageComponent, ImageWithText, ImageWithTextWrapper, InternetAndTvCardsBenefits, LineCheckV2, LinecheckBasicPropConfig, MinimizedHeader, PromoBubble, RibbonComponent, SearchWrapper, StageTeaserComponent, StageTeaserV3, TextComponent };
|
|
440
|
-
export type { CustomerPropConfigSchema, LinecheckBasicPropConfigSchema, RibbonComponentSchema };
|
|
467
|
+
export { ButtonGroup, CustomerPropConfig, FalconButtonV3, FalconMainNavigation, GlobalPromoRibbon, ImageComponent, ImageWithText, ImageWithTextWrapper, InternetAndTvCardsBenefits, LineCheckV2, LinecheckBasicPropConfig, MinimizedHeader, PromoBubble, RibbonComponent, RibbonRenderer, SearchWrapper, StageTeaserComponent, StageTeaserV3, TextComponent };
|
|
468
|
+
export type { CustomerPropConfigSchema, LinecheckBasicPropConfigSchema, RibbonComponentSchema, RibbonRendererProps };
|
package/dist/navigation.css
CHANGED
|
@@ -1,3 +1,38 @@
|
|
|
1
|
+
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/ResponsiveRow/row.module.scss */
|
|
2
|
+
/* center a block element */
|
|
3
|
+
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
4
|
+
/* setting styles in separate formats for cross browser support */
|
|
5
|
+
/* specify the max width for an element and apply ellipses and truncate the overflow */
|
|
6
|
+
/* vertically center alilgn any HTML element */
|
|
7
|
+
/* add basePath to assets */
|
|
8
|
+
.row-module__sr-def-row___us1ph {
|
|
9
|
+
margin-left: auto;
|
|
10
|
+
margin-right: auto;
|
|
11
|
+
padding-left: 16px;
|
|
12
|
+
padding-right: 16px;
|
|
13
|
+
max-width: 1308px;
|
|
14
|
+
width: 100%;
|
|
15
|
+
}
|
|
16
|
+
.row-module__sr-def-row___us1ph .row-module__sr-def-row___us1ph {
|
|
17
|
+
padding: 0px;
|
|
18
|
+
max-width: 100%;
|
|
19
|
+
}
|
|
20
|
+
@media (min-width: 1024px) and (max-width: 1439px) {
|
|
21
|
+
.row-module__sr-def-row___us1ph {
|
|
22
|
+
max-width: 972px;
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
@media (min-width: 768px) and (max-width: 1023px) {
|
|
26
|
+
.row-module__sr-def-row___us1ph {
|
|
27
|
+
max-width: 720px;
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
@media (max-width: 767px) {
|
|
31
|
+
.row-module__sr-def-row___us1ph {
|
|
32
|
+
max-width: 100%;
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
|
|
1
36
|
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/MinimizedHeader/MinimizedHeader.module.scss */
|
|
2
37
|
/* center a block element */
|
|
3
38
|
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
@@ -426,41 +461,6 @@
|
|
|
426
461
|
}
|
|
427
462
|
}
|
|
428
463
|
|
|
429
|
-
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/ResponsiveRow/row.module.scss */
|
|
430
|
-
/* center a block element */
|
|
431
|
-
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
432
|
-
/* setting styles in separate formats for cross browser support */
|
|
433
|
-
/* specify the max width for an element and apply ellipses and truncate the overflow */
|
|
434
|
-
/* vertically center alilgn any HTML element */
|
|
435
|
-
/* add basePath to assets */
|
|
436
|
-
.row-module__sr-def-row___us1ph {
|
|
437
|
-
margin-left: auto;
|
|
438
|
-
margin-right: auto;
|
|
439
|
-
padding-left: 16px;
|
|
440
|
-
padding-right: 16px;
|
|
441
|
-
max-width: 1308px;
|
|
442
|
-
width: 100%;
|
|
443
|
-
}
|
|
444
|
-
.row-module__sr-def-row___us1ph .row-module__sr-def-row___us1ph {
|
|
445
|
-
padding: 0px;
|
|
446
|
-
max-width: 100%;
|
|
447
|
-
}
|
|
448
|
-
@media (min-width: 1024px) and (max-width: 1439px) {
|
|
449
|
-
.row-module__sr-def-row___us1ph {
|
|
450
|
-
max-width: 972px;
|
|
451
|
-
}
|
|
452
|
-
}
|
|
453
|
-
@media (min-width: 768px) and (max-width: 1023px) {
|
|
454
|
-
.row-module__sr-def-row___us1ph {
|
|
455
|
-
max-width: 720px;
|
|
456
|
-
}
|
|
457
|
-
}
|
|
458
|
-
@media (max-width: 767px) {
|
|
459
|
-
.row-module__sr-def-row___us1ph {
|
|
460
|
-
max-width: 100%;
|
|
461
|
-
}
|
|
462
|
-
}
|
|
463
|
-
|
|
464
464
|
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/InteractiveHamburger/InteractiveHamburger.module.scss */
|
|
465
465
|
/* center a block element */
|
|
466
466
|
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
@@ -877,6 +877,8 @@
|
|
|
877
877
|
cursor: pointer;
|
|
878
878
|
font-size: 14px;
|
|
879
879
|
line-height: 20px;
|
|
880
|
+
padding-bottom: 0;
|
|
881
|
+
margin-right: 6px;
|
|
880
882
|
width: 100%;
|
|
881
883
|
}
|
|
882
884
|
.LocaleSelector-module__pop-up___HV8Ta {
|
|
@@ -1286,100 +1288,6 @@
|
|
|
1286
1288
|
background-color: #1f1f1f;
|
|
1287
1289
|
}
|
|
1288
1290
|
|
|
1289
|
-
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/MobileNavigation/MobileSubNavigation/MobileSubNavigation.module.scss */
|
|
1290
|
-
/* center a block element */
|
|
1291
|
-
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
1292
|
-
/* setting styles in separate formats for cross browser support */
|
|
1293
|
-
/* specify the max width for an element and apply ellipses and truncate the overflow */
|
|
1294
|
-
/* vertically center alilgn any HTML element */
|
|
1295
|
-
/* add basePath to assets */
|
|
1296
|
-
.MobileSubNavigation-module__container___1tQpO {
|
|
1297
|
-
max-height: 0px;
|
|
1298
|
-
overflow: hidden;
|
|
1299
|
-
transition: -webkit-max-height 0.1s cubic-bezier(0.75, 0, 0.75, 0.9);
|
|
1300
|
-
transition: max-height 0.1s cubic-bezier(0.75, 0, 0.75, 0.9);
|
|
1301
|
-
transition: max-height 0.1s cubic-bezier(0.75, 0, 0.75, 0.9), -webkit-max-height 0.1s cubic-bezier(0.75, 0, 0.75, 0.9);
|
|
1302
|
-
width: 100%;
|
|
1303
|
-
}
|
|
1304
|
-
.MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__title___f2AKU {
|
|
1305
|
-
cursor: unset;
|
|
1306
|
-
padding: 20px 10px 4px;
|
|
1307
|
-
color: #858585;
|
|
1308
|
-
letter-spacing: 1px;
|
|
1309
|
-
text-transform: uppercase;
|
|
1310
|
-
font-size: 14px;
|
|
1311
|
-
line-height: 20px;
|
|
1312
|
-
font-weight: 500;
|
|
1313
|
-
}
|
|
1314
|
-
.MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__sub-title___ADRB3 {
|
|
1315
|
-
background-color: #ffffff;
|
|
1316
|
-
padding: 10px;
|
|
1317
|
-
}
|
|
1318
|
-
.MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__sub-title___ADRB3.MobileSubNavigation-module__new-style___xPfpe {
|
|
1319
|
-
border: 1px solid #e8e8e8;
|
|
1320
|
-
}
|
|
1321
|
-
.MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__sub-title___ADRB3 {
|
|
1322
|
-
color: #333333;
|
|
1323
|
-
font-weight: 500;
|
|
1324
|
-
font-size: 16px;
|
|
1325
|
-
line-height: 24px;
|
|
1326
|
-
}
|
|
1327
|
-
.MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__promo-icon___o7ngJ {
|
|
1328
|
-
margin-left: 4px;
|
|
1329
|
-
flex-shrink: 0;
|
|
1330
|
-
height: 24px;
|
|
1331
|
-
width: 24px;
|
|
1332
|
-
}
|
|
1333
|
-
.MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__promo-icon-left___CSu9C {
|
|
1334
|
-
margin-left: 0;
|
|
1335
|
-
margin-right: 4px;
|
|
1336
|
-
}
|
|
1337
|
-
.MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__promo-text-tail___yKZNS {
|
|
1338
|
-
white-space: nowrap;
|
|
1339
|
-
display: inline-flex;
|
|
1340
|
-
align-items: center;
|
|
1341
|
-
}
|
|
1342
|
-
.MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__promo-text-left___Ry-va {
|
|
1343
|
-
display: flex;
|
|
1344
|
-
align-items: flex-start;
|
|
1345
|
-
gap: 4px;
|
|
1346
|
-
white-space: normal;
|
|
1347
|
-
max-width: 100%;
|
|
1348
|
-
}
|
|
1349
|
-
.MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__promo-text___-pZdP {
|
|
1350
|
-
white-space: normal;
|
|
1351
|
-
min-width: 0;
|
|
1352
|
-
}
|
|
1353
|
-
.MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__content___Cl7sf {
|
|
1354
|
-
display: none;
|
|
1355
|
-
}
|
|
1356
|
-
.MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__content___Cl7sf a {
|
|
1357
|
-
display: block;
|
|
1358
|
-
height: auto;
|
|
1359
|
-
}
|
|
1360
|
-
.MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__content___Cl7sf ul {
|
|
1361
|
-
padding: 0 0 24px 16px;
|
|
1362
|
-
}
|
|
1363
|
-
.MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__content___Cl7sf ul li:not(:last-child) {
|
|
1364
|
-
padding-bottom: 4px;
|
|
1365
|
-
}
|
|
1366
|
-
|
|
1367
|
-
.MobileSubNavigation-module__container___1tQpO.MobileSubNavigation-module__inverted___OotxO .MobileSubNavigation-module__title___f2AKU {
|
|
1368
|
-
color: #f2f2f2;
|
|
1369
|
-
}
|
|
1370
|
-
.MobileSubNavigation-module__container___1tQpO.MobileSubNavigation-module__inverted___OotxO .MobileSubNavigation-module__sub-title___ADRB3 {
|
|
1371
|
-
background-color: #1f1f1f;
|
|
1372
|
-
border: 1px solid #2c2c2c;
|
|
1373
|
-
color: #ffffff;
|
|
1374
|
-
}
|
|
1375
|
-
|
|
1376
|
-
.active-link .MobileSubNavigation-module__container___1tQpO {
|
|
1377
|
-
max-height: 200vh;
|
|
1378
|
-
}
|
|
1379
|
-
.active-link .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__content___Cl7sf {
|
|
1380
|
-
display: block;
|
|
1381
|
-
}
|
|
1382
|
-
|
|
1383
1291
|
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/SubNavigation/SubNavigation.module.scss */
|
|
1384
1292
|
/* center a block element */
|
|
1385
1293
|
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
@@ -1489,3 +1397,97 @@
|
|
|
1489
1397
|
.SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__columns___q7D8X > div:first-child {
|
|
1490
1398
|
border: none;
|
|
1491
1399
|
}
|
|
1400
|
+
|
|
1401
|
+
/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/MobileNavigation/MobileSubNavigation/MobileSubNavigation.module.scss */
|
|
1402
|
+
/* center a block element */
|
|
1403
|
+
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
1404
|
+
/* setting styles in separate formats for cross browser support */
|
|
1405
|
+
/* specify the max width for an element and apply ellipses and truncate the overflow */
|
|
1406
|
+
/* vertically center alilgn any HTML element */
|
|
1407
|
+
/* add basePath to assets */
|
|
1408
|
+
.MobileSubNavigation-module__container___1tQpO {
|
|
1409
|
+
max-height: 0px;
|
|
1410
|
+
overflow: hidden;
|
|
1411
|
+
transition: -webkit-max-height 0.1s cubic-bezier(0.75, 0, 0.75, 0.9);
|
|
1412
|
+
transition: max-height 0.1s cubic-bezier(0.75, 0, 0.75, 0.9);
|
|
1413
|
+
transition: max-height 0.1s cubic-bezier(0.75, 0, 0.75, 0.9), -webkit-max-height 0.1s cubic-bezier(0.75, 0, 0.75, 0.9);
|
|
1414
|
+
width: 100%;
|
|
1415
|
+
}
|
|
1416
|
+
.MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__title___f2AKU {
|
|
1417
|
+
cursor: unset;
|
|
1418
|
+
padding: 20px 10px 4px;
|
|
1419
|
+
color: #858585;
|
|
1420
|
+
letter-spacing: 1px;
|
|
1421
|
+
text-transform: uppercase;
|
|
1422
|
+
font-size: 14px;
|
|
1423
|
+
line-height: 20px;
|
|
1424
|
+
font-weight: 500;
|
|
1425
|
+
}
|
|
1426
|
+
.MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__sub-title___ADRB3 {
|
|
1427
|
+
background-color: #ffffff;
|
|
1428
|
+
padding: 10px;
|
|
1429
|
+
}
|
|
1430
|
+
.MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__sub-title___ADRB3.MobileSubNavigation-module__new-style___xPfpe {
|
|
1431
|
+
border: 1px solid #e8e8e8;
|
|
1432
|
+
}
|
|
1433
|
+
.MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__sub-title___ADRB3 {
|
|
1434
|
+
color: #333333;
|
|
1435
|
+
font-weight: 500;
|
|
1436
|
+
font-size: 16px;
|
|
1437
|
+
line-height: 24px;
|
|
1438
|
+
}
|
|
1439
|
+
.MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__promo-icon___o7ngJ {
|
|
1440
|
+
margin-left: 4px;
|
|
1441
|
+
flex-shrink: 0;
|
|
1442
|
+
height: 24px;
|
|
1443
|
+
width: 24px;
|
|
1444
|
+
}
|
|
1445
|
+
.MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__promo-icon-left___CSu9C {
|
|
1446
|
+
margin-left: 0;
|
|
1447
|
+
margin-right: 4px;
|
|
1448
|
+
}
|
|
1449
|
+
.MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__promo-text-tail___yKZNS {
|
|
1450
|
+
white-space: nowrap;
|
|
1451
|
+
display: inline-flex;
|
|
1452
|
+
align-items: center;
|
|
1453
|
+
}
|
|
1454
|
+
.MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__promo-text-left___Ry-va {
|
|
1455
|
+
display: flex;
|
|
1456
|
+
align-items: flex-start;
|
|
1457
|
+
gap: 4px;
|
|
1458
|
+
white-space: normal;
|
|
1459
|
+
max-width: 100%;
|
|
1460
|
+
}
|
|
1461
|
+
.MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__promo-text___-pZdP {
|
|
1462
|
+
white-space: normal;
|
|
1463
|
+
min-width: 0;
|
|
1464
|
+
}
|
|
1465
|
+
.MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__content___Cl7sf {
|
|
1466
|
+
display: none;
|
|
1467
|
+
}
|
|
1468
|
+
.MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__content___Cl7sf a {
|
|
1469
|
+
display: block;
|
|
1470
|
+
height: auto;
|
|
1471
|
+
}
|
|
1472
|
+
.MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__content___Cl7sf ul {
|
|
1473
|
+
padding: 0 0 24px 16px;
|
|
1474
|
+
}
|
|
1475
|
+
.MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__content___Cl7sf ul li:not(:last-child) {
|
|
1476
|
+
padding-bottom: 4px;
|
|
1477
|
+
}
|
|
1478
|
+
|
|
1479
|
+
.MobileSubNavigation-module__container___1tQpO.MobileSubNavigation-module__inverted___OotxO .MobileSubNavigation-module__title___f2AKU {
|
|
1480
|
+
color: #f2f2f2;
|
|
1481
|
+
}
|
|
1482
|
+
.MobileSubNavigation-module__container___1tQpO.MobileSubNavigation-module__inverted___OotxO .MobileSubNavigation-module__sub-title___ADRB3 {
|
|
1483
|
+
background-color: #1f1f1f;
|
|
1484
|
+
border: 1px solid #2c2c2c;
|
|
1485
|
+
color: #ffffff;
|
|
1486
|
+
}
|
|
1487
|
+
|
|
1488
|
+
.active-link .MobileSubNavigation-module__container___1tQpO {
|
|
1489
|
+
max-height: 200vh;
|
|
1490
|
+
}
|
|
1491
|
+
.active-link .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__content___Cl7sf {
|
|
1492
|
+
display: block;
|
|
1493
|
+
}
|