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

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

@@ -18,9 +18,13 @@
 }
 
 .cart-overlay-panel .offcanvas-title {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 2px;
   font-size: 24px;
-  font-weight: 700;
   line-height: 32px;
+  font-weight: 700;
   color: #3d3935;
 }
 @media (max-width: 1023px) {
@@ -57,7 +61,7 @@
   position: fixed;
   inset: 0;
   z-index: 1040;
-  background: rgba(0, 0, 0, 0.5);
+  background: rgba(153, 178, 167, 0.1);
   animation: CartOverlay-module__fadeIn___G8JYJ 0.35s cubic-bezier(0.4, 0, 0.2, 1) forwards;
 }
 
@@ -75,76 +79,39 @@
   gap: 8px;
 }
 
-.CartOverlay-module__emptyState___bXUfs {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  flex: 1;
-  padding: 32px 24px 24px;
-  text-align: center;
-}
-
-.CartOverlay-module__emptyIcon___3FlYf {
-  margin-bottom: 8px;
-}
-
-.CartOverlay-module__emptyText___D4IY3 {
-  font-size: 16px;
-  font-weight: 700;
+.CartOverlay-module__headerItemCount___R4Q6n {
+  font-size: 24px;
+  line-height: 32px;
+  font-weight: 400;
   color: #3d3935;
-  margin: 0 0 44px;
 }
-
-.CartOverlay-module__emptySubText___tNFv4 {
-  font-size: 14px;
-  color: #787472;
-  margin: 0 0 8px;
-}
-
-.CartOverlay-module__categoryLinks___JYlL1 {
-  display: flex;
-  gap: 12px;
-  width: 100%;
-  justify-content: center;
+@media (max-width: 1023px) {
+  .CartOverlay-module__headerItemCount___R4Q6n {
+    font-size: 20px;
+    line-height: 28px;
+  }
 }
 
-.CartOverlay-module__categoryLink___FBePP {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: 6px;
-  flex: 1;
-  padding: 12px 8px;
-  background-color: #ffffff;
+.CartOverlay-module__clearAllButton___6SQuH {
+  display: inline;
+  background: none;
   border: none;
-  border-radius: 8px;
-  text-decoration: none;
-  color: #3d3935;
-  font-size: 12px;
-  font-weight: 500;
-  text-align: center;
-  transition: background-color 0.15s ease;
+  padding: 0;
+  cursor: pointer;
+  font-size: 14px;
+  line-height: 20px;
+  font-weight: 400;
+  color: #da291c;
+  text-decoration: underline;
+  text-underline-offset: 2px;
 }
-.CartOverlay-module__categoryLink___FBePP:hover {
-  background-color: #f8f8f8;
-  text-decoration: none;
-  color: #3d3935;
+.CartOverlay-module__clearAllButton___6SQuH:hover {
+  color: #961c13;
 }
-.CartOverlay-module__categoryLink___FBePP:focus-visible {
-  outline: 2px solid #e6003c;
+.CartOverlay-module__clearAllButton___6SQuH:focus-visible {
+  outline: 2px solid #da291c;
   outline-offset: 2px;
-}
-
-.CartOverlay-module__categoryLinkIcon___Pb58O {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.CartOverlay-module__categoryLinkLabel___ewD47 {
-  line-height: 1.3;
+  border-radius: 2px;
 }
 
 .CartOverlay-module__footer___OwJpW {
@@ -165,6 +132,7 @@
   border: 2px solid #da291c;
   border-radius: 28px;
   font-size: 16px;
+  line-height: 24px;
   font-weight: 600;
   color: #da291c;
   text-align: center;
@@ -177,4 +145,13 @@
 .CartOverlay-module__dismissButton___57qsq:focus-visible {
   outline: 2px solid #da291c;
   outline-offset: 2px;
+}
+
+.CartOverlay-module__errorMessage___ylBiH {
+  margin: auto 24px;
+  padding: 16px;
+  font-size: 20px;
+  line-height: 28px;
+  color: #3d3935;
+  text-align: center;
 }

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

@@ -1,3 +1,3 @@
 import './CartOverlay.css';
-import{jsxs as e,Fragment as i,jsx as t}from"react/jsx-runtime";import{useState as l,useEffect as n}from"react";import{Offcanvas as a}from"react-bootstrap";import r from"./CartOverlay.module.scss.js";const d=({isOpen:d,onClose:o,content:c})=>{var s,m;const[h,u]=l(!1);return n(()=>{if("undefined"==typeof window)return;if(!window.matchMedia)return void u(window.innerWidth<=767);const e=window.matchMedia("(max-width: 767px)");u(e.matches);const i=e=>u(e.matches);return e.addEventListener("change",i),()=>e.removeEventListener("change",i)},[]),e(i,{children:[d&&t("div",{className:r.backdrop,onMouseDown:o,"aria-hidden":"true"}),t("div",{children:e(a,{show:d,placement:h?"bottom":"end",onHide:o,backdrop:!1,scroll:!1,"aria-labelledby":"cart-overlay-title",className:"cart-overlay-panel",style:h?{height:"90dvh"}:{width:"40vw",minWidth:"320px"},children:[t(a.Header,{closeButton:!0,children:(null==c?void 0:c.title)&&t(a.Title,{id:"cart-overlay-title",children:t("div",{className:r.headerTitle,children:t("span",{children:c.title})})})}),t(a.Body,{children:e("div",{className:r.emptyState,children:[(null===(s=null==c?void 0:c.illustration)||void 0===s?void 0:s.filename)&&t("div",{className:r.emptyIcon,children:t("img",{src:c.illustration.filename,alt:"","aria-hidden":"true"})}),(null==c?void 0:c.emptyHeading)&&t("p",{className:r.emptyText,children:c.emptyHeading}),(null==c?void 0:c.emptySubTitle)&&t("p",{className:r.emptySubText,children:c.emptySubTitle}),(null==c?void 0:c.ctaCards)&&(null===(m=c.ctaCards)||void 0===m?void 0:m.length)>0&&t("div",{className:r.categoryLinks,children:c.ctaCards.map(i=>{var l,n,a;return e("a",{href:(null===(l=i.link)||void 0===l?void 0:l.cached_url)||(null===(n=i.link)||void 0===n?void 0:n.url)||"/",className:r.categoryLink,children:[(null===(a=i.icon)||void 0===a?void 0:a.filename)&&t("span",{className:r.categoryLinkIcon,children:t("img",{src:i.icon.filename,alt:"","aria-hidden":"true",width:24,height:24})}),t("span",{className:r.categoryLinkLabel,children:i.text})]},i._uid)})})]})}),(null==c?void 0:c.footerBtnLbl)&&t("div",{className:r.footer,children:t("button",{type:"button",className:r.dismissButton,onClick:o,children:null==c?void 0:c.footerBtnLbl})})]})})]})};export{d as default};
+import{jsxs as t,Fragment as e,jsx as o}from"react/jsx-runtime";import{useState as r,useEffect as n}from"react";import{Offcanvas as l}from"react-bootstrap";import i from"./CartOverlay.module.scss.js";import a from"./CartDotLoader/CartDotLoader.js";import s from"./useCartData.js";import d from"./CartItems/CartItems.js";import c from"./CartFooter/CartFooter.js";import m from"./EmptyCart/EmptyCart.js";import{replacePlaceholderv2 as u}from"../../../utils/utilities.js";const h=({isOpen:h,onClose:p,content:v})=>{const[f,C]=r(!1),{items:b,totals:g,itemCount:w,isLoading:y,error:L}=s(h,null==v?void 0:v.errorMsg);return n(()=>{if("undefined"==typeof window)return;if(!window.matchMedia)return void C(window.innerWidth<=767);const t=window.matchMedia("(max-width: 767px)");C(t.matches);const e=t=>C(t.matches);return t.addEventListener("change",e),()=>t.removeEventListener("change",e)},[]),t(e,{children:[h&&o("div",{className:i.backdrop,onMouseDown:p,"aria-hidden":"true"}),o("div",{children:t(l,{show:h,placement:f?"bottom":"end",onHide:p,backdrop:!1,scroll:!1,"aria-labelledby":"cart-overlay-title",className:"cart-overlay-panel",style:f?{height:"90dvh"}:{width:"40vw",minWidth:"320px"},children:[o(l.Header,{closeButton:!0,children:t(l.Title,{id:"cart-overlay-title",children:[t("div",{className:i.headerTitle,children:[(null==v?void 0:v.title)&&o("span",{children:null==v?void 0:v.title}),!y&&!L&&w>0&&(null==v?void 0:v.itemsCountLbl)&&t("span",{className:i.headerItemCount,children:["(",u(null==v?void 0:v.itemsCountLbl,[String(w)]),")"]})]}),!y&&!L&&w>0&&(null==v?void 0:v.clearLbl)&&o("button",{type:"button",className:i.clearAllButton,children:null==v?void 0:v.clearLbl})]})}),o(l.Body,{children:y?o(a,{loadingMsg:null==v?void 0:v.loadingMsg}):L?o("p",{className:i.errorMessage,children:L}):(null==b?void 0:b.length)>0?o(d,{cartItems:b,content:v}):o(m,{content:v})}),!y&&!L&&(null==b?void 0:b.length)>0?o(c,{totals:g,content:v,onClose:p}):(null==v?void 0:v.footerBtnLbl)&&o("div",{className:i.footer,children:o("button",{type:"button",className:i.dismissButton,onClick:p,children:null==v?void 0:v.footerBtnLbl})})]})})]})};export{h as default};
 //# sourceMappingURL=CartOverlay.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CartOverlay.js","sources":["../../../../../../src/components/FalconMainNavigation/CartOverlay/CartOverlay.tsx"],"sourcesContent":[null],"names":["CartOverlay","isOpen","onClose","content","isMobile","setIsMobile","useState","useEffect","window","matchMedia","innerWidth","mq","matches","handler","e","addEventListener","removeEventListener","_jsxs","_Fragment","children","_jsx","className","styles","backdrop","onMouseDown","Offcanvas","show","placement","onHide","scroll","style","height","width","minWidth","Header","closeButton","title","Title","id","headerTitle","Body","emptyState","_a","illustration","filename","emptyIcon","src","alt","emptyHeading","emptyText","emptySubTitle","emptySubText","ctaCards","_b","length","categoryLinks","map","card","href","link","cached_url","url","categoryLink","_c","icon","categoryLinkIcon","categoryLinkLabel","text","_uid","footerBtnLbl","footer","type","dismissButton","onClick"],"mappings":"wMAiCA,MAAMA,EAAc,EAClBC,SACAC,UACAC,sBAEA,MAAOC,EAAUC,GAAeC,GAAS,GAkBzC,OAhBAC,EAAU,KACR,GAAsB,oBAAXC,OACT,OAGF,IAAKA,OAAOC,WAEV,YADAJ,EAAYG,OAAOE,YAAc,KAGnC,MAAMC,EAAKH,OAAOC,WAAW,sBAC7BJ,EAAYM,EAAGC,SACf,MAAMC,EAAWC,GAA2BT,EAAYS,EAAEF,SAE1D,OADAD,EAAGI,iBAAiB,SAAUF,GACvB,IAAMF,EAAGK,oBAAoB,SAAUH,IAC7C,IAGDI,EAAAC,EAAA,CAAAC,SAAA,CACGlB,GACCmB,EAAA,MAAA,CACEC,UAAWC,EAAOC,SAClBC,YAAatB,EAAO,cACR,SAGhBkB,EAAA,MAAA,CAAAD,SACEF,EAACQ,EAAS,CACRC,KAAMzB,EACN0B,UAAWvB,EAAW,SAAW,MACjCwB,OAAQ1B,EACRqB,UAAU,EACVM,QAAQ,EAAK,kBACG,qBAChBR,UAAU,qBACVS,MAAO1B,EAAW,CAAE2B,OAAQ,SAAY,CAAEC,MAAO,OAAQC,SAAU,SAASd,SAAA,CAE9EC,EAACK,EAAUS,OAAM,CAACC,aAAW,EAAAhB,UAC1BhB,aAAO,EAAPA,EAASiC,QACRhB,EAACK,EAAUY,MAAK,CAACC,GAAG,qBAAoBnB,SACtCC,EAAA,MAAA,CAAKC,UAAWC,EAAOiB,YAAWpB,SAChCC,EAAA,OAAA,CAAAD,SAAOhB,EAAQiC,cAMvBhB,EAACK,EAAUe,KAAI,CAAArB,SACbF,EAAA,MAAA,CAAKI,UAAWC,EAAOmB,WAAUtB,SAAA,EACT,QAArBuB,EAAAvC,aAAO,EAAPA,EAASwC,oBAAY,IAAAD,OAAA,EAAAA,EAAEE,WACtBxB,EAAA,MAAA,CAAKC,UAAWC,EAAOuB,UAAS1B,SAC9BC,EAAA,MAAA,CAAK0B,IAAK3C,EAAQwC,aAAaC,SAAUG,IAAI,GAAE,cAAa,YAG/D5C,aAAO,EAAPA,EAAS6C,eACR5B,EAAA,IAAA,CAAGC,UAAWC,EAAO2B,UAAS9B,SAAGhB,EAAQ6C,gBAE1C7C,aAAO,EAAPA,EAAS+C,gBACR9B,EAAA,IAAA,CAAGC,UAAWC,EAAO6B,aAAYhC,SAAGhB,EAAQ+C,iBAE7C/C,aAAO,EAAPA,EAASiD,YAA4B,QAAhBC,EAAAlD,EAAQiD,gBAAQ,IAAAC,OAAA,EAAAA,EAAEC,QAAS,GAC/ClC,EAAA,MAAA,CAAKC,UAAWC,EAAOiC,cAAapC,SACjChB,EAAQiD,SAASI,IAAKC,cAAS,OAC9BxC,EAAA,IAAA,CAEEyC,MAAe,QAAThB,EAAAe,EAAKE,YAAI,IAAAjB,OAAA,EAAAA,EAAEkB,cAAuB,QAATP,EAAAI,EAAKE,YAAI,IAAAN,OAAA,EAAAA,EAAEQ,MAAO,IACjDxC,UAAWC,EAAOwC,aAAY3C,SAAA,EAEpB,QAAT4C,EAAAN,EAAKO,YAAI,IAAAD,OAAA,EAAAA,EAAEnB,WACVxB,UAAMC,UAAWC,EAAO2C,iBAAgB9C,SACtCC,EAAA,MAAA,CAAK0B,IAAKW,EAAKO,KAAKpB,SAAUG,IAAI,GAAE,cAAa,OAAOf,MAAO,GAAID,OAAQ,OAG/EX,EAAA,OAAA,CAAMC,UAAWC,EAAO4C,kBAAiB/C,SAAGsC,EAAKU,SAT5CV,EAAKW,gBAiBtBjE,aAAO,EAAPA,EAASkE,eACTjD,EAAA,MAAA,CAAKC,UAAWC,EAAOgD,OAAMnD,SAC3BC,EAAA,SAAA,CACEmD,KAAK,SACLlD,UAAWC,EAAOkD,cAClBC,QAASvE,EAAOiB,SAEfhB,aAAO,EAAPA,EAASkE"}
+{"version":3,"file":"CartOverlay.js","sources":["../../../../../../src/components/FalconMainNavigation/CartOverlay/CartOverlay.tsx"],"sourcesContent":[null],"names":["CartOverlay","isOpen","onClose","content","isMobile","setIsMobile","useState","items","totals","itemCount","isLoading","error","useCartData","errorMsg","useEffect","window","matchMedia","innerWidth","mq","matches","handler","e","addEventListener","removeEventListener","_jsxs","_Fragment","children","_jsx","className","styles","backdrop","onMouseDown","Offcanvas","show","placement","onHide","scroll","style","height","width","minWidth","Header","closeButton","Title","id","headerTitle","title","itemsCountLbl","headerItemCount","replacePlaceholderv2","String","clearLbl","type","clearAllButton","Body","CartDotLoader","loadingMsg","errorMessage","length","CartItems","cartItems","EmptyCart","CartFooter","footerBtnLbl","footer","dismissButton","onClick"],"mappings":"qdAsDA,MAAMA,EAAc,EAClBC,SACAC,UACAC,cAEA,MAAOC,EAAUC,GAAeC,GAAS,IACnCC,MAAEA,EAAKC,OAAEA,EAAMC,UAAEA,EAASC,UAAEA,EAASC,MAAEA,GAAUC,EAAYX,EAAQE,eAAAA,EAASU,UAsCpF,OAhBAC,EAAU,KACR,GAAsB,oBAAXC,OACT,OAGF,IAAKA,OAAOC,WAEV,YADAX,EAAYU,OAAOE,YAAc,KAGnC,MAAMC,EAAKH,OAAOC,WAAW,sBAC7BX,EAAYa,EAAGC,SACf,MAAMC,EAAWC,GAA2BhB,EAAYgB,EAAEF,SAE1D,OADAD,EAAGI,iBAAiB,SAAUF,GACvB,IAAMF,EAAGK,oBAAoB,SAAUH,IAC7C,IAGDI,EAAAC,EAAA,CAAAC,SAAA,CACGzB,GACC0B,EAAA,MAAA,CACEC,UAAWC,EAAOC,SAClBC,YAAa7B,EAAO,cACR,SAGhByB,EAAA,MAAA,CAAAD,SACEF,EAACQ,EAAS,CACRC,KAAMhC,EACNiC,UAAW9B,EAAW,SAAW,MACjC+B,OAAQjC,EACR4B,UAAU,EACVM,QAAQ,EAAK,kBACG,qBAChBR,UAAU,qBACVS,MACEjC,EACI,CAAEkC,OAAQ,SACV,CAAEC,MAAO,OAAQC,SAAU,SAASd,SAAA,CAG1CC,EAACK,EAAUS,OAAM,CAACC,aAAW,EAAAhB,SAC3BF,EAACQ,EAAUW,MAAK,CAACC,GAAG,qBAAoBlB,SAAA,CACtCF,SAAKI,UAAWC,EAAOgB,YAAWnB,SAAA,EAC/BvB,aAAO,EAAPA,EAAS2C,QAASnB,EAAA,OAAA,CAAAD,SAAOvB,aAAO,EAAPA,EAAS2C,SACjCpC,IACCC,GACDF,EAAY,IACZN,aAAO,EAAPA,EAAS4C,gBACPvB,EAAA,OAAA,CAAMI,UAAWC,EAAOmB,gBAAetB,SAAA,CAAA,IAEpCuB,EAAqB9C,aAAO,EAAPA,EAAS4C,cAAe,CAC5CG,OAAOzC,KACP,WAKRC,IAAcC,GAASF,EAAY,IAAKN,aAAO,EAAPA,EAASgD,WACjDxB,EAAA,SAAA,CAAQyB,KAAK,SAASxB,UAAWC,EAAOwB,eAAc3B,SACnDvB,aAAO,EAAPA,EAASgD,gBAMlBxB,EAACK,EAAUsB,KAAI,CAAA5B,SApFjBhB,EACKiB,EAAC4B,EAAa,CAACC,WAAYrD,aAAO,EAAPA,EAASqD,aAEzC7C,EACKgB,EAAA,IAAA,CAAGC,UAAWC,EAAO4B,aAAY/B,SAAGf,KAEzCJ,aAAK,EAALA,EAAOmD,QAAS,EAEhB/B,EAACgC,EAAS,CACRC,UAAWrD,EACXJ,QAASA,IAKbwB,EAACkC,EAAS,CAAC1D,QAASA,OAuEdO,IAAcC,IAASJ,aAAK,EAALA,EAAOmD,QAAS,EACvC/B,EAACmC,EAAU,CAACtD,OAAQA,EAAQL,QAASA,EAASD,QAASA,KAEvDC,eAAAA,EAAS4D,eACPpC,EAAA,MAAA,CAAKC,UAAWC,EAAOmC,OAAMtC,SAC3BC,EAAA,SAAA,CACEyB,KAAK,SACLxB,UAAWC,EAAOoC,cAClBC,QAAShE,EAAOwB,SAEfvB,aAAO,EAAPA,EAAS4D"}

package/dist/esm/components/FalconMainNavigation/CartOverlay/CartOverlay.module.scss.css

@@ -18,9 +18,13 @@
 }
 
 .cart-overlay-panel .offcanvas-title {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 2px;
   font-size: 24px;
-  font-weight: 700;
   line-height: 32px;
+  font-weight: 700;
   color: #3d3935;
 }
 @media (max-width: 1023px) {
@@ -57,7 +61,7 @@
   position: fixed;
   inset: 0;
   z-index: 1040;
-  background: rgba(0, 0, 0, 0.5);
+  background: rgba(153, 178, 167, 0.1);
   animation: CartOverlay-module__fadeIn___G8JYJ 0.35s cubic-bezier(0.4, 0, 0.2, 1) forwards;
 }
 
@@ -75,76 +79,39 @@
   gap: 8px;
 }
 
-.CartOverlay-module__emptyState___bXUfs {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  flex: 1;
-  padding: 32px 24px 24px;
-  text-align: center;
-}
-
-.CartOverlay-module__emptyIcon___3FlYf {
-  margin-bottom: 8px;
-}
-
-.CartOverlay-module__emptyText___D4IY3 {
-  font-size: 16px;
-  font-weight: 700;
+.CartOverlay-module__headerItemCount___R4Q6n {
+  font-size: 24px;
+  line-height: 32px;
+  font-weight: 400;
   color: #3d3935;
-  margin: 0 0 44px;
 }
-
-.CartOverlay-module__emptySubText___tNFv4 {
-  font-size: 14px;
-  color: #787472;
-  margin: 0 0 8px;
-}
-
-.CartOverlay-module__categoryLinks___JYlL1 {
-  display: flex;
-  gap: 12px;
-  width: 100%;
-  justify-content: center;
+@media (max-width: 1023px) {
+  .CartOverlay-module__headerItemCount___R4Q6n {
+    font-size: 20px;
+    line-height: 28px;
+  }
 }
 
-.CartOverlay-module__categoryLink___FBePP {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: 6px;
-  flex: 1;
-  padding: 12px 8px;
-  background-color: #ffffff;
+.CartOverlay-module__clearAllButton___6SQuH {
+  display: inline;
+  background: none;
   border: none;
-  border-radius: 8px;
-  text-decoration: none;
-  color: #3d3935;
-  font-size: 12px;
-  font-weight: 500;
-  text-align: center;
-  transition: background-color 0.15s ease;
+  padding: 0;
+  cursor: pointer;
+  font-size: 14px;
+  line-height: 20px;
+  font-weight: 400;
+  color: #da291c;
+  text-decoration: underline;
+  text-underline-offset: 2px;
 }
-.CartOverlay-module__categoryLink___FBePP:hover {
-  background-color: #f8f8f8;
-  text-decoration: none;
-  color: #3d3935;
+.CartOverlay-module__clearAllButton___6SQuH:hover {
+  color: #961c13;
 }
-.CartOverlay-module__categoryLink___FBePP:focus-visible {
-  outline: 2px solid #e6003c;
+.CartOverlay-module__clearAllButton___6SQuH:focus-visible {
+  outline: 2px solid #da291c;
   outline-offset: 2px;
-}
-
-.CartOverlay-module__categoryLinkIcon___Pb58O {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.CartOverlay-module__categoryLinkLabel___ewD47 {
-  line-height: 1.3;
+  border-radius: 2px;
 }
 
 .CartOverlay-module__footer___OwJpW {
@@ -165,6 +132,7 @@
   border: 2px solid #da291c;
   border-radius: 28px;
   font-size: 16px;
+  line-height: 24px;
   font-weight: 600;
   color: #da291c;
   text-align: center;
@@ -177,4 +145,13 @@
 .CartOverlay-module__dismissButton___57qsq:focus-visible {
   outline: 2px solid #da291c;
   outline-offset: 2px;
+}
+
+.CartOverlay-module__errorMessage___ylBiH {
+  margin: auto 24px;
+  padding: 16px;
+  font-size: 20px;
+  line-height: 28px;
+  color: #3d3935;
+  text-align: center;
 }

package/dist/esm/components/FalconMainNavigation/CartOverlay/CartOverlay.module.scss.js

@@ -1,3 +1,3 @@
 import './CartOverlay.module.scss.css';
-var e={backdrop:"CartOverlay-module__backdrop___lMc-O",headerTitle:"CartOverlay-module__headerTitle___hbL0K",emptyState:"CartOverlay-module__emptyState___bXUfs",emptyIcon:"CartOverlay-module__emptyIcon___3FlYf",emptyText:"CartOverlay-module__emptyText___D4IY3",emptySubText:"CartOverlay-module__emptySubText___tNFv4",categoryLinks:"CartOverlay-module__categoryLinks___JYlL1",categoryLink:"CartOverlay-module__categoryLink___FBePP",categoryLinkIcon:"CartOverlay-module__categoryLinkIcon___Pb58O",categoryLinkLabel:"CartOverlay-module__categoryLinkLabel___ewD47",footer:"CartOverlay-module__footer___OwJpW",dismissButton:"CartOverlay-module__dismissButton___57qsq"};export{e as default};
+var e={backdrop:"CartOverlay-module__backdrop___lMc-O",headerTitle:"CartOverlay-module__headerTitle___hbL0K",headerItemCount:"CartOverlay-module__headerItemCount___R4Q6n",clearAllButton:"CartOverlay-module__clearAllButton___6SQuH",footer:"CartOverlay-module__footer___OwJpW",dismissButton:"CartOverlay-module__dismissButton___57qsq",errorMessage:"CartOverlay-module__errorMessage___ylBiH"};export{e as default};
 //# sourceMappingURL=CartOverlay.module.scss.js.map

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

@@ -0,0 +1,80 @@
+/* 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  */
+.EmptyCart-module__emptyState___HtCXJ {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  flex: 1;
+  padding: 32px 24px 24px;
+  text-align: center;
+}
+
+.EmptyCart-module__emptyIcon___A7F8f {
+  margin-bottom: 8px;
+}
+
+.EmptyCart-module__emptyText___aX6Nu {
+  font-size: 16px;
+  line-height: 24px;
+  font-weight: 700;
+  color: #3d3935;
+  margin: 0 0 44px;
+}
+
+.EmptyCart-module__emptySubText___P504H {
+  font-size: 14px;
+  line-height: 20px;
+  color: #787472;
+  margin: 0 0 8px;
+}
+
+.EmptyCart-module__categoryLinks___J9tic {
+  display: flex;
+  gap: 12px;
+  width: 100%;
+  justify-content: center;
+}
+
+.EmptyCart-module__categoryLink___YxsmA {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 6px;
+  flex: 1;
+  padding: 12px 8px;
+  background-color: #ffffff;
+  border: none;
+  border-radius: 8px;
+  text-decoration: none;
+  color: #3d3935;
+  font-size: 12px;
+  line-height: 16px;
+  font-weight: 500;
+  text-align: center;
+  transition: background-color 0.15s ease;
+}
+.EmptyCart-module__categoryLink___YxsmA:hover {
+  background-color: #f8f8f8;
+  text-decoration: none;
+  color: #3d3935;
+}
+.EmptyCart-module__categoryLink___YxsmA:focus-visible {
+  outline: 2px solid #e6003c;
+  outline-offset: 2px;
+}
+
+.EmptyCart-module__categoryLinkIcon___HjhbO {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.EmptyCart-module__categoryLinkLabel___1dS9s {
+  line-height: 1.3;
+}

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

@@ -0,0 +1,3 @@
+import './EmptyCart.css';
+import{jsxs as l,jsx as e}from"react/jsx-runtime";import i from"./EmptyCart.module.scss.js";const n=({content:n})=>{const{illustration:a,emptyHeading:t,emptySubTitle:d,ctaCards:o}=n||{};return l("div",{className:i.emptyState,children:[(null==a?void 0:a.filename)&&e("div",{className:i.emptyIcon,children:e("img",{src:null==a?void 0:a.filename,alt:"","aria-hidden":"true"})}),t&&e("p",{className:i.emptyText,children:t}),d&&e("p",{className:i.emptySubText,children:d}),o&&(null==o?void 0:o.length)>0&&e("div",{className:i.categoryLinks,children:o.map(n=>{var a,t,d,o;return l("a",{href:(null===(a=null==n?void 0:n.link)||void 0===a?void 0:a.cached_url)||(null===(t=null==n?void 0:n.link)||void 0===t?void 0:t.url)||"/",className:i.categoryLink,children:[(null===(d=null==n?void 0:n.icon)||void 0===d?void 0:d.filename)&&e("span",{className:i.categoryLinkIcon,children:e("img",{src:null===(o=null==n?void 0:n.icon)||void 0===o?void 0:o.filename,alt:"","aria-hidden":"true",width:24,height:24})}),(null==n?void 0:n.text)&&e("span",{className:i.categoryLinkLabel,children:null==n?void 0:n.text})]},null==n?void 0:n._uid)})})]})};export{n as default};
+//# sourceMappingURL=EmptyCart.js.map

package/dist/esm/components/FalconMainNavigation/CartOverlay/EmptyCart/EmptyCart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyCart.js","sources":["../../../../../../../src/components/FalconMainNavigation/CartOverlay/EmptyCart/EmptyCart.tsx"],"sourcesContent":[null],"names":["EmptyCart","content","illustration","emptyHeading","emptySubTitle","ctaCards","_jsxs","className","styles","emptyState","children","filename","_jsx","emptyIcon","src","alt","emptyText","emptySubText","length","categoryLinks","map","card","href","_a","link","cached_url","_b","url","categoryLink","_c","icon","categoryLinkIcon","_d","width","height","text","categoryLinkLabel","_uid"],"mappings":"4FAaA,MAAMA,EAAY,EAAGC,cACnB,MAAMC,aAAEA,EAAYC,aAAEA,EAAYC,cAAEA,EAAaC,SAAEA,GAAaJ,GAAW,CAAA,EAE3E,OACEK,SAAKC,UAAWC,EAAOC,WAAUC,SAAA,EAC9BR,aAAY,EAAZA,EAAcS,WACbC,EAAA,MAAA,CAAKL,UAAWC,EAAOK,mBACrBD,EAAA,MAAA,CAAKE,IAAKZ,aAAY,EAAZA,EAAcS,SAAUI,IAAI,GAAE,cAAa,WAGxDZ,GACCS,EAAA,IAAA,CAAGL,UAAWC,EAAOQ,UAASN,SAAGP,IAElCC,GACCQ,EAAA,IAAA,CAAGL,UAAWC,EAAOS,aAAYP,SAAGN,IAErCC,IAAYA,eAAAA,EAAUa,QAAS,GAC9BN,EAAA,MAAA,CAAKL,UAAWC,EAAOW,cAAaT,SACjCL,EAASe,IAAKC,gBAAS,OACtBf,EAAA,IAAA,CAEEgB,MAAgB,QAAVC,EAAAF,aAAI,EAAJA,EAAMG,YAAI,IAAAD,OAAA,EAAAA,EAAEE,cAAwB,QAAVC,EAAAL,aAAI,EAAJA,EAAMG,YAAI,IAAAE,OAAA,EAAAA,EAAEC,MAAO,IACnDpB,UAAWC,EAAOoB,aAAYlB,SAAA,EAEnB,QAAVmB,EAAAR,aAAI,EAAJA,EAAMS,YAAI,IAAAD,OAAA,EAAAA,EAAElB,WACXC,EAAA,OAAA,CAAML,UAAWC,EAAOuB,iBAAgBrB,SACtCE,EAAA,MAAA,CAAKE,IAAe,QAAVkB,EAAAX,aAAI,EAAJA,EAAMS,YAAI,IAAAE,OAAA,EAAAA,EAAErB,SAAUI,IAAI,GAAE,cAAa,OAAOkB,MAAO,GAAIC,OAAQ,QAGhFb,aAAI,EAAJA,EAAMc,OAAQvB,EAAA,OAAA,CAAML,UAAWC,EAAO4B,kBAAiB1B,SAAGW,aAAI,EAAJA,EAAMc,SAT5Dd,aAAI,EAAJA,EAAMgB"}

package/dist/esm/components/FalconMainNavigation/CartOverlay/EmptyCart/EmptyCart.module.scss.css

@@ -0,0 +1,80 @@
+/* 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  */
+.EmptyCart-module__emptyState___HtCXJ {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  flex: 1;
+  padding: 32px 24px 24px;
+  text-align: center;
+}
+
+.EmptyCart-module__emptyIcon___A7F8f {
+  margin-bottom: 8px;
+}
+
+.EmptyCart-module__emptyText___aX6Nu {
+  font-size: 16px;
+  line-height: 24px;
+  font-weight: 700;
+  color: #3d3935;
+  margin: 0 0 44px;
+}
+
+.EmptyCart-module__emptySubText___P504H {
+  font-size: 14px;
+  line-height: 20px;
+  color: #787472;
+  margin: 0 0 8px;
+}
+
+.EmptyCart-module__categoryLinks___J9tic {
+  display: flex;
+  gap: 12px;
+  width: 100%;
+  justify-content: center;
+}
+
+.EmptyCart-module__categoryLink___YxsmA {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 6px;
+  flex: 1;
+  padding: 12px 8px;
+  background-color: #ffffff;
+  border: none;
+  border-radius: 8px;
+  text-decoration: none;
+  color: #3d3935;
+  font-size: 12px;
+  line-height: 16px;
+  font-weight: 500;
+  text-align: center;
+  transition: background-color 0.15s ease;
+}
+.EmptyCart-module__categoryLink___YxsmA:hover {
+  background-color: #f8f8f8;
+  text-decoration: none;
+  color: #3d3935;
+}
+.EmptyCart-module__categoryLink___YxsmA:focus-visible {
+  outline: 2px solid #e6003c;
+  outline-offset: 2px;
+}
+
+.EmptyCart-module__categoryLinkIcon___HjhbO {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.EmptyCart-module__categoryLinkLabel___1dS9s {
+  line-height: 1.3;
+}

package/dist/esm/components/FalconMainNavigation/CartOverlay/EmptyCart/EmptyCart.module.scss.js

@@ -0,0 +1,3 @@
+import './EmptyCart.module.scss.css';
+var t={emptyState:"EmptyCart-module__emptyState___HtCXJ",emptyIcon:"EmptyCart-module__emptyIcon___A7F8f",emptyText:"EmptyCart-module__emptyText___aX6Nu",emptySubText:"EmptyCart-module__emptySubText___P504H",categoryLinks:"EmptyCart-module__categoryLinks___J9tic",categoryLink:"EmptyCart-module__categoryLink___YxsmA",categoryLinkIcon:"EmptyCart-module__categoryLinkIcon___HjhbO",categoryLinkLabel:"EmptyCart-module__categoryLinkLabel___1dS9s"};export{t as default};
+//# sourceMappingURL=EmptyCart.module.scss.js.map

package/dist/esm/components/FalconMainNavigation/CartOverlay/EmptyCart/EmptyCart.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyCart.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -0,0 +1,2 @@
+import{__awaiter as i}from"../../../node_modules/tslib/tslib.es6.js";import{useState as o,useEffect as t}from"react";import n from"js-cookie";import{getCartMiniSummary as r}from"../../../services/CartService.js";import{CART_COOKIE as e}from"../../Constants.js";const s=(s,d="")=>{const[l,u]=o({items:[],itemCount:0,isLoading:!1});return t(()=>{if(!s)return void u({items:[],totals:void 0,itemCount:0,isLoading:!1});const o=n.get(e);if(!o)return void u({items:[],totals:void 0,itemCount:0,isLoading:!1});let t=!1;u(i=>Object.assign(Object.assign({},i),{isLoading:!0,error:void 0}));return i(void 0,void 0,void 0,function*(){var i,n,e,s,l,v,m,a;try{const c=yield r(o);if(t)return;(null==c?void 0:c.cart)?u({items:null!==(n=null===(i=null==c?void 0:c.cart)||void 0===i?void 0:i.items)&&void 0!==n?n:[],totals:null===(e=null==c?void 0:c.cart)||void 0===e?void 0:e.totals,itemCount:null!==(a=null!==(l=null===(s=null==c?void 0:c.cart)||void 0===s?void 0:s.itemCount)&&void 0!==l?l:null===(m=null===(v=null==c?void 0:c.cart)||void 0===v?void 0:v.items)||void 0===m?void 0:m.length)&&void 0!==a?a:0,isLoading:!1}):u({items:[],itemCount:0,isLoading:!1,error:d})}catch(i){if(t)return;u({items:[],itemCount:0,isLoading:!1,error:d})}}),()=>{t=!0}},[s]),l};export{s as default};
+//# sourceMappingURL=useCartData.js.map

package/dist/esm/components/FalconMainNavigation/CartOverlay/useCartData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCartData.js","sources":["../../../../../../src/components/FalconMainNavigation/CartOverlay/useCartData.ts"],"sourcesContent":[null],"names":["useCartData","isOpen","errorMsg","cartData","setCartData","useState","items","itemCount","isLoading","useEffect","totals","undefined","cartId","Cookies","get","CART_COOKIE","isCancelled","prev","error","__awaiter","response","getCartMiniSummary","cart","_b","_a","_c","_h","_e","_d","_g","_f","length","_j"],"mappings":"qQAmBA,MAAMA,EAAc,CAACC,EAAiBC,EAAW,MAC/C,MAAOC,EAAUC,GAAeC,EAAmB,CACjDC,MAAO,GACPC,UAAW,EACXC,WAAW,IAkDb,OA/CAC,EAAU,KACR,IAAKR,EAEH,YADAG,EAAY,CAAEE,MAAO,GAAII,YAAQC,EAAWJ,UAAW,EAAGC,WAAW,IAKvE,MAAMI,EAASC,EAAQC,IAAIC,GAE3B,IAAKH,EAEH,YADAR,EAAY,CAAEE,MAAO,GAAII,YAAQC,EAAWJ,UAAW,EAAGC,WAAW,IAIvE,IAAIQ,GAAc,EAGlBZ,EAAaa,kCAAeA,GAAI,CAAET,WAAW,EAAMU,WAAOP,KAyB1D,OAvB6BQ,OAAA,OAAA,OAAA,EAAA,gCAC3B,IACE,MAAMC,QAAsBC,EAAmBT,GAC/C,GAAII,EAAa,QAEbI,aAAQ,EAARA,EAAUE,MACZlB,EAAY,CACVE,cAAOiB,EAAc,QAAdC,EAAAJ,aAAQ,EAARA,EAAUE,YAAI,IAAAE,OAAA,EAAAA,EAAElB,qBAAS,GAChCI,OAAsB,QAAde,EAAAL,eAAAA,EAAUE,YAAI,IAAAG,OAAA,EAAAA,EAAEf,OACxBH,UAAqE,QAA1DmB,EAAyB,QAAzBC,EAAc,QAAdC,EAAAR,aAAQ,EAARA,EAAUE,YAAI,IAAAM,OAAA,EAAAA,EAAErB,iBAAS,IAAAoB,EAAAA,EAAyB,QAArBE,EAAc,QAAdC,EAAAV,aAAQ,EAARA,EAAUE,YAAI,IAAAQ,OAAA,EAAAA,EAAExB,aAAK,IAAAuB,OAAA,EAAAA,EAAEE,cAAM,IAAAL,EAAAA,EAAI,EACzElB,WAAW,IAGbJ,EAAY,CAAEE,MAAO,GAAIC,UAAW,EAAGC,WAAW,EAAOU,MAAOhB,GAEpE,CAAE,MAAA8B,GACA,GAAIhB,EAAa,OACjBZ,EAAY,CAAEE,MAAO,GAAIC,UAAW,EAAGC,WAAW,EAAOU,MAAOhB,GAClE,CACF,GAIO,KACLc,GAAc,IAEf,CAACf,IAEGE"}

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

@@ -1,3 +1,3 @@
 import './FalconMainNavigation.css';
-import{jsxs as e,Fragment as l,jsx as i}from"react/jsx-runtime";import o from"./FalconMainNavigation.module.scss.js";import{resolveStoryblokLink as n}from"./shared.js";import a from"./NavigationMenuItem/NavigationMenuItem.js";import r from"./MobileNavigation/MobileNavigation.js";import d from"./FalconHeader/FalconHeader.js";import{InteractiveHamburger as t}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 b}from"../../utils/AnalyticsConstants.js";import{useState as N}from"react";import f from"./FalconHeader/LocaleSelector/LocaleSelector.js";import k from"./FalconHeader/useScrollCheck.js";import w from"../ResponsiveRow/row.js";import I from"../SearchWrapper/SearchWrapper.js";import $ from"./CartOverlay/CartOverlay.js";const C=({content:C,metadata:L,disableSearchIcon:S=!1,navigationBaseUrl:y})=>{var x,H,j,_,M,O,P,B,A,F,D,R,T,E,U,G,V,z,W,X,q,J,K,Q;const{activeNavLinkId:Y,navCtx:Z}=v(C.navigationItems,null==L?void 0:L.activePath),{isScrollBreak:ee}=k(),[le,ie]=N(!1),[oe,ne]=N(!1),ae=process.env.NEXT_PUBLIC_APP_VERSION,re=process.env.NEXT_PUBLIC_CHANNEL||"",de=ae?`${re}_${ae}`:void 0,te="prod"===(null===(x=process.env.TARGET_ENVIRONMENT)||void 0===x?void 0:x.toLowerCase()),se=c(Z.reset,"",""!==Z.navStore.activeDeskId),ce=null===(H=null==C?void 0:C.rewardsBlok)||void 0===H?void 0:H[0],ve=Boolean(null==C?void 0:C.isBlackFriday),ue=`${y||""}${(null===(j=null==C?void 0:C.logoutUrl)||void 0===j?void 0:j.trim())||"logout"}`,me=()=>{var e,l;m(p,g,{click_text:null===(l=null===(e=null==C?void 0:C.salesHotlinePopup)||void 0===e?void 0:e[0])||void 0===l?void 0:l.label})},he=()=>{var e,l;const i=(null===(e=null==ce?void 0:ce.url)||void 0===e?void 0:e.cached_url)||(null===(l=null==ce?void 0:ce.url)||void 0===l?void 0:l.url)||"";i&&(window.location.href=i)},pe=n(L,null==C?void 0:C.sunriseLogoLink),ge=null===(_=null==C?void 0:C.sunriseLogo)||void 0===_?void 0:_.filename,be=null===(M=null==C?void 0:C.sunriseLogoMobile)||void 0===M?void 0:M.filename,Ne=c(ie,!1,le),fe=null===(O=null==C?void 0:C.searchIcon)||void 0===O?void 0:O.filename;return e(l,{children:[i(u,{value:Z,children:i(l,{children:e("header",{ref:se,className:`falcon-header-section ${o.container} ${ve?o["black-friday"]:""} ${ee&&o["falcon-nav"]} ${Z.navStore.isMobMenuOpen?"mob-nav-expand":""} `,"data-app-version":de||"",children:[!te&&de&&i("div",{className:o["s20-header__version-number"],children:i("p",{children:de})}),e("div",{children:[i("div",{children:C.header.map((e,l)=>i(d,{content:e,metadata:L,isBlackFriday:ve,arrowDown:null==C?void 0:C.arrowDown,greyArrowDown:null==C?void 0:C.greyArrowDown},l))}),i("span",{className:`${o["desktop-block"]}`,children:i(w,{children:i("a",{href:(null===(P=null==C?void 0:C.sunriseLogoLink)||void 0===P?void 0:P.cached_url)?pe:"",className:`${o["new-logo"]} ${ee&&o.resize}`,children:i("img",{src:ge,alt:C.sunriseLogoAlt||"Sunrise | Handy-, Internet- und TV-Abos für die Schweiz"})})})}),i("div",{children:e("div",{className:`${Z.navStore.isMobMenuOpen?o["open-content"]:o.content} ${!Z.navStore.isMobMenuOpen&&"sunrise-box-shadow"}`,children:[i(w,{children:e("div",{className:`d-flex align-items-center ${o["nav-bar"]}`,children:[i("div",{className:"flex-shrink-0 flex-grow-1",children:i("a",{href:C.sunriseLogoLink.cached_url||"/",onClick:()=>Z.reset(),title:"Sunrise",className:`${o["sunrise-logo"]} ${ee?o.visible:o["not-visible"]}`,style:{backgroundImage:`url(${be})`}})}),i("div",{className:"hide-in-mob hide-in-tab full-width",children:e("div",{className:`d-flex flex-grow-1 ${o["desktop-margin"]}`,children:[i("nav",{className:"nav",children:C.navigationItems.map(e=>i(a,{content:e,activeNavLinkId:Y,metadata:L,promoIcon:C.icon,promoTextColor:C.textColor,promoTextGradient:C.textGradient,isBlackFriday:ve},e._uid))}),e("div",{className:"d-flex flex-shrink-0",children:[!(null===(A=null===(B=null==C?void 0:C.salesHotlinePopup)||void 0===B?void 0:B[0])||void 0===A?void 0:A.disableHotline)&&((null===(F=null==C?void 0:C.salesHotlinePopup)||void 0===F?void 0:F.length)>0?e(l,{children:[i("span",{onClick:me,className:o.headset}),i("span",{onClick:me,className:o["phone-number"],children:null===(R=null===(D=null==C?void 0:C.salesHotlinePopup)||void 0===D?void 0:D[0])||void 0===R?void 0:R.label})]}):C.salesHotlineNumber&&e(l,{children:[i("span",{className:o["phone-icon"]}),i("span",{className:o["phone-number"],children:C.salesHotlineNumber})]})),(null===(E=null===(T=null==C?void 0:C.salesHotlinePopup)||void 0===T?void 0:T[0])||void 0===E?void 0:E.disableHotline)&&ce&&e(l,{children:[i("img",{onClick:he,className:o.rewards,src:null==ce?void 0:ce.icon,height:24,width:24,alt:"Rewards Icon"}),i("span",{onClick:he,className:o["phone-number"],children:null==ce?void 0:ce.title})]}),i("div",{className:o["search-icon-div"],children:i("a",{onClick:()=>{var e;S||(ie(!le),Z.reset(),m(p,h,{link_url:null===(e=null==C?void 0:C.searchIconLink)||void 0===e?void 0:e.cached_url,click_text:b}))},className:`${o["search-icon"]}${S?` ${o["search-icon-disabled"]}`:""}`,"aria-disabled":S,tabIndex:S?-1:0,children:fe&&i("img",{src:fe,alt:"Search",width:24,height:24})})}),i(s,{link:C.mySunriseLink,title:C.mySunriseTitle,logoutLabel:null==C?void 0:C.logoutLabel,salutationLabel:null==C?void 0:C.salutationLabel,userIcon:null==C?void 0:C.mySunriseUserIcon,arrowRight:null==C?void 0:C.arrowRight,arrowDown:null==C?void 0:C.arrowDown,logoutIcon:null==C?void 0:C.logoutIcon,logoutUrl:ue,isBlackFriday:ve}),(null===(V=null===(G=null===(U=null==C?void 0:C.cart)||void 0===U?void 0:U[0])||void 0===G?void 0:G.cartIcon)||void 0===V?void 0:V.filename)&&i("button",{className:o["cart-icon-div"],onClick:()=>ne(!0),"aria-label":"Open cart",type:"button",children:i("img",{src:C.cart[0].cartIcon.filename,alt:"cart","aria-hidden":"true",width:24,height:24})})]})]})}),i("div",{className:"hide-in-desktop",children:e("div",{className:"d-flex align-items-center",children:[i("li",{className:`${o["list-item"]} ${o.language} ${Z.navStore.isMobMenuOpen?"d-none":""}`,children:i(f,{localeSelector:C.header[0]&&C.header[0].localeSelector,metadata:L,isBlackFriday:ve,tickIcon:null==C?void 0:C.tickIcon,greyArrowDown:null==C?void 0:C.greyArrowDown})}),(null===(z=null==C?void 0:C.salesHotlinePopup)||void 0===z?void 0:z.length)>0&&!(null===(X=null===(W=null==C?void 0:C.salesHotlinePopup)||void 0===W?void 0:W[0])||void 0===X?void 0:X.disableHotline)?i("span",{onClick:me,className:o.headset}):ce?i("img",{onClick:he,className:o.rewards,src:null==ce?void 0:ce.icon,height:24,width:24,alt:"Rewards Icon"}):null,i("a",{onClick:()=>{S||(ie(!le),Z.reset())},className:`${o["search-icon"]}${S?` ${o["search-icon-disabled"]}`:""}`,"aria-disabled":S,tabIndex:S?-1:0,children:fe&&i("img",{src:fe,alt:"Search",width:24,height:24})}),(null===(K=null===(J=null===(q=null==C?void 0:C.cart)||void 0===q?void 0:q[0])||void 0===J?void 0:J.cartIcon)||void 0===K?void 0:K.filename)&&i("button",{className:o["cart-icon-div"],onClick:()=>ne(!0),"aria-label":"Open cart",type:"button",children:i("img",{src:C.cart[0].cartIcon.filename,alt:"cart","aria-hidden":"true",width:24,height:24})})]})}),i(t,{closeIcon:null==C?void 0:C.closeIcon})]})}),i(r,{content:C,activeNavLinkId:Y,metadata:L,isBlackFriday:ve,newStyle:null==C?void 0:C.newStyle})]})})]})]})})}),!S&&le&&i("div",{ref:Ne,children:i(I,{content:null==C?void 0:C.searchComponent,scroll:ee})}),i($,{isOpen:oe,onClose:()=>ne(!1),content:null===(Q=null==C?void 0:C.cart)||void 0===Q?void 0:Q[0]})]})};export{C as default};
+import{jsxs as i,Fragment as l,jsx as e}from"react/jsx-runtime";import o from"./FalconMainNavigation.module.scss.js";import{resolveStoryblokLink as n}from"./shared.js";import a from"./NavigationMenuItem/NavigationMenuItem.js";import r from"./MobileNavigation/MobileNavigation.js";import d from"./FalconHeader/FalconHeader.js";import{InteractiveHamburger as t}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 b}from"../../utils/AnalyticsConstants.js";import{useState as N,useEffect as f}from"react";import k from"js-cookie";import w from"./FalconHeader/LocaleSelector/LocaleSelector.js";import I from"./FalconHeader/useScrollCheck.js";import C from"../ResponsiveRow/row.js";import $ from"../SearchWrapper/SearchWrapper.js";import L from"./CartOverlay/CartOverlay.js";import{CART_COOKIE as S}from"../Constants.js";const y=({content:y,metadata:x,disableSearchIcon:j=!1,navigationBaseUrl:H})=>{var _,M,O,P,B,A,F,D,R,T,E,U,G,V,z,W,X,q,J,K,Q,Y,Z,ii,li,ei,oi,ni;const{activeNavLinkId:ai,navCtx:ri}=v(y.navigationItems,null==x?void 0:x.activePath),{isScrollBreak:di}=I(),[ti,si]=N(!1),[ci,vi]=N(!1),[ui,mi]=N(!1);f(()=>{mi(!!k.get(S))},[]);const hi=process.env.NEXT_PUBLIC_APP_VERSION,pi=process.env.NEXT_PUBLIC_CHANNEL||"",gi=hi?`${pi}_${hi}`:void 0,bi="prod"===(null===(_=process.env.TARGET_ENVIRONMENT)||void 0===_?void 0:_.toLowerCase()),Ni=c(ri.reset,"",""!==ri.navStore.activeDeskId),fi=null===(M=null==y?void 0:y.rewardsBlok)||void 0===M?void 0:M[0],ki=Boolean(null==y?void 0:y.isBlackFriday),wi=`${H||""}${(null===(O=null==y?void 0:y.logoutUrl)||void 0===O?void 0:O.trim())||"logout"}`,Ii=()=>{var i,l;m(p,g,{click_text:null===(l=null===(i=null==y?void 0:y.salesHotlinePopup)||void 0===i?void 0:i[0])||void 0===l?void 0:l.label})},Ci=()=>{var i,l;const e=(null===(i=null==fi?void 0:fi.url)||void 0===i?void 0:i.cached_url)||(null===(l=null==fi?void 0:fi.url)||void 0===l?void 0:l.url)||"";e&&(window.location.href=e)},$i=n(x,null==y?void 0:y.sunriseLogoLink),Li=null===(P=null==y?void 0:y.sunriseLogo)||void 0===P?void 0:P.filename,Si=null===(B=null==y?void 0:y.sunriseLogoMobile)||void 0===B?void 0:B.filename,yi=c(si,!1,ti),xi=null===(A=null==y?void 0:y.searchIcon)||void 0===A?void 0:A.filename,ji=ui?null===(R=null===(D=null===(F=null==y?void 0:y.cart)||void 0===F?void 0:F[0])||void 0===D?void 0:D.cartIcon)||void 0===R?void 0:R.filename:null===(U=null===(E=null===(T=null==y?void 0:y.cart)||void 0===T?void 0:T[0])||void 0===E?void 0:E.emptyCartIcon)||void 0===U?void 0:U.filename;return i(l,{children:[e(u,{value:ri,children:e(l,{children:i("header",{ref:Ni,className:`falcon-header-section ${o.container} ${ki?o["black-friday"]:""} ${di&&o["falcon-nav"]} ${ri.navStore.isMobMenuOpen?"mob-nav-expand":""} `,"data-app-version":gi||"",children:[!bi&&gi&&e("div",{className:o["s20-header__version-number"],children:e("p",{children:gi})}),i("div",{children:[e("div",{children:y.header.map((i,l)=>e(d,{content:i,metadata:x,isBlackFriday:ki,arrowDown:null==y?void 0:y.arrowDown,greyArrowDown:null==y?void 0:y.greyArrowDown},l))}),e("span",{className:`${o["desktop-block"]}`,children:e(C,{children:e("a",{href:(null===(G=null==y?void 0:y.sunriseLogoLink)||void 0===G?void 0:G.cached_url)?$i:"",className:`${o["new-logo"]} ${di&&o.resize}`,children:e("img",{src:Li,alt:y.sunriseLogoAlt||"Sunrise | Handy-, Internet- und TV-Abos für die Schweiz"})})})}),e("div",{children:i("div",{className:`${ri.navStore.isMobMenuOpen?o["open-content"]:o.content} ${!ri.navStore.isMobMenuOpen&&"sunrise-box-shadow"}`,children:[e(C,{children:i("div",{className:`d-flex align-items-center ${o["nav-bar"]}`,children:[e("div",{className:"flex-shrink-0 flex-grow-1",children:e("a",{href:y.sunriseLogoLink.cached_url||"/",onClick:()=>ri.reset(),title:"Sunrise",className:`${o["sunrise-logo"]} ${di?o.visible:o["not-visible"]}`,style:{backgroundImage:`url(${Si})`}})}),e("div",{className:"hide-in-mob hide-in-tab full-width",children:i("div",{className:`d-flex flex-grow-1 ${o["desktop-margin"]}`,children:[e("nav",{className:"nav",children:y.navigationItems.map(i=>e(a,{content:i,activeNavLinkId:ai,metadata:x,promoIcon:y.icon,promoTextColor:y.textColor,promoTextGradient:y.textGradient,isBlackFriday:ki},i._uid))}),i("div",{className:"d-flex flex-shrink-0",children:[!(null===(z=null===(V=null==y?void 0:y.salesHotlinePopup)||void 0===V?void 0:V[0])||void 0===z?void 0:z.disableHotline)&&((null===(W=null==y?void 0:y.salesHotlinePopup)||void 0===W?void 0:W.length)>0?i(l,{children:[e("span",{onClick:Ii,className:o.headset}),e("span",{onClick:Ii,className:o["phone-number"],children:null===(q=null===(X=null==y?void 0:y.salesHotlinePopup)||void 0===X?void 0:X[0])||void 0===q?void 0:q.label})]}):y.salesHotlineNumber&&i(l,{children:[e("span",{className:o["phone-icon"]}),e("span",{className:o["phone-number"],children:y.salesHotlineNumber})]})),(null===(K=null===(J=null==y?void 0:y.salesHotlinePopup)||void 0===J?void 0:J[0])||void 0===K?void 0:K.disableHotline)&&fi&&i(l,{children:[e("img",{onClick:Ci,className:o.rewards,src:null==fi?void 0:fi.icon,height:24,width:24,alt:"Rewards Icon"}),e("span",{onClick:Ci,className:o["phone-number"],children:null==fi?void 0:fi.title})]}),e("div",{className:o["search-icon-div"],children:e("a",{onClick:()=>{var i;j||(si(!ti),ri.reset(),m(p,h,{link_url:null===(i=null==y?void 0:y.searchIconLink)||void 0===i?void 0:i.cached_url,click_text:b}))},className:`${o["search-icon"]}${j?` ${o["search-icon-disabled"]}`:""}`,"aria-disabled":j,tabIndex:j?-1:0,children:xi&&e("img",{src:xi,alt:"Search",width:24,height:24})})}),e(s,{link:y.mySunriseLink,title:y.mySunriseTitle,logoutLabel:null==y?void 0:y.logoutLabel,salutationLabel:null==y?void 0:y.salutationLabel,userIcon:null==y?void 0:y.mySunriseUserIcon,arrowRight:null==y?void 0:y.arrowRight,arrowDown:null==y?void 0:y.arrowDown,logoutIcon:null==y?void 0:y.logoutIcon,logoutUrl:wi,isBlackFriday:ki}),(null===(Y=null===(Q=null==y?void 0:y.cart)||void 0===Q?void 0:Q[0])||void 0===Y?void 0:Y.showCart)&&ji&&e("button",{className:o["cart-icon-div"],onClick:()=>vi(!0),"aria-label":"Open cart",type:"button",children:e("img",{src:ji,alt:"cart","aria-hidden":"true",width:24,height:24})})]})]})}),e("div",{className:"hide-in-desktop",children:i("div",{className:"d-flex align-items-center",children:[e("li",{className:`${o["list-item"]} ${o.language} ${ri.navStore.isMobMenuOpen?"d-none":""}`,children:e(w,{localeSelector:y.header[0]&&y.header[0].localeSelector,metadata:x,isBlackFriday:ki,tickIcon:null==y?void 0:y.tickIcon,greyArrowDown:null==y?void 0:y.greyArrowDown})}),(null===(Z=null==y?void 0:y.salesHotlinePopup)||void 0===Z?void 0:Z.length)>0&&!(null===(li=null===(ii=null==y?void 0:y.salesHotlinePopup)||void 0===ii?void 0:ii[0])||void 0===li?void 0:li.disableHotline)?e("span",{onClick:Ii,className:o.headset}):fi?e("img",{onClick:Ci,className:o.rewards,src:null==fi?void 0:fi.icon,height:24,width:24,alt:"Rewards Icon"}):null,e("a",{onClick:()=>{j||(si(!ti),ri.reset())},className:`${o["search-icon"]}${j?` ${o["search-icon-disabled"]}`:""}`,"aria-disabled":j,tabIndex:j?-1:0,children:xi&&e("img",{src:xi,alt:"Search",width:24,height:24})}),(null===(oi=null===(ei=null==y?void 0:y.cart)||void 0===ei?void 0:ei[0])||void 0===oi?void 0:oi.showCart)&&ji&&e("button",{className:o["cart-icon-div"],onClick:()=>vi(!0),"aria-label":"Open cart",type:"button",children:e("img",{src:ji,alt:"cart","aria-hidden":"true",width:24,height:24})})]})}),e(t,{closeIcon:null==y?void 0:y.closeIcon})]})}),e(r,{content:y,activeNavLinkId:ai,metadata:x,isBlackFriday:ki,newStyle:null==y?void 0:y.newStyle})]})})]})]})})}),!j&&ti&&e("div",{ref:yi,children:e($,{content:null==y?void 0:y.searchComponent,scroll:di})}),e(L,{isOpen:ci,onClose:()=>vi(!1),content:null===(ni=null==y?void 0:y.cart)||void 0===ni?void 0:ni[0]})]})};export{y as default};
 //# sourceMappingURL=FalconMainNavigation.js.map