@sunrise-upc/sales-static-components 3.8.7-beta.0 → 3.8.7-beta.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/FalconMainNavigation/CartOverlay/CartClearConfirm/CartClearConfirm.css +83 -0
- package/dist/cjs/components/FalconMainNavigation/CartOverlay/CartClearConfirm/CartClearConfirm.js +3 -0
- package/dist/cjs/components/FalconMainNavigation/CartOverlay/CartClearConfirm/CartClearConfirm.js.map +1 -0
- package/dist/cjs/components/FalconMainNavigation/CartOverlay/CartClearConfirm/CartClearConfirm.module.scss.css +83 -0
- package/dist/cjs/components/FalconMainNavigation/CartOverlay/CartClearConfirm/CartClearConfirm.module.scss.js +3 -0
- package/dist/cjs/components/FalconMainNavigation/CartOverlay/CartClearConfirm/CartClearConfirm.module.scss.js.map +1 -0
- package/dist/cjs/components/FalconMainNavigation/CartOverlay/CartFooter/CartFooter.css +3 -0
- package/dist/cjs/components/FalconMainNavigation/CartOverlay/CartFooter/CartFooter.js +1 -1
- package/dist/cjs/components/FalconMainNavigation/CartOverlay/CartFooter/CartFooter.js.map +1 -1
- package/dist/cjs/components/FalconMainNavigation/CartOverlay/CartFooter/CartFooter.module.scss.css +3 -0
- package/dist/cjs/components/FalconMainNavigation/CartOverlay/CartFooter/CartFooter.module.scss.js +1 -1
- package/dist/cjs/components/FalconMainNavigation/CartOverlay/CartHeader/CartHeader.css +46 -0
- package/dist/cjs/components/FalconMainNavigation/CartOverlay/CartHeader/CartHeader.js +3 -0
- package/dist/cjs/components/FalconMainNavigation/CartOverlay/CartHeader/CartHeader.js.map +1 -0
- package/dist/cjs/components/FalconMainNavigation/CartOverlay/CartHeader/CartHeader.module.scss.css +46 -0
- package/dist/cjs/components/FalconMainNavigation/CartOverlay/CartHeader/CartHeader.module.scss.js +3 -0
- package/dist/cjs/components/FalconMainNavigation/CartOverlay/CartHeader/CartHeader.module.scss.js.map +1 -0
- package/dist/cjs/components/FalconMainNavigation/CartOverlay/CartOverlay.css +0 -41
- package/dist/cjs/components/FalconMainNavigation/CartOverlay/CartOverlay.js +1 -1
- package/dist/cjs/components/FalconMainNavigation/CartOverlay/CartOverlay.js.map +1 -1
- package/dist/cjs/components/FalconMainNavigation/CartOverlay/CartOverlay.module.scss.css +0 -41
- package/dist/cjs/components/FalconMainNavigation/CartOverlay/CartOverlay.module.scss.js +1 -1
- package/dist/cjs/components/FalconMainNavigation/CartOverlay/useCartData.js +1 -1
- package/dist/cjs/components/FalconMainNavigation/CartOverlay/useCartData.js.map +1 -1
- package/dist/esm/components/FalconMainNavigation/CartOverlay/CartClearConfirm/CartClearConfirm.css +83 -0
- package/dist/esm/components/FalconMainNavigation/CartOverlay/CartClearConfirm/CartClearConfirm.js +3 -0
- package/dist/esm/components/FalconMainNavigation/CartOverlay/CartClearConfirm/CartClearConfirm.js.map +1 -0
- package/dist/esm/components/FalconMainNavigation/CartOverlay/CartClearConfirm/CartClearConfirm.module.scss.css +83 -0
- package/dist/esm/components/FalconMainNavigation/CartOverlay/CartClearConfirm/CartClearConfirm.module.scss.js +3 -0
- package/dist/esm/components/FalconMainNavigation/CartOverlay/CartClearConfirm/CartClearConfirm.module.scss.js.map +1 -0
- package/dist/esm/components/FalconMainNavigation/CartOverlay/CartFooter/CartFooter.css +3 -0
- package/dist/esm/components/FalconMainNavigation/CartOverlay/CartFooter/CartFooter.js +1 -1
- package/dist/esm/components/FalconMainNavigation/CartOverlay/CartFooter/CartFooter.js.map +1 -1
- package/dist/esm/components/FalconMainNavigation/CartOverlay/CartFooter/CartFooter.module.scss.css +3 -0
- package/dist/esm/components/FalconMainNavigation/CartOverlay/CartFooter/CartFooter.module.scss.js +1 -1
- package/dist/esm/components/FalconMainNavigation/CartOverlay/CartHeader/CartHeader.css +46 -0
- package/dist/esm/components/FalconMainNavigation/CartOverlay/CartHeader/CartHeader.js +3 -0
- package/dist/esm/components/FalconMainNavigation/CartOverlay/CartHeader/CartHeader.js.map +1 -0
- package/dist/esm/components/FalconMainNavigation/CartOverlay/CartHeader/CartHeader.module.scss.css +46 -0
- package/dist/esm/components/FalconMainNavigation/CartOverlay/CartHeader/CartHeader.module.scss.js +3 -0
- package/dist/esm/components/FalconMainNavigation/CartOverlay/CartHeader/CartHeader.module.scss.js.map +1 -0
- package/dist/esm/components/FalconMainNavigation/CartOverlay/CartOverlay.css +0 -41
- package/dist/esm/components/FalconMainNavigation/CartOverlay/CartOverlay.js +1 -1
- package/dist/esm/components/FalconMainNavigation/CartOverlay/CartOverlay.js.map +1 -1
- package/dist/esm/components/FalconMainNavigation/CartOverlay/CartOverlay.module.scss.css +0 -41
- package/dist/esm/components/FalconMainNavigation/CartOverlay/CartOverlay.module.scss.js +1 -1
- package/dist/esm/components/FalconMainNavigation/CartOverlay/useCartData.js +1 -1
- package/dist/esm/components/FalconMainNavigation/CartOverlay/useCartData.js.map +1 -1
- package/dist/index.d.ts +3 -0
- package/dist/navigation.css +254 -159
- package/package.json +1 -1
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
/* center a block element */
|
|
2
|
+
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
3
|
+
/* setting styles in separate formats for cross browser support */
|
|
4
|
+
/* specify the max width for an element and apply ellipses and truncate the overflow */
|
|
5
|
+
/* vertically center alilgn any HTML element */
|
|
6
|
+
/* add basePath to assets */
|
|
7
|
+
.CartClearConfirm-module__overlay___sxCOO {
|
|
8
|
+
position: absolute;
|
|
9
|
+
inset: 0;
|
|
10
|
+
z-index: 10;
|
|
11
|
+
background: rgba(0, 0, 0, 0.5);
|
|
12
|
+
display: flex;
|
|
13
|
+
align-items: center;
|
|
14
|
+
justify-content: center;
|
|
15
|
+
padding: 24px;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.CartClearConfirm-module__dialog___UWokE {
|
|
19
|
+
background: #ffffff;
|
|
20
|
+
border-radius: 16px;
|
|
21
|
+
padding: 24px;
|
|
22
|
+
width: 100%;
|
|
23
|
+
max-width: 320px;
|
|
24
|
+
display: flex;
|
|
25
|
+
flex-direction: column;
|
|
26
|
+
gap: 24px;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
.CartClearConfirm-module__message___vd9VO {
|
|
30
|
+
font-size: 18px;
|
|
31
|
+
line-height: 26px;
|
|
32
|
+
font-weight: 700;
|
|
33
|
+
color: #3d3935;
|
|
34
|
+
text-align: center;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
.CartClearConfirm-module__actions___X0-0w {
|
|
38
|
+
display: flex;
|
|
39
|
+
gap: 12px;
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
.CartClearConfirm-module__cancelButton___LYopb {
|
|
43
|
+
flex: 1;
|
|
44
|
+
height: 48px;
|
|
45
|
+
background: none;
|
|
46
|
+
border: 2px solid #3d3935;
|
|
47
|
+
border-radius: 28px;
|
|
48
|
+
font-size: 16px;
|
|
49
|
+
line-height: 24px;
|
|
50
|
+
font-weight: 600;
|
|
51
|
+
color: #3d3935;
|
|
52
|
+
cursor: pointer;
|
|
53
|
+
transition: background-color 0.15s ease;
|
|
54
|
+
}
|
|
55
|
+
.CartClearConfirm-module__cancelButton___LYopb:hover {
|
|
56
|
+
background-color: rgba(0, 0, 0, 0.05);
|
|
57
|
+
}
|
|
58
|
+
.CartClearConfirm-module__cancelButton___LYopb:focus-visible {
|
|
59
|
+
outline: 2px solid #3d3935;
|
|
60
|
+
outline-offset: 2px;
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
.CartClearConfirm-module__confirmButton___KgPKy {
|
|
64
|
+
flex: 1;
|
|
65
|
+
height: 48px;
|
|
66
|
+
background: #3d3935;
|
|
67
|
+
border: 2px solid #3d3935;
|
|
68
|
+
border-radius: 28px;
|
|
69
|
+
font-size: 16px;
|
|
70
|
+
line-height: 24px;
|
|
71
|
+
font-weight: 600;
|
|
72
|
+
color: #ffffff;
|
|
73
|
+
cursor: pointer;
|
|
74
|
+
transition: background-color 0.15s ease;
|
|
75
|
+
}
|
|
76
|
+
.CartClearConfirm-module__confirmButton___KgPKy:hover {
|
|
77
|
+
background-color: #3d3935;
|
|
78
|
+
border-color: #3d3935;
|
|
79
|
+
}
|
|
80
|
+
.CartClearConfirm-module__confirmButton___KgPKy:focus-visible {
|
|
81
|
+
outline: 2px solid #3d3935;
|
|
82
|
+
outline-offset: 2px;
|
|
83
|
+
}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import './CartClearConfirm.module.scss.css';
|
|
2
|
+
var _={overlay:"CartClearConfirm-module__overlay___sxCOO",dialog:"CartClearConfirm-module__dialog___UWokE",message:"CartClearConfirm-module__message___vd9VO",actions:"CartClearConfirm-module__actions___X0-0w",cancelButton:"CartClearConfirm-module__cancelButton___LYopb",confirmButton:"CartClearConfirm-module__confirmButton___KgPKy"};export{_ as default};
|
|
3
|
+
//# sourceMappingURL=CartClearConfirm.module.scss.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CartClearConfirm.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import './CartFooter.css';
|
|
2
|
-
import{jsxs as l,jsx as o}from"react/jsx-runtime";import e from"./CartFooter.module.scss.js";import{countZero as
|
|
2
|
+
import{jsxs as l,jsx as o}from"react/jsx-runtime";import e from"./CartFooter.module.scss.js";import{countZero as i}from"../../../../utils/utilities.js";const r=({totals:r,checkout:t,content:a,onClose:n})=>{var s,d,c,u,m,v,h;const{totalMthLbl:f,totalTodayLbl:p,closeLbl:T,completeLbl:N,mnthLbl:b,oldSummaryUrl:g,newSummaryUrl:L}=a||{},y=!!(null==r?void 0:r.recurring)&&!!(null===(s=null==r?void 0:r.oneTime)||void 0===s?void 0:s.original),j="old"===t?null==g?void 0:g.cached_url:null==L?void 0:L.cached_url;return l("div",{className:e.cartFooter,children:[l("div",{className:e.footerTotals,children:[(null==r?void 0:r.recurring)&&l("div",{className:e.footerTotalsItem,children:[f&&o("span",{className:e.footerTotalsLabel,children:f}),l("span",{className:e.footerTotalsValue,children:[i(null!==(m=null!==(c=null===(d=null==r?void 0:r.recurring)||void 0===d?void 0:d.final)&&void 0!==c?c:null===(u=null==r?void 0:r.recurring)||void 0===u?void 0:u.original)&&void 0!==m?m:""),b&&o("span",{children:b})]})]}),(null===(v=null==r?void 0:r.oneTime)||void 0===v?void 0:v.original)&&l("div",{className:`${e.footerTotalsItem}${y?` ${e.footerTotalsItemDivider}`:""}`,children:[p&&o("span",{className:e.footerTotalsLabel,children:p}),o("span",{className:e.footerTotalsValue,children:i(null===(h=null==r?void 0:r.oneTime)||void 0===h?void 0:h.original)})]})]}),l("div",{className:e.footerButtons,children:[T&&o("button",{type:"button",className:e.closeSummaryButton,onClick:n,children:T}),N&&o("a",{href:j||"#",className:e.completeOrderButton,children:N})]})]})};export{r as default};
|
|
3
3
|
//# sourceMappingURL=CartFooter.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CartFooter.js","sources":["../../../../../../../src/components/FalconMainNavigation/CartOverlay/CartFooter/CartFooter.tsx"],"sourcesContent":[null],"names":["CartFooter","totals","content","onClose","totalMthLbl","totalTodayLbl","closeLbl","completeLbl","mnthLbl","oldSummaryUrl","newSummaryUrl","checkoutUrl","cached_url","_jsxs","className","styles","cartFooter","
|
|
1
|
+
{"version":3,"file":"CartFooter.js","sources":["../../../../../../../src/components/FalconMainNavigation/CartOverlay/CartFooter/CartFooter.tsx"],"sourcesContent":[null],"names":["CartFooter","totals","checkout","content","onClose","totalMthLbl","totalTodayLbl","closeLbl","completeLbl","mnthLbl","oldSummaryUrl","newSummaryUrl","hasBothTotals","recurring","_a","oneTime","original","checkoutUrl","cached_url","_jsxs","className","styles","cartFooter","children","footerTotals","footerTotalsItem","_jsx","footerTotalsLabel","footerTotalsValue","countZero","_e","_b","final","_c","_d","_f","footerTotalsItemDivider","_g","footerButtons","type","closeSummaryButton","onClick","href","completeOrderButton"],"mappings":"wJAmBA,MAAMA,EAAa,EACjBC,SACAC,WACAC,UACAC,gCAEA,MAAMC,YAAEA,EAAWC,cAAEA,EAAaC,SAAEA,EAAQC,YAAEA,EAAWC,QAAEA,EAAOC,cAAEA,EAAaC,cAAEA,GAAkBR,GAAW,CAAA,EAC1GS,KAAkBX,aAAM,EAANA,EAAQY,eAA8B,QAAfC,EAAAb,aAAM,EAANA,EAAQc,eAAO,IAAAD,OAAA,EAAAA,EAAEE,UAC1DC,EAA2B,QAAbf,EAAqBQ,aAAa,EAAbA,EAAeQ,WAAaP,aAAa,EAAbA,EAAeO,WAEpF,OACEC,SAAKC,UAAWC,EAAOC,WAAUC,SAAA,CAC/BJ,EAAA,MAAA,CAAKC,UAAWC,EAAOG,aAAYD,SAAA,EAChCtB,aAAM,EAANA,EAAQY,YACPM,SAAKC,UAAWC,EAAOI,iBAAgBF,SAAA,CACpClB,GACCqB,EAAA,OAAA,CAAMN,UAAWC,EAAOM,kBAAiBJ,SACtClB,IAGLc,UAAMC,UAAWC,EAAOO,kBAAiBL,SAAA,CACtCM,EAAiE,QAAvDC,EAAwB,UAAP,QAAjBC,EAAA9B,aAAM,EAANA,EAAQY,iBAAS,IAAAkB,OAAA,EAAAA,EAAEC,aAAK,IAAAC,EAAAA,EAAqB,QAAjBC,EAAAjC,aAAM,EAANA,EAAQY,iBAAS,IAAAqB,OAAA,EAAAA,EAAElB,gBAAQ,IAAAc,EAAAA,EAAI,IACrErB,GAAWiB,EAAA,OAAA,CAAAH,SAAOd,WAIT,QAAf0B,EAAAlC,aAAM,EAANA,EAAQc,eAAO,IAAAoB,OAAA,EAAAA,EAAEnB,WAChBG,EAAA,MAAA,CAAKC,UAAW,GAAGC,EAAOI,mBAAmBb,EAAgB,IAAIS,EAAOe,0BAA4B,KAAIb,SAAA,CACrGjB,GACCoB,EAAA,OAAA,CAAMN,UAAWC,EAAOM,kBAAiBJ,SACtCjB,IAGLoB,EAAA,OAAA,CAAMN,UAAWC,EAAOO,kBAAiBL,SACtCM,EAAyB,QAAfQ,EAAApC,aAAM,EAANA,EAAQc,eAAO,IAAAsB,OAAA,EAAAA,EAAErB,kBAKpCG,EAAA,MAAA,CAAKC,UAAWC,EAAOiB,cAAaf,SAAA,CACjChB,GACCmB,EAAA,SAAA,CACEa,KAAK,SACLnB,UAAWC,EAAOmB,mBAClBC,QAASrC,EAAOmB,SAEfhB,IAGJC,GACCkB,OACEgB,KAAMzB,GAAe,IACrBG,UAAWC,EAAOsB,oBAAmBpB,SAEpCf"}
|
package/dist/esm/components/FalconMainNavigation/CartOverlay/CartFooter/CartFooter.module.scss.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import './CartFooter.module.scss.css';
|
|
2
|
-
var o={cartFooter:"CartFooter-module__cartFooter___pgZ1x",footerTotals:"CartFooter-module__footerTotals___sG-0P",footerTotalsItem:"CartFooter-module__footerTotalsItem___zs1hY",footerTotalsLabel:"CartFooter-module__footerTotalsLabel___Z30Az",footerTotalsValue:"CartFooter-module__footerTotalsValue___NfXPQ",footerButtons:"CartFooter-module__footerButtons___6xWKX",closeSummaryButton:"CartFooter-module__closeSummaryButton___pq8US",completeOrderButton:"CartFooter-module__completeOrderButton___jxJLz"};export{o as default};
|
|
2
|
+
var o={cartFooter:"CartFooter-module__cartFooter___pgZ1x",footerTotals:"CartFooter-module__footerTotals___sG-0P",footerTotalsItem:"CartFooter-module__footerTotalsItem___zs1hY",footerTotalsItemDivider:"CartFooter-module__footerTotalsItemDivider___--UXf",footerTotalsLabel:"CartFooter-module__footerTotalsLabel___Z30Az",footerTotalsValue:"CartFooter-module__footerTotalsValue___NfXPQ",footerButtons:"CartFooter-module__footerButtons___6xWKX",closeSummaryButton:"CartFooter-module__closeSummaryButton___pq8US",completeOrderButton:"CartFooter-module__completeOrderButton___jxJLz"};export{o as default};
|
|
3
3
|
//# sourceMappingURL=CartFooter.module.scss.js.map
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
/* center a block element */
|
|
2
|
+
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
3
|
+
/* setting styles in separate formats for cross browser support */
|
|
4
|
+
/* specify the max width for an element and apply ellipses and truncate the overflow */
|
|
5
|
+
/* vertically center alilgn any HTML element */
|
|
6
|
+
/* add basePath to assets */
|
|
7
|
+
.CartHeader-module__headerTitle___35F6g {
|
|
8
|
+
display: flex;
|
|
9
|
+
align-items: center;
|
|
10
|
+
gap: 8px;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
.CartHeader-module__headerItemCount___g1Ynd {
|
|
14
|
+
font-size: 24px;
|
|
15
|
+
line-height: 32px;
|
|
16
|
+
font-weight: 400;
|
|
17
|
+
color: #3d3935;
|
|
18
|
+
}
|
|
19
|
+
@media (max-width: 1023px) {
|
|
20
|
+
.CartHeader-module__headerItemCount___g1Ynd {
|
|
21
|
+
font-size: 20px;
|
|
22
|
+
line-height: 28px;
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.CartHeader-module__clearAllButton___B3bNF {
|
|
27
|
+
display: inline;
|
|
28
|
+
background: none;
|
|
29
|
+
border: none;
|
|
30
|
+
padding: 0;
|
|
31
|
+
cursor: pointer;
|
|
32
|
+
font-size: 14px;
|
|
33
|
+
line-height: 20px;
|
|
34
|
+
font-weight: 400;
|
|
35
|
+
color: #da291c;
|
|
36
|
+
text-decoration: underline;
|
|
37
|
+
text-underline-offset: 2px;
|
|
38
|
+
}
|
|
39
|
+
.CartHeader-module__clearAllButton___B3bNF:hover {
|
|
40
|
+
color: #961c13;
|
|
41
|
+
}
|
|
42
|
+
.CartHeader-module__clearAllButton___B3bNF:focus-visible {
|
|
43
|
+
outline: 2px solid #da291c;
|
|
44
|
+
outline-offset: 2px;
|
|
45
|
+
border-radius: 2px;
|
|
46
|
+
}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import './CartHeader.css';
|
|
2
|
+
import{jsx as t,jsxs as e}from"react/jsx-runtime";import{Offcanvas as l}from"react-bootstrap";import i from"./CartHeader.module.scss.js";import{replacePlaceholderv2 as r}from"../../../../utils/utilities.js";const o=({content:o,itemCount:n,isLoading:a,error:s})=>t(l.Header,{closeButton:!0,children:e(l.Title,{id:"cart-overlay-title",children:[e("div",{className:i.headerTitle,children:[(null==o?void 0:o.title)&&t("span",{children:null==o?void 0:o.title}),!a&&!s&&n>0&&(null==o?void 0:o.itemsCountLbl)&&e("span",{className:i.headerItemCount,children:["(",r(null==o?void 0:o.itemsCountLbl,[String(n)]),")"]})]}),!a&&!s&&n>0&&(null==o?void 0:o.clearLbl)&&t("button",{type:"button",className:i.clearAllButton,children:null==o?void 0:o.clearLbl})]})});export{o as default};
|
|
3
|
+
//# sourceMappingURL=CartHeader.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CartHeader.js","sources":["../../../../../../../src/components/FalconMainNavigation/CartOverlay/CartHeader/CartHeader.tsx"],"sourcesContent":[null],"names":["CartHeader","content","itemCount","isLoading","error","_jsx","Offcanvas","Header","closeButton","children","_jsxs","Title","id","className","styles","headerTitle","title","itemsCountLbl","headerItemCount","replacePlaceholderv2","String","clearLbl","type","clearAllButton"],"mappings":"+MAaA,MAAMA,EAAa,EACjBC,UACAC,YACAC,YACAC,WAIEC,EAACC,EAAUC,QAAOC,aAAW,EAAAC,SAC3BC,EAACJ,EAAUK,MAAK,CAACC,GAAG,qBAAoBH,SAAA,CACtCC,EAAA,MAAA,CAAKG,UAAWC,EAAOC,YAAWN,SAAA,EAC/BR,aAAO,EAAPA,EAASe,QAASX,mBAAOJ,aAAO,EAAPA,EAASe,SACjCb,IAAcC,GAASF,EAAY,IAAKD,aAAO,EAAPA,EAASgB,gBACjDP,EAAA,OAAA,CAAMG,UAAWC,EAAOI,gBAAeT,SAAA,CAAA,IAEpCU,EAAqBlB,eAAAA,EAASgB,cAAe,CAC5CG,OAAOlB,KACP,WAKNC,IAAcC,GAASF,EAAY,IAAKD,aAAO,EAAPA,EAASoB,WACjDhB,EAAA,SAAA,CACEiB,KAAK,SACLT,UAAWC,EAAOS,eAAcd,SAG/BR,aAAO,EAAPA,EAASoB"}
|
package/dist/esm/components/FalconMainNavigation/CartOverlay/CartHeader/CartHeader.module.scss.css
ADDED
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
/* center a block element */
|
|
2
|
+
/* use this to any of the pseudo elements as these are the mandatory properties */
|
|
3
|
+
/* setting styles in separate formats for cross browser support */
|
|
4
|
+
/* specify the max width for an element and apply ellipses and truncate the overflow */
|
|
5
|
+
/* vertically center alilgn any HTML element */
|
|
6
|
+
/* add basePath to assets */
|
|
7
|
+
.CartHeader-module__headerTitle___35F6g {
|
|
8
|
+
display: flex;
|
|
9
|
+
align-items: center;
|
|
10
|
+
gap: 8px;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
.CartHeader-module__headerItemCount___g1Ynd {
|
|
14
|
+
font-size: 24px;
|
|
15
|
+
line-height: 32px;
|
|
16
|
+
font-weight: 400;
|
|
17
|
+
color: #3d3935;
|
|
18
|
+
}
|
|
19
|
+
@media (max-width: 1023px) {
|
|
20
|
+
.CartHeader-module__headerItemCount___g1Ynd {
|
|
21
|
+
font-size: 20px;
|
|
22
|
+
line-height: 28px;
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.CartHeader-module__clearAllButton___B3bNF {
|
|
27
|
+
display: inline;
|
|
28
|
+
background: none;
|
|
29
|
+
border: none;
|
|
30
|
+
padding: 0;
|
|
31
|
+
cursor: pointer;
|
|
32
|
+
font-size: 14px;
|
|
33
|
+
line-height: 20px;
|
|
34
|
+
font-weight: 400;
|
|
35
|
+
color: #da291c;
|
|
36
|
+
text-decoration: underline;
|
|
37
|
+
text-underline-offset: 2px;
|
|
38
|
+
}
|
|
39
|
+
.CartHeader-module__clearAllButton___B3bNF:hover {
|
|
40
|
+
color: #961c13;
|
|
41
|
+
}
|
|
42
|
+
.CartHeader-module__clearAllButton___B3bNF:focus-visible {
|
|
43
|
+
outline: 2px solid #da291c;
|
|
44
|
+
outline-offset: 2px;
|
|
45
|
+
border-radius: 2px;
|
|
46
|
+
}
|
package/dist/esm/components/FalconMainNavigation/CartOverlay/CartHeader/CartHeader.module.scss.js
ADDED
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import './CartHeader.module.scss.css';
|
|
2
|
+
var e={headerTitle:"CartHeader-module__headerTitle___35F6g",headerItemCount:"CartHeader-module__headerItemCount___g1Ynd",clearAllButton:"CartHeader-module__clearAllButton___B3bNF"};export{e as default};
|
|
3
|
+
//# sourceMappingURL=CartHeader.module.scss.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CartHeader.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -73,47 +73,6 @@
|
|
|
73
73
|
opacity: 1;
|
|
74
74
|
}
|
|
75
75
|
}
|
|
76
|
-
.CartOverlay-module__headerTitle___hbL0K {
|
|
77
|
-
display: flex;
|
|
78
|
-
align-items: center;
|
|
79
|
-
gap: 8px;
|
|
80
|
-
}
|
|
81
|
-
|
|
82
|
-
.CartOverlay-module__headerItemCount___R4Q6n {
|
|
83
|
-
font-size: 24px;
|
|
84
|
-
line-height: 32px;
|
|
85
|
-
font-weight: 400;
|
|
86
|
-
color: #3d3935;
|
|
87
|
-
}
|
|
88
|
-
@media (max-width: 1023px) {
|
|
89
|
-
.CartOverlay-module__headerItemCount___R4Q6n {
|
|
90
|
-
font-size: 20px;
|
|
91
|
-
line-height: 28px;
|
|
92
|
-
}
|
|
93
|
-
}
|
|
94
|
-
|
|
95
|
-
.CartOverlay-module__clearAllButton___6SQuH {
|
|
96
|
-
display: inline;
|
|
97
|
-
background: none;
|
|
98
|
-
border: none;
|
|
99
|
-
padding: 0;
|
|
100
|
-
cursor: pointer;
|
|
101
|
-
font-size: 14px;
|
|
102
|
-
line-height: 20px;
|
|
103
|
-
font-weight: 400;
|
|
104
|
-
color: #da291c;
|
|
105
|
-
text-decoration: underline;
|
|
106
|
-
text-underline-offset: 2px;
|
|
107
|
-
}
|
|
108
|
-
.CartOverlay-module__clearAllButton___6SQuH:hover {
|
|
109
|
-
color: #961c13;
|
|
110
|
-
}
|
|
111
|
-
.CartOverlay-module__clearAllButton___6SQuH:focus-visible {
|
|
112
|
-
outline: 2px solid #da291c;
|
|
113
|
-
outline-offset: 2px;
|
|
114
|
-
border-radius: 2px;
|
|
115
|
-
}
|
|
116
|
-
|
|
117
76
|
.CartOverlay-module__footer___OwJpW {
|
|
118
77
|
padding: 16px 24px;
|
|
119
78
|
border-top: 1px solid #d2d2d2;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import './CartOverlay.css';
|
|
2
|
-
import{jsxs as t,Fragment as
|
|
2
|
+
import{jsxs as t,Fragment as o,jsx as e}from"react/jsx-runtime";import{useState as r,useEffect as n}from"react";import{Offcanvas as a}from"react-bootstrap";import i from"./CartOverlay.module.scss.js";import l from"./CartDotLoader/CartDotLoader.js";import s from"./useCartData.js";import d from"./CartItems/CartItems.js";import m from"./CartFooter/CartFooter.js";import c from"./EmptyCart/EmptyCart.js";import C from"./CartHeader/CartHeader.js";import u from"./CartClearConfirm/CartClearConfirm.js";const h=({isOpen:h,onClose:p,content:f})=>{const[v,g]=r(!1),[b,w]=r(!1),{items:L,totals:y,itemCount:j,checkout:M,isLoading:k,error:x}=s(h,null==f?void 0:f.errorMsg);return n(()=>{if("undefined"==typeof window)return;if(!window.matchMedia)return void g(window.innerWidth<=767);const t=window.matchMedia("(max-width: 767px)");g(t.matches);const o=t=>g(t.matches);return t.addEventListener("change",o),()=>t.removeEventListener("change",o)},[]),t(o,{children:[h&&e("div",{className:i.backdrop,onMouseDown:p,"aria-hidden":"true"}),e("div",{children:t(a,{show:h,placement:v?"bottom":"end",onHide:p,backdrop:!1,scroll:!1,"aria-labelledby":"cart-overlay-title",className:"cart-overlay-panel",style:v?{height:"90dvh"}:{width:"40vw",minWidth:"320px"},children:[e(C,{content:f,itemCount:j,isLoading:k,error:x}),t(a.Body,{style:{position:"relative"},children:[k?e(l,{loadingMsg:null==f?void 0:f.loadingMsg}):x?e("p",{className:i.errorMessage,children:x}):(null==L?void 0:L.length)>0?e(d,{cartItems:L,content:f}):e(c,{content:f}),b&&e(u,{message:null==f?void 0:f.clearConfirmMsg,cancelLbl:null==f?void 0:f.clearCancelLbl,confirmLbl:null==f?void 0:f.clearConfirmLbl,onCancel:()=>w(!1),onConfirm:()=>w(!1)})]}),!k&&!x&&(null==L?void 0:L.length)>0?e(m,{totals:y,checkout:M,content:f,onClose:p}):(null==f?void 0:f.footerBtnLbl)&&e("div",{className:i.footer,children:e("button",{type:"button",className:i.dismissButton,onClick:p,children:null==f?void 0:f.footerBtnLbl})})]})})]})};export{h as default};
|
|
3
3
|
//# sourceMappingURL=CartOverlay.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"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","
|
|
1
|
+
{"version":3,"file":"CartOverlay.js","sources":["../../../../../../src/components/FalconMainNavigation/CartOverlay/CartOverlay.tsx"],"sourcesContent":[null],"names":["CartOverlay","isOpen","onClose","content","isMobile","setIsMobile","useState","showClearConfirm","setShowClearConfirm","items","totals","itemCount","checkout","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","CartHeader","Body","position","CartDotLoader","loadingMsg","errorMessage","length","CartItems","cartItems","EmptyCart","CartClearConfirm","message","clearConfirmMsg","cancelLbl","clearCancelLbl","confirmLbl","clearConfirmLbl","onCancel","onConfirm","CartFooter","footerBtnLbl","footer","type","dismissButton","onClick"],"mappings":"kfA6DA,MAAMA,EAAc,EAAGC,SAAQC,UAASC,cACtC,MAAOC,EAAUC,GAAeC,GAAS,IAClCC,EAAkBC,GAAuBF,GAAS,IACnDG,MAAEA,EAAKC,OAAEA,EAAMC,UAAEA,EAASC,SAAEA,EAAQC,UAAEA,EAASC,MAAEA,GAAUC,EAC/Dd,EACAE,aAAO,EAAPA,EAASa,UAgCX,OAhBAC,EAAU,KACR,GAAsB,oBAAXC,OACT,OAGF,IAAKA,OAAOC,WAEV,YADAd,EAAYa,OAAOE,YAAc,KAGnC,MAAMC,EAAKH,OAAOC,WAAW,sBAC7Bd,EAAYgB,EAAGC,SACf,MAAMC,EAAWC,GAA2BnB,EAAYmB,EAAEF,SAE1D,OADAD,EAAGI,iBAAiB,SAAUF,GACvB,IAAMF,EAAGK,oBAAoB,SAAUH,IAC7C,IAGDI,EAAAC,EAAA,CAAAC,SAAA,CACG5B,GACC6B,EAAA,MAAA,CACEC,UAAWC,EAAOC,SAClBC,YAAahC,EAAO,cACR,SAGhB4B,EAAA,MAAA,CAAAD,SACEF,EAACQ,EAAS,CACRC,KAAMnC,EACNoC,UAAWjC,EAAW,SAAW,MACjCkC,OAAQpC,EACR+B,UAAU,EACVM,QAAQ,EAAK,kBACG,qBAChBR,UAAU,qBACVS,MACEpC,EACI,CAAEqC,OAAQ,SACV,CAAEC,MAAO,OAAQC,SAAU,mBAGjCb,EAACc,GACCzC,QAASA,EACTQ,UAAWA,EACXE,UAAWA,EACXC,MAAOA,IAITa,EAACQ,EAAUU,MAAKL,MAAO,CAAEM,SAAU,YAAYjB,SAAA,CA5DjDhB,EACKiB,EAACiB,EAAa,CAACC,WAAY7C,aAAO,EAAPA,EAAS6C,aAEzClC,EACKgB,EAAA,IAAA,CAAGC,UAAWC,EAAOiB,aAAYpB,SAAGf,KAEzCL,aAAK,EAALA,EAAOyC,QAAS,EACXpB,EAACqB,EAAS,CAACC,UAAW3C,EAAON,QAASA,IAExC2B,EAACuB,EAAS,CAAClD,QAASA,IAqDlBI,GACCuB,EAACwB,EAAgB,CACfC,QAASpD,aAAO,EAAPA,EAASqD,gBAClBC,UAAWtD,aAAO,EAAPA,EAASuD,eACpBC,WAAYxD,aAAO,EAAPA,EAASyD,gBACrBC,SAAU,IAAMrD,GAAoB,GACpCsD,UAAW,IAAMtD,GAAoB,SAKzCK,IAAcC,IAASL,eAAAA,EAAOyC,QAAS,EACvCpB,EAACiC,EAAU,CACTrD,OAAQA,EACRE,SAAUA,EACVT,QAASA,EACTD,QAASA,KAGXC,eAAAA,EAAS6D,eACPlC,SAAKC,UAAWC,EAAOiC,gBACrBnC,EAAA,SAAA,CACEoC,KAAK,SACLnC,UAAWC,EAAOmC,cAClBC,QAASlE,EAAO2B,SAEf1B,aAAO,EAAPA,EAAS6D"}
|
|
@@ -73,47 +73,6 @@
|
|
|
73
73
|
opacity: 1;
|
|
74
74
|
}
|
|
75
75
|
}
|
|
76
|
-
.CartOverlay-module__headerTitle___hbL0K {
|
|
77
|
-
display: flex;
|
|
78
|
-
align-items: center;
|
|
79
|
-
gap: 8px;
|
|
80
|
-
}
|
|
81
|
-
|
|
82
|
-
.CartOverlay-module__headerItemCount___R4Q6n {
|
|
83
|
-
font-size: 24px;
|
|
84
|
-
line-height: 32px;
|
|
85
|
-
font-weight: 400;
|
|
86
|
-
color: #3d3935;
|
|
87
|
-
}
|
|
88
|
-
@media (max-width: 1023px) {
|
|
89
|
-
.CartOverlay-module__headerItemCount___R4Q6n {
|
|
90
|
-
font-size: 20px;
|
|
91
|
-
line-height: 28px;
|
|
92
|
-
}
|
|
93
|
-
}
|
|
94
|
-
|
|
95
|
-
.CartOverlay-module__clearAllButton___6SQuH {
|
|
96
|
-
display: inline;
|
|
97
|
-
background: none;
|
|
98
|
-
border: none;
|
|
99
|
-
padding: 0;
|
|
100
|
-
cursor: pointer;
|
|
101
|
-
font-size: 14px;
|
|
102
|
-
line-height: 20px;
|
|
103
|
-
font-weight: 400;
|
|
104
|
-
color: #da291c;
|
|
105
|
-
text-decoration: underline;
|
|
106
|
-
text-underline-offset: 2px;
|
|
107
|
-
}
|
|
108
|
-
.CartOverlay-module__clearAllButton___6SQuH:hover {
|
|
109
|
-
color: #961c13;
|
|
110
|
-
}
|
|
111
|
-
.CartOverlay-module__clearAllButton___6SQuH:focus-visible {
|
|
112
|
-
outline: 2px solid #da291c;
|
|
113
|
-
outline-offset: 2px;
|
|
114
|
-
border-radius: 2px;
|
|
115
|
-
}
|
|
116
|
-
|
|
117
76
|
.CartOverlay-module__footer___OwJpW {
|
|
118
77
|
padding: 16px 24px;
|
|
119
78
|
border-top: 1px solid #d2d2d2;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import './CartOverlay.module.scss.css';
|
|
2
|
-
var
|
|
2
|
+
var r={backdrop:"CartOverlay-module__backdrop___lMc-O",footer:"CartOverlay-module__footer___OwJpW",dismissButton:"CartOverlay-module__dismissButton___57qsq",errorMessage:"CartOverlay-module__errorMessage___ylBiH"};export{r as default};
|
|
3
3
|
//# sourceMappingURL=CartOverlay.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__awaiter as
|
|
1
|
+
import{__awaiter as o}from"../../../node_modules/tslib/tslib.es6.js";import{useState as i,useEffect as t}from"react";import e from"js-cookie";import{getCartMiniSummary as n}from"../../../services/CartService.js";import{CART_COOKIE as d}from"../../Constants.js";const r=(r,l="")=>{const[s,u]=i({items:[],itemCount:0,checkout:void 0,isLoading:!1});return t(()=>{if(!r)return void u({items:[],totals:void 0,itemCount:0,checkout:void 0,isLoading:!1});const i=e.get(d);if(!i)return void u({items:[],totals:void 0,itemCount:0,checkout:void 0,isLoading:!1});let t=!1;u(o=>Object.assign(Object.assign({},o),{isLoading:!0,error:void 0}));return o(void 0,void 0,void 0,function*(){var o,e,d,r,s,v,c,a,m;try{const f=yield n(i);if(t)return;(null==f?void 0:f.cart)?u({items:null!==(e=null===(o=null==f?void 0:f.cart)||void 0===o?void 0:o.items)&&void 0!==e?e:[],totals:null===(d=null==f?void 0:f.cart)||void 0===d?void 0:d.totals,itemCount:null!==(a=null!==(s=null===(r=null==f?void 0:f.cart)||void 0===r?void 0:r.itemCount)&&void 0!==s?s:null===(c=null===(v=null==f?void 0:f.cart)||void 0===v?void 0:v.items)||void 0===c?void 0:c.length)&&void 0!==a?a:0,checkout:null===(m=null==f?void 0:f.cart)||void 0===m?void 0:m.checkout,isLoading:!1}):u({items:[],itemCount:0,checkout:void 0,isLoading:!1,error:l})}catch(o){if(t)return;u({items:[],itemCount:0,checkout:void 0,isLoading:!1,error:l})}}),()=>{t=!0}},[r]),s};export{r as default};
|
|
2
2
|
//# sourceMappingURL=useCartData.js.map
|
|
@@ -1 +1 @@
|
|
|
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","
|
|
1
|
+
{"version":3,"file":"useCartData.js","sources":["../../../../../../src/components/FalconMainNavigation/CartOverlay/useCartData.ts"],"sourcesContent":[null],"names":["useCartData","isOpen","errorMsg","cartData","setCartData","useState","items","itemCount","checkout","undefined","isLoading","useEffect","totals","cartId","Cookies","get","CART_COOKIE","isCancelled","prev","error","__awaiter","response","getCartMiniSummary","cart","_b","_a","_c","_h","_e","_d","_g","_f","length","_j","_k"],"mappings":"qQAoBA,MAAMA,EAAc,CAACC,EAAiBC,EAAW,MAC/C,MAAOC,EAAUC,GAAeC,EAAmB,CACjDC,MAAO,GACPC,UAAW,EACXC,cAAUC,EACVC,WAAW,IAmDb,OAhDAC,EAAU,KACR,IAAKV,EAEH,YADAG,EAAY,CAAEE,MAAO,GAAIM,YAAQH,EAAWF,UAAW,EAAGC,cAAUC,EAAWC,WAAW,IAK5F,MAAMG,EAASC,EAAQC,IAAIC,GAE3B,IAAKH,EAEH,YADAT,EAAY,CAAEE,MAAO,GAAIM,YAAQH,EAAWF,UAAW,EAAGC,cAAUC,EAAWC,WAAW,IAI5F,IAAIO,GAAc,EAGlBb,EAAac,kCAAeA,GAAI,CAAER,WAAW,EAAMS,WAAOV,KA0B1D,OAxB6BW,OAAA,OAAA,OAAA,EAAA,kCAC3B,IACE,MAAMC,QAAsBC,EAAmBT,GAC/C,GAAII,EAAa,QAEbI,aAAQ,EAARA,EAAUE,MACZnB,EAAY,CACVE,cAAOkB,EAAc,QAAdC,EAAAJ,aAAQ,EAARA,EAAUE,YAAI,IAAAE,OAAA,EAAAA,EAAEnB,qBAAS,GAChCM,OAAsB,QAAdc,EAAAL,eAAAA,EAAUE,YAAI,IAAAG,OAAA,EAAAA,EAAEd,OACxBL,UAAqE,QAA1DoB,EAAyB,QAAzBC,EAAc,QAAdC,EAAAR,aAAQ,EAARA,EAAUE,YAAI,IAAAM,OAAA,EAAAA,EAAEtB,iBAAS,IAAAqB,EAAAA,EAAyB,QAArBE,EAAc,QAAdC,EAAAV,aAAQ,EAARA,EAAUE,YAAI,IAAAQ,OAAA,EAAAA,EAAEzB,aAAK,IAAAwB,OAAA,EAAAA,EAAEE,cAAM,IAAAL,EAAAA,EAAI,EACzEnB,SAAwB,QAAdyB,EAAAZ,eAAAA,EAAUE,YAAI,IAAAU,OAAA,EAAAA,EAAEzB,SAC1BE,WAAW,IAGbN,EAAY,CAAEE,MAAO,GAAIC,UAAW,EAAGC,cAAUC,EAAWC,WAAW,EAAOS,MAAOjB,GAEzF,CAAE,MAAAgC,GACA,GAAIjB,EAAa,OACjBb,EAAY,CAAEE,MAAO,GAAIC,UAAW,EAAGC,cAAUC,EAAWC,WAAW,EAAOS,MAAOjB,GACvF,CACF,GAIO,KACLe,GAAc,IAEf,CAAChB,IAEGE"}
|
package/dist/index.d.ts
CHANGED
|
@@ -420,6 +420,9 @@ interface HeaderCartContent {
|
|
|
420
420
|
emptyCartIcon?: Asset;
|
|
421
421
|
loadingMsg?: string;
|
|
422
422
|
errorMsg?: string;
|
|
423
|
+
clearConfirmMsg?: string;
|
|
424
|
+
clearCancelLbl?: string;
|
|
425
|
+
clearConfirmLbl?: string;
|
|
423
426
|
}
|
|
424
427
|
|
|
425
428
|
interface MainNavBarSchema extends GenericSBProps {
|