@sunrise-upc/sales-static-components 4.2.0-beta.4 → 4.2.0-beta.6

package/dist/cjs/components/RibbonComponent/RibbonComponentTimer/RibbonComponentTimer.css

@@ -89,12 +89,21 @@
 }
 
 .RibbonTimerV2-module__stage-teaser-ribbon-timer-element___35yCh {
+  box-sizing: border-box;
   display: inline-block;
+  flex: 0 1 auto;
   text-align: center;
   padding: 0 6px;
+  width: auto;
   min-width: 43px;
 }
 
+.RibbonTimerV2-module__stage-teaser-ribbon-timer-element___35yCh:first-child {
+  padding-left: 0;
+  padding-right: 0;
+  min-width: 36px;
+}
+
 .RibbonTimerV2-module__stage-teaser-ribbon-timer-value___0U5CT {
   font-size: 24px;
   font-weight: 700;
@@ -134,6 +143,8 @@
 }
 
 .RibbonTimerV2-module__slim-timer-element___pdiBB {
+  flex-basis: auto;
+  width: auto;
   min-width: 36px;
 }
 

package/dist/cjs/components/RibbonComponent/RibbonComponentTimer/RibbonExpiredTimerRedefined.css

@@ -20,12 +20,21 @@
 }
 
 .RibbonTimerV2-module__stage-teaser-ribbon-timer-element___35yCh {
+  box-sizing: border-box;
   display: inline-block;
+  flex: 0 1 auto;
   text-align: center;
   padding: 0 6px;
+  width: auto;
   min-width: 43px;
 }
 
+.RibbonTimerV2-module__stage-teaser-ribbon-timer-element___35yCh:first-child {
+  padding-left: 0;
+  padding-right: 0;
+  min-width: 36px;
+}
+
 .RibbonTimerV2-module__stage-teaser-ribbon-timer-value___0U5CT {
   font-size: 24px;
   font-weight: 700;
@@ -65,6 +74,8 @@
 }
 
 .RibbonTimerV2-module__slim-timer-element___pdiBB {
+  flex-basis: auto;
+  width: auto;
   min-width: 36px;
 }
 

package/dist/cjs/components/RibbonComponent/RibbonComponentTimer/RibbonTimerV2.module.scss.css

@@ -20,12 +20,21 @@
 }
 
 .RibbonTimerV2-module__stage-teaser-ribbon-timer-element___35yCh {
+  box-sizing: border-box;
   display: inline-block;
+  flex: 0 1 auto;
   text-align: center;
   padding: 0 6px;
+  width: auto;
   min-width: 43px;
 }
 
+.RibbonTimerV2-module__stage-teaser-ribbon-timer-element___35yCh:first-child {
+  padding-left: 0;
+  padding-right: 0;
+  min-width: 36px;
+}
+
 .RibbonTimerV2-module__stage-teaser-ribbon-timer-value___0U5CT {
   font-size: 24px;
   font-weight: 700;
@@ -65,6 +74,8 @@
 }
 
 .RibbonTimerV2-module__slim-timer-element___pdiBB {
+  flex-basis: auto;
+  width: auto;
   min-width: 36px;
 }
 

