@sunrise-upc/sales-static-components 3.8.7-beta.8 → 3.8.8

package/dist/esm/components/FalconButtonV3/FalconButtonV3.css

@@ -38,95 +38,170 @@
   display: inline-block;
   vertical-align: middle;
 }
-.FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V4___4kQF- {
-  border: none;
+
+.FalconButtonV3-module__secondaryV1___i5p3W {
   background-color: transparent;
   color: #da291c;
 }
-.FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V4___4kQF- .FalconButtonV3-module__icon___hYGF4 {
-  background-color: currentColor;
+.FalconButtonV3-module__secondaryV1___i5p3W .FalconButtonV3-module__icon___hYGF4 {
+  background-color: transparent;
 }
-.FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V4___4kQF-:hover {
+.FalconButtonV3-module__secondaryV1___i5p3W:hover {
   color: #961c13 !important;
+  background-color: transparent;
 }
-.FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V4___4kQF-:active {
+.FalconButtonV3-module__secondaryV1___i5p3W:active {
   color: #c7355f !important;
+  background-color: transparent;
 }
-.FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V4___4kQF-:focus {
+.FalconButtonV3-module__secondaryV1___i5p3W:focus {
   color: #da291c !important;
+  background-color: transparent;
 }
-.FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V4___4kQF-:disabled {
+.FalconButtonV3-module__secondaryV1___i5p3W:disabled {
   color: #b3aeaa;
+  background-color: transparent;
   cursor: default;
 }
-.FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr {
+.FalconButtonV3-module__secondaryV1___i5p3W {
+  border: 2px solid currentColor;
+  padding: 12px 24px;
+}
+
+.FalconButtonV3-module__secondaryV4___fMLrY {
+  border: none;
   background-color: transparent;
   color: #da291c;
 }
-.FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr .FalconButtonV3-module__icon___hYGF4 {
-  background-color: currentColor;
+.FalconButtonV3-module__secondaryV4___fMLrY .FalconButtonV3-module__icon___hYGF4 {
+  background-color: transparent;
 }
-.FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr:hover {
+.FalconButtonV3-module__secondaryV4___fMLrY:hover {
   color: #961c13 !important;
+  background-color: transparent;
 }
-.FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr:active {
+.FalconButtonV3-module__secondaryV4___fMLrY:active {
   color: #c7355f !important;
+  background-color: transparent;
 }
-.FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr:focus {
+.FalconButtonV3-module__secondaryV4___fMLrY:focus {
   color: #da291c !important;
+  background-color: transparent;
 }
-.FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr:disabled {
+.FalconButtonV3-module__secondaryV4___fMLrY:disabled {
   color: #b3aeaa;
+  background-color: transparent;
   cursor: default;
 }
-.FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr {
-  border: 2px solid currentColor;
+.FalconButtonV3-module__secondaryV4___fMLrY {
+  padding-left: 0;
+  padding-right: 0;
+}
+
+.FalconButtonV3-module__secondaryDark___F8R7u {
+  background-color: transparent;
+  color: #3d3935;
+  border: 2px solid #3d3935;
   padding: 12px 24px;
 }
-.FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-white___u3JB4 {
+.FalconButtonV3-module__secondaryDark___F8R7u:hover, .FalconButtonV3-module__secondaryDark___F8R7u:active, .FalconButtonV3-module__secondaryDark___F8R7u:focus {
+  color: #3d3935 !important;
+  border-color: #3d3935;
+  background-color: transparent;
+}
+
+.FalconButtonV3-module__secondaryV5___GBOpD {
+  background-color: transparent;
+  color: #3d3935;
+  font-weight: 400;
+  padding: 0;
+  text-decoration-line: underline;
+}
+.FalconButtonV3-module__secondaryV5___GBOpD:hover, .FalconButtonV3-module__secondaryV5___GBOpD:active, .FalconButtonV3-module__secondaryV5___GBOpD:focus {
+  color: #3d3935 !important;
+  background-color: transparent;
+}
+
+.FalconButtonV3-module__secondaryWhite___q8QCS {
   background-color: transparent;
   color: #ffffff;
   padding: 12px 24px;
   border: 2px solid #ffffff;
 }
-.FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-red___um-4v {
+.FalconButtonV3-module__secondaryWhite___q8QCS:hover, .FalconButtonV3-module__secondaryWhite___q8QCS:active, .FalconButtonV3-module__secondaryWhite___q8QCS:focus {
+  background-color: transparent;
+  color: #ffffff !important;
+  border-color: #ffffff;
+}
+
+.FalconButtonV3-module__secondaryRed___D2Pbg {
   background-color: transparent;
   color: #ffffff;
   padding: 12px 24px;
-  border: 2px solid #DA291C;
+  border: 2px solid #da291c;
+}
+.FalconButtonV3-module__secondaryRed___D2Pbg:hover, .FalconButtonV3-module__secondaryRed___D2Pbg:active, .FalconButtonV3-module__secondaryRed___D2Pbg:focus {
+  background-color: transparent;
+  color: #ffffff !important;
+  border-color: #da291c;
+}
+
+.FalconButtonV3-module__primaryDarkV1___y3XvF {
+  background: #5f5955;
+  padding: 10px 24px;
+  box-shadow: 0 2px 4px rgba(87, 84, 82, 0.2);
+  border-radius: 28px 0 0 28px;
+}
+.FalconButtonV3-module__primaryDarkV1___y3XvF:hover, .FalconButtonV3-module__primaryDarkV1___y3XvF:active, .FalconButtonV3-module__primaryDarkV1___y3XvF:focus {
+  background: #86807c;
+  box-shadow: 0 2px 4px rgba(87, 84, 82, 0.2);
+  color: #ffffff !important;
+}
+
+.FalconButtonV3-module__primaryDarkV2___lMkMC {
+  background: #000000;
+  padding: 14px 24px;
+  font-weight: 700;
+  border-radius: 28px;
+  color: #ffffff;
+}
+.FalconButtonV3-module__primaryDarkV2___lMkMC:hover, .FalconButtonV3-module__primaryDarkV2___lMkMC:active, .FalconButtonV3-module__primaryDarkV2___lMkMC:focus {
+  background: #1f1f1f;
+  color: #ffffff !important;
+}
+
+.FalconButtonV3-module__primaryWhiteV1___Zc3ax {
+  background: #ffffff;
+  padding: 14px 24px;
+  font-weight: 700;
+  border-radius: 28px;
+  color: #000000;
+}
+.FalconButtonV3-module__primaryWhiteV1___Zc3ax:hover, .FalconButtonV3-module__primaryWhiteV1___Zc3ax:active, .FalconButtonV3-module__primaryWhiteV1___Zc3ax:focus {
+  background: #eeeeee;
+  color: #000000 !important;
+}
+.FalconButtonV3-module__primaryWhiteV1___Zc3ax:disabled {
+  background-color: #e6e3df;
+  color: #b3aeaa;
+  cursor: default;
 }
 
 @media (max-width: 767px) {
   .FalconButtonV3-module__button___aK4J4 {
     padding: 10px 24px;
   }
-  .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr {
-    background-color: transparent;
-    color: #da291c;
-  }
-  .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr .FalconButtonV3-module__icon___hYGF4 {
-    background-color: currentColor;
-  }
-  .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr:hover {
-    color: #961c13 !important;
-  }
-  .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr:active {
-    color: #c7355f !important;
-  }
-  .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr:focus {
-    color: #da291c !important;
-  }
-  .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr:disabled {
-    color: #b3aeaa;
-    cursor: default;
-  }
-  .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr {
-    border: 2px solid currentColor;
+  .FalconButtonV3-module__secondaryV1___i5p3W {
     padding: 8px 24px;
   }
-  .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-white___u3JB4, .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-red___um-4v {
+  .FalconButtonV3-module__secondaryWhite___q8QCS,
+  .FalconButtonV3-module__secondaryRed___D2Pbg {
     padding: 8px 24px;
   }
+  .FalconButtonV3-module__primaryDarkV2___lMkMC,
+  .FalconButtonV3-module__primaryWhiteV1___Zc3ax {
+    padding: 10px 24px;
+  }
 }
 .FalconButtonV3-module__icon___hYGF4 {
   background-size: contain;

package/dist/esm/components/FalconButtonV3/FalconButtonV3.js

@@ -1,3 +1,3 @@
 import './FalconButtonV3.css';
-import{jsx as r,jsxs as e}from"react/jsx-runtime";import a from"./FalconButtonV3.module.scss.js";const t=r=>{switch(r){case"Primary-V1":return a.button;case"Secondary-V1":return`${a.button} ${a["Secondary-V1"]}`;case"Secondary-V4":return"falcon-secondary-button-v4";case"Secondary-Dark":return"falcon-secondary-button-dark";case"Primary-Dark-V1":return"falcon-primary-dark-button";case"Primary-Dark-V2":return"falcon-primary-dark-v2-button";case"Secondary-V5":return"falcon-secondary-button-v5";case"Secondary-White":return`${a.button} ${a["Secondary-white"]}`;case"Secondary-Red":return`${a.button} ${a["Secondary-red"]}`;case"Primary-White-V1":return"falcon-primary-white-v1-button";default:return""}},n=({href:n,label:o,buttonType:c,isSlim:s,target:i,rel:l,onClick:u,iconFilename:d,iconPosition:m,wrapperClassName:y,buttonClassName:f,iconClassName:b})=>{const $=(c||"").toLowerCase().startsWith("secondary"),h=[t(c||""),s?a.slimButton:"",s&&$?a.slimButtonSecondary:"",f||""].filter(Boolean).join(" "),S=d&&"before"===m,p=d&&"after"===m,V=`${a.icon} ${b||""}`.trim();return r("div",{className:y,children:r("a",{href:n,target:null!=i?i:"",rel:l,onClick:u,children:e("div",{className:h,children:[S&&r("img",{className:`${V} ${a.beforeIcon}`,src:d,alt:""}),o,p&&r("img",{className:`${V} ${a.afterIcon}`,src:d,alt:""})]})})})};export{n as default,t as getFalconButtonClass};
+import{jsx as r,jsxs as e}from"react/jsx-runtime";import t from"./FalconButtonV3.module.scss.js";const a=r=>(r||"").trim().toLowerCase().replace(/[\s_]+/g,"-").replace(/-+/g,"-"),n=r=>{switch(a(r)){case"primary-v1":default:return t.button;case"secondary-v1":return`${t.button} ${t.secondaryV1}`;case"secondary-v4":return`${t.button} ${t.secondaryV4}`;case"secondary-dark":return`${t.button} ${t.secondaryDark}`;case"primary-dark-v1":return`${t.button} ${t.primaryDarkV1}`;case"primary-dark-v2":return`${t.button} ${t.primaryDarkV2}`;case"secondary-v5":return`${t.button} ${t.secondaryV5}`;case"secondary-white":return`${t.button} ${t.secondaryWhite}`;case"secondary-red":return`${t.button} ${t.secondaryRed}`;case"primary-white-v1":return`${t.button} ${t.primaryWhiteV1}`}},s=({href:s,label:o,buttonType:c,isSlim:i,target:d,rel:l,onClick:u,iconFilename:m,iconPosition:y,wrapperClassName:$,buttonClassName:h,iconClassName:b})=>{const p=a(c||"").startsWith("secondary"),f=[n(c||""),i?t.slimButton:"",i&&p?t.slimButtonSecondary:"",h||""].filter(Boolean).join(" "),g=m&&"before"===y,v=m&&"after"===y,k=`${t.icon} ${b||""}`.trim();return r("div",{className:$,children:r("a",{href:s,target:null!=d?d:"",rel:l,onClick:u,children:e("div",{className:f,children:[g&&r("img",{className:`${k} ${t.beforeIcon}`,src:m,alt:"",width:19,height:19,decoding:"async"}),o,v&&r("img",{className:`${k} ${t.afterIcon}`,src:m,alt:"",width:19,height:19,decoding:"async"})]})})})};export{s as default,n as getFalconButtonClass};
 //# sourceMappingURL=FalconButtonV3.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FalconButtonV3.js","sources":["../../../../../src/components/FalconButtonV3/FalconButtonV3.tsx"],"sourcesContent":[null],"names":["getFalconButtonClass","type","Styles","button","FalconButtonV3","href","label","buttonType","isSlim","target","rel","onClick","iconFilename","iconPosition","wrapperClassName","buttonClassName","iconClassName","isSecondaryButton","toLowerCase","startsWith","buttonClass","slimButton","slimButtonSecondary","filter","Boolean","join","shouldShowBeforeIcon","shouldShowAfterIcon","iconBaseClass","icon","trim","_jsx","className","children","_jsxs","beforeIcon","src","alt","afterIcon"],"mappings":"iGAGO,MAAMA,EAAwBC,IACnC,OAAQA,GACN,IAAK,aACH,OAAOC,EAAOC,OAEhB,IAAK,eACH,MAAO,GAAGD,EAAOC,UAAUD,EAAO,kBAEpC,IAAK,eACH,MAAO,6BAET,IAAK,iBACH,MAAO,+BAET,IAAK,kBACH,MAAO,6BAET,IAAK,kBACH,MAAO,gCAET,IAAK,eACH,MAAO,6BAET,IAAK,kBACH,MAAO,GAAGA,EAAOC,UAAUD,EAAO,qBAEpC,IAAK,gBACH,MAAO,GAAGA,EAAOC,UAAUD,EAAO,mBAEpC,IAAK,mBACH,MAAO,iCAET,QACE,MAAO,KAmBPE,EAAiB,EACrBC,OACAC,QACAC,aACAC,SACAC,SACAC,MACAC,UACAC,eACAC,eACAC,mBACAC,kBACAC,oBAEA,MAAMC,GAAqBV,GAAc,IAAIW,cAAcC,WAAW,aAChEC,EAAc,CAClBpB,EAAqBO,GAAc,IACnCC,EAASN,EAAOmB,WAAa,GAC7Bb,GAAUS,EAAoBf,EAAOoB,oBAAsB,GAC3DP,GAAmB,IAElBQ,OAAOC,SACPC,KAAK,KACFC,EAAuBd,GAAiC,WAAjBC,EACvCc,EAAsBf,GAAiC,UAAjBC,EACtCe,EAAgB,GAAG1B,EAAO2B,QAAQb,GAAiB,KAAKc,OAE9D,OACEC,EAAA,MAAA,CAAKC,UAAWlB,EAAgBmB,SAC9BF,OAAG1B,KAAMA,EAAMI,OAAQA,QAAAA,EAAU,GAAIC,IAAKA,EAAKC,QAASA,WACtDuB,EAAA,MAAA,CAAKF,UAAWZ,EAAWa,SAAA,CACxBP,GACCK,SAAKC,UAAW,GAAGJ,KAAiB1B,EAAOiC,aAAcC,IAAKxB,EAAcyB,IAAI,KAEjF/B,EACAqB,GACCI,SAAKC,UAAW,GAAGJ,KAAiB1B,EAAOoC,YAAaF,IAAKxB,EAAcyB,IAAI"}
+{"version":3,"file":"FalconButtonV3.js","sources":["../../../../../src/components/FalconButtonV3/FalconButtonV3.tsx"],"sourcesContent":[null],"names":["normalizeButtonType","type","trim","toLowerCase","replace","getFalconButtonClass","Styles","button","secondaryV1","secondaryV4","secondaryDark","primaryDarkV1","primaryDarkV2","secondaryV5","secondaryWhite","secondaryRed","primaryWhiteV1","FalconButtonV3","href","label","buttonType","isSlim","target","rel","onClick","iconFilename","iconPosition","wrapperClassName","buttonClassName","iconClassName","isSecondaryButton","startsWith","buttonClass","slimButton","slimButtonSecondary","filter","Boolean","join","shouldShowBeforeIcon","shouldShowAfterIcon","iconBaseClass","icon","_jsx","className","children","_jsxs","beforeIcon","src","alt","width","height","decoding","afterIcon"],"mappings":"iGAGA,MAAMA,EAAuBC,IAC1BA,GAAQ,IACNC,OACAC,cACAC,QAAQ,UAAW,KACnBA,QAAQ,MAAO,KAEPC,EAAwBJ,IACnC,OAAQD,EAAoBC,IAC1B,IAAK,aA8BL,QACE,OAAOK,EAAOC,OA5BhB,IAAK,eACH,MAAO,GAAGD,EAAOC,UAAUD,EAAOE,cAEpC,IAAK,eACH,MAAO,GAAGF,EAAOC,UAAUD,EAAOG,cAEpC,IAAK,iBACH,MAAO,GAAGH,EAAOC,UAAUD,EAAOI,gBAEpC,IAAK,kBACH,MAAO,GAAGJ,EAAOC,UAAUD,EAAOK,gBAEpC,IAAK,kBACH,MAAO,GAAGL,EAAOC,UAAUD,EAAOM,gBAEpC,IAAK,eACH,MAAO,GAAGN,EAAOC,UAAUD,EAAOO,cAEpC,IAAK,kBACH,MAAO,GAAGP,EAAOC,UAAUD,EAAOQ,iBAEpC,IAAK,gBACH,MAAO,GAAGR,EAAOC,UAAUD,EAAOS,eAEpC,IAAK,mBACH,MAAO,GAAGT,EAAOC,UAAUD,EAAOU,mBAsBlCC,EAAiB,EACrBC,OACAC,QACAC,aACAC,SACAC,SACAC,MACAC,UACAC,eACAC,eACAC,mBACAC,kBACAC,oBAEA,MAAMC,EAAoB9B,EAAoBoB,GAAc,IAAIW,WAAW,aACrEC,EAAc,CAClB3B,EAAqBe,GAAc,IACnCC,EAASf,EAAO2B,WAAa,GAC7BZ,GAAUS,EAAoBxB,EAAO4B,oBAAsB,GAC3DN,GAAmB,IAElBO,OAAOC,SACPC,KAAK,KACFC,EAAuBb,GAAiC,WAAjBC,EACvCa,EAAsBd,GAAiC,UAAjBC,EACtCc,EAAgB,GAAGlC,EAAOmC,QAAQZ,GAAiB,KAAK3B,OAE9D,OACEwC,EAAA,MAAA,CAAKC,UAAWhB,WACde,EAAA,IAAA,CAAGxB,KAAMA,EAAMI,OAAQA,QAAAA,EAAU,GAAIC,IAAKA,EAAKC,QAASA,EAAOoB,SAC7DC,EAAA,MAAA,CAAKF,UAAWX,YACbM,GACCI,EAAA,MAAA,CACEC,UAAW,GAAGH,KAAiBlC,EAAOwC,aACtCC,IAAKtB,EACLuB,IAAI,GACJC,MAAO,GACPC,OAAQ,GACRC,SAAS,UAGZhC,EACAoB,GACCG,EAAA,MAAA,CACEC,UAAW,GAAGH,KAAiBlC,EAAO8C,YACtCL,IAAKtB,EACLuB,IAAI,GACJC,MAAO,GACPC,OAAQ,GACRC,SAAS"}

package/dist/esm/components/FalconButtonV3/FalconButtonV3.module.scss.css

@@ -38,95 +38,170 @@
   display: inline-block;
   vertical-align: middle;
 }
-.FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V4___4kQF- {
-  border: none;
+
+.FalconButtonV3-module__secondaryV1___i5p3W {
   background-color: transparent;
   color: #da291c;
 }
-.FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V4___4kQF- .FalconButtonV3-module__icon___hYGF4 {
-  background-color: currentColor;
+.FalconButtonV3-module__secondaryV1___i5p3W .FalconButtonV3-module__icon___hYGF4 {
+  background-color: transparent;
 }
-.FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V4___4kQF-:hover {
+.FalconButtonV3-module__secondaryV1___i5p3W:hover {
   color: #961c13 !important;
+  background-color: transparent;
 }
-.FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V4___4kQF-:active {
+.FalconButtonV3-module__secondaryV1___i5p3W:active {
   color: #c7355f !important;
+  background-color: transparent;
 }
-.FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V4___4kQF-:focus {
+.FalconButtonV3-module__secondaryV1___i5p3W:focus {
   color: #da291c !important;
+  background-color: transparent;
 }
-.FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V4___4kQF-:disabled {
+.FalconButtonV3-module__secondaryV1___i5p3W:disabled {
   color: #b3aeaa;
+  background-color: transparent;
   cursor: default;
 }
-.FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr {
+.FalconButtonV3-module__secondaryV1___i5p3W {
+  border: 2px solid currentColor;
+  padding: 12px 24px;
+}
+
+.FalconButtonV3-module__secondaryV4___fMLrY {
+  border: none;
   background-color: transparent;
   color: #da291c;
 }
-.FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr .FalconButtonV3-module__icon___hYGF4 {
-  background-color: currentColor;
+.FalconButtonV3-module__secondaryV4___fMLrY .FalconButtonV3-module__icon___hYGF4 {
+  background-color: transparent;
 }
-.FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr:hover {
+.FalconButtonV3-module__secondaryV4___fMLrY:hover {
   color: #961c13 !important;
+  background-color: transparent;
 }
-.FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr:active {
+.FalconButtonV3-module__secondaryV4___fMLrY:active {
   color: #c7355f !important;
+  background-color: transparent;
 }
-.FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr:focus {
+.FalconButtonV3-module__secondaryV4___fMLrY:focus {
   color: #da291c !important;
+  background-color: transparent;
 }
-.FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr:disabled {
+.FalconButtonV3-module__secondaryV4___fMLrY:disabled {
   color: #b3aeaa;
+  background-color: transparent;
   cursor: default;
 }
-.FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr {
-  border: 2px solid currentColor;
+.FalconButtonV3-module__secondaryV4___fMLrY {
+  padding-left: 0;
+  padding-right: 0;
+}
+
+.FalconButtonV3-module__secondaryDark___F8R7u {
+  background-color: transparent;
+  color: #3d3935;
+  border: 2px solid #3d3935;
   padding: 12px 24px;
 }
-.FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-white___u3JB4 {
+.FalconButtonV3-module__secondaryDark___F8R7u:hover, .FalconButtonV3-module__secondaryDark___F8R7u:active, .FalconButtonV3-module__secondaryDark___F8R7u:focus {
+  color: #3d3935 !important;
+  border-color: #3d3935;
+  background-color: transparent;
+}
+
+.FalconButtonV3-module__secondaryV5___GBOpD {
+  background-color: transparent;
+  color: #3d3935;
+  font-weight: 400;
+  padding: 0;
+  text-decoration-line: underline;
+}
+.FalconButtonV3-module__secondaryV5___GBOpD:hover, .FalconButtonV3-module__secondaryV5___GBOpD:active, .FalconButtonV3-module__secondaryV5___GBOpD:focus {
+  color: #3d3935 !important;
+  background-color: transparent;
+}
+
+.FalconButtonV3-module__secondaryWhite___q8QCS {
   background-color: transparent;
   color: #ffffff;
   padding: 12px 24px;
   border: 2px solid #ffffff;
 }
-.FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-red___um-4v {
+.FalconButtonV3-module__secondaryWhite___q8QCS:hover, .FalconButtonV3-module__secondaryWhite___q8QCS:active, .FalconButtonV3-module__secondaryWhite___q8QCS:focus {
+  background-color: transparent;
+  color: #ffffff !important;
+  border-color: #ffffff;
+}
+
+.FalconButtonV3-module__secondaryRed___D2Pbg {
   background-color: transparent;
   color: #ffffff;
   padding: 12px 24px;
-  border: 2px solid #DA291C;
+  border: 2px solid #da291c;
+}
+.FalconButtonV3-module__secondaryRed___D2Pbg:hover, .FalconButtonV3-module__secondaryRed___D2Pbg:active, .FalconButtonV3-module__secondaryRed___D2Pbg:focus {
+  background-color: transparent;
+  color: #ffffff !important;
+  border-color: #da291c;
+}
+
+.FalconButtonV3-module__primaryDarkV1___y3XvF {
+  background: #5f5955;
+  padding: 10px 24px;
+  box-shadow: 0 2px 4px rgba(87, 84, 82, 0.2);
+  border-radius: 28px 0 0 28px;
+}
+.FalconButtonV3-module__primaryDarkV1___y3XvF:hover, .FalconButtonV3-module__primaryDarkV1___y3XvF:active, .FalconButtonV3-module__primaryDarkV1___y3XvF:focus {
+  background: #86807c;
+  box-shadow: 0 2px 4px rgba(87, 84, 82, 0.2);
+  color: #ffffff !important;
+}
+
+.FalconButtonV3-module__primaryDarkV2___lMkMC {
+  background: #000000;
+  padding: 14px 24px;
+  font-weight: 700;
+  border-radius: 28px;
+  color: #ffffff;
+}
+.FalconButtonV3-module__primaryDarkV2___lMkMC:hover, .FalconButtonV3-module__primaryDarkV2___lMkMC:active, .FalconButtonV3-module__primaryDarkV2___lMkMC:focus {
+  background: #1f1f1f;
+  color: #ffffff !important;
+}
+
+.FalconButtonV3-module__primaryWhiteV1___Zc3ax {
+  background: #ffffff;
+  padding: 14px 24px;
+  font-weight: 700;
+  border-radius: 28px;
+  color: #000000;
+}
+.FalconButtonV3-module__primaryWhiteV1___Zc3ax:hover, .FalconButtonV3-module__primaryWhiteV1___Zc3ax:active, .FalconButtonV3-module__primaryWhiteV1___Zc3ax:focus {
+  background: #eeeeee;
+  color: #000000 !important;
+}
+.FalconButtonV3-module__primaryWhiteV1___Zc3ax:disabled {
+  background-color: #e6e3df;
+  color: #b3aeaa;
+  cursor: default;
 }
 
 @media (max-width: 767px) {
   .FalconButtonV3-module__button___aK4J4 {
     padding: 10px 24px;
   }
-  .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr {
-    background-color: transparent;
-    color: #da291c;
-  }
-  .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr .FalconButtonV3-module__icon___hYGF4 {
-    background-color: currentColor;
-  }
-  .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr:hover {
-    color: #961c13 !important;
-  }
-  .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr:active {
-    color: #c7355f !important;
-  }
-  .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr:focus {
-    color: #da291c !important;
-  }
-  .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr:disabled {
-    color: #b3aeaa;
-    cursor: default;
-  }
-  .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr {
-    border: 2px solid currentColor;
+  .FalconButtonV3-module__secondaryV1___i5p3W {
     padding: 8px 24px;
   }
-  .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-white___u3JB4, .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-red___um-4v {
+  .FalconButtonV3-module__secondaryWhite___q8QCS,
+  .FalconButtonV3-module__secondaryRed___D2Pbg {
     padding: 8px 24px;
   }
+  .FalconButtonV3-module__primaryDarkV2___lMkMC,
+  .FalconButtonV3-module__primaryWhiteV1___Zc3ax {
+    padding: 10px 24px;
+  }
 }
 .FalconButtonV3-module__icon___hYGF4 {
   background-size: contain;

package/dist/esm/components/FalconButtonV3/FalconButtonV3.module.scss.js

@@ -1,3 +1,3 @@
 import './FalconButtonV3.module.scss.css';
-var o={button:"FalconButtonV3-module__button___aK4J4",icon:"FalconButtonV3-module__icon___hYGF4","Secondary-V1":"FalconButtonV3-module__Secondary-V1___oqcpr","Secondary-white":"FalconButtonV3-module__Secondary-white___u3JB4","Secondary-red":"FalconButtonV3-module__Secondary-red___um-4v",beforeIcon:"FalconButtonV3-module__beforeIcon___BoqUb",afterIcon:"FalconButtonV3-module__afterIcon___NlKwd",slimButton:"FalconButtonV3-module__slimButton___C3G5a",slimButtonSecondary:"FalconButtonV3-module__slimButtonSecondary___nctne"};export{o as default};
+var o={button:"FalconButtonV3-module__button___aK4J4",icon:"FalconButtonV3-module__icon___hYGF4",secondaryV1:"FalconButtonV3-module__secondaryV1___i5p3W",secondaryV4:"FalconButtonV3-module__secondaryV4___fMLrY",secondaryDark:"FalconButtonV3-module__secondaryDark___F8R7u",secondaryV5:"FalconButtonV3-module__secondaryV5___GBOpD",secondaryWhite:"FalconButtonV3-module__secondaryWhite___q8QCS",secondaryRed:"FalconButtonV3-module__secondaryRed___D2Pbg",primaryDarkV1:"FalconButtonV3-module__primaryDarkV1___y3XvF",primaryDarkV2:"FalconButtonV3-module__primaryDarkV2___lMkMC",primaryWhiteV1:"FalconButtonV3-module__primaryWhiteV1___Zc3ax",beforeIcon:"FalconButtonV3-module__beforeIcon___BoqUb",afterIcon:"FalconButtonV3-module__afterIcon___NlKwd",slimButton:"FalconButtonV3-module__slimButton___C3G5a",slimButtonSecondary:"FalconButtonV3-module__slimButtonSecondary___nctne"};export{o as default};
 //# sourceMappingURL=FalconButtonV3.module.scss.js.map

package/dist/esm/components/FalconMainNavigation/FalconHeader/LocaleSelector/LocaleSelector.js

@@ -1,3 +1,3 @@
 import './LocaleSelector.css';
-import{jsxs as e,jsx as l}from"react/jsx-runtime";import{useState as i}from"react";import a from"../../useOnClickOutside.js";import c from"./LocaleSelector.module.scss.js";import t from"./useLocaleService.js";const r=({localeSelector:r,metadata:n,isBlackFriday:o=!1,tickIcon:s,greyArrowDown:m})=>{const[d,u]=i(!1),{activeLocaleString:f,checkActiveId:h,getLocalePath:v}=t(n),g=a(u,!1,d);return e("div",{ref:g,className:`${c.button} ${o?c["black-friday"]:""} flex-shrink-0`,children:[e("button",{className:"d-flex align-items-center",onClick:()=>{u(!d)},children:[f,l("i",{className:`${c.chevron} ${d?"active":""}`,style:(null==m?void 0:m.filename)?{backgroundImage:`url(${m.filename})`}:{}})]}),d&&r.length>0&&l("div",{className:c["pop-up"],role:"menu","aria-label":"Language selection menu",children:r.map(i=>l("div",{className:`${c["list-item"]} ${h(i.localeId)}`,role:"none",children:l("a",{href:v(i.localeId),onClick:()=>u(!1),title:i.title,role:"menuitem",children:e("span",{className:`d-flex align-items-center ${c.tick}`,children:[l("div",{children:i.title}),l("div",{children:"active"==h(i.localeId)&&(null==s?void 0:s.filename)?l("img",{src:s.filename,alt:s.alt||"tick"}):null})]})})},i._uid))})]})};export{r as default};
+import{jsxs as e,jsx as l}from"react/jsx-runtime";import{useState as i,useCallback as a}from"react";import t from"../../useOnClickOutside.js";import c from"./LocaleSelector.module.scss.js";import n from"./useLocaleService.js";const r=({localeSelector:r,metadata:o,isBlackFriday:s=!1,tickIcon:d,greyArrowDown:m})=>{const[u,f]=i(!1),{activeLocaleString:h,checkActiveId:v,getLocalePath:p}=n(o),g=t(f,!1,u),k=a(e=>{const l=p(e);if("undefined"==typeof window)return l;return`${l}${window.location.search||""}`},[p]);return e("div",{ref:g,className:`${c.button} ${s?c["black-friday"]:""} flex-shrink-0`,children:[e("button",{className:"d-flex align-items-center",onClick:()=>{f(!u)},children:[h,l("i",{className:`${c.chevron} ${u?"active":""}`,style:(null==m?void 0:m.filename)?{backgroundImage:`url(${m.filename})`}:{}})]}),u&&r.length>0&&l("div",{className:c["pop-up"],role:"menu","aria-label":"Language selection menu",children:r.map(i=>l("div",{className:`${c["list-item"]} ${v(i.localeId)}`,role:"none",children:l("a",{href:k(i.localeId),onClick:()=>f(!1),title:i.title,role:"menuitem",children:e("span",{className:`d-flex align-items-center ${c.tick}`,children:[l("div",{children:i.title}),l("div",{children:"active"==v(i.localeId)&&(null==d?void 0:d.filename)?l("img",{src:d.filename,alt:d.alt||"tick"}):null})]})})},i._uid))})]})};export{r as default};
 //# sourceMappingURL=LocaleSelector.js.map

package/dist/esm/components/FalconMainNavigation/FalconHeader/LocaleSelector/LocaleSelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"LocaleSelector.js","sources":["../../../../../../../src/components/FalconMainNavigation/FalconHeader/LocaleSelector/LocaleSelector.tsx"],"sourcesContent":[null],"names":["LocaleSelector","localeSelector","metadata","isBlackFriday","tickIcon","greyArrowDown","isPopUpShown","setPopUpShown","useState","activeLocaleString","checkActiveId","getLocalePath","useLocaleService","popUpRef","useOnClickOutside","_jsxs","ref","className","styles","children","onClick","_jsx","style","filename","backgroundImage","length","role","map","locale","localeId","href","title","src","alt","_uid"],"mappings":"iNAwBA,MAAMA,EAAiB,EACrBC,iBACAC,WACAC,iBAAgB,EAChBC,WACAC,oBAEA,MAAOC,EAAcC,GAAiBC,GAAS,IACzCC,mBAAEA,EAAkBC,cAAEA,EAAaC,cAAEA,GACzCC,EAAiBV,GACbW,EAAWC,EACfP,GACA,EACAD,GAGF,OACES,EAAA,MAAA,CACEC,IAAKH,EACLI,UAAW,GAAGC,EAAe,UAC3Bf,EAAgBe,EAAO,gBAAkB,mBAC3BC,SAAA,CAEhBJ,EAAA,SAAA,CACEE,UAAU,4BACVG,QAAS,KACPb,GAAeD,IAChBa,SAAA,CAEAV,EACDY,EAAA,IAAA,CACEJ,UAAW,GAAGC,EAAgB,WAAKZ,EAAe,SAAW,KAC7DgB,OACEjB,aAAa,EAAbA,EAAekB,UACX,CAAEC,gBAAiB,OAAOnB,EAAckB,aACxC,QAITjB,GAAgBL,EAAewB,OAAS,GACvCJ,EAAA,MAAA,CACEJ,UAAWC,EAAO,UAClBQ,KAAK,OAAM,aACA,mCAEVzB,EAAe0B,IAAKC,GACnBP,EAAA,MAAA,CAEEJ,UAAW,GAAGC,EAAO,gBAAgBR,EAAckB,EAAOC,YAC1DH,KAAK,OAAMP,SAEXE,EAAA,IAAA,CACES,KAAMnB,EAAciB,EAAOC,UAC3BT,QAAS,IAAMb,GAAc,GAC7BwB,MAAOH,EAAOG,MACdL,KAAK,WAAUP,SAEfJ,EAAA,OAAA,CAAME,UAAW,6BAA6BC,EAAa,OAAGC,SAAA,CAC5DE,EAAA,MAAA,CAAAF,SAAMS,EAAOG,QACbV,EAAA,MAAA,CAAAF,SACqC,UAAlCT,EAAckB,EAAOC,YACtBzB,aAAQ,EAARA,EAAUmB,UACRF,EAAA,MAAA,CACEW,IAAK5B,EAASmB,SACdU,IAAK7B,EAAS6B,KAAO,SAErB,aAnBLL,EAAOM"}
+{"version":3,"file":"LocaleSelector.js","sources":["../../../../../../../src/components/FalconMainNavigation/FalconHeader/LocaleSelector/LocaleSelector.tsx"],"sourcesContent":[null],"names":["LocaleSelector","localeSelector","metadata","isBlackFriday","tickIcon","greyArrowDown","isPopUpShown","setPopUpShown","useState","activeLocaleString","checkActiveId","getLocalePath","useLocaleService","popUpRef","useOnClickOutside","getLocaleHref","useCallback","localeId","localePath","window","location","search","_jsxs","ref","className","styles","children","onClick","_jsx","style","filename","backgroundImage","length","role","map","locale","href","title","src","alt","_uid"],"mappings":"kOAwBA,MAAMA,EAAiB,EACrBC,iBACAC,WACAC,iBAAgB,EAChBC,WACAC,oBAEA,MAAOC,EAAcC,GAAiBC,GAAS,IACzCC,mBAAEA,EAAkBC,cAAEA,EAAaC,cAAEA,GACzCC,EAAiBV,GACbW,EAAWC,EACfP,GACA,EACAD,GAGIS,EAAgBC,EACnBC,IACC,MAAMC,EAAaP,EAAcM,GACjC,GAAsB,oBAAXE,OACT,OAAOD,EAGT,MAAO,GAAGA,IADWC,OAAOC,SAASC,QAAU,MAGjD,CAACV,IAGH,OACEW,EAAA,MAAA,CACEC,IAAKV,EACLW,UAAW,GAAGC,EAAe,UAC3BtB,EAAgBsB,EAAO,gBAAkB,mBAC3BC,SAAA,CAEhBJ,EAAA,SAAA,CACEE,UAAU,4BACVG,QAAS,KACPpB,GAAeD,IAChBoB,SAAA,CAEAjB,EACDmB,EAAA,IAAA,CACEJ,UAAW,GAAGC,EAAgB,WAAKnB,EAAe,SAAW,KAC7DuB,OACExB,aAAa,EAAbA,EAAeyB,UACX,CAAEC,gBAAiB,OAAO1B,EAAcyB,aACxC,QAITxB,GAAgBL,EAAe+B,OAAS,GACvCJ,EAAA,MAAA,CACEJ,UAAWC,EAAO,UAClBQ,KAAK,OAAM,aACA,mCAEVhC,EAAeiC,IAAKC,GACnBP,EAAA,MAAA,CAEEJ,UAAW,GAAGC,EAAO,gBAAgBf,EAAcyB,EAAOlB,YAC1DgB,KAAK,OAAMP,SAEXE,EAAA,IAAA,CACEQ,KAAMrB,EAAcoB,EAAOlB,UAC3BU,QAAS,IAAMpB,GAAc,GAC7B8B,MAAOF,EAAOE,MACdJ,KAAK,WAAUP,SAEfJ,EAAA,OAAA,CAAME,UAAW,6BAA6BC,EAAa,OAAGC,SAAA,CAC5DE,EAAA,MAAA,CAAAF,SAAMS,EAAOE,QACbT,EAAA,MAAA,CAAAF,SACqC,UAAlChB,EAAcyB,EAAOlB,YACtBb,aAAQ,EAARA,EAAU0B,UACRF,EAAA,MAAA,CACEU,IAAKlC,EAAS0B,SACdS,IAAKnC,EAASmC,KAAO,SAErB,aAnBLJ,EAAOK"}

package/dist/esm/components/FalconMainNavigation/FalconMainNavigation.css

@@ -138,34 +138,6 @@
     margin-top: 10px;
   }
 }
-.FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__cart-icon-div___RBK6N {
-  position: relative;
-  display: flex;
-  align-items: center;
-  height: 24px;
-  cursor: pointer;
-  background: none;
-  border: none;
-  outline: none;
-}
-@media (min-width: 1024px) {
-  .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__cart-icon-div___RBK6N {
-    padding: 0 12px;
-    margin-top: 10px;
-    border-left: 1px solid #e6e3df;
-  }
-}
-@media (max-width: 1023px) {
-  .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__cart-icon-div___RBK6N {
-    padding: 0;
-    margin-right: 16px;
-  }
-}
-.FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__cart-icon-div___RBK6N:focus-visible {
-  outline: 2px solid #e6e3df;
-  outline-offset: 2px;
-  border-radius: 2px;
-}
 .FalconMainNavigation-module__container___85E7S .FalconMainNavigation-module__search-icon___cmCaV {
   cursor: pointer;
   display: block;

package/dist/esm/components/FalconMainNavigation/FalconMainNavigation.js

@@ -1,3 +1,3 @@
 import './FalconMainNavigation.css';
-import{jsxs as e,Fragment as i,jsx as n}from"react/jsx-runtime";import o from"./FalconMainNavigation.module.scss.js";import{resolveStoryblokLink as l}from"./shared.js";import a from"./NavigationMenuItem/NavigationMenuItem.js";import r from"./MobileNavigation/MobileNavigation.js";import t from"./FalconHeader/FalconHeader.js";import{InteractiveHamburger as d}from"./InteractiveHamburger/InteractiveHamburger.js";import s from"./ProfileLinkOut/ProfileLinkOut.js";import c from"./useOnClickOutside.js";import v from"./useNavService.js";import u from"./NavContext.js";import{trackNewDatalayerEvent as m}from"../../utils/AnalyticUtils.js";import{MAINNAVCLICK as h,GAEVENT as p,SALESHOTLINECLICK as g,SEARCH as w}from"../../utils/AnalyticsConstants.js";import{useRef as b,useEffect as N,useState as f}from"react";import k from"js-cookie";import I from"./FalconHeader/LocaleSelector/LocaleSelector.js";import L from"./FalconHeader/useScrollCheck.js";import y from"../ResponsiveRow/row.js";import C from"../SearchWrapper/SearchWrapper.js";import S from"./CartOverlay/CartOverlay.js";import{CART_COOKIE as $}from"../Constants.js";const x=({content:x,metadata:j,disableSearchIcon:F=!1,navigationBaseUrl:H})=>{var M,P,_,A,E,O,B,T,R,D,U,W,q,z,G,V,X,J,K,Q,Y,Z,ee,ie,ne,oe,le,ae;const re=b(null),te=b(!1),{activeNavLinkId:de,navCtx:se}=v(x.navigationItems,null==j?void 0:j.activePath),{isScrollBreak:ce}=L();N(()=>{var e,i;const n=()=>{const e=re.current,i=document.querySelector("#main")||document.querySelector(".page-body");if(!e||!i)return!1;const n=Math.ceil(e.getBoundingClientRect().bottom),o=window.matchMedia("(max-width: 1023px)").matches?50:72,l=Math.max(n-(ce?52:0),o);return document.documentElement.style.setProperty("--main-nav-height",`${l}px`),i.style.paddingTop=`${l}px`,te.current=!0,!0};let o=0,l=0,a=!1,r=0,t=0;const d=()=>{o||(o=window.requestAnimationFrame(()=>{o=0,n()}))},s=()=>{if(te.current)return;n()||t>=20||(t+=1,r=window.setTimeout(s,100))},c=()=>{a&&(n(),l=window.requestAnimationFrame(c))},v=e=>{e.target===re.current&&(a||(a=!0,c()))},u=e=>{e.target===re.current&&(a=!1,l&&(window.cancelAnimationFrame(l),l=0),d())};return window.addEventListener("resize",d),window.addEventListener("scroll",d,{passive:!0}),null===(e=re.current)||void 0===e||e.addEventListener("transitionstart",v),null===(i=re.current)||void 0===i||i.addEventListener("transitionend",u),n(),s(),d(),()=>{var e,i;window.removeEventListener("resize",d),window.removeEventListener("scroll",d),null===(e=re.current)||void 0===e||e.removeEventListener("transitionstart",v),null===(i=re.current)||void 0===i||i.removeEventListener("transitionend",u),o&&window.cancelAnimationFrame(o),l&&window.cancelAnimationFrame(l),r&&window.clearTimeout(r)}},[ce,se.navStore.isMobMenuOpen]);const[ve,ue]=f(!1),[me,he]=f(!1),[pe,ge]=f(!1);N(()=>{ge(!!k.get($))},[]);const we=process.env.NEXT_PUBLIC_APP_VERSION,be=process.env.NEXT_PUBLIC_CHANNEL||"",Ne=we?`${be}_${we}`:void 0,fe="prod"===(null===(M=process.env.TARGET_ENVIRONMENT)||void 0===M?void 0:M.toLowerCase()),ke=c(se.reset,"",""!==se.navStore.activeDeskId),Ie=null===(P=null==x?void 0:x.rewardsBlok)||void 0===P?void 0:P[0],Le=Boolean(null==x?void 0:x.isBlackFriday),ye=`${H||""}${(null===(_=null==x?void 0:x.logoutUrl)||void 0===_?void 0:_.trim())||"logout"}`,Ce=()=>{var e,i;m(p,g,{click_text:null===(i=null===(e=null==x?void 0:x.salesHotlinePopup)||void 0===e?void 0:e[0])||void 0===i?void 0:i.label})},Se=()=>{var e,i;const n=(null===(e=null==Ie?void 0:Ie.url)||void 0===e?void 0:e.cached_url)||(null===(i=null==Ie?void 0:Ie.url)||void 0===i?void 0:i.url)||"";n&&(window.location.href=n)},$e=l(j,null==x?void 0:x.sunriseLogoLink),xe=null===(A=null==x?void 0:x.sunriseLogo)||void 0===A?void 0:A.filename,je=null===(E=null==x?void 0:x.sunriseLogoMobile)||void 0===E?void 0:E.filename,Fe=c(ue,!1,ve),He=null===(O=null==x?void 0:x.searchIcon)||void 0===O?void 0:O.filename,Me=pe?null===(R=null===(T=null===(B=null==x?void 0:x.cart)||void 0===B?void 0:B[0])||void 0===T?void 0:T.cartIcon)||void 0===R?void 0:R.filename:null===(W=null===(U=null===(D=null==x?void 0:x.cart)||void 0===D?void 0:D[0])||void 0===U?void 0:U.emptyCartIcon)||void 0===W?void 0:W.filename;return e(i,{children:[n(u,{value:se,children:n(i,{children:e("header",{ref:e=>{re.current=e,ke.current=e},className:`falcon-header-section ${o.container} ${Le?o["black-friday"]:""} ${ce&&o["falcon-nav"]} ${se.navStore.isMobMenuOpen?"mob-nav-expand":""} `,"data-app-version":Ne||"",children:[!fe&&Ne&&n("div",{className:o["s20-header__version-number"],children:n("p",{children:Ne})}),e("div",{children:[n("div",{children:x.header.map((e,i)=>n(t,{content:e,metadata:j,isBlackFriday:Le,arrowDown:null==x?void 0:x.arrowDown,greyArrowDown:null==x?void 0:x.greyArrowDown},i))}),n("span",{className:`${o["desktop-block"]}`,children:n(y,{children:n("a",{href:(null===(q=null==x?void 0:x.sunriseLogoLink)||void 0===q?void 0:q.cached_url)?$e:"",className:`${o["new-logo"]} ${ce&&o.resize}`,children:n("img",{src:xe,alt:x.sunriseLogoAlt||"Sunrise | Handy-, Internet- und TV-Abos für die Schweiz"})})})}),n("div",{children:e("div",{className:`${se.navStore.isMobMenuOpen?o["open-content"]:o.content} ${!se.navStore.isMobMenuOpen&&"sunrise-box-shadow"}`,children:[n(y,{children:e("div",{className:`d-flex align-items-center ${o["nav-bar"]}`,children:[n("div",{className:"flex-shrink-0 flex-grow-1",children:n("a",{href:x.sunriseLogoLink.cached_url||"/",onClick:()=>se.reset(),title:"Sunrise",className:`${o["sunrise-logo"]} ${ce?o.visible:o["not-visible"]}`,style:{backgroundImage:`url(${je})`}})}),n("div",{className:"hide-in-mob hide-in-tab full-width",children:e("div",{className:`d-flex flex-grow-1 ${o["desktop-margin"]}`,children:[n("nav",{className:"nav",children:x.navigationItems.map(e=>n(a,{content:e,activeNavLinkId:de,metadata:j,promoIcon:x.icon,promoTextColor:x.textColor,promoTextGradient:x.textGradient,subNavigationFontWeight:x.subNavigationFontWeight,iconPlacement:x.iconPlacement,isBlackFriday:Le},e._uid))}),e("div",{className:"d-flex flex-shrink-0",children:[!(null===(G=null===(z=null==x?void 0:x.salesHotlinePopup)||void 0===z?void 0:z[0])||void 0===G?void 0:G.disableHotline)&&((null===(V=null==x?void 0:x.salesHotlinePopup)||void 0===V?void 0:V.length)>0?e(i,{children:[n("span",{onClick:Ce,className:o.headset}),n("span",{onClick:Ce,className:o["phone-number"],children:null===(J=null===(X=null==x?void 0:x.salesHotlinePopup)||void 0===X?void 0:X[0])||void 0===J?void 0:J.label})]}):x.salesHotlineNumber&&e(i,{children:[n("span",{className:o["phone-icon"]}),n("span",{className:o["phone-number"],children:x.salesHotlineNumber})]})),(null===(Q=null===(K=null==x?void 0:x.salesHotlinePopup)||void 0===K?void 0:K[0])||void 0===Q?void 0:Q.disableHotline)&&Ie&&e(i,{children:[n("img",{onClick:Se,className:o.rewards,src:null==Ie?void 0:Ie.icon,height:24,width:24,alt:"Rewards Icon"}),n("span",{onClick:Se,className:o["phone-number"],children:null==Ie?void 0:Ie.title})]}),n("div",{className:o["search-icon-div"],children:n("a",{onClick:()=>{var e;F||(ue(!ve),se.reset(),m(p,h,{link_url:null===(e=null==x?void 0:x.searchIconLink)||void 0===e?void 0:e.cached_url,click_text:w}))},className:`${o["search-icon"]}${F?` ${o["search-icon-disabled"]}`:""}`,"aria-disabled":F,tabIndex:F?-1:0,children:He&&n("img",{src:He,alt:"Search",width:24,height:24})})}),n(s,{link:x.mySunriseLink,title:x.mySunriseTitle,logoutLabel:null==x?void 0:x.logoutLabel,salutationLabel:null==x?void 0:x.salutationLabel,userIcon:null==x?void 0:x.mySunriseUserIcon,arrowRight:null==x?void 0:x.arrowRight,arrowDown:null==x?void 0:x.arrowDown,logoutIcon:null==x?void 0:x.logoutIcon,logoutUrl:ye,isBlackFriday:Le}),(null===(Z=null===(Y=null==x?void 0:x.cart)||void 0===Y?void 0:Y[0])||void 0===Z?void 0:Z.showCart)&&Me&&n("button",{className:o["cart-icon-div"],onClick:()=>he(!0),"aria-label":"Open cart",type:"button",children:n("img",{src:Me,alt:"cart","aria-hidden":"true",width:24,height:24})})]})]})}),n("div",{className:"hide-in-desktop",children:e("div",{className:"d-flex align-items-center",children:[n("li",{className:`${o["list-item"]} ${o.language} ${se.navStore.isMobMenuOpen?"d-none":""}`,children:n(I,{localeSelector:x.header[0]&&x.header[0].localeSelector,metadata:j,isBlackFriday:Le,tickIcon:null==x?void 0:x.tickIcon,greyArrowDown:null==x?void 0:x.greyArrowDown})}),(null===(ee=null==x?void 0:x.salesHotlinePopup)||void 0===ee?void 0:ee.length)>0&&!(null===(ne=null===(ie=null==x?void 0:x.salesHotlinePopup)||void 0===ie?void 0:ie[0])||void 0===ne?void 0:ne.disableHotline)?n("span",{onClick:Ce,className:o.headset}):Ie?n("img",{onClick:Se,className:o.rewards,src:null==Ie?void 0:Ie.icon,height:24,width:24,alt:"Rewards Icon"}):null,n("a",{onClick:()=>{F||(ue(!ve),se.reset())},className:`${o["search-icon"]}${F?` ${o["search-icon-disabled"]}`:""}`,"aria-disabled":F,tabIndex:F?-1:0,children:He&&n("img",{src:He,alt:"Search",width:24,height:24})}),(null===(le=null===(oe=null==x?void 0:x.cart)||void 0===oe?void 0:oe[0])||void 0===le?void 0:le.showCart)&&Me&&n("button",{className:o["cart-icon-div"],onClick:()=>he(!0),"aria-label":"Open cart",type:"button",children:n("img",{src:Me,alt:"cart","aria-hidden":"true",width:24,height:24})})]})}),n(d,{closeIcon:null==x?void 0:x.closeIcon})]})}),n(r,{content:x,activeNavLinkId:de,metadata:j,subNavigationFontWeight:x.subNavigationFontWeight,iconPlacement:x.iconPlacement,isBlackFriday:Le,newStyle:null==x?void 0:x.newStyle})]})})]})]})})}),!F&&ve&&n("div",{ref:Fe,children:n(C,{content:null==x?void 0:x.searchComponent,scroll:ce})}),n(S,{isOpen:me,onClose:()=>he(!1),content:null===(ae=null==x?void 0:x.cart)||void 0===ae?void 0:ae[0]})]})};export{x as default};
+import{jsxs as e,Fragment as n,jsx as o}from"react/jsx-runtime";import i from"./FalconMainNavigation.module.scss.js";import{resolveStoryblokLink as l}from"./shared.js";import r from"./NavigationMenuItem/NavigationMenuItem.js";import a from"./MobileNavigation/MobileNavigation.js";import t from"./FalconHeader/FalconHeader.js";import{InteractiveHamburger as s}from"./InteractiveHamburger/InteractiveHamburger.js";import d from"./ProfileLinkOut/ProfileLinkOut.js";import c from"./useOnClickOutside.js";import v from"./useNavService.js";import u from"./NavContext.js";import{trackNewDatalayerEvent as m}from"../../utils/AnalyticUtils.js";import{MAINNAVCLICK as h,GAEVENT as p,SALESHOTLINECLICK as w,SEARCH as g}from"../../utils/AnalyticsConstants.js";import{useRef as b,useEffect as f,useState as N}from"react";import k from"./FalconHeader/LocaleSelector/LocaleSelector.js";import y from"./FalconHeader/useScrollCheck.js";import L from"../ResponsiveRow/row.js";import I from"../SearchWrapper/SearchWrapper.js";const S=({content:S,metadata:$,disableSearchIcon:x=!1,navigationBaseUrl:M})=>{var C,F,H,P,j,B,_,A,E,O,T,R,D,U,W,q,z;const G=b(null),V=b(!1),{activeNavLinkId:X,navCtx:J}=v(S.navigationItems,null==$?void 0:$.activePath),{isScrollBreak:K}=y();f(()=>{var e,n;const o=()=>{const e=G.current,n=document.querySelector("#main")||document.querySelector(".page-body");if(!e||!n)return!1;const o=Math.ceil(e.getBoundingClientRect().bottom),i=window.matchMedia("(max-width: 1023px)").matches?50:72,l=Math.max(o-(K?52:0),i);return document.documentElement.style.setProperty("--main-nav-height",`${l}px`),n.style.paddingTop=`${l}px`,V.current=!0,!0};let i=0,l=0,r=!1,a=0,t=0;const s=()=>{i||(i=window.requestAnimationFrame(()=>{i=0,o()}))},d=()=>{if(V.current)return;o()||t>=20||(t+=1,a=window.setTimeout(d,100))},c=()=>{r&&(o(),l=window.requestAnimationFrame(c))},v=e=>{e.target===G.current&&(r||(r=!0,c()))},u=e=>{e.target===G.current&&(r=!1,l&&(window.cancelAnimationFrame(l),l=0),s())};return window.addEventListener("resize",s),window.addEventListener("scroll",s,{passive:!0}),null===(e=G.current)||void 0===e||e.addEventListener("transitionstart",v),null===(n=G.current)||void 0===n||n.addEventListener("transitionend",u),o(),d(),s(),()=>{var e,n;window.removeEventListener("resize",s),window.removeEventListener("scroll",s),null===(e=G.current)||void 0===e||e.removeEventListener("transitionstart",v),null===(n=G.current)||void 0===n||n.removeEventListener("transitionend",u),i&&window.cancelAnimationFrame(i),l&&window.cancelAnimationFrame(l),a&&window.clearTimeout(a)}},[K,J.navStore.isMobMenuOpen]);const[Q,Y]=N(!1),[Z,ee]=N(!1),[ne,oe]=N(!1);f(()=>{if("undefined"==typeof document)return;const e=document.body,n=e.style.overflow,o=e.style.overscrollBehavior;return J.navStore.isMobMenuOpen?(e.style.overflow="hidden",e.style.overscrollBehavior="none"):(e.style.overflow=n||"",e.style.overscrollBehavior=o||""),()=>{e.style.overflow=n,e.style.overscrollBehavior=o}},[J.navStore.isMobMenuOpen]);const ie=process.env.NEXT_PUBLIC_APP_VERSION,le=process.env.NEXT_PUBLIC_CHANNEL||"",re=ie?`${le}_${ie}`:void 0,ae="prod"===(null===(C=process.env.TARGET_ENVIRONMENT)||void 0===C?void 0:C.toLowerCase()),te=c(J.reset,"",""!==J.navStore.activeDeskId),se=null===(F=null==S?void 0:S.rewardsBlok)||void 0===F?void 0:F[0],de=Boolean(null==S?void 0:S.isBlackFriday),ce=`${M||""}${(null===(H=null==S?void 0:S.logoutUrl)||void 0===H?void 0:H.trim())||"logout"}`,ve=()=>{var e,n;m(p,w,{click_text:null===(n=null===(e=null==S?void 0:S.salesHotlinePopup)||void 0===e?void 0:e[0])||void 0===n?void 0:n.label})},ue=()=>{var e,n;const o=(null===(e=null==se?void 0:se.url)||void 0===e?void 0:e.cached_url)||(null===(n=null==se?void 0:se.url)||void 0===n?void 0:n.url)||"";o&&(window.location.href=o)},me=l($,null==S?void 0:S.sunriseLogoLink),he=null===(P=null==S?void 0:S.sunriseLogo)||void 0===P?void 0:P.filename,pe=null===(j=null==S?void 0:S.sunriseLogoMobile)||void 0===j?void 0:j.filename,we=c(Y,!1,Q),ge=null===(B=null==S?void 0:S.searchIcon)||void 0===B?void 0:B.filename;return e(n,{children:[o(u,{value:J,children:o(n,{children:e("header",{ref:e=>{G.current=e,te.current=e},className:`falcon-header-section ${i.container} ${de?i["black-friday"]:""} ${K&&i["falcon-nav"]} ${J.navStore.isMobMenuOpen?"mob-nav-expand":""} `,"data-app-version":re||"",children:[!ae&&re&&o("div",{className:i["s20-header__version-number"],children:o("p",{children:re})}),e("div",{children:[o("div",{children:S.header.map((e,n)=>o(t,{content:e,metadata:$,isBlackFriday:de,arrowDown:null==S?void 0:S.arrowDown,greyArrowDown:null==S?void 0:S.greyArrowDown},n))}),o("span",{className:`${i["desktop-block"]}`,children:o(L,{children:o("a",{href:(null===(_=null==S?void 0:S.sunriseLogoLink)||void 0===_?void 0:_.cached_url)?me:"",className:`${i["new-logo"]} ${K&&i.resize}`,children:o("img",{src:he,alt:S.sunriseLogoAlt||"Sunrise | Handy-, Internet- und TV-Abos für die Schweiz"})})})}),o("div",{children:e("div",{className:`${J.navStore.isMobMenuOpen?i["open-content"]:i.content} ${!J.navStore.isMobMenuOpen&&"sunrise-box-shadow"}`,children:[o(L,{children:e("div",{className:`d-flex align-items-center ${i["nav-bar"]}`,children:[o("div",{className:"flex-shrink-0 flex-grow-1",children:o("a",{href:S.sunriseLogoLink.cached_url||"/",onClick:()=>J.reset(),title:"Sunrise",className:`${i["sunrise-logo"]} ${K?i.visible:i["not-visible"]}`,style:{backgroundImage:`url(${pe})`}})}),o("div",{className:"hide-in-mob hide-in-tab full-width",children:e("div",{className:`d-flex flex-grow-1 ${i["desktop-margin"]}`,children:[o("nav",{className:"nav",children:S.navigationItems.map(e=>o(r,{content:e,activeNavLinkId:X,metadata:$,promoIcon:S.icon,promoTextColor:S.textColor,promoTextGradient:S.textGradient,subNavigationFontWeight:S.subNavigationFontWeight,iconPlacement:S.iconPlacement,isBlackFriday:de},e._uid))}),e("div",{className:"d-flex flex-shrink-0",children:[!(null===(E=null===(A=null==S?void 0:S.salesHotlinePopup)||void 0===A?void 0:A[0])||void 0===E?void 0:E.disableHotline)&&((null===(O=null==S?void 0:S.salesHotlinePopup)||void 0===O?void 0:O.length)>0?e(n,{children:[o("span",{onClick:ve,className:i.headset}),o("span",{onClick:ve,className:i["phone-number"],children:null===(R=null===(T=null==S?void 0:S.salesHotlinePopup)||void 0===T?void 0:T[0])||void 0===R?void 0:R.label})]}):S.salesHotlineNumber&&e(n,{children:[o("span",{className:i["phone-icon"]}),o("span",{className:i["phone-number"],children:S.salesHotlineNumber})]})),(null===(U=null===(D=null==S?void 0:S.salesHotlinePopup)||void 0===D?void 0:D[0])||void 0===U?void 0:U.disableHotline)&&se&&e(n,{children:[o("img",{onClick:ue,className:i.rewards,src:null==se?void 0:se.icon,height:24,width:24,alt:"Rewards Icon"}),o("span",{onClick:ue,className:i["phone-number"],children:null==se?void 0:se.title})]}),o("div",{className:i["search-icon-div"],children:o("a",{onClick:()=>{var e;x||(Y(!Q),J.reset(),m(p,h,{link_url:null===(e=null==S?void 0:S.searchIconLink)||void 0===e?void 0:e.cached_url,click_text:g}))},className:`${i["search-icon"]}${x?` ${i["search-icon-disabled"]}`:""}`,"aria-disabled":x,tabIndex:x?-1:0,children:ge&&o("img",{src:ge,alt:"Search",width:24,height:24})})}),o(d,{link:S.mySunriseLink,title:S.mySunriseTitle,logoutLabel:null==S?void 0:S.logoutLabel,salutationLabel:null==S?void 0:S.salutationLabel,userIcon:null==S?void 0:S.mySunriseUserIcon,arrowRight:null==S?void 0:S.arrowRight,arrowDown:null==S?void 0:S.arrowDown,logoutIcon:null==S?void 0:S.logoutIcon,logoutUrl:ce,isBlackFriday:de})]})]})}),o("div",{className:"hide-in-desktop",children:e("div",{className:"d-flex align-items-center",children:[o("li",{className:`${i["list-item"]} ${i.language} ${J.navStore.isMobMenuOpen?"d-none":""}`,children:o(k,{localeSelector:S.header[0]&&S.header[0].localeSelector,metadata:$,isBlackFriday:de,tickIcon:null==S?void 0:S.tickIcon,greyArrowDown:null==S?void 0:S.greyArrowDown})}),(null===(W=null==S?void 0:S.salesHotlinePopup)||void 0===W?void 0:W.length)>0&&!(null===(z=null===(q=null==S?void 0:S.salesHotlinePopup)||void 0===q?void 0:q[0])||void 0===z?void 0:z.disableHotline)?o("span",{onClick:ve,className:i.headset}):se?o("img",{onClick:ue,className:i.rewards,src:null==se?void 0:se.icon,height:24,width:24,alt:"Rewards Icon"}):null,o("a",{onClick:()=>{x||(Y(!Q),J.reset())},className:`${i["search-icon"]}${x?` ${i["search-icon-disabled"]}`:""}`,"aria-disabled":x,tabIndex:x?-1:0,children:ge&&o("img",{src:ge,alt:"Search",width:24,height:24})})]})}),o(s,{closeIcon:null==S?void 0:S.closeIcon})]})}),o(a,{content:S,activeNavLinkId:X,metadata:$,resolvedLogoutUrl:ce,subNavigationFontWeight:S.subNavigationFontWeight,iconPlacement:S.iconPlacement,isBlackFriday:de,newStyle:null==S?void 0:S.newStyle})]})})]})]})})}),!x&&Q&&o("div",{ref:we,children:o(I,{content:null==S?void 0:S.searchComponent,scroll:K})})]})};export{S as default};
 //# sourceMappingURL=FalconMainNavigation.js.map