@sunrise-upc/sales-static-components 3.8.6-beta.0 → 4.0.0

package/dist/esm/components/RibbonComponent/RibbonComponent.js

@@ -1,3 +1,3 @@
 import './RibbonComponent.css';
-import{jsx as o,Fragment as n,jsxs as e}from"react/jsx-runtime";import{useRef as l,useState as i,useEffect as t}from"react";import r from"./RibbonComponentTimer/RibbonComponentTimer.js";import{calculateDateTime as d}from"./utils.js";import{getCookie as a}from"cookies-next";import u from"../RichText/richText.js";import{trackNewDatalayerEvent as v}from"../../utils/AnalyticUtils.js";import{VIEWPROMOTION as s,ALL as c,RIBBON as m,CMS as b,SELECTPROMOTION as p}from"../../utils/AnalyticsConstants.js";import f from"../FalconButtonV3/FalconButtonV3.js";const h=({content:h})=>{var C,_,T,g,I,N,k,y,M,D,x,j,S,B,U,w,A,O,R,F,P,J,L,V,H;const W=l(null),[$,q]=i(!1),z=a("sunriseAuth"),[E,G]=i(!1),K=new Date,[Q,X]=i(null==h?void 0:h.teaserTimer[0]),Y=d(new Date(null===(_=null===(C=null==h?void 0:h.teaserTimer[0])||void 0===C?void 0:C.endTime)||void 0===_?void 0:_.replace(/-/g,"/"))),Z=d(new Date(null===(g=null===(T=null==h?void 0:h.teaserTimer[0])||void 0===T?void 0:T.startTime)||void 0===g?void 0:g.replace(/-/g,"/"))),oo=((null==h?void 0:h.enableDarkMode)?"ribbonComponent_DarkText ":"")+"ribbonComponent_Card",no=((null==h?void 0:h.enableDarkMode)?"ribbonComponent_DarkDescription ":"")+"ribbonComponent_TextContainer",[eo,lo]=i(!1),io=()=>{const o=Y.getTime()-K.getTime();if(o>0&&eo){return{days:("0"+Math.floor(o/864e5)).slice(-2),hours:("0"+Math.floor(o/36e5%24)).slice(-2),mins:("0"+Math.floor(o/1e3/60%60)).slice(-2),sec:("0"+Math.floor(o/1e3%60)).slice(-2)}}return null},[to,ro]=i(io()),ao=()=>{!1===$&&q(!0)};t(()=>{var o;if(null===(o=null==h?void 0:h.teaserTimer[0])||void 0===o?void 0:o.startTime){const o=null==h?void 0:h.teaserTimer[0];o.isDarkMode=null==h?void 0:h.enableDarkMode,X(o)}!z&&"nauth"===(null==h?void 0:h.targetCustomer)||"both"===(null==h?void 0:h.targetCustomer)||z&&"auth"===(null==h?void 0:h.targetCustomer)?G(!0):G(!1)},[]),t(()=>{ro(io()),K.getTime()>=Z.getTime()&&!eo&&lo(!0);const o=setInterval(()=>{ro(io())},1e3);return()=>{clearInterval(o)}},[eo]),t(()=>{var o;const n=new IntersectionObserver(o=>{var n,e;o[0].isIntersecting&&o[0].intersectionRatio>=.5&&!(null===(n=localStorage.getItem("analyticsUids"))||void 0===n?void 0:n.includes(h._uid))&&(v(s,s,{banner_promotion_name:null!==(e=null==h?void 0:h.bannerPromotionName)&&void 0!==e?e:null==h?void 0:h.description,banner_source:b,banner_type:m,banner_location:null==h?void 0:h.bannerLocation,audience_name:c,promotion_objective:c}),localStorage.setItem("analyticsUids",JSON.stringify([...localStorage.getItem("analyticsUids")?JSON.parse(localStorage.getItem("analyticsUids")||""):[],h._uid])))},{threshold:.5});return W.current&&!(null===(o=localStorage.getItem("analyticsUids"))||void 0===o?void 0:o.includes(h._uid))&&n.observe(W.current),()=>{n.disconnect()}});return o(n,{children:!1===$&&(void 0===(null===(I=null==h?void 0:h.teaserTimer[0])||void 0===I?void 0:I.startTime)&&null===to||void 0!==(null===(N=null==h?void 0:h.teaserTimer[0])||void 0===N?void 0:N.startTime)&&null!==to)&&E&&o(n,{children:o("div",{className:"ribbonComponent_Wrapper",style:{background:null==h?void 0:h.backgroundColor},ref:W,children:e("div",{className:oo,children:[e("div",{className:"ribbonComponent_descriptionBlockSection",children:[(null===(k=null==h?void 0:h.icon)||void 0===k?void 0:k.filename)&&o("div",{className:"ribbonComponent_Image",children:o("img",{className:"ribbonComponent_Icon",src:(null==h?void 0:h.enableDarkMode)?null===(y=null==h?void 0:h.darkModeIcon)||void 0===y?void 0:y.filename:null===(M=null==h?void 0:h.icon)||void 0===M?void 0:M.filename})}),(null==h?void 0:h.description)&&e("div",{className:no,children:[o(u,{content:null==h?void 0:h.description}),o("div",{})]})]}),e("div",{className:"ribbonComponent_ButtonSection",children:[(null===(D=null==h?void 0:h.teaserTimer[0])||void 0===D?void 0:D.startTime)&&e(n,{children:[o("div",{className:"ribbonComponent_Timer",children:o(r,{content:Q})}),(null==h?void 0:h.buttonText)||(null==h?void 0:h.hotlineNumber)?o("div",{className:"ribbonComponent_HrBreaker"}):o("div",{className:"ribbonComponent_OnlyTimer"})]}),((null==h?void 0:h.buttonText)&&(null===(x=null==h?void 0:h.link)||void 0===x?void 0:x.url)||(null==h?void 0:h.hotlineNumber)&&(null===(j=null==h?void 0:h.buttonIcon)||void 0===j?void 0:j.filename))&&o("div",{className:"ribbonComponent_Button",children:o(f,{href:(null==h?void 0:h.hotlineNumber)?`tel:${(null==h?void 0:h.hotlineNumber)||0}`:null===(S=null==h?void 0:h.link)||void 0===S?void 0:S.url,target:null!==(B=null==h?void 0:h.target)&&void 0!==B?B:"",rel:"_blank"===(null==h?void 0:h.target)?"opener":"noopener",onClick:()=>{var o;v(p,p,{banner_promotion_name:null!==(o=null==h?void 0:h.bannerPromotionName)&&void 0!==o?o:null==h?void 0:h.description,banner_source:b,banner_type:m,audience_name:c,promotion_objective:c,banner_location:null==h?void 0:h.bannerLocation})},buttonType:null==h?void 0:h.buttonType,label:(null==h?void 0:h.hotlineNumber)?null==h?void 0:h.hotlineNumber:null==h?void 0:h.buttonText,iconFilename:(null==h?void 0:h.hotlineNumber)?null===(U=null==h?void 0:h.buttonIcon)||void 0===U?void 0:U.filename:void 0,iconPosition:(null==h?void 0:h.hotlineNumber)?"left"===(null==h?void 0:h.iconAlign)?"before":"after":void 0})}),(null===(w=null==h?void 0:h.closeIcon)||void 0===w?void 0:w.filename)&&(null==h?void 0:h.isCloseIcon)&&o("div",{className:"ribbonComponent_CloseIcon",onClick:()=>ao(),children:o("img",{src:(null==h?void 0:h.enableDarkMode)?null!==(O=null===(A=null==h?void 0:h.darkModeCloseIcon)||void 0===A?void 0:A.filename)&&void 0!==O?O:null===(R=null==h?void 0:h.closeIcon)||void 0===R?void 0:R.filename:null===(F=null==h?void 0:h.closeIcon)||void 0===F?void 0:F.filename})})]}),(null===(P=null==h?void 0:h.closeIcon)||void 0===P?void 0:P.filename)&&(null==h?void 0:h.isCloseIcon)&&o("div",{className:"ribbonComponent_CloseIcon1",onClick:()=>ao(),children:o("img",{src:(null==h?void 0:h.enableDarkMode)?null!==(L=null===(J=null==h?void 0:h.darkModeCloseIcon)||void 0===J?void 0:J.filename)&&void 0!==L?L:null===(V=null==h?void 0:h.closeIcon)||void 0===V?void 0:V.filename:null===(H=null==h?void 0:h.closeIcon)||void 0===H?void 0:H.filename})})]})})})})};export{h as default};
+import{jsx as o,Fragment as n,jsxs as l}from"react/jsx-runtime";import{useRef as e,useState as i,useEffect as t}from"react";import r from"./RibbonComponentTimer/RibbonComponentTimer.js";import{calculateDateTime as d,getFalconButtonClass as a}from"./utils.js";import{getCookie as u}from"cookies-next";import v from"../RichText/richText.js";import{trackNewDatalayerEvent as c}from"../../utils/AnalyticUtils.js";import{VIEWPROMOTION as s,ALL as m,RIBBON as b,CMS as p,SELECTPROMOTION as h}from"../../utils/AnalyticsConstants.js";const C=({content:C})=>{var _,g,f,T,I,N,k,y,M,D,x,S,j,U,A,w,B,O,R,J,L,P,H,W,$,q;const z=e(null),[E,F]=i(!1),G=u("sunriseAuth"),[K,Q]=i(!1),V=new Date,[X,Y]=i(null==C?void 0:C.teaserTimer[0]),Z=d(new Date(null===(g=null===(_=null==C?void 0:C.teaserTimer[0])||void 0===_?void 0:_.endTime)||void 0===g?void 0:g.replace(/-/g,"/"))),oo=d(new Date(null===(T=null===(f=null==C?void 0:C.teaserTimer[0])||void 0===f?void 0:f.startTime)||void 0===T?void 0:T.replace(/-/g,"/"))),no=((null==C?void 0:C.enableDarkMode)?"ribbonComponent_DarkText ":"")+"ribbonComponent_Card",lo=((null==C?void 0:C.enableDarkMode)?"ribbonComponent_DarkDescription ":"")+"ribbonComponent_TextContainer",[eo,io]=i(!1),to=()=>{const o=Z.getTime()-V.getTime();if(o>0&&eo){return{days:("0"+Math.floor(o/864e5)).slice(-2),hours:("0"+Math.floor(o/36e5%24)).slice(-2),mins:("0"+Math.floor(o/1e3/60%60)).slice(-2),sec:("0"+Math.floor(o/1e3%60)).slice(-2)}}return null},[ro,ao]=i(to()),uo=()=>{!1===E&&F(!0)};t(()=>{var o;if(null===(o=null==C?void 0:C.teaserTimer[0])||void 0===o?void 0:o.startTime){const o=null==C?void 0:C.teaserTimer[0];o.isDarkMode=null==C?void 0:C.enableDarkMode,Y(o)}!G&&"nauth"===(null==C?void 0:C.targetCustomer)||"both"===(null==C?void 0:C.targetCustomer)||G&&"auth"===(null==C?void 0:C.targetCustomer)?Q(!0):Q(!1)},[]),t(()=>{ao(to()),V.getTime()>=oo.getTime()&&!eo&&io(!0);const o=setInterval(()=>{ao(to())},1e3);return()=>{clearInterval(o)}},[eo]),t(()=>{var o;const n=new IntersectionObserver(o=>{var n,l;o[0].isIntersecting&&o[0].intersectionRatio>=.5&&!(null===(n=localStorage.getItem("analyticsUids"))||void 0===n?void 0:n.includes(C._uid))&&(c(s,s,{banner_promotion_name:null!==(l=null==C?void 0:C.bannerPromotionName)&&void 0!==l?l:null==C?void 0:C.description,banner_source:p,banner_type:b,banner_location:null==C?void 0:C.bannerLocation,audience_name:m,promotion_objective:m}),localStorage.setItem("analyticsUids",JSON.stringify([...localStorage.getItem("analyticsUids")?JSON.parse(localStorage.getItem("analyticsUids")||""):[],C._uid])))},{threshold:.5});return z.current&&!(null===(o=localStorage.getItem("analyticsUids"))||void 0===o?void 0:o.includes(C._uid))&&n.observe(z.current),()=>{n.disconnect()}});return o(n,{children:!1===E&&(void 0===(null===(I=null==C?void 0:C.teaserTimer[0])||void 0===I?void 0:I.startTime)&&null===ro||void 0!==(null===(N=null==C?void 0:C.teaserTimer[0])||void 0===N?void 0:N.startTime)&&null!==ro)&&K&&o(n,{children:o("div",{className:"ribbonComponent_Wrapper",style:{background:null==C?void 0:C.backgroundColor},ref:z,children:l("div",{className:no,children:[l("div",{className:"ribbonComponent_descriptionBlockSection",children:[(null===(k=null==C?void 0:C.icon)||void 0===k?void 0:k.filename)&&o("div",{className:"ribbonComponent_Image",children:o("img",{className:"ribbonComponent_Icon",src:(null==C?void 0:C.enableDarkMode)?null===(y=null==C?void 0:C.darkModeIcon)||void 0===y?void 0:y.filename:null===(M=null==C?void 0:C.icon)||void 0===M?void 0:M.filename})}),(null==C?void 0:C.description)&&l("div",{className:lo,children:[o(v,{content:null==C?void 0:C.description}),o("div",{})]})]}),l("div",{className:"ribbonComponent_ButtonSection",children:[(null===(D=null==C?void 0:C.teaserTimer[0])||void 0===D?void 0:D.startTime)&&l(n,{children:[o("div",{className:"ribbonComponent_Timer",children:o(r,{content:X})}),(null==C?void 0:C.buttonText)||(null==C?void 0:C.hotlineNumber)?o("div",{className:"ribbonComponent_HrBreaker"}):o("div",{className:"ribbonComponent_OnlyTimer"})]}),((null==C?void 0:C.buttonText)&&(null===(x=null==C?void 0:C.link)||void 0===x?void 0:x.url)||(null==C?void 0:C.hotlineNumber)&&(null===(S=null==C?void 0:C.buttonIcon)||void 0===S?void 0:S.filename))&&o("div",{className:"ribbonComponent_Button",children:o("a",{href:(null==C?void 0:C.hotlineNumber)?`tel:${(null==C?void 0:C.hotlineNumber)||0}`:null===(j=null==C?void 0:C.link)||void 0===j?void 0:j.url,target:null!==(U=null==C?void 0:C.target)&&void 0!==U?U:"",rel:"_blank"===(null==C?void 0:C.target)?"opener":"noopener",onClick:()=>{var o;c(h,h,{banner_promotion_name:null!==(o=null==C?void 0:C.bannerPromotionName)&&void 0!==o?o:null==C?void 0:C.description,banner_source:p,banner_type:b,audience_name:m,promotion_objective:m,banner_location:null==C?void 0:C.bannerLocation})},children:l("div",{className:a(null==C?void 0:C.buttonType),children:[(null==C?void 0:C.hotlineNumber)&&"left"===(null==C?void 0:C.iconAlign)&&o("img",{className:"ribbonComponent_phoneIcon",src:null===(A=null==C?void 0:C.buttonIcon)||void 0===A?void 0:A.filename}),(null==C?void 0:C.hotlineNumber)?null==C?void 0:C.hotlineNumber:null==C?void 0:C.buttonText,(null==C?void 0:C.hotlineNumber)&&"right"===(null==C?void 0:C.iconAlign)&&o("img",{className:"ribbonComponent_phoneIcon",src:null===(w=null==C?void 0:C.buttonIcon)||void 0===w?void 0:w.filename})]})})}),(null===(B=null==C?void 0:C.closeIcon)||void 0===B?void 0:B.filename)&&(null==C?void 0:C.isCloseIcon)&&o("div",{className:"ribbonComponent_CloseIcon",onClick:()=>uo(),children:o("img",{src:(null==C?void 0:C.enableDarkMode)?null!==(R=null===(O=null==C?void 0:C.darkModeCloseIcon)||void 0===O?void 0:O.filename)&&void 0!==R?R:null===(J=null==C?void 0:C.closeIcon)||void 0===J?void 0:J.filename:null===(L=null==C?void 0:C.closeIcon)||void 0===L?void 0:L.filename})})]}),(null===(P=null==C?void 0:C.closeIcon)||void 0===P?void 0:P.filename)&&(null==C?void 0:C.isCloseIcon)&&o("div",{className:"ribbonComponent_CloseIcon1",onClick:()=>uo(),children:o("img",{src:(null==C?void 0:C.enableDarkMode)?null!==(W=null===(H=null==C?void 0:C.darkModeCloseIcon)||void 0===H?void 0:H.filename)&&void 0!==W?W:null===($=null==C?void 0:C.closeIcon)||void 0===$?void 0:$.filename:null===(q=null==C?void 0:C.closeIcon)||void 0===q?void 0:q.filename})})]})})})})};export{C as default};
 //# sourceMappingURL=RibbonComponent.js.map

