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

package/dist/cjs/components/FalconMainNavigation/CartOverlay/CartItems/CartItems.css

@@ -0,0 +1,154 @@
+/* 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  */
+.CartItems-module__container___9xcV- {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+}
+
+.CartItems-module__itemList___CK3U1 {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+.CartItems-module__item___A6nFF {
+  border-bottom: 1px solid #e6e3df;
+  background-color: #f7f6f5;
+}
+.CartItems-module__item___A6nFF:last-child {
+  border-bottom: none;
+}
+
+.CartItems-module__itemContent___DaQhK {
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  gap: 16px;
+  padding: 16px 24px;
+}
+@media (max-width: 767px) {
+  .CartItems-module__itemContent___DaQhK {
+    padding: 16px;
+  }
+}
+
+.CartItems-module__itemIcon___pk1NU {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  width: 40px;
+  height: 40px;
+  color: #86807c;
+}
+.CartItems-module__itemIcon___pk1NU .CartItems-module__itemIconImage___q1IQJ {
+  width: 40px;
+  height: 40px;
+  object-fit: contain;
+  border-radius: 4px;
+}
+
+.CartItems-module__itemBody___leOoI {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  flex: 1;
+  min-width: 0;
+}
+
+.CartItems-module__itemRow___owvC2 {
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-start;
+  gap: 16px;
+}
+
+.CartItems-module__itemDetails___vQu14 {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  min-width: 0;
+  flex: 1;
+}
+
+.CartItems-module__categoryLabel___gSZid {
+  font-size: 12px;
+  line-height: 16px;
+  color: #86807c;
+}
+
+.CartItems-module__productName___yYFNw {
+  font-size: 14px;
+  line-height: 20px;
+  font-weight: 700;
+  color: #3d3935;
+}
+
+.CartItems-module__variantText___saarn {
+  font-size: 12px;
+  line-height: 16px;
+  color: #86807c;
+}
+
+.CartItems-module__downPaymentLabel___9sOP7 {
+  font-size: 12px;
+  line-height: 16px;
+  color: #86807c;
+}
+
+.CartItems-module__downPaymentRow___9a5jS {
+  display: flex;
+  width: 100%;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.CartItems-module__itemPricing___7gEuf {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+  gap: 2px;
+  flex-shrink: 0;
+  white-space: nowrap;
+}
+
+.CartItems-module__monthlyPrice___G6sH6 {
+  font-size: 14px;
+  line-height: 20px;
+  font-weight: 700;
+  color: #3d3935;
+}
+
+.CartItems-module__originalPrice___LsGAC {
+  font-size: 12px;
+  line-height: 16px;
+  color: #86807c;
+  text-decoration: line-through;
+}
+
+.CartItems-module__downPaymentAmount___3K98L {
+  font-size: 12px;
+  line-height: 16px;
+  font-weight: 700;
+  color: #3d3935;
+}
+
+.CartItems-module__disclaimer___mOvek {
+  font-size: 12px;
+  line-height: 16px;
+  color: #86807c;
+  padding: 16px 24px;
+  margin: 0;
+  background-color: #f7f6f5;
+  border-top: 1px solid #e6e3df;
+}
+@media (max-width: 767px) {
+  .CartItems-module__disclaimer___mOvek {
+    padding: 16px;
+  }
+}

package/dist/cjs/components/FalconMainNavigation/CartOverlay/CartItems/CartItems.js

@@ -0,0 +1,3 @@
+require('./CartItems.css');
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var l=require("react/jsx-runtime"),i=require("react"),e=require("./CartItems.module.scss.js"),n=require("../../../../utils/utilities.js"),d=require("../../../Constants.js");const a=(l,i)=>{const{smartAndflexText:e,smartUpgradeTxt:n,flexUpgradeTxt:a}=i||{},s=l.includes(d.SMART_UPGRADE),o=l.includes(d.FLEX_UPGRADE);return s&&o?e||`${d.SMART_UPGRADE} & ${d.FLEX_UPGRADE}`:s?n||d.SMART_UPGRADE:o?a||d.FLEX_UPGRADE:null};exports.default=({cartItems:d,content:s})=>{const{items:o,mnthLbl:r,downPaymentLbl:t,downPaymentDesc:u}=s||{},c=i.useMemo(()=>{const l={};return null==o||o.forEach(i=>{var e;(null==i?void 0:i.id)&&(l[i.id]={text:null==i?void 0:i.text,icon:null===(e=null==i?void 0:i.icon)||void 0===e?void 0:e.filename})}),l},[o]);return l.jsxs("div",{className:e.default.container,children:[l.jsx("ul",{className:e.default.itemList,children:(null==d?void 0:d.length)>0&&d.map(i=>{var d,o,u,v,m,x,f,g,h,j,p,N,P,y,A,R,b,E,T;const U=!!(null===(o=null===(d=null==i?void 0:i.price)||void 0===d?void 0:d.oneTime)||void 0===o?void 0:o.original),w=!!(null===(v=null===(u=null==i?void 0:i.price)||void 0===u?void 0:u.recurring)||void 0===v?void 0:v.final),D=w?null===(x=null===(m=null==i?void 0:i.price)||void 0===m?void 0:m.recurring)||void 0===x?void 0:x.final:null===(g=null===(f=null==i?void 0:i.price)||void 0===f?void 0:f.recurring)||void 0===g?void 0:g.original,L=(null==i?void 0:i.imageUrl)||(null===(h=c[null==i?void 0:i.category])||void 0===h?void 0:h.icon);return l.jsx("li",{className:e.default.item,children:l.jsxs("div",{className:e.default.itemContent,children:[l.jsx("div",{className:e.default.itemIcon,children:L&&l.jsx("img",{src:`${L}/m/40x0/filters:format(webp):quality(60)`,alt:"","aria-hidden":"true",className:e.default.itemIconImage})}),l.jsxs("div",{className:e.default.itemBody,children:[l.jsxs("div",{className:e.default.itemRow,children:[l.jsxs("div",{className:e.default.itemDetails,children:[l.jsxs("span",{className:e.default.categoryLabel,children:[(null===(j=c[null==i?void 0:i.category])||void 0===j?void 0:j.text)||(null==i?void 0:i.category),(null==i?void 0:i.badges)&&(null===(p=null==i?void 0:i.badges)||void 0===p?void 0:p.length)>0&&a(i.badges,s)&&l.jsxs(l.Fragment,{children:[" ",a(i.badges,s)]})]}),l.jsx("span",{className:e.default.productName,children:null==i?void 0:i.name}),(null==i?void 0:i.variant)&&l.jsx("span",{className:e.default.variantText,children:null==i?void 0:i.variant})]}),l.jsxs("div",{className:e.default.itemPricing,children:[D&&l.jsxs("span",{className:e.default.monthlyPrice,children:[n.countZero(D),r&&l.jsx("span",{children:r})]}),w&&(null===(P=null===(N=null==i?void 0:i.price)||void 0===N?void 0:N.recurring)||void 0===P?void 0:P.original)&&l.jsx("span",{className:e.default.originalPrice,children:n.countZero(null===(A=null===(y=null==i?void 0:i.price)||void 0===y?void 0:y.recurring)||void 0===A?void 0:A.original)})]})]}),U&&(null===(b=null===(R=null==i?void 0:i.price)||void 0===R?void 0:R.oneTime)||void 0===b?void 0:b.original)&&l.jsxs("div",{className:e.default.downPaymentRow,children:[t&&l.jsx("span",{className:e.default.downPaymentLabel,children:t}),l.jsx("span",{className:e.default.downPaymentAmount,children:n.countZero(null===(T=null===(E=null==i?void 0:i.price)||void 0===E?void 0:E.oneTime)||void 0===T?void 0:T.original)})]})]})]})},null==i?void 0:i.id)})}),u&&l.jsx("p",{className:e.default.disclaimer,children:u})]})};
+//# sourceMappingURL=CartItems.js.map

package/dist/cjs/components/FalconMainNavigation/CartOverlay/CartItems/CartItems.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CartItems.js","sources":["../../../../../../../src/components/FalconMainNavigation/CartOverlay/CartItems/CartItems.tsx"],"sourcesContent":[null],"names":["getBadgeText","badges","content","smartAndflexText","smartUpgradeTxt","flexUpgradeTxt","hasSmart","includes","SMART_UPGRADE","hasFlex","FLEX_UPGRADE","cartItems","items","categoryItems","mnthLbl","downPaymentLbl","downPaymentDesc","categoryMap","useMemo","map","forEach","c","id","text","icon","_a","filename","_jsxs","className","styles","container","children","_jsx","itemList","length","item","hasDownPayment","_b","price","oneTime","original","hasDiscount","_d","_c","recurring","final","recurringPrice","_f","_e","_h","_g","iconUrl","imageUrl","_j","category","itemContent","itemIcon","src","alt","itemIconImage","itemBody","itemRow","itemDetails","categoryLabel","_k","_l","_Fragment","productName","name","variant","variantText","itemPricing","monthlyPrice","countZero","_o","_m","originalPrice","_q","_p","_s","_r","downPaymentRow","downPaymentLabel","downPaymentAmount","_t","disclaimer"],"mappings":"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"}

package/dist/cjs/components/FalconMainNavigation/CartOverlay/CartItems/CartItems.module.scss.css

@@ -0,0 +1,154 @@
+/* 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  */
+.CartItems-module__container___9xcV- {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+}
+
+.CartItems-module__itemList___CK3U1 {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+.CartItems-module__item___A6nFF {
+  border-bottom: 1px solid #e6e3df;
+  background-color: #f7f6f5;
+}
+.CartItems-module__item___A6nFF:last-child {
+  border-bottom: none;
+}
+
+.CartItems-module__itemContent___DaQhK {
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  gap: 16px;
+  padding: 16px 24px;
+}
+@media (max-width: 767px) {
+  .CartItems-module__itemContent___DaQhK {
+    padding: 16px;
+  }
+}
+
+.CartItems-module__itemIcon___pk1NU {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  width: 40px;
+  height: 40px;
+  color: #86807c;
+}
+.CartItems-module__itemIcon___pk1NU .CartItems-module__itemIconImage___q1IQJ {
+  width: 40px;
+  height: 40px;
+  object-fit: contain;
+  border-radius: 4px;
+}
+
+.CartItems-module__itemBody___leOoI {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  flex: 1;
+  min-width: 0;
+}
+
+.CartItems-module__itemRow___owvC2 {
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-start;
+  gap: 16px;
+}
+
+.CartItems-module__itemDetails___vQu14 {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  min-width: 0;
+  flex: 1;
+}
+
+.CartItems-module__categoryLabel___gSZid {
+  font-size: 12px;
+  line-height: 16px;
+  color: #86807c;
+}
+
+.CartItems-module__productName___yYFNw {
+  font-size: 14px;
+  line-height: 20px;
+  font-weight: 700;
+  color: #3d3935;
+}
+
+.CartItems-module__variantText___saarn {
+  font-size: 12px;
+  line-height: 16px;
+  color: #86807c;
+}
+
+.CartItems-module__downPaymentLabel___9sOP7 {
+  font-size: 12px;
+  line-height: 16px;
+  color: #86807c;
+}
+
+.CartItems-module__downPaymentRow___9a5jS {
+  display: flex;
+  width: 100%;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.CartItems-module__itemPricing___7gEuf {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+  gap: 2px;
+  flex-shrink: 0;
+  white-space: nowrap;
+}
+
+.CartItems-module__monthlyPrice___G6sH6 {
+  font-size: 14px;
+  line-height: 20px;
+  font-weight: 700;
+  color: #3d3935;
+}
+
+.CartItems-module__originalPrice___LsGAC {
+  font-size: 12px;
+  line-height: 16px;
+  color: #86807c;
+  text-decoration: line-through;
+}
+
+.CartItems-module__downPaymentAmount___3K98L {
+  font-size: 12px;
+  line-height: 16px;
+  font-weight: 700;
+  color: #3d3935;
+}
+
+.CartItems-module__disclaimer___mOvek {
+  font-size: 12px;
+  line-height: 16px;
+  color: #86807c;
+  padding: 16px 24px;
+  margin: 0;
+  background-color: #f7f6f5;
+  border-top: 1px solid #e6e3df;
+}
+@media (max-width: 767px) {
+  .CartItems-module__disclaimer___mOvek {
+    padding: 16px;
+  }
+}

package/dist/cjs/components/FalconMainNavigation/CartOverlay/CartItems/CartItems.module.scss.js

@@ -0,0 +1,3 @@
+require('./CartItems.module.scss.css');
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.default={container:"CartItems-module__container___9xcV-",itemList:"CartItems-module__itemList___CK3U1",item:"CartItems-module__item___A6nFF",itemContent:"CartItems-module__itemContent___DaQhK",itemIcon:"CartItems-module__itemIcon___pk1NU",itemIconImage:"CartItems-module__itemIconImage___q1IQJ",itemBody:"CartItems-module__itemBody___leOoI",itemRow:"CartItems-module__itemRow___owvC2",itemDetails:"CartItems-module__itemDetails___vQu14",categoryLabel:"CartItems-module__categoryLabel___gSZid",productName:"CartItems-module__productName___yYFNw",variantText:"CartItems-module__variantText___saarn",downPaymentLabel:"CartItems-module__downPaymentLabel___9sOP7",downPaymentRow:"CartItems-module__downPaymentRow___9a5jS",itemPricing:"CartItems-module__itemPricing___7gEuf",monthlyPrice:"CartItems-module__monthlyPrice___G6sH6",originalPrice:"CartItems-module__originalPrice___LsGAC",downPaymentAmount:"CartItems-module__downPaymentAmount___3K98L",disclaimer:"CartItems-module__disclaimer___mOvek"};
+//# sourceMappingURL=CartItems.module.scss.js.map

package/dist/cjs/components/FalconMainNavigation/CartOverlay/CartItems/CartItems.module.scss.js.map

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

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

@@ -0,0 +1,157 @@
+/* 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  */
+.cart-overlay-panel.offcanvas {
+  transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
+}
+
+.cart-overlay-panel .offcanvas-header {
+  height: 96px;
+  padding: 20px 16px;
+  gap: 24px;
+  align-items: center;
+  background: #ffffff;
+  border-bottom: 1px solid #e6e3df;
+}
+
+.cart-overlay-panel .offcanvas-title {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 2px;
+  font-size: 24px;
+  line-height: 32px;
+  font-weight: 700;
+  color: #3d3935;
+}
+@media (max-width: 1023px) {
+  .cart-overlay-panel .offcanvas-title {
+    font-size: 20px;
+    line-height: 28px;
+  }
+}
+
+.cart-overlay-panel .btn-close {
+  opacity: 0.7;
+  width: 20px;
+  height: 20px;
+}
+.cart-overlay-panel .btn-close:hover {
+  opacity: 1;
+}
+
+.cart-overlay-panel .offcanvas-body {
+  padding: 0;
+  overflow-y: auto;
+  display: flex;
+  flex-direction: column;
+  background: #f7f6f5;
+}
+
+.cart-overlay-panel.offcanvas-bottom {
+  border-radius: 8px 8px 0 0 !important;
+  width: 100% !important;
+  overflow: hidden;
+}
+
+.CartOverlay-module__backdrop___lMc-O {
+  position: fixed;
+  inset: 0;
+  z-index: 1040;
+  background: rgba(153, 178, 167, 0.1);
+  animation: CartOverlay-module__fadeIn___G8JYJ 0.35s cubic-bezier(0.4, 0, 0.2, 1) forwards;
+}
+
+@keyframes CartOverlay-module__fadeIn___G8JYJ {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+.CartOverlay-module__headerTitle___hbL0K {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.CartOverlay-module__headerItemCount___R4Q6n {
+  font-size: 24px;
+  line-height: 32px;
+  font-weight: 400;
+  color: #3d3935;
+}
+@media (max-width: 1023px) {
+  .CartOverlay-module__headerItemCount___R4Q6n {
+    font-size: 20px;
+    line-height: 28px;
+  }
+}
+
+.CartOverlay-module__clearAllButton___6SQuH {
+  display: inline;
+  background: none;
+  border: none;
+  padding: 0;
+  cursor: pointer;
+  font-size: 14px;
+  line-height: 20px;
+  font-weight: 400;
+  color: #da291c;
+  text-decoration: underline;
+  text-underline-offset: 2px;
+}
+.CartOverlay-module__clearAllButton___6SQuH:hover {
+  color: #961c13;
+}
+.CartOverlay-module__clearAllButton___6SQuH:focus-visible {
+  outline: 2px solid #da291c;
+  outline-offset: 2px;
+  border-radius: 2px;
+}
+
+.CartOverlay-module__footer___OwJpW {
+  padding: 16px 24px;
+  border-top: 1px solid #d2d2d2;
+  background-color: #ffffff;
+}
+
+.CartOverlay-module__dismissButton___57qsq {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 52px;
+  padding: 14px 24px;
+  gap: 8px;
+  background: none;
+  border: 2px solid #da291c;
+  border-radius: 28px;
+  font-size: 16px;
+  line-height: 24px;
+  font-weight: 600;
+  color: #da291c;
+  text-align: center;
+  cursor: pointer;
+  transition: background-color 0.15s ease;
+}
+.CartOverlay-module__dismissButton___57qsq:hover {
+  background-color: rgba(218, 41, 28, 0.05);
+}
+.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/cjs/components/FalconMainNavigation/CartOverlay/CartOverlay.js

@@ -0,0 +1,3 @@
+require('./CartOverlay.css');
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("react-bootstrap"),l=require("./CartOverlay.module.scss.js"),a=require("./CartDotLoader/CartDotLoader.js"),s=require("./useCartData.js"),n=require("./CartItems/CartItems.js"),i=require("./CartFooter/CartFooter.js"),o=require("./EmptyCart/EmptyCart.js"),d=require("../../../utils/utilities.js");exports.default=({isOpen:u,onClose:c,content:h})=>{const[v,f]=t.useState(!1),{items:m,totals:j,itemCount:x,isLoading:p,error:b}=s.default(u,null==h?void 0:h.errorMsg);return t.useEffect(()=>{if("undefined"==typeof window)return;if(!window.matchMedia)return void f(window.innerWidth<=767);const e=window.matchMedia("(max-width: 767px)");f(e.matches);const t=e=>f(e.matches);return e.addEventListener("change",t),()=>e.removeEventListener("change",t)},[]),e.jsxs(e.Fragment,{children:[u&&e.jsx("div",{className:l.default.backdrop,onMouseDown:c,"aria-hidden":"true"}),e.jsx("div",{children:e.jsxs(r.Offcanvas,{show:u,placement:v?"bottom":"end",onHide:c,backdrop:!1,scroll:!1,"aria-labelledby":"cart-overlay-title",className:"cart-overlay-panel",style:v?{height:"90dvh"}:{width:"40vw",minWidth:"320px"},children:[e.jsx(r.Offcanvas.Header,{closeButton:!0,children:e.jsxs(r.Offcanvas.Title,{id:"cart-overlay-title",children:[e.jsxs("div",{className:l.default.headerTitle,children:[(null==h?void 0:h.title)&&e.jsx("span",{children:null==h?void 0:h.title}),!p&&!b&&x>0&&(null==h?void 0:h.itemsCountLbl)&&e.jsxs("span",{className:l.default.headerItemCount,children:["(",d.replacePlaceholderv2(null==h?void 0:h.itemsCountLbl,[String(x)]),")"]})]}),!p&&!b&&x>0&&(null==h?void 0:h.clearLbl)&&e.jsx("button",{type:"button",className:l.default.clearAllButton,children:null==h?void 0:h.clearLbl})]})}),e.jsx(r.Offcanvas.Body,{children:p?e.jsx(a.default,{loadingMsg:null==h?void 0:h.loadingMsg}):b?e.jsx("p",{className:l.default.errorMessage,children:b}):(null==m?void 0:m.length)>0?e.jsx(n.default,{cartItems:m,content:h}):e.jsx(o.default,{content:h})}),!p&&!b&&(null==m?void 0:m.length)>0?e.jsx(i.default,{totals:j,content:h,onClose:c}):(null==h?void 0:h.footerBtnLbl)&&e.jsx("div",{className:l.default.footer,children:e.jsx("button",{type:"button",className:l.default.dismissButton,onClick:c,children:null==h?void 0:h.footerBtnLbl})})]})})]})};
+//# sourceMappingURL=CartOverlay.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CartOverlay.js","sources":["../../../../../../src/components/FalconMainNavigation/CartOverlay/CartOverlay.tsx"],"sourcesContent":[null],"names":["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":"0bAyDoB,EAClBA,SACAC,UACAC,cAEA,MAAOC,EAAUC,GAAeC,EAAAA,UAAS,IACnCC,MAAEA,EAAKC,OAAEA,EAAMC,UAAEA,EAASC,UAAEA,EAASC,MAAEA,GAAUC,EAAAA,QAAYX,EAAQE,eAAAA,EAASU,UAsCpF,OAhBAC,EAAAA,UAAU,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,EAAAA,KAAAC,EAAAA,SAAA,CAAAC,SAAA,CACGzB,GACC0B,EAAAA,IAAA,MAAA,CACEC,UAAWC,EAAAA,QAAOC,SAClBC,YAAa7B,EAAO,cACR,SAGhByB,MAAA,MAAA,CAAAD,SACEF,EAAAA,KAACQ,EAAAA,UAAS,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,MAACK,EAAAA,UAAUS,OAAM,CAACC,aAAW,EAAAhB,SAC3BF,EAAAA,KAACQ,YAAUW,MAAK,CAACC,GAAG,qBAAoBlB,SAAA,CACtCF,cAAKI,UAAWC,EAAAA,QAAOgB,YAAWnB,SAAA,EAC/BvB,aAAO,EAAPA,EAAS2C,QAASnB,EAAAA,IAAA,OAAA,CAAAD,SAAOvB,aAAO,EAAPA,EAAS2C,SACjCpC,IACCC,GACDF,EAAY,IACZN,aAAO,EAAPA,EAAS4C,gBACPvB,EAAAA,KAAA,OAAA,CAAMI,UAAWC,EAAAA,QAAOmB,gBAAetB,SAAA,CAAA,IAEpCuB,EAAAA,qBAAqB9C,aAAO,EAAPA,EAAS4C,cAAe,CAC5CG,OAAOzC,KACP,WAKRC,IAAcC,GAASF,EAAY,IAAKN,aAAO,EAAPA,EAASgD,WACjDxB,EAAAA,IAAA,SAAA,CAAQyB,KAAK,SAASxB,UAAWC,EAAAA,QAAOwB,eAAc3B,SACnDvB,aAAO,EAAPA,EAASgD,gBAMlBxB,EAAAA,IAACK,EAAAA,UAAUsB,KAAI,CAAA5B,SApFjBhB,EACKiB,MAAC4B,EAAAA,QAAa,CAACC,WAAYrD,aAAO,EAAPA,EAASqD,aAEzC7C,EACKgB,EAAAA,IAAA,IAAA,CAAGC,UAAWC,EAAAA,QAAO4B,aAAY/B,SAAGf,KAEzCJ,aAAK,EAALA,EAAOmD,QAAS,EAEhB/B,EAAAA,IAACgC,EAAAA,QAAS,CACRC,UAAWrD,EACXJ,QAASA,IAKbwB,EAAAA,IAACkC,EAAAA,QAAS,CAAC1D,QAASA,OAuEdO,IAAcC,IAASJ,aAAK,EAALA,EAAOmD,QAAS,EACvC/B,EAAAA,IAACmC,EAAAA,QAAU,CAACtD,OAAQA,EAAQL,QAASA,EAASD,QAASA,KAEvDC,eAAAA,EAAS4D,eACPpC,EAAAA,IAAA,MAAA,CAAKC,UAAWC,EAAAA,QAAOmC,OAAMtC,SAC3BC,EAAAA,IAAA,SAAA,CACEyB,KAAK,SACLxB,UAAWC,EAAAA,QAAOoC,cAClBC,QAAShE,EAAOwB,SAEfvB,aAAO,EAAPA,EAAS4D"}

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

@@ -0,0 +1,157 @@
+/* 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  */
+.cart-overlay-panel.offcanvas {
+  transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
+}
+
+.cart-overlay-panel .offcanvas-header {
+  height: 96px;
+  padding: 20px 16px;
+  gap: 24px;
+  align-items: center;
+  background: #ffffff;
+  border-bottom: 1px solid #e6e3df;
+}
+
+.cart-overlay-panel .offcanvas-title {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 2px;
+  font-size: 24px;
+  line-height: 32px;
+  font-weight: 700;
+  color: #3d3935;
+}
+@media (max-width: 1023px) {
+  .cart-overlay-panel .offcanvas-title {
+    font-size: 20px;
+    line-height: 28px;
+  }
+}
+
+.cart-overlay-panel .btn-close {
+  opacity: 0.7;
+  width: 20px;
+  height: 20px;
+}
+.cart-overlay-panel .btn-close:hover {
+  opacity: 1;
+}
+
+.cart-overlay-panel .offcanvas-body {
+  padding: 0;
+  overflow-y: auto;
+  display: flex;
+  flex-direction: column;
+  background: #f7f6f5;
+}
+
+.cart-overlay-panel.offcanvas-bottom {
+  border-radius: 8px 8px 0 0 !important;
+  width: 100% !important;
+  overflow: hidden;
+}
+
+.CartOverlay-module__backdrop___lMc-O {
+  position: fixed;
+  inset: 0;
+  z-index: 1040;
+  background: rgba(153, 178, 167, 0.1);
+  animation: CartOverlay-module__fadeIn___G8JYJ 0.35s cubic-bezier(0.4, 0, 0.2, 1) forwards;
+}
+
+@keyframes CartOverlay-module__fadeIn___G8JYJ {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+.CartOverlay-module__headerTitle___hbL0K {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.CartOverlay-module__headerItemCount___R4Q6n {
+  font-size: 24px;
+  line-height: 32px;
+  font-weight: 400;
+  color: #3d3935;
+}
+@media (max-width: 1023px) {
+  .CartOverlay-module__headerItemCount___R4Q6n {
+    font-size: 20px;
+    line-height: 28px;
+  }
+}
+
+.CartOverlay-module__clearAllButton___6SQuH {
+  display: inline;
+  background: none;
+  border: none;
+  padding: 0;
+  cursor: pointer;
+  font-size: 14px;
+  line-height: 20px;
+  font-weight: 400;
+  color: #da291c;
+  text-decoration: underline;
+  text-underline-offset: 2px;
+}
+.CartOverlay-module__clearAllButton___6SQuH:hover {
+  color: #961c13;
+}
+.CartOverlay-module__clearAllButton___6SQuH:focus-visible {
+  outline: 2px solid #da291c;
+  outline-offset: 2px;
+  border-radius: 2px;
+}
+
+.CartOverlay-module__footer___OwJpW {
+  padding: 16px 24px;
+  border-top: 1px solid #d2d2d2;
+  background-color: #ffffff;
+}
+
+.CartOverlay-module__dismissButton___57qsq {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 52px;
+  padding: 14px 24px;
+  gap: 8px;
+  background: none;
+  border: 2px solid #da291c;
+  border-radius: 28px;
+  font-size: 16px;
+  line-height: 24px;
+  font-weight: 600;
+  color: #da291c;
+  text-align: center;
+  cursor: pointer;
+  transition: background-color 0.15s ease;
+}
+.CartOverlay-module__dismissButton___57qsq:hover {
+  background-color: rgba(218, 41, 28, 0.05);
+}
+.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/cjs/components/FalconMainNavigation/CartOverlay/CartOverlay.module.scss.js

@@ -0,0 +1,3 @@
+require('./CartOverlay.module.scss.css');
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.default={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"};
+//# sourceMappingURL=CartOverlay.module.scss.js.map

package/dist/cjs/components/FalconMainNavigation/CartOverlay/CartOverlay.module.scss.js.map

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