package/dist/cjs/index.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("./components/RibbonComponent/RibbonComponent.js"),t=require("./components/RibbonRenderer/RibbonRenderer.js"),r=require("./components/GlobalPromoRibbon/GlobalPromoRibbon.js"),o=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"),c=require("./components/ImageWithTextWrapper/ImageWithTextWrapper.js"),u=require("./components/InternetAndTvCardsBenefits/InternetAndTvCardsBenefits.js"),m=require("./components/QuickLinks/QuickLinks.js"),l=require("./components/DeviceGallery/DeviceGalleryList.js"),C=require("./components/InternetAndTvCards/InternetAndTvCards.js"),x=require("./components/PromotionTeaser/PromotionTeaser.js"),g=require("./components/linecheck/LineCheckV2.js"),d=require("./components/StageTeaserV3/StageTeaserV3.js"),v=require("./components/StageTeaserV3/PromoBubble/PromoBubble.js"),f=require("./components/FalconMainNavigation/FalconMainNavigation.js"),b=require("./components/SearchWrapper/SearchWrapper.js"),S=require("./components/MinimizedHeader/MinimizedHeader.js"),j=require("./components/BadgeContainer/BadgeContainer.js"),k=require("./services/LinecheckBasicPropConfig.js"),q=require("./services/CustomerPropConfig.js"),h=require("./services/customerSegmentSync.js"),T=require("./services/CustomerService.js"),y=require("./services/CartPropConfig.js"),G=require("./utils/AnalyticUtils.js");exports.RibbonComponent=e.default,exports.RibbonRenderer=t.default,exports.GlobalPromoRibbon=r.default,exports.FalconButtonV3=o.default,exports.StageTeaserComponent=n.default,exports.ImageComponent=s.default,exports.TextComponent=a.default,exports.ButtonGroup=i.default,exports.ImageWithText=p.default,exports.ImageWithTextWrapper=c.default,exports.InternetAndTvCardsBenefits=u.default,exports.QuickLinks=m.default,exports.DeviceGalleryList=l.default,exports.InternetAndTvCards=C.default,exports.PromotionTeaser=x.default,exports.LineCheckV2=g.default,exports.StageTeaserV3=d.default,exports.PromoBubble=v.default,exports.FalconMainNavigation=f.default,exports.SearchWrapper=b.default,exports.MinimizedHeader=S.default,exports.BadgeContainer=j.default,exports.LinecheckBasicPropConfig=k.LinecheckBasicPropConfig,exports.CustomerPropConfig=q.CustomerPropConfig,exports.createCustomerGroupFetcher=h.createCustomerGroupFetcher,exports.createCustomerSegmentSync=h.createCustomerSegmentSync,exports.dispatchCustomerSegmentRefreshEvent=h.dispatchCustomerSegmentRefreshEvent,exports.extractCustomerGroupFromProfile=h.extractCustomerGroupFromProfile,exports.getCurrentCustomerSegment=h.getCurrentCustomerSegment,exports.hasCachedCustomerSegment=h.hasCachedCustomerSegment,exports.resolveCustomerGroup=h.resolveCustomerGroup,exports.setCustomerSegment=h.setCustomerSegment,exports.subscribeToCustomerSegmentRefresh=h.subscribeToCustomerSegmentRefresh,exports.syncCustomerSegment=h.syncCustomerSegment,exports.customerGroup=T.customerGroup,exports.CartPropConfig=y.CartPropConfig,exports.getDeviceGalleryAnalyticsItem=G.getDeviceGalleryAnalyticsItem,exports.getDeviceGallerySelectAnalyticsItem=G.getDeviceGallerySelectAnalyticsItem,exports.trackComponent=G.trackComponent,exports.trackDeviceGalleryEligibility=G.trackDeviceGalleryEligibility,exports.trackErrorEvent=G.trackErrorEvent,exports.trackEvent=G.trackEvent,exports.trackGADatalayerEvent=G.trackGADatalayerEvent,exports.trackLineEvent=G.trackLineEvent,exports.trackMessageEvent=G.trackMessageEvent,exports.trackNewDatalayerEvent=G.trackNewDatalayerEvent;
+"use strict";var e=require("./components/RibbonComponent/RibbonComponent.js"),t=require("./components/RibbonRenderer/RibbonRenderer.js"),r=require("./components/GlobalPromoRibbon/GlobalPromoRibbon.js"),o=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"),c=require("./components/ImageWithTextWrapper/ImageWithTextWrapper.js"),m=require("./components/InternetAndTvCardsBenefits/InternetAndTvCardsBenefits.js"),u=require("./components/QuickLinks/QuickLinks.js"),l=require("./components/DeviceGallery/DeviceGalleryList.js"),C=require("./components/InternetAndTvCards/InternetAndTvCards.js"),d=require("./components/InternetAndTvCards/InternetAndTvCardItem/InternetAndTvCardItem.js"),x=require("./components/PromotionTeaser/PromotionTeaser.js"),g=require("./components/linecheck/LineCheckV2.js"),v=require("./components/StageTeaserV3/StageTeaserV3.js"),f=require("./components/StageTeaserV3/PromoBubble/PromoBubble.js"),b=require("./components/FalconMainNavigation/FalconMainNavigation.js"),S=require("./components/SearchWrapper/SearchWrapper.js"),T=require("./components/MinimizedHeader/MinimizedHeader.js"),j=require("./components/BadgeContainer/BadgeContainer.js"),q=require("./services/LinecheckBasicPropConfig.js"),k=require("./services/CustomerPropConfig.js"),h=require("./services/customerSegmentSync.js"),I=require("./services/CustomerService.js"),y=require("./services/CartPropConfig.js"),G=require("./utils/AnalyticUtils.js");exports.RibbonComponent=e.default,exports.RibbonRenderer=t.default,exports.GlobalPromoRibbon=r.default,exports.FalconButtonV3=o.default,exports.StageTeaserComponent=n.default,exports.ImageComponent=s.default,exports.TextComponent=a.default,exports.ButtonGroup=i.default,exports.ImageWithText=p.default,exports.ImageWithTextWrapper=c.default,exports.InternetAndTvCardsBenefits=m.default,exports.QuickLinks=u.default,exports.DeviceGalleryList=l.default,exports.InternetAndTvCards=C.default,exports.InternetAndTvCardItem=d.default,exports.PromotionTeaser=x.default,exports.LineCheckV2=g.default,exports.StageTeaserV3=v.default,exports.PromoBubble=f.default,exports.FalconMainNavigation=b.default,exports.SearchWrapper=S.default,exports.MinimizedHeader=T.default,exports.BadgeContainer=j.default,exports.LinecheckBasicPropConfig=q.LinecheckBasicPropConfig,exports.CustomerPropConfig=k.CustomerPropConfig,exports.createCustomerGroupFetcher=h.createCustomerGroupFetcher,exports.createCustomerSegmentSync=h.createCustomerSegmentSync,exports.dispatchCustomerSegmentRefreshEvent=h.dispatchCustomerSegmentRefreshEvent,exports.extractCustomerGroupFromProfile=h.extractCustomerGroupFromProfile,exports.getCurrentCustomerSegment=h.getCurrentCustomerSegment,exports.hasCachedCustomerSegment=h.hasCachedCustomerSegment,exports.resolveCustomerGroup=h.resolveCustomerGroup,exports.setCustomerSegment=h.setCustomerSegment,exports.subscribeToCustomerSegmentRefresh=h.subscribeToCustomerSegmentRefresh,exports.syncCustomerSegment=h.syncCustomerSegment,exports.customerGroup=I.customerGroup,exports.CartPropConfig=y.CartPropConfig,exports.getDeviceGalleryAnalyticsItem=G.getDeviceGalleryAnalyticsItem,exports.getDeviceGallerySelectAnalyticsItem=G.getDeviceGallerySelectAnalyticsItem,exports.trackComponent=G.trackComponent,exports.trackDeviceGalleryEligibility=G.trackDeviceGalleryEligibility,exports.trackErrorEvent=G.trackErrorEvent,exports.trackEvent=G.trackEvent,exports.trackGADatalayerEvent=G.trackGADatalayerEvent,exports.trackLineEvent=G.trackLineEvent,exports.trackMessageEvent=G.trackMessageEvent,exports.trackNewDatalayerEvent=G.trackNewDatalayerEvent;
 //# sourceMappingURL=index.js.map

package/dist/esm/components/InternetAndTvCards/InternetAndTvCardItem/InternetAndTvCardItem.js

@@ -1,3 +1,3 @@
 import './InternetAndTvCardItem.css';
-import{jsx as n,Fragment as o,jsxs as t}from"react/jsx-runtime";import e,{useRef as i,useState as l,useEffect as r}from"react";import a from"./InternetAndTvCardItem.module.scss.js";import d from"../../FalconTitle/FalconTitle.js";import s from"../../FalconDescription/FalconDescription.js";import c from"../../FalconButton/falconButton.js";import{resolveStoryblokLink as u}from"../../FalconMainNavigation/shared.js";import{getFalconGradientClass as v,checkLinkWithLang as m}from"../../../utils/StyleUtils.js";import{NONE as b,SVG as f,ICON as g,IMG as p,CENTER as k,LEFT as h}from"../../Constants.js";import{trackComponent as _,trackNewDatalayerEvent as x}from"../../../utils/AnalyticUtils.js";import{LINK as y,CONTENT as j,INTERNETTVCARD as B,ALL as w,SUBTEASER as N,CMS as C,VIEWPROMOTION as $,SELECTPROMOTION as L}from"../../../utils/AnalyticsConstants.js";const I={falconTitle:d,falconDescription:s},A=()=>{if("undefined"==typeof window)return"";const n=window.innerWidth;return n>=1440?"large-desktop":n>=1024?"desktop":n>=768?"tablet":n>0?"mobile":""},F=({content:d,metadata:s,index:F})=>{var O,E,S,T,D,U,P,z,J,W,q,G,M,R,H,K;const Q=i(null),[V,X]=l("#"),[Y,Z]=l(A),nn="mobile"===Y?360:400,on=null===(O=d.asset)||void 0===O?void 0:O.filename,tn=v(d.gradient),en=null===(S=null===(E=d.gradientBackgroundGlobal)||void 0===E?void 0:E.replace(/;\s*$/,""))||void 0===S?void 0:S.trim(),ln=!!en&&en.toLowerCase()!==b,rn=d.gradient!==b&&!!tn,an=ln?"":rn?tn:"",dn=ln?{background:en}:void 0,sn=(null==on?void 0:on.endsWith(f))?g:p,cn=d.defaultBackgroundColor&&d.defaultBackgroundColor!==b?d.defaultBackgroundColor:null===(T=d.backgroundColorPicker)||void 0===T?void 0:T.color,un=n=>{var o,t,e,i;if(!n)return;const l=null!==(e=null===(t=null===(o=null==d?void 0:d.textBlok)||void 0===o?void 0:o[0])||void 0===t?void 0:t.text)&&void 0!==e?e:"";x(L,L,{banner_promotion_name:null!==(i=null==d?void 0:d.bannerPromotionName)&&void 0!==i?i:l,banner_source:C,banner_type:N,banner_location:null==d?void 0:d.bannerLocation,audience_name:w,promotion_objective:w,index:F?F+1:1})};if(r(()=>{const n=()=>Z(A());return window.addEventListener("resize",n),()=>window.removeEventListener("resize",n)},[]),r(()=>{var n,o,t;const e=null===(o=null===(n=null==d?void 0:d.textBlok)||void 0===n?void 0:n[0])||void 0===o?void 0:o.text;_(e||B,"",j,y),(null===(t=null==d?void 0:d.cardLink)||void 0===t?void 0:t.cached_url)?X(m(u(s,d.cardLink))):X("#")},[d,s]),r(()=>{const n=Q.current;if(!n||"undefined"==typeof IntersectionObserver)return;const o=new IntersectionObserver(n=>{var o,t,e;const i=n[0],l=localStorage.getItem("analyticsUids");if(i.isIntersecting&&i.intersectionRatio>=.5&&!(null==l?void 0:l.includes(d._uid))){const n=null===(t=null===(o=null==d?void 0:d.textBlok)||void 0===o?void 0:o[0])||void 0===t?void 0:t.text;x($,$,{banner_promotion_name:null!==(e=null==d?void 0:d.bannerPromotionName)&&void 0!==e?e:n,banner_source:C,banner_type:N,banner_location:null==d?void 0:d.bannerLocation,audience_name:w,promotion_objective:w,index:F?F+1:1}),localStorage.setItem("analyticsUids",JSON.stringify([...l?JSON.parse(l):[],d._uid]))}},{threshold:.5});return o.observe(n),()=>o.disconnect()},[d,F]),d.notToDisplay)return n(o,{});const vn=!!(null===(D=null==d?void 0:d.cardLink)||void 0===D?void 0:D.cached_url)&&("large-desktop"===Y||"desktop"===Y);return t("div",{className:`${a.container} ${an}`,style:Object.assign({},null!=dn?dn:cn?{backgroundColor:cn}:{}),ref:Q,children:[vn&&n("a",{href:V,className:a["card-link-overlay"],onClick:()=>un(!0),"aria-label":(null===(P=null===(U=null==d?void 0:d.textBlok)||void 0===U?void 0:U[0])||void 0===P?void 0:P.text)||B}),on&&sn===p&&n("div",{className:a.gradient,children:n("img",{src:(mn=on,bn=nn,mn&&bn&&mn.includes("/f/")?`${mn}/m/${bn}x0/filters:format(webp):quality(80)`:mn),alt:(null===(z=d.asset)||void 0===z?void 0:z.alt)||"",title:(null===(J=d.asset)||void 0===J?void 0:J.title)||""})}),((null===(W=d.textBlok)||void 0===W?void 0:W.length)>0||on||(null===(q=d.button)||void 0===q?void 0:q.length)>0)&&t("div",{className:d.subElementsAlignment===k?"align-center":d.subElementsAlignment===h?"align-left":"align-right",children:[on&&sn===g&&n("div",{className:a.icon,children:n("img",{src:on,title:null===(G=d.asset)||void 0===G?void 0:G.title,alt:null===(M=d.asset)||void 0===M?void 0:M.alt,height:"48",width:"48"})}),(null===(R=d.textBlok)||void 0===R?void 0:R.length)>0&&n("div",{className:`${a["content-container"]} ${(null===(H=d.button)||void 0===H?void 0:H.length)>0?a["content-button"]:""}`,children:d.textBlok.map(n=>e.createElement(I[n.component],{content:Object.assign({},n),key:n._uid}))}),(null===(K=null==d?void 0:d.button)||void 0===K?void 0:K.length)>0&&n("div",{className:`${a.butn} ${a["button-variant"]}`,children:n(c,{content:d.button[0],eventAction:B,metadata:s,setButtonClicked:un})})]})]});var mn,bn};export{F as default};
+import{jsx as n,Fragment as o,jsxs as t}from"react/jsx-runtime";import e,{useRef as i,useState as l,useEffect as r}from"react";import a from"./InternetAndTvCardItem.module.scss.js";import d from"../../FalconTitle/FalconTitle.js";import s from"../../FalconDescription/FalconDescription.js";import c from"../../FalconButton/falconButton.js";import{resolveStoryblokLink as u}from"../../FalconMainNavigation/shared.js";import{getFalconGradientClass as v,checkLinkWithLang as m}from"../../../utils/StyleUtils.js";import{NONE as b,SVG as f,ICON as g,IMG as p,CENTER as k,LEFT as h}from"../../Constants.js";import{trackComponent as _,trackNewDatalayerEvent as x}from"../../../utils/AnalyticUtils.js";import{VIEWPROMOTION as y,INTERNETTVCARD as j,ALL as B,SUBTEASER as w,CMS as N,SELECTPROMOTION as C,LINK as $,CONTENT as L}from"../../../utils/AnalyticsConstants.js";const I={falconTitle:d,falconDescription:s},A=()=>{if("undefined"==typeof window)return"";const n=window.innerWidth;return n>=1440?"large-desktop":n>=1024?"desktop":n>=768?"tablet":n>0?"mobile":""},F=({content:d,metadata:s,index:F})=>{var O,E,S,T,D,U,P,z,J,W,q,G,M,R,H,K;const Q=i(null),[V,X]=l("#"),[Y,Z]=l(A),nn="mobile"===Y?360:400,on=null===(O=d.asset)||void 0===O?void 0:O.filename,tn=v(d.gradient),en=null===(S=null===(E=d.gradientBackgroundGlobal)||void 0===E?void 0:E.replace(/;\s*$/,""))||void 0===S?void 0:S.trim(),ln=!!en&&en.toLowerCase()!==b,rn=d.gradient!==b&&!!tn,an=ln?"":rn?tn:"",dn=ln?{background:en}:void 0,sn=(null==on?void 0:on.endsWith(f))?g:p,cn=d.defaultBackgroundColor&&d.defaultBackgroundColor!==b?d.defaultBackgroundColor:null===(T=d.backgroundColorPicker)||void 0===T?void 0:T.color,un=n=>{var o,t,e,i;if(!n)return;const l=null!==(e=null===(t=null===(o=null==d?void 0:d.textBlok)||void 0===o?void 0:o[0])||void 0===t?void 0:t.text)&&void 0!==e?e:"";x(C,C,{banner_promotion_name:null!==(i=null==d?void 0:d.bannerPromotionName)&&void 0!==i?i:l,banner_source:N,banner_type:w,banner_location:null==d?void 0:d.bannerLocation,audience_name:B,promotion_objective:B,index:F?F+1:1})};if(r(()=>{const n=()=>Z(A());return window.addEventListener("resize",n),()=>window.removeEventListener("resize",n)},[]),r(()=>{var n,o,t;const e=null===(o=null===(n=null==d?void 0:d.textBlok)||void 0===n?void 0:n[0])||void 0===o?void 0:o.text;_(e||j,"",L,$),(null===(t=null==d?void 0:d.cardLink)||void 0===t?void 0:t.cached_url)?X(m(u(s,d.cardLink))):X("#")},[d,s]),r(()=>{const n=Q.current;if(!n||"undefined"==typeof IntersectionObserver)return;const o=new IntersectionObserver(n=>{var o,t,e;const i=n[0],l=localStorage.getItem("analyticsUids");if(i.isIntersecting&&i.intersectionRatio>=.5&&!(null==l?void 0:l.includes(d._uid))){const n=null===(t=null===(o=null==d?void 0:d.textBlok)||void 0===o?void 0:o[0])||void 0===t?void 0:t.text;x(y,y,{banner_promotion_name:null!==(e=null==d?void 0:d.bannerPromotionName)&&void 0!==e?e:n,banner_source:N,banner_type:w,banner_location:null==d?void 0:d.bannerLocation,audience_name:B,promotion_objective:B,index:F?F+1:1}),localStorage.setItem("analyticsUids",JSON.stringify([...l?JSON.parse(l):[],d._uid]))}},{threshold:.5});return o.observe(n),()=>o.disconnect()},[d,F]),d.notToDisplay)return n(o,{});const vn=!!(null===(D=null==d?void 0:d.cardLink)||void 0===D?void 0:D.cached_url)&&("large-desktop"===Y||"desktop"===Y);return t("div",{className:`${a.container} ${an}`,style:Object.assign({},null!=dn?dn:cn?{backgroundColor:cn}:{}),ref:Q,children:[vn&&n("a",{href:V,className:a["card-link-overlay"],onClick:()=>un(!0),"aria-label":(null===(P=null===(U=null==d?void 0:d.textBlok)||void 0===U?void 0:U[0])||void 0===P?void 0:P.text)||j}),on&&sn===p&&n("div",{className:a.gradient,children:n("img",{src:(mn=on,bn=nn,mn&&bn&&mn.includes("/f/")?`${mn}/m/${bn}x0/filters:format(webp):quality(80)`:mn),alt:(null===(z=d.asset)||void 0===z?void 0:z.alt)||"",title:(null===(J=d.asset)||void 0===J?void 0:J.title)||""})}),((null===(W=d.textBlok)||void 0===W?void 0:W.length)>0||on||(null===(q=d.button)||void 0===q?void 0:q.length)>0)&&t("div",{className:d.subElementsAlignment===k?"align-center":d.subElementsAlignment===h?"align-left":"align-right",children:[on&&sn===g&&n("div",{className:a.icon,children:n("img",{src:on,title:null===(G=d.asset)||void 0===G?void 0:G.title,alt:null===(M=d.asset)||void 0===M?void 0:M.alt,height:"48",width:"48"})}),(null===(R=d.textBlok)||void 0===R?void 0:R.length)>0&&n("div",{className:`${a["content-container"]} ${(null===(H=d.button)||void 0===H?void 0:H.length)>0?a["content-button"]:""}`,children:d.textBlok.map(n=>e.createElement(I[n.component],{content:Object.assign({},n),key:n._uid}))}),(null===(K=null==d?void 0:d.button)||void 0===K?void 0:K.length)>0&&n("div",{className:`${a.butn} ${a["button-variant"]}`,children:n(c,{content:d.button[0],eventAction:j,metadata:s,setButtonClicked:un})})]})]});var mn,bn};export{F as default};
 //# sourceMappingURL=InternetAndTvCardItem.js.map