package/dist/esm/components/RibbonComponent/RibbonComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"RibbonComponent.js","sources":["../../../../../src/components/RibbonComponent/RibbonComponent.tsx"],"sourcesContent":[null],"names":["RibbonComponent","content","elementRef","useRef","closeBanner","setCloseBanner","useState","loggedInCookie","getCookie","displayMaintainance","seDisplayMaintainance","today","Date","teaserContent","setTeaserContent","teaserTimer","expiry","calculateDateTime","_b","_a","endTime","replace","start","_d","_c","startTime","textClass","enableDarkMode","anchorClass","startTimer","setStartTimer","calculateTime","difference","getTime","days","Math","floor","slice","hours","mins","sec","timeLeft","setTimeLeft","onClickClose","useEffect","tempContent","isDarkMode","targetCustomer","timer","setInterval","clearInterval","observer","IntersectionObserver","entries","isIntersecting","intersectionRatio","localStorage","getItem","includes","_uid","trackNewDatalayerEvent","VIEWPROMOTION","banner_promotion_name","bannerPromotionName","description","banner_source","CMS","banner_type","RIBBON","banner_location","bannerLocation","audience_name","ALL","promotion_objective","setItem","JSON","stringify","parse","threshold","current","observe","disconnect","_jsx","_Fragment","children","undefined","_e","_f","className","style","background","backgroundColor","ref","_jsxs","icon","_g","filename","src","_h","darkModeIcon","_j","RichText","_k","RibbonComponentTimer","buttonText","hotlineNumber","link","_l","url","_m","buttonIcon","FalconButtonV3","href","_o","target","_p","rel","onClick","SELECTPROMOTION","buttonType","label","iconFilename","_q","iconPosition","iconAlign","_r","closeIcon","isCloseIcon","_s","darkModeCloseIcon","_t","_u","_v","_w","_x","_y","_z","_0"],"mappings":"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"}
+{"version":3,"file":"RibbonComponent.js","sources":["../../../../../src/components/RibbonComponent/RibbonComponent.tsx"],"sourcesContent":[null],"names":["RibbonComponent","content","elementRef","useRef","closeBanner","setCloseBanner","useState","loggedInCookie","getCookie","displayMaintainance","seDisplayMaintainance","today","Date","teaserContent","setTeaserContent","teaserTimer","expiry","calculateDateTime","_b","_a","endTime","replace","start","_d","_c","startTime","textClass","enableDarkMode","anchorClass","startTimer","setStartTimer","calculateTime","difference","getTime","days","Math","floor","slice","hours","mins","sec","timeLeft","setTimeLeft","onClickClose","useEffect","tempContent","isDarkMode","targetCustomer","timer","setInterval","clearInterval","observer","IntersectionObserver","entries","isIntersecting","intersectionRatio","localStorage","getItem","includes","_uid","trackNewDatalayerEvent","VIEWPROMOTION","banner_promotion_name","bannerPromotionName","description","banner_source","CMS","banner_type","RIBBON","banner_location","bannerLocation","audience_name","ALL","promotion_objective","setItem","JSON","stringify","parse","threshold","current","observe","disconnect","_jsx","_Fragment","children","undefined","_e","_f","className","style","background","backgroundColor","ref","_jsxs","icon","_g","filename","src","_h","darkModeIcon","_j","RichText","_k","RibbonComponentTimer","buttonText","hotlineNumber","link","_l","url","_m","buttonIcon","href","_o","target","_p","rel","onClick","SELECTPROMOTION","getFalconButtonClass","buttonType","iconAlign","_q","_r","_s","closeIcon","isCloseIcon","_t","darkModeCloseIcon","_u","_v","_w","_x","_y","_z","_0","_1"],"mappings":"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"}

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