package/dist/esm/components/RibbonComponent/RibbonComponentTimer/RibbonComponentTimer.css

@@ -89,12 +89,21 @@
 }
 
 .RibbonTimerV2-module__stage-teaser-ribbon-timer-element___35yCh {
+  box-sizing: border-box;
   display: inline-block;
+  flex: 0 1 auto;
   text-align: center;
   padding: 0 6px;
+  width: auto;
   min-width: 43px;
 }
 
+.RibbonTimerV2-module__stage-teaser-ribbon-timer-element___35yCh:first-child {
+  padding-left: 0;
+  padding-right: 0;
+  min-width: 36px;
+}
+
 .RibbonTimerV2-module__stage-teaser-ribbon-timer-value___0U5CT {
   font-size: 24px;
   font-weight: 700;
@@ -134,6 +143,8 @@
 }
 
 .RibbonTimerV2-module__slim-timer-element___pdiBB {
+  flex-basis: auto;
+  width: auto;
   min-width: 36px;
 }
 

package/dist/esm/components/RibbonComponent/RibbonComponentTimer/RibbonExpiredTimerRedefined.css

@@ -20,12 +20,21 @@
 }
 
 .RibbonTimerV2-module__stage-teaser-ribbon-timer-element___35yCh {
+  box-sizing: border-box;
   display: inline-block;
+  flex: 0 1 auto;
   text-align: center;
   padding: 0 6px;
+  width: auto;
   min-width: 43px;
 }
 
+.RibbonTimerV2-module__stage-teaser-ribbon-timer-element___35yCh:first-child {
+  padding-left: 0;
+  padding-right: 0;
+  min-width: 36px;
+}
+
 .RibbonTimerV2-module__stage-teaser-ribbon-timer-value___0U5CT {
   font-size: 24px;
   font-weight: 700;
@@ -65,6 +74,8 @@
 }
 
 .RibbonTimerV2-module__slim-timer-element___pdiBB {
+  flex-basis: auto;
+  width: auto;
   min-width: 36px;
 }
 

package/dist/esm/components/RibbonComponent/RibbonComponentTimer/RibbonTimerV2.module.scss.css

@@ -20,12 +20,21 @@
 }
 
 .RibbonTimerV2-module__stage-teaser-ribbon-timer-element___35yCh {
+  box-sizing: border-box;
   display: inline-block;
+  flex: 0 1 auto;
   text-align: center;
   padding: 0 6px;
+  width: auto;
   min-width: 43px;
 }
 
+.RibbonTimerV2-module__stage-teaser-ribbon-timer-element___35yCh:first-child {
+  padding-left: 0;
+  padding-right: 0;
+  min-width: 36px;
+}
+
 .RibbonTimerV2-module__stage-teaser-ribbon-timer-value___0U5CT {
   font-size: 24px;
   font-weight: 700;
@@ -65,6 +74,8 @@
 }
 
 .RibbonTimerV2-module__slim-timer-element___pdiBB {
+  flex-basis: auto;
+  width: auto;
   min-width: 36px;
 }
 