@@ -1,71 +1,71 @@
-/* Mobile only viewport */
-@media all and (max-width: 768px) {
-  .timer-wrap {
-    text-align: center !important;
-    margin-left: -4px !important;
-    margin-right: 0 !important;
-  }
-  .timer-container {
-    min-width: fit-content;
-  }
-  .timer-message {
-    margin-bottom: 10px;
-  }
-  .timer-section {
-    justify-content: center;
-    margin-top: 4px;
-    margin-left: unset !important;
-    margin-right: unset !important;
-  }
-}
-/* Mobile and tablet viewport */
-@media all and (max-width: 1023px) {
-  .timer-message {
-    margin-top: unset;
-  }
-}
-
-/* Tablet only viewport */
-@media all and (min-width: 768px) and (max-width: 1023px) {
-  .timer-section {
-    margin-top: unset;
-  }
-}
-
-.timer-container {
-  color: black;
-  display: inline-block;
-  max-width: 100%;
-  min-width: fit-content;
-}
-.colon {
-  font-weight: 700;
-  font-size: 28px;
-  line-height: 36px;
-}
-
-.timer-section {
-  display: flex;
-  padding: 8px 18px 8px 24px;
-}
-.timer-element {
-  display: inline-block;
-  min-width: 42px;
-  padding: 0 6px;
-  text-align: center;
-}
-.timer-value {
-  font-weight: 700;
-  font-size: 32px;
-  line-height: 36px;
-}
-.timer-label {
-  font-weight: 400;
-  font-size: 12px;
-  line-height: 16px;
-}
-.transparent-element:first-child {
-    padding-left: 0;
+/* Mobile only viewport */
+@media all and (max-width: 768px) {
+  .timer-wrap {
+    text-align: center !important;
+    margin-left: -4px !important;
+    margin-right: 0 !important;
+  }
+  .timer-container {
+    min-width: fit-content;
+  }
+  .timer-message {
+    margin-bottom: 10px;
+  }
+  .timer-section {
+    justify-content: center;
+    margin-top: 4px;
+    margin-left: unset !important;
+    margin-right: unset !important;
+  }
+}
+/* Mobile and tablet viewport */
+@media all and (max-width: 1023px) {
+  .timer-message {
+    margin-top: unset;
+  }
+}
+
+/* Tablet only viewport */
+@media all and (min-width: 768px) and (max-width: 1023px) {
+  .timer-section {
+    margin-top: unset;
+  }
+}
+
+.timer-container {
+  color: black;
+  display: inline-block;
+  max-width: 100%;
+  min-width: fit-content;
+}
+.colon {
+  font-weight: 700;
+  font-size: 28px;
+  line-height: 36px;
+}
+
+.timer-section {
+  display: flex;
+  padding: 8px 18px 8px 24px;
+}
+.timer-element {
+  display: inline-block;
+  min-width: 42px;
+  padding: 0 6px;
+  text-align: center;
+}
+.timer-value {
+  font-weight: 700;
+  font-size: 32px;
+  line-height: 36px;
+}
+.timer-label {
+  font-weight: 400;
+  font-size: 12px;
+  line-height: 16px;
+}
+.transparent-element:first-child {
+    padding-left: 0;
 }
 /* center a block element */
 /* use this to any of the pseudo elements as these are the mandatory properties */

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

@@ -0,0 +1,134 @@
+/* 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  */
+.FalconButtonStageTeaserV2-module__button___kDRB6 {
+  background: #da291c;
+  border: none;
+  border-radius: 28px;
+  color: #ffffff;
+  font-weight: 700;
+  overflow: visible;
+  padding: 14px 24px;
+  text-align: center;
+}
+.FalconButtonStageTeaserV2-module__button___kDRB6:focus {
+  box-shadow: none;
+  color: #ffffff !important;
+}
+.FalconButtonStageTeaserV2-module__button___kDRB6:hover {
+  color: #ffffff !important;
+  background-color: #961c13;
+}
+.FalconButtonStageTeaserV2-module__button___kDRB6:active {
+  color: #ffffff !important;
+  background-color: #c7355f;
+}
+.FalconButtonStageTeaserV2-module__button___kDRB6:disabled {
+  background-color: #e6e3df;
+  color: #b3aeaa;
+  cursor: default;
+}
+.FalconButtonStageTeaserV2-module__button___kDRB6 .FalconButtonStageTeaserV2-module__icon___CfvbX {
+  pointer-events: none;
+  mask-size: cover;
+  height: 24px;
+  width: 24px;
+  display: inline-block;
+  background-color: currentColor;
+  vertical-align: middle;
+}
+.FalconButtonStageTeaserV2-module__button___kDRB6.FalconButtonStageTeaserV2-module__Secondary-V4___nQGe4 {
+  border: none;
+  background-color: transparent;
+  color: #da291c;
+  border: 2px solid currentColor;
+  text-decoration: none;
+  text-align: center;
+}
+.FalconButtonStageTeaserV2-module__button___kDRB6.FalconButtonStageTeaserV2-module__Secondary-V4___nQGe4 .FalconButtonStageTeaserV2-module__icon___CfvbX {
+  background-color: currentColor;
+}
+.FalconButtonStageTeaserV2-module__button___kDRB6.FalconButtonStageTeaserV2-module__Secondary-V4___nQGe4:hover {
+  color: #961c13 !important;
+}
+.FalconButtonStageTeaserV2-module__button___kDRB6.FalconButtonStageTeaserV2-module__Secondary-V4___nQGe4:active {
+  color: #c7355f !important;
+}
+.FalconButtonStageTeaserV2-module__button___kDRB6.FalconButtonStageTeaserV2-module__Secondary-V4___nQGe4:focus {
+  color: #da291c !important;
+}
+.FalconButtonStageTeaserV2-module__button___kDRB6.FalconButtonStageTeaserV2-module__Secondary-V4___nQGe4:disabled {
+  color: #b3aeaa;
+  cursor: default;
+}
+.FalconButtonStageTeaserV2-module__button___kDRB6.FalconButtonStageTeaserV2-module__Secondary-V1___4PNAa {
+  background-color: transparent;
+  color: #da291c;
+  border: 2px solid currentColor;
+  text-decoration: none;
+  text-align: center;
+}
+.FalconButtonStageTeaserV2-module__button___kDRB6.FalconButtonStageTeaserV2-module__Secondary-V1___4PNAa .FalconButtonStageTeaserV2-module__icon___CfvbX {
+  background-color: currentColor;
+}
+.FalconButtonStageTeaserV2-module__button___kDRB6.FalconButtonStageTeaserV2-module__Secondary-V1___4PNAa:hover {
+  color: #961c13 !important;
+}
+.FalconButtonStageTeaserV2-module__button___kDRB6.FalconButtonStageTeaserV2-module__Secondary-V1___4PNAa:active {
+  color: #c7355f !important;
+}
+.FalconButtonStageTeaserV2-module__button___kDRB6.FalconButtonStageTeaserV2-module__Secondary-V1___4PNAa:focus {
+  color: #da291c !important;
+}
+.FalconButtonStageTeaserV2-module__button___kDRB6.FalconButtonStageTeaserV2-module__Secondary-V1___4PNAa:disabled {
+  color: #b3aeaa;
+  cursor: default;
+}
+.FalconButtonStageTeaserV2-module__button___kDRB6.FalconButtonStageTeaserV2-module__Secondary-V1___4PNAa {
+  border: 2px solid currentColor;
+  padding: 12px 24px;
+  text-decoration: none;
+}
+.FalconButtonStageTeaserV2-module__button___kDRB6.FalconButtonStageTeaserV2-module__Secondary-white___tUWHT {
+  background-color: transparent;
+  color: #ffffff;
+  padding: 12px 24px;
+  border: 2px solid #ffffff;
+}
+
+@media (max-width: 767px) {
+  .FalconButtonStageTeaserV2-module__button___kDRB6 {
+    padding: 10px 24px;
+  }
+  .FalconButtonStageTeaserV2-module__button___kDRB6.FalconButtonStageTeaserV2-module__Secondary-V1___4PNAa {
+    background-color: transparent;
+    color: #da291c;
+    border: 2px solid currentColor;
+    text-decoration: none;
+    text-align: center;
+  }
+  .FalconButtonStageTeaserV2-module__button___kDRB6.FalconButtonStageTeaserV2-module__Secondary-V1___4PNAa .FalconButtonStageTeaserV2-module__icon___CfvbX {
+    background-color: currentColor;
+  }
+  .FalconButtonStageTeaserV2-module__button___kDRB6.FalconButtonStageTeaserV2-module__Secondary-V1___4PNAa:hover {
+    color: #961c13 !important;
+  }
+  .FalconButtonStageTeaserV2-module__button___kDRB6.FalconButtonStageTeaserV2-module__Secondary-V1___4PNAa:active {
+    color: #c7355f !important;
+  }
+  .FalconButtonStageTeaserV2-module__button___kDRB6.FalconButtonStageTeaserV2-module__Secondary-V1___4PNAa:focus {
+    color: #da291c !important;
+  }
+  .FalconButtonStageTeaserV2-module__button___kDRB6.FalconButtonStageTeaserV2-module__Secondary-V1___4PNAa:disabled {
+    color: #b3aeaa;
+    cursor: default;
+  }
+  .FalconButtonStageTeaserV2-module__button___kDRB6.FalconButtonStageTeaserV2-module__Secondary-V1___4PNAa {
+    border: 2px solid currentColor;
+    padding: 8px 24px;
+    text-decoration: none;
+  }
+}

package/dist/esm/components/RibbonComponent/utils.js

@@ -1,2 +1,3 @@
-import{useState as e,useEffect as t}from"react";import"react/jsx-runtime";const n="Europe/Vienna",r=(e,t,r,o,i,s,a)=>{const m=new Date(Date.UTC(t,r,o,i,s,a)),c=new Date(m.toLocaleString("en-US",{timeZone:n})),g=new Date(m.toLocaleString("en-US",{timeZone:e})),l=c.getTime()-g.getTime();return m.setTime(m.getTime()+l),m},o=e=>{let t=new Date(e);return t=r(n,t.getFullYear(),t.getMonth(),t.getDate(),t.getHours(),t.getMinutes(),t.getSeconds()),t},i=()=>{const[n,r]=e(0);return t(()=>{const e=()=>{r(window.innerWidth)};return window.addEventListener("resize",e),e(),()=>window.removeEventListener("resize",e)},[]),n>=1440?"large-desktop":n<1440&&n>=1024?"desktop":n<1024&&n>=768?"tablet":n<768&&n>0?"mobile":""},s=(e,t)=>{const[n]=["https://a.storyblok.com/f/113473/"],[r]=[e+"asset/"];return t?t.replace(n,`${r}`):t||""};export{n as CONFIGURED_TIME_ZONE,o as calculateDateTime,r as dateWithTimeZone,s as getSBAssetUrl,i as viewport};
+import './utils.css';
+import{useState as e,useEffect as t}from"react";import r from"../FalconButtonV2/FalconButtonStageTeaserV2.module.scss.js";const n="Europe/Vienna",a=e=>{switch(e){case"Primary-V1":return`${r.button}`;case"Secondary-V1":return`${r.button} ${r["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.button} ${r["Secondary-white"]}`;case"Primary-White-V1":return"falcon-primary-white-v1-button";default:return""}},o=(e,t,r,a,o,c,s)=>{const i=new Date(Date.UTC(t,r,a,o,c,s)),u=new Date(i.toLocaleString("en-US",{timeZone:n})),d=new Date(i.toLocaleString("en-US",{timeZone:e})),m=u.getTime()-d.getTime();return i.setTime(i.getTime()+m),i},c=e=>{let t=new Date(e);return t=o(n,t.getFullYear(),t.getMonth(),t.getDate(),t.getHours(),t.getMinutes(),t.getSeconds()),t},s=()=>{const[r,n]=e(0);return t(()=>{const e=()=>{n(window.innerWidth)};return window.addEventListener("resize",e),e(),()=>window.removeEventListener("resize",e)},[]),r>=1440?"large-desktop":r<1440&&r>=1024?"desktop":r<1024&&r>=768?"tablet":r<768&&r>0?"mobile":""},i=(e,t)=>{const[r]=["https://a.storyblok.com/f/113473/"],[n]=[e+"asset/"];return t?t.replace(r,`${n}`):t||""};export{n as CONFIGURED_TIME_ZONE,c as calculateDateTime,o as dateWithTimeZone,a as getFalconButtonClass,i as getSBAssetUrl,s as viewport};
 //# sourceMappingURL=utils.js.map

package/dist/esm/components/RibbonComponent/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../../../src/components/RibbonComponent/utils.ts"],"sourcesContent":[null],"names":["CONFIGURED_TIME_ZONE","dateWithTimeZone","timeZone","year","month","day","hour","minute","second","date","Date","UTC","utcDate","toLocaleString","tzDate","offset","getTime","setTime","calculateDateTime","dateObj","time","getFullYear","getMonth","getDate","getHours","getMinutes","getSeconds","viewport","width","setWidth","useState","useEffect","updateSize","window","innerWidth","addEventListener","removeEventListener","getSBAssetUrl","wafIdentifier","image","defaultImageEndpoint","s3Endpoint","replace"],"mappings":"0EAGO,MAAMA,EAAuB,gBAEvBC,EAAmB,CAC9BC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,KAEA,MAAMC,EAAO,IAAIC,KAAKA,KAAKC,IAAIR,EAAMC,EAAOC,EAAKC,EAAMC,EAAQC,IACzDI,EAAU,IAAIF,KAAKD,EAAKI,eAAe,QAAS,CAAEX,SAAUF,KAC5Dc,EAAS,IAAIJ,KAAKD,EAAKI,eAAe,QAAS,CAAEX,SAAUA,KAC3Da,EAASH,EAAQI,UAAYF,EAAOE,UAE1C,OADAP,EAAKQ,QAAQR,EAAKO,UAAYD,GACvBN,GAMIS,EAAqBC,IAChC,IAAIC,EAAO,IAAIV,KAAKS,GAUpB,OATAC,EAAOnB,EACLD,EACAoB,EAAKC,cACLD,EAAKE,WACLF,EAAKG,UACLH,EAAKI,WACLJ,EAAKK,aACLL,EAAKM,cAEAN,GAcIO,EAAW,KACtB,MAAOC,EAAOC,GAAYC,EAAS,GASnC,OARAC,EAAU,KACR,MAAMC,EAAa,KACjBH,EAASI,OAAOC,aAIlB,OAFAD,OAAOE,iBAAiB,SAAUH,GAClCA,IACO,IAAMC,OAAOG,oBAAoB,SAAUJ,IACjD,IACCJ,GAAS,KACJ,gBACEA,EAAQ,MAAQA,GAAS,KAC3B,UACEA,EAAQ,MAAQA,GAAS,IAC3B,SACEA,EAAQ,KAAOA,EAAQ,EACzB,SAEA,IAIES,EAAgB,CAACC,EAAoBC,KAChD,MAAOC,GAAkC,CAAC,sCACnCC,GAAwB,CAACH,EAAgB,UAChD,OAAIC,EACKA,EAAMG,QAAQF,EAAsB,GAAGC,KAEzCF,GAAS"}
+{"version":3,"file":"utils.js","sources":["../../../../../src/components/RibbonComponent/utils.ts"],"sourcesContent":[null],"names":["CONFIGURED_TIME_ZONE","getFalconButtonClass","type","Styles","button","dateWithTimeZone","timeZone","year","month","day","hour","minute","second","date","Date","UTC","utcDate","toLocaleString","tzDate","offset","getTime","setTime","calculateDateTime","dateObj","time","getFullYear","getMonth","getDate","getHours","getMinutes","getSeconds","viewport","width","setWidth","useState","useEffect","updateSize","window","innerWidth","addEventListener","removeEventListener","getSBAssetUrl","wafIdentifier","image","defaultImageEndpoint","s3Endpoint","replace"],"mappings":"0HAGO,MAAMA,EAAuB,gBAEvBC,EAAwBC,IACnC,OAAQA,GACN,IAAK,aACH,MAAO,GAAGC,EAAOC,SAEnB,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,mBACH,MAAO,iCAGT,QACE,MAAO,KAIAE,EAAmB,CAC9BC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,KAEA,MAAMC,EAAO,IAAIC,KAAKA,KAAKC,IAAIR,EAAMC,EAAOC,EAAKC,EAAMC,EAAQC,IACzDI,EAAU,IAAIF,KAAKD,EAAKI,eAAe,QAAS,CAAEX,SAAUN,KAC5DkB,EAAS,IAAIJ,KAAKD,EAAKI,eAAe,QAAS,CAAEX,SAAUA,KAC3Da,EAASH,EAAQI,UAAYF,EAAOE,UAE1C,OADAP,EAAKQ,QAAQR,EAAKO,UAAYD,GACvBN,GAMIS,EAAqBC,IAChC,IAAIC,EAAO,IAAIV,KAAKS,GAUpB,OATAC,EAAOnB,EACLL,EACAwB,EAAKC,cACLD,EAAKE,WACLF,EAAKG,UACLH,EAAKI,WACLJ,EAAKK,aACLL,EAAKM,cAEAN,GAcIO,EAAW,KACtB,MAAOC,EAAOC,GAAYC,EAAS,GASnC,OARAC,EAAU,KACR,MAAMC,EAAa,KACjBH,EAASI,OAAOC,aAIlB,OAFAD,OAAOE,iBAAiB,SAAUH,GAClCA,IACO,IAAMC,OAAOG,oBAAoB,SAAUJ,IACjD,IACCJ,GAAS,KACJ,gBACEA,EAAQ,MAAQA,GAAS,KAC3B,UACEA,EAAQ,MAAQA,GAAS,IAC3B,SACEA,EAAQ,KAAOA,EAAQ,EACzB,SAEA,IAIES,EAAgB,CAACC,EAAoBC,KAChD,MAAOC,GAAkC,CAAC,sCACnCC,GAAwB,CAACH,EAAgB,UAChD,OAAIC,EACKA,EAAMG,QAAQF,EAAsB,GAAGC,KAEzCF,GAAS"}