package/dist/esm/index.js

@@ -1,2 +1,2 @@
-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 QuickLinks}from"./components/QuickLinks/QuickLinks.js";export{default as DeviceGalleryList}from"./components/DeviceGallery/DeviceGalleryList.js";export{default as InternetAndTvCards}from"./components/InternetAndTvCards/InternetAndTvCards.js";export{default as PromotionTeaser}from"./components/PromotionTeaser/PromotionTeaser.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{default as BadgeContainer}from"./components/BadgeContainer/BadgeContainer.js";export{LinecheckBasicPropConfig}from"./services/LinecheckBasicPropConfig.js";export{CustomerPropConfig}from"./services/CustomerPropConfig.js";export{createCustomerGroupFetcher,createCustomerSegmentSync,dispatchCustomerSegmentRefreshEvent,extractCustomerGroupFromProfile,getCurrentCustomerSegment,hasCachedCustomerSegment,resolveCustomerGroup,setCustomerSegment,subscribeToCustomerSegmentRefresh,syncCustomerSegment}from"./services/customerSegmentSync.js";export{customerGroup}from"./services/CustomerService.js";export{CartPropConfig}from"./services/CartPropConfig.js";export{getDeviceGalleryAnalyticsItem,getDeviceGallerySelectAnalyticsItem,trackComponent,trackDeviceGalleryEligibility,trackErrorEvent,trackEvent,trackGADatalayerEvent,trackLineEvent,trackMessageEvent,trackNewDatalayerEvent}from"./utils/AnalyticUtils.js";
+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 QuickLinks}from"./components/QuickLinks/QuickLinks.js";export{default as DeviceGalleryList}from"./components/DeviceGallery/DeviceGalleryList.js";export{default as InternetAndTvCards}from"./components/InternetAndTvCards/InternetAndTvCards.js";export{default as InternetAndTvCardItem}from"./components/InternetAndTvCards/InternetAndTvCardItem/InternetAndTvCardItem.js";export{default as PromotionTeaser}from"./components/PromotionTeaser/PromotionTeaser.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{default as BadgeContainer}from"./components/BadgeContainer/BadgeContainer.js";export{LinecheckBasicPropConfig}from"./services/LinecheckBasicPropConfig.js";export{CustomerPropConfig}from"./services/CustomerPropConfig.js";export{createCustomerGroupFetcher,createCustomerSegmentSync,dispatchCustomerSegmentRefreshEvent,extractCustomerGroupFromProfile,getCurrentCustomerSegment,hasCachedCustomerSegment,resolveCustomerGroup,setCustomerSegment,subscribeToCustomerSegmentRefresh,syncCustomerSegment}from"./services/customerSegmentSync.js";export{customerGroup}from"./services/CustomerService.js";export{CartPropConfig}from"./services/CartPropConfig.js";export{getDeviceGalleryAnalyticsItem,getDeviceGallerySelectAnalyticsItem,trackComponent,trackDeviceGalleryEligibility,trackErrorEvent,trackEvent,trackGADatalayerEvent,trackLineEvent,trackMessageEvent,trackNewDatalayerEvent}from"./utils/AnalyticUtils.js";
 //# sourceMappingURL=index.js.map

package/dist/index.d.ts

@@ -405,6 +405,12 @@ interface InternetAndTvCardItemSchema {
     notToDisplay?: boolean;
     [key: string]: any;
 }
+interface InternetAndTvCardItemProps {
+    content: InternetAndTvCardItemSchema;
+    metadata?: any;
+    index?: number;
+}
+declare const InternetAndTvCardItem: ({ content, metadata, index, }: InternetAndTvCardItemProps) => React.JSX.Element;
 
 interface InternetAndTvCardsContent {
     _uid: string;
@@ -890,5 +896,5 @@ interface ErrorEventInfoInterface {
 }
 declare const trackErrorEvent: (message_type: string, message_title: string, message_source: string, message_reason: string) => void;
 
-export { BadgeContainer, ButtonGroup, CartPropConfig, CustomerPropConfig, DeviceGalleryList, FalconButtonV3, FalconMainNavigation, GlobalPromoRibbon, ImageComponent, ImageWithText, ImageWithTextWrapper, InternetAndTvCards, InternetAndTvCardsBenefits, LineCheckV2, LinecheckBasicPropConfig, MinimizedHeader, PromoBubble, PromotionTeaser, QuickLinks, RibbonComponent, RibbonRenderer, SearchWrapper, StageTeaserComponent, StageTeaserV3, TextComponent, createCustomerGroupFetcher, createCustomerSegmentSync, customerGroup, dispatchCustomerSegmentRefreshEvent, extractCustomerGroupFromProfile, getCurrentCustomerSegment, getDeviceGalleryAnalyticsItem, getDeviceGallerySelectAnalyticsItem, hasCachedCustomerSegment, resolveCustomerGroup, setCustomerSegment, subscribeToCustomerSegmentRefresh, syncCustomerSegment, trackComponent, trackDeviceGalleryEligibility, trackErrorEvent, trackEvent, trackGADatalayerEvent, trackLineEvent, trackMessageEvent, trackNewDatalayerEvent };
+export { BadgeContainer, ButtonGroup, CartPropConfig, CustomerPropConfig, DeviceGalleryList, FalconButtonV3, FalconMainNavigation, GlobalPromoRibbon, ImageComponent, ImageWithText, ImageWithTextWrapper, InternetAndTvCardItem, InternetAndTvCards, InternetAndTvCardsBenefits, LineCheckV2, LinecheckBasicPropConfig, MinimizedHeader, PromoBubble, PromotionTeaser, QuickLinks, RibbonComponent, RibbonRenderer, SearchWrapper, StageTeaserComponent, StageTeaserV3, TextComponent, createCustomerGroupFetcher, createCustomerSegmentSync, customerGroup, dispatchCustomerSegmentRefreshEvent, extractCustomerGroupFromProfile, getCurrentCustomerSegment, getDeviceGalleryAnalyticsItem, getDeviceGallerySelectAnalyticsItem, hasCachedCustomerSegment, resolveCustomerGroup, setCustomerSegment, subscribeToCustomerSegmentRefresh, syncCustomerSegment, trackComponent, trackDeviceGalleryEligibility, trackErrorEvent, trackEvent, trackGADatalayerEvent, trackLineEvent, trackMessageEvent, trackNewDatalayerEvent };
 export type { CartPropConfigSchema, CreateCustomerGroupFetcherOptions, CustomerProfileResponse, CustomerPropConfigSchema, CustomerSegmentRefreshDetail, CustomerSegmentSyncApi, CustomerSegmentSyncOptions, DeviceGalleryAnalyticsItem, DeviceGalleryItemSchema, DeviceGalleryListContent, DeviceGalleryListProps, ErrorEventInfoInterface, InternetAndTvCardItemSchema, InternetAndTvCardsContent, InternetAndTvCardsProps, LinecheckBasicPropConfigSchema, PromotionTeaserProps, PromotionTeaserSchema, QuickLinkItemSchema, QuickLinksContent, QuickLinksProps, ResolveCustomerGroupOptions, RibbonComponentSchema, RibbonRendererProps, StageTeaserSlideContent, StageTeaserSwiperContent, StageTeaserSwiperProps, StageTeaserV3Content, StageTeaserV3Props };

package/dist/navigation.css

@@ -1722,6 +1722,92 @@
   background-color: #1f1f1f;
 }
 
+/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartClearConfirm/CartClearConfirm.module.scss */
+/* center a block element */
+/* use this to any of the pseudo elements as these are the mandatory properties */
+/* setting styles in separate formats for cross browser support */
+/* specify the max width for an element and apply ellipses and truncate the overflow */
+/* vertically center alilgn any HTML element */
+/* add basePath to assets  */
+.CartClearConfirm-module__overlay___sxCOO {
+  position: absolute;
+  inset: 0;
+  z-index: 10;
+  background: rgba(42, 42, 42, 0.8);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 24px;
+}
+
+.CartClearConfirm-module__dialog___UWokE {
+  background: transparent;
+  border-radius: 16px;
+  padding: 24px;
+  width: 100%;
+  max-width: 320px;
+  display: flex;
+  flex-direction: column;
+  gap: 24px;
+}
+
+.CartClearConfirm-module__message___vd9VO {
+  font-size: 18px;
+  line-height: 26px;
+  font-weight: 700;
+  color: #ffffff;
+  text-align: center;
+}
+
+.CartClearConfirm-module__actions___X0-0w {
+  display: flex;
+  gap: 12px;
+}
+.CartClearConfirm-module__actions___X0-0w button {
+  padding: 10px 24px;
+}
+
+.CartClearConfirm-module__cancelButton___LYopb {
+  flex: 1;
+  background: none;
+  border: 2px solid #ffffff;
+  border-radius: 28px;
+  font-size: 16px;
+  line-height: 24px;
+  font-weight: 600;
+  color: #ffffff;
+  cursor: pointer;
+  transition: background-color 0.15s ease;
+}
+.CartClearConfirm-module__cancelButton___LYopb:hover {
+  background-color: rgba(255, 255, 255, 0.1);
+}
+.CartClearConfirm-module__cancelButton___LYopb:focus-visible {
+  outline: 2px solid #ffffff;
+  outline-offset: 2px;
+}
+
+.CartClearConfirm-module__confirmButton___KgPKy {
+  flex: 1;
+  background: #ffffff;
+  border: 2px solid #ffffff;
+  border-radius: 28px;
+  font-size: 16px;
+  line-height: 24px;
+  font-weight: 600;
+  color: #3d3935;
+  cursor: pointer;
+  transition: background-color 0.15s ease;
+}
+.CartClearConfirm-module__confirmButton___KgPKy:hover {
+  background-color: #e6e3df;
+  border-color: #e6e3df;
+}
+.CartClearConfirm-module__confirmButton___KgPKy:focus-visible {
+  outline: 2px solid #ffffff;
+  outline-offset: 2px;
+}
+
 /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/SubNavigation/SubNavigation.module.scss */
 /* center a block element */
 /* use this to any of the pseudo elements as these are the mandatory properties */
@@ -1991,92 +2077,6 @@
   }
 }
 
-/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartClearConfirm/CartClearConfirm.module.scss */
-/* center a block element */
-/* use this to any of the pseudo elements as these are the mandatory properties */
-/* setting styles in separate formats for cross browser support */
-/* specify the max width for an element and apply ellipses and truncate the overflow */
-/* vertically center alilgn any HTML element */
-/* add basePath to assets  */
-.CartClearConfirm-module__overlay___sxCOO {
-  position: absolute;
-  inset: 0;
-  z-index: 10;
-  background: rgba(42, 42, 42, 0.8);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 24px;
-}
-
-.CartClearConfirm-module__dialog___UWokE {
-  background: transparent;
-  border-radius: 16px;
-  padding: 24px;
-  width: 100%;
-  max-width: 320px;
-  display: flex;
-  flex-direction: column;
-  gap: 24px;
-}
-
-.CartClearConfirm-module__message___vd9VO {
-  font-size: 18px;
-  line-height: 26px;
-  font-weight: 700;
-  color: #ffffff;
-  text-align: center;
-}
-
-.CartClearConfirm-module__actions___X0-0w {
-  display: flex;
-  gap: 12px;
-}
-.CartClearConfirm-module__actions___X0-0w button {
-  padding: 10px 24px;
-}
-
-.CartClearConfirm-module__cancelButton___LYopb {
-  flex: 1;
-  background: none;
-  border: 2px solid #ffffff;
-  border-radius: 28px;
-  font-size: 16px;
-  line-height: 24px;
-  font-weight: 600;
-  color: #ffffff;
-  cursor: pointer;
-  transition: background-color 0.15s ease;
-}
-.CartClearConfirm-module__cancelButton___LYopb:hover {
-  background-color: rgba(255, 255, 255, 0.1);
-}
-.CartClearConfirm-module__cancelButton___LYopb:focus-visible {
-  outline: 2px solid #ffffff;
-  outline-offset: 2px;
-}
-
-.CartClearConfirm-module__confirmButton___KgPKy {
-  flex: 1;
-  background: #ffffff;
-  border: 2px solid #ffffff;
-  border-radius: 28px;
-  font-size: 16px;
-  line-height: 24px;
-  font-weight: 600;
-  color: #3d3935;
-  cursor: pointer;
-  transition: background-color 0.15s ease;
-}
-.CartClearConfirm-module__confirmButton___KgPKy:hover {
-  background-color: #e6e3df;
-  border-color: #e6e3df;
-}
-.CartClearConfirm-module__confirmButton___KgPKy:focus-visible {
-  outline: 2px solid #ffffff;
-  outline-offset: 2px;
-}
-
 /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/MobileNavigation/MobileSubNavigation/MobileSubNavigation.module.scss */
 /* center a block element */
 /* use this to any of the pseudo elements as these are the mandatory properties */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sunrise-upc/sales-static-components",
-  "version": "4.2.0-beta.4",
+  "version": "4.2.0-beta.6",
   "description": "Static Reusable Components Library",
   "type": "module",
   "main": "dist/cjs/index.js",