@salesgenterp/ui-components 0.4.329 → 0.4.331
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/index.js +35 -38
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +35 -38
- package/dist/index.modern.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -4803,7 +4803,7 @@ var TypographyContainer$7 = styled__default(material.Typography)(_templateObject
|
|
|
4803
4803
|
return props.fontColor;
|
|
4804
4804
|
});
|
|
4805
4805
|
|
|
4806
|
-
var _templateObject$o, _templateObject2$e, _templateObject3$9;
|
|
4806
|
+
var _templateObject$o, _templateObject2$e, _templateObject3$9, _templateObject4$6;
|
|
4807
4807
|
var LandingCarousel = function LandingCarousel(_ref) {
|
|
4808
4808
|
var _brandData;
|
|
4809
4809
|
var brandList = _ref.brandList,
|
|
@@ -4868,25 +4868,22 @@ var LandingCarousel = function LandingCarousel(_ref) {
|
|
|
4868
4868
|
className: "slideItem"
|
|
4869
4869
|
}, /*#__PURE__*/React__default.createElement("a", {
|
|
4870
4870
|
href: (brand === null || brand === void 0 ? void 0 : brand.redirectPath) || ''
|
|
4871
|
-
}, isVideo(brand === null || brand === void 0 ? void 0 : brand.url) ? /*#__PURE__*/React__default.createElement(
|
|
4871
|
+
}, isVideo(brand === null || brand === void 0 ? void 0 : brand.url) ? /*#__PURE__*/React__default.createElement(Video, {
|
|
4872
4872
|
src: brand === null || brand === void 0 ? void 0 : brand.url,
|
|
4873
4873
|
loop: true,
|
|
4874
4874
|
autoPlay: true,
|
|
4875
4875
|
muted: true,
|
|
4876
|
-
playsInline: true
|
|
4877
|
-
style: {
|
|
4878
|
-
width: '100%',
|
|
4879
|
-
height: 'auto'
|
|
4880
|
-
}
|
|
4876
|
+
playsInline: true
|
|
4881
4877
|
}) : /*#__PURE__*/React__default.createElement(Image, {
|
|
4882
4878
|
src: brand !== null && brand !== void 0 && brand.url && (brand === null || brand === void 0 ? void 0 : brand.url) !== 'null' ? brand === null || brand === void 0 ? void 0 : brand.url : noImgUrl || noImgAvailable$1,
|
|
4883
4879
|
alt: "image"
|
|
4884
4880
|
})));
|
|
4885
4881
|
})));
|
|
4886
4882
|
};
|
|
4887
|
-
var Image = styled__default.img(_templateObject$o || (_templateObject$o = _taggedTemplateLiteralLoose(["\n width: 100%;\n
|
|
4888
|
-
var
|
|
4889
|
-
var
|
|
4883
|
+
var Image = styled__default.img(_templateObject$o || (_templateObject$o = _taggedTemplateLiteralLoose(["\n width: 100%;\n transition: all 0.5s;\n height: 100%;\n min-height: 100px;\n object-fit: contain;\n object-position: center;\n &:hover {\n transform: scale(1.05);\n }\n"])));
|
|
4884
|
+
var Video = styled__default.video(_templateObject2$e || (_templateObject2$e = _taggedTemplateLiteralLoose(["\n width: 100%;\n transition: all 0.5s;\n height: 100%;\n min-height: 100px;\n object-fit: cover;\n object-position: center;\n &:hover {\n transform: scale(1.05);\n }\n"])));
|
|
4885
|
+
var Root$6 = styled__default.div(_templateObject3$9 || (_templateObject3$9 = _taggedTemplateLiteralLoose(["\n height: 100%;\n"])));
|
|
4886
|
+
var ReactSlick = styled__default(Slider)(_templateObject4$6 || (_templateObject4$6 = _taggedTemplateLiteralLoose(["\n height: 100%;\n .slick-track {\n height: 100%;\n }\n .slick-slide {\n height: 100%;\n div:first-child {\n height: 100%;\n }\n }\n .slick-list {\n height: 100%;\n margin: 0 -", "px;\n }\n .slideItem {\n height: 100%;\n padding: 0 ", "px;\n overflow: hidden;\n }\n line-height: 0;\n .slick-dots {\n bottom: 0;\n li {\n margin: 0;\n button:before {\n color: #ffffff !important;\n font-size: 10px;\n }\n }\n }\n .slick-prev,\n .slick-next {\n color: #464646;\n z-index: 1;\n width: 26px;\n height: 26px;\n }\n .slick-prev {\n left: 12px;\n }\n .slick-next {\n right: 12px;\n }\n"])), function (props) {
|
|
4890
4887
|
return props === null || props === void 0 ? void 0 : props.spaceBetweenCol;
|
|
4891
4888
|
}, function (props) {
|
|
4892
4889
|
return props === null || props === void 0 ? void 0 : props.spaceBetweenCol;
|
|
@@ -5017,7 +5014,7 @@ var AsyncDataLoad = function AsyncDataLoad(_ref) {
|
|
|
5017
5014
|
};
|
|
5018
5015
|
var AsyncDataLoadComponent = React.memo(AsyncDataLoad);
|
|
5019
5016
|
|
|
5020
|
-
var _templateObject$q, _templateObject2$g, _templateObject3$a, _templateObject4$
|
|
5017
|
+
var _templateObject$q, _templateObject2$g, _templateObject3$a, _templateObject4$7, _templateObject5$4, _templateObject6$3, _templateObject7$2, _templateObject8$2, _templateObject9$2;
|
|
5021
5018
|
var BrandStock = function BrandStock(_ref) {
|
|
5022
5019
|
var _Object$keys, _Object$keys2, _data$brands;
|
|
5023
5020
|
var storeData = _ref.storeData,
|
|
@@ -5170,7 +5167,7 @@ var BrandStock = function BrandStock(_ref) {
|
|
|
5170
5167
|
var Root$8 = styled__default.div(_templateObject$q || (_templateObject$q = _taggedTemplateLiteralLoose(["\n padding: 1rem;\n"])));
|
|
5171
5168
|
var TitleContainer$1 = styled__default.div(_templateObject2$g || (_templateObject2$g = _taggedTemplateLiteralLoose(["\n padding: 0 1rem;\n display: flex;\n justify-content: space-between;\n"])));
|
|
5172
5169
|
var MainContainer$2 = styled__default.div(_templateObject3$a || (_templateObject3$a = _taggedTemplateLiteralLoose(["\n max-width: 600px;\n margin: auto;\n .logo {\n display: flex;\n }\n .logoImage {\n max-width: min(400px, 100%);\n max-height: 200px;\n margin: auto;\n }\n"])));
|
|
5173
|
-
var DetailsContainer = styled__default.div(_templateObject4$
|
|
5170
|
+
var DetailsContainer = styled__default.div(_templateObject4$7 || (_templateObject4$7 = _taggedTemplateLiteralLoose(["\n margin: 1.2rem 0;\n text-align: center;\n p {\n font-size: 16px;\n font-weight: 500;\n }\n span {\n font-size: 15px;\n }\n .lineContainer {\n display: flex;\n justify-content: center;\n align-items: center;\n margin: 0.5rem 0;\n span {\n margin-right: 6px;\n }\n }\n"])));
|
|
5174
5171
|
var BrandContainer = styled__default.div(_templateObject5$4 || (_templateObject5$4 = _taggedTemplateLiteralLoose(["\n .brandImage {\n max-width: 100%;\n margin: 1rem auto;\n }\n"])));
|
|
5175
5172
|
var ReturnPolicyContainer = styled__default.div(_templateObject6$3 || (_templateObject6$3 = _taggedTemplateLiteralLoose(["\n h2 {\n text-align: center;\n }\n margin: 1rem 0;\n p {\n font-size: 16px;\n }\n"])));
|
|
5176
5173
|
var TablePaperContainer = styled__default(TableContainer$2)(_templateObject7$2 || (_templateObject7$2 = _taggedTemplateLiteralLoose(["\n background-color: transparent;\n"])));
|
|
@@ -5181,7 +5178,7 @@ var TableCellContainer$1 = styled__default(TableCell)(_templateObject9$2 || (_te
|
|
|
5181
5178
|
return props.availableQuantity ? props.stockCol && 'green' : '#ffffff';
|
|
5182
5179
|
});
|
|
5183
5180
|
|
|
5184
|
-
var _templateObject$r, _templateObject2$h, _templateObject3$b, _templateObject4$
|
|
5181
|
+
var _templateObject$r, _templateObject2$h, _templateObject3$b, _templateObject4$8, _templateObject5$5, _templateObject6$4, _templateObject7$3;
|
|
5185
5182
|
var CartDrawerContainer = styled__default.div(_templateObject$r || (_templateObject$r = _taggedTemplateLiteralLoose(["\n width: 100%;\n max-width: ", ";\n height: 100%;\n /* padding: 1em;\n padding-top: 0rem; */\n position: relative;\n /* min-width: 100%; */\n min-height: 100vh;\n max-height: 100vh;\n overflow-y: auto;\n\n display: flex;\n flex-direction: column;\n /* border: 1px solid; */\n"])), function (props) {
|
|
5186
5183
|
return props.maxWidth || '650px';
|
|
5187
5184
|
});
|
|
@@ -5189,7 +5186,7 @@ var CartDrawerBar = styled__default.div(_templateObject2$h || (_templateObject2$
|
|
|
5189
5186
|
var CartDrawerProductContainer = styled__default.div(_templateObject3$b || (_templateObject3$b = _taggedTemplateLiteralLoose(["\n width: 100%;\n height: max-content;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: flex-start;\n position: relative;\n /* height: 900px; */\n padding: 1rem;\n min-height: 74vh;\n opacity: ", ";\n @media only screen and (max-width: 748px) {\n min-height: 75vh;\n }\n /* background-color: red; */\n"])), function (props) {
|
|
5190
5187
|
return props.opacity;
|
|
5191
5188
|
});
|
|
5192
|
-
var CartDrawerBottomSection = styled__default.div(_templateObject4$
|
|
5189
|
+
var CartDrawerBottomSection = styled__default.div(_templateObject4$8 || (_templateObject4$8 = _taggedTemplateLiteralLoose(["\n width: 100%;\n /* height: 8rem; */\n background-color: white;\n box-shadow: 3px -2px 10px #b1b1b1;\n display: flex;\n flex-direction: column;\n // min-height: 7rem;\n position: sticky;\n bottom: 0;\n margin-top: auto;\n /* padding-bottom: 0.5rem; */\n\n /* left: 0; */\n align-items: center;\n .row {\n width: 100%;\n padding: 0rem 1rem;\n padding-top: 1rem;\n /* padding-left: 1rem; */\n h5 {\n font-weight: bold;\n font-size: 1.1rem;\n span {\n font-weight: 400;\n padding-left: 0.5rem;\n }\n }\n }\n @media only screen and (max-width: 340px) {\n min-height: 6rem;\n .row h5 {\n font-size: 0.8rem;\n }\n }\n"])));
|
|
5193
5190
|
var CartDrawerOutlinedButton = styled__default.button(_templateObject5$5 || (_templateObject5$5 = _taggedTemplateLiteralLoose(["\n width: 90%;\n height: 3.55rem;\n border: 2px solid;\n border-radius: 1rem;\n display: grid;\n place-items: center;\n font-weight: 500;\n font-size: 1rem;\n transition: 0.5s;\n outline: none;\n text-transform: capitalize;\n border-color: ", ";\n color: ", ";\n text-transform: capitalize;\n margin: 0.6rem 0;\n cursor: pointer;\n background: white;\n &:hover,\n &:focus {\n opacity: 0.8;\n letter-spacing: 1px;\n outline: none;\n }\n @media only screen and (max-width: 640px) {\n height: 2.9rem;\n }\n @media only screen and (max-width: 340px) {\n height: 2.2rem;\n margin: 0.3rem 0;\n }\n"])), function (props) {
|
|
5194
5191
|
return props.color || 'black';
|
|
5195
5192
|
}, function (props) {
|
|
@@ -5326,7 +5323,7 @@ var CartDrawer = function CartDrawer(_ref) {
|
|
|
5326
5323
|
}, "continue to checkout"))));
|
|
5327
5324
|
};
|
|
5328
5325
|
|
|
5329
|
-
var _templateObject$t, _templateObject2$j, _templateObject3$d, _templateObject4$
|
|
5326
|
+
var _templateObject$t, _templateObject2$j, _templateObject3$d, _templateObject4$9, _templateObject5$6, _templateObject6$5, _templateObject7$4, _templateObject8$3, _templateObject9$3;
|
|
5330
5327
|
var CartPageSection = styled__default.section(_templateObject$t || (_templateObject$t = _taggedTemplateLiteralLoose(["\n background: ", ";\n max-width: 100%;\n width: fit-content;\n background: ", ";\n overflow: hidden;\n border-radius: 28px;\n\n @media screen and (max-width: 1340px) {\n padding: 0 1em;\n }\n @media screen and (max-width: 640px) {\n padding: 0 1em;\n }\n"])), function (props) {
|
|
5331
5328
|
return props.bg;
|
|
5332
5329
|
}, function (props) {
|
|
@@ -5348,7 +5345,7 @@ var CartPageContainer = styled__default.div(_templateObject2$j || (_templateObje
|
|
|
5348
5345
|
var CardsBox = styled__default.div(_templateObject3$d || (_templateObject3$d = _taggedTemplateLiteralLoose(["\n width: 100%;\n /* min-height: 1000px; */\n position: relative;\n max-width: 860px;\n margin-right: auto;\n padding: 1em 2em;\n display: ", ";\n grid-template-columns: 1fr 1fr;\n flex-direction: column;\n align-items: flex-start;\n grid-gap: 1em;\n justify-content: flex-start;\n align-items: center;\n border-radius: 20px;\n @media only screen and (max-width: 960px) {\n display: flex;\n }\n @media only screen and (max-width: 640px) {\n padding: 1em 0.2em;\n }\n"])), function (props) {
|
|
5349
5346
|
return props.retail ? 'grid' : 'flex';
|
|
5350
5347
|
});
|
|
5351
|
-
var CartHeading = styled__default.div(_templateObject4$
|
|
5348
|
+
var CartHeading = styled__default.div(_templateObject4$9 || (_templateObject4$9 = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n /* margin-bottom: 2em; */\n margin-left: 2.3em;\n margin-top: 2em;\n\n color: ", ";\n h1 {\n font-weight: 600;\n font-size: 2.0375em;\n text-transform: capitalize;\n color: ", ";\n /* margin-bottom: 1em; */\n }\n p {\n font-size: 0.875em;\n color: inherit;\n margin-top: 0.5em;\n }\n"])), function (props) {
|
|
5352
5349
|
return props.color || 'black';
|
|
5353
5350
|
}, function (props) {
|
|
5354
5351
|
return props.h1 || 'inherit';
|
|
@@ -6476,7 +6473,7 @@ if (process.env.NODE_ENV !== 'production') {
|
|
|
6476
6473
|
}
|
|
6477
6474
|
});
|
|
6478
6475
|
|
|
6479
|
-
var _templateObject$u, _templateObject2$k, _templateObject3$e, _templateObject4$
|
|
6476
|
+
var _templateObject$u, _templateObject2$k, _templateObject3$e, _templateObject4$a, _templateObject5$7, _templateObject6$6;
|
|
6480
6477
|
var ProductImage = styled__default.img(_templateObject$u || (_templateObject$u = _taggedTemplateLiteralLoose(["\n min-width: 50px;\n min-height: 50px;\n @media only screen and (max-width: 640px) {\n margin: 0.5em 0;\n padding-right: 0.5em;\n }\n"])));
|
|
6481
6478
|
var ProductName = styled__default.h6(_templateObject2$k || (_templateObject2$k = _taggedTemplateLiteralLoose(["\n font-size: ", ";\n padding: 0;\n line-height: 1.3em;\n max-height: ", ";\n height: ", ";\n overflow: hidden;\n text-overflow: ellipsis;\n height: fit-content;\n"])), function (props) {
|
|
6482
6479
|
return props.size || '1em';
|
|
@@ -6492,7 +6489,7 @@ var CartTableRow = styled__default(material.TableRow)(_templateObject3$e || (_te
|
|
|
6492
6489
|
}, function (prop) {
|
|
6493
6490
|
return prop.bg;
|
|
6494
6491
|
});
|
|
6495
|
-
var CartTableCell$1 = styled__default(material.TableCell)(_templateObject4$
|
|
6492
|
+
var CartTableCell$1 = styled__default(material.TableCell)(_templateObject4$a || (_templateObject4$a = _taggedTemplateLiteralLoose(["\n && {\n border: none !important;\n font-size: 1em;\n }\n"])));
|
|
6496
6493
|
var QuantityBox = styled__default.div(_templateObject5$7 || (_templateObject5$7 = _taggedTemplateLiteralLoose(["\n height: 1.7em;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n div {\n /* width:30px; */\n min-height: 100%;\n aspect-ratio: 1.15/1;\n display: grid;\n place-items: center;\n font-size: 0.65em;\n color: white;\n background-color: #323232;\n cursor: pointer;\n }\n .price {\n background: transparent;\n cursor: auto;\n background: #ffffff;\n border: 1px solid #ebebeb;\n p {\n color: #5e5c5c;\n font-size: 0.685em;\n font-weight: 500;\n }\n }\n .add {\n background-color: #ebebeb;\n color: #323232;\n }\n"])));
|
|
6497
6494
|
var DeleteBtn = styled__default.div(_templateObject6$6 || (_templateObject6$6 = _taggedTemplateLiteralLoose(["\n display: grid;\n place-items: center;\n cursor: pointer;\n border-radius: 50%;\n width: 20px;\n height: 20px;\n background: #eef1f4;\n color: #393f48;\n font-size: 0.75em;\n transition: 0.4s;\n &:hover {\n background: red;\n color: white;\n }\n"])));
|
|
6498
6495
|
var CardRow = function CardRow(_ref) {
|
|
@@ -6845,7 +6842,7 @@ function EnhancedTable(_ref) {
|
|
|
6845
6842
|
}, "remove selected"), /*#__PURE__*/React.createElement("button", null, "updated cart")));
|
|
6846
6843
|
}
|
|
6847
6844
|
|
|
6848
|
-
var _templateObject$v, _templateObject2$l, _templateObject3$f, _templateObject4$
|
|
6845
|
+
var _templateObject$v, _templateObject2$l, _templateObject3$f, _templateObject4$b, _templateObject5$8, _templateObject6$7, _templateObject7$5;
|
|
6849
6846
|
var CartPageCard = styled__default.div(_templateObject$v || (_templateObject$v = _taggedTemplateLiteralLoose(["\n width: min(97%, 485px);\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n padding: 1em;\n background: #ffffff;\n box-shadow: 0px 20px 35px rgba(0, 0, 0, 0.05);\n border-radius: 20px;\n position: relative;\n"])));
|
|
6850
6847
|
var CartPageImg = styled__default.img(_templateObject2$l || (_templateObject2$l = _taggedTemplateLiteralLoose(["\n /* width: 95px; */\n width: ", ";\n height: ", ";\n position: relative;\n margin-right: 1em;\n"])), function (props) {
|
|
6851
6848
|
return props.width || 'auto';
|
|
@@ -6853,7 +6850,7 @@ var CartPageImg = styled__default.img(_templateObject2$l || (_templateObject2$l
|
|
|
6853
6850
|
return props.height || '81px';
|
|
6854
6851
|
});
|
|
6855
6852
|
var NameAndQtBox = styled__default.div(_templateObject3$f || (_templateObject3$f = _taggedTemplateLiteralLoose(["\n width: 90%;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: space-between;\n position: relative;\n"])));
|
|
6856
|
-
var CartPageCardName = styled__default.div(_templateObject4$
|
|
6853
|
+
var CartPageCardName = styled__default.div(_templateObject4$b || (_templateObject4$b = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n width: 90%;\n overflow: hidden;\n text-overflow: ellipsis;\n margin-bottom: 0.6em;\n h6 {\n color: #323232;\n font-size: 0.9em;\n margin-bottom: 0.6em;\n line-height: 1.3em;\n max-height: 1.4em;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n p {\n font-size: 1.1em;\n color: #c3c6c9;\n }\n"])));
|
|
6857
6854
|
var QtAndPriceBox = styled__default.div(_templateObject5$8 || (_templateObject5$8 = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n width: 100%;\n .subtotal {\n color: #323232;\n text-transform: capitalize;\n font-weight: bold;\n font-size: 0.85em;\n }\n"])));
|
|
6858
6855
|
var CartPageQtBox = styled__default.div(_templateObject6$7 || (_templateObject6$7 = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n max-width: 80px;\n min-width: 80px;\n height: 22px;\n .icon {\n width: 20.5px;\n height: 20.5px;\n display: grid;\n place-items: center;\n font-size: 10px;\n background: #eef1f4;\n cursor: pointer;\n }\n .qt {\n font-size: 18px;\n font-weight: 500;\n display: grid;\n place-items: center;\n color: #c3c6c9;\n }\n"])));
|
|
6859
6856
|
var CloseBtn = styled__default.div(_templateObject7$5 || (_templateObject7$5 = _taggedTemplateLiteralLoose(["\n width: 25px;\n height: 25px;\n display: grid;\n place-items: center;\n position: absolute;\n top: 1em;\n right: 1em;\n cursor: pointer;\n border-radius: 50%;\n background: #eef1f4;\n font-size: 12px;\n"])));
|
|
@@ -6930,7 +6927,7 @@ var CartPageMainRetail = function CartPageMainRetail(_ref) {
|
|
|
6930
6927
|
})));
|
|
6931
6928
|
};
|
|
6932
6929
|
|
|
6933
|
-
var _templateObject$w, _templateObject2$m, _templateObject3$g, _templateObject4$
|
|
6930
|
+
var _templateObject$w, _templateObject2$m, _templateObject3$g, _templateObject4$c, _templateObject5$9, _templateObject6$8, _templateObject7$6, _templateObject8$4;
|
|
6934
6931
|
var CartSummaryContainer = styled__default.div(_templateObject$w || (_templateObject$w = _taggedTemplateLiteralLoose(["\n width: 26.375em;\n max-width: ", ";\n display: flex;\n flex-direction: column;\n background: ", ";\n color: ", ";\n border-radius: 20px;\n padding: 2em 3em;\n align-items: center;\n min-height: 580px;\n /* margin-top: 3em; */\n p {\n font-size: 1.189em;\n font-weight: 600;\n align-self: flex-start;\n color: inherit;\n margin: 0;\n padding: 0;\n }\n .continueShopping {\n font-size: 0.75em;\n color: inherit;\n text-transform: capitalize;\n height: 20px;\n border-bottom: 1px solid;\n border-color: ", ";\n cursor: pointer;\n }\n @media only screen and (max-width: 1340px) {\n margin-top: 4em;\n }\n"])), function (props) {
|
|
6935
6932
|
return props.maxWidth || '26.375em';
|
|
6936
6933
|
}, function (props) {
|
|
@@ -6948,7 +6945,7 @@ var CartSummaryRow = styled__default.div(_templateObject2$m || (_templateObject2
|
|
|
6948
6945
|
var CartSummaryHr = styled__default.span(_templateObject3$g || (_templateObject3$g = _taggedTemplateLiteralLoose(["\n border: none;\n width: 100%;\n height: 1px;\n background-color: ", ";\n margin: 1.2em 0;\n"])), function (props) {
|
|
6949
6946
|
return props.color || 'rgba(255, 255, 255, 0.5)';
|
|
6950
6947
|
});
|
|
6951
|
-
var CartSummaryInputBox = styled__default.form(_templateObject4$
|
|
6948
|
+
var CartSummaryInputBox = styled__default.form(_templateObject4$c || (_templateObject4$c = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n padding-bottom: ", ";\n background-color: transparent;\n width: 100%;\n input {\n width: 65%;\n height: 2.44rem;\n padding: 0.2rem 0.8rem;\n\n text-transform: capitalize;\n font-size: 0.89rem;\n border-radius: ", ";\n margin-right: 0.1em;\n\n border: none;\n outline: none;\n background: ", ";\n color: ", ";\n &::placeholder {\n color: ", ";\n }\n }\n button {\n width: 35%;\n height: 2.44rem;\n line-height: 0.8rem;\n background: ", ";\n border-radius: ", ";\n display: grid;\n color: ", ";\n place-items: center;\n border: none;\n outline: none;\n text-transform: uppercase;\n cursor: pointer;\n font-size: 0.75em;\n transition: 0.3s;\n &:hover {\n letter-spacing: 1px;\n background: ", ";\n }\n }\n"])), function (props) {
|
|
6952
6949
|
return props.paddingBottom ? '0' : '0';
|
|
6953
6950
|
}, function (props) {
|
|
6954
6951
|
return props.retail ? '1.19rem' : '0';
|
|
@@ -7304,7 +7301,7 @@ var BannerImages = function BannerImages(_ref) {
|
|
|
7304
7301
|
}
|
|
7305
7302
|
}, /*#__PURE__*/React__default.createElement("a", {
|
|
7306
7303
|
href: (v === null || v === void 0 ? void 0 : v.redirectPath) || ''
|
|
7307
|
-
}, isVideo(v === null || v === void 0 ? void 0 : v.imageUrl) ? /*#__PURE__*/React__default.createElement(Video, {
|
|
7304
|
+
}, isVideo(v === null || v === void 0 ? void 0 : v.imageUrl) ? /*#__PURE__*/React__default.createElement(Video$1, {
|
|
7308
7305
|
src: v === null || v === void 0 ? void 0 : v.imageUrl,
|
|
7309
7306
|
loop: true,
|
|
7310
7307
|
autoPlay: true,
|
|
@@ -7317,11 +7314,11 @@ var BannerImages = function BannerImages(_ref) {
|
|
|
7317
7314
|
}))));
|
|
7318
7315
|
})));
|
|
7319
7316
|
};
|
|
7320
|
-
var Video = styled__default.video(_templateObject$x || (_templateObject$x = _taggedTemplateLiteralLoose(["\n width: 100%;\n cursor: pointer;\n transition: all 0.5s;\n height: 100%;\n object-fit: cover;\n object-position: center;\n &:hover {\n transform: scale(1.02);\n }\n"])));
|
|
7317
|
+
var Video$1 = styled__default.video(_templateObject$x || (_templateObject$x = _taggedTemplateLiteralLoose(["\n width: 100%;\n cursor: pointer;\n transition: all 0.5s;\n height: 100%;\n object-fit: cover;\n object-position: center;\n &:hover {\n transform: scale(1.02);\n }\n"])));
|
|
7321
7318
|
var Image$1 = styled__default.img(_templateObject2$n || (_templateObject2$n = _taggedTemplateLiteralLoose(["\n width: 100%;\n cursor: pointer;\n transition: all 0.5s;\n height: 100%;\n object-fit: cover;\n object-position: center;\n &:hover {\n transform: scale(1.02);\n }\n"])));
|
|
7322
7319
|
var BannerContainer$1 = styled__default.section(_templateObject3$h || (_templateObject3$h = _taggedTemplateLiteralLoose(["\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n font-size: 0;\n"])));
|
|
7323
7320
|
|
|
7324
|
-
var _templateObject$y, _templateObject2$o, _templateObject3$i, _templateObject4$
|
|
7321
|
+
var _templateObject$y, _templateObject2$o, _templateObject3$i, _templateObject4$d;
|
|
7325
7322
|
var LandingCarousel$1 = function LandingCarousel(_ref) {
|
|
7326
7323
|
var _config$spaceBetweenC, _config$colLg, _ref2, _ref3, _config$colSm, _ref4, _config$colMd, _config$colLg2;
|
|
7327
7324
|
var config = _ref.config,
|
|
@@ -7372,7 +7369,7 @@ var LandingCarousel$1 = function LandingCarousel(_ref) {
|
|
|
7372
7369
|
className: "slideItem"
|
|
7373
7370
|
}, /*#__PURE__*/React__default.createElement("a", {
|
|
7374
7371
|
href: (slide === null || slide === void 0 ? void 0 : slide.redirectPath) || ''
|
|
7375
|
-
}, isVideo(slide === null || slide === void 0 ? void 0 : slide.imageUrl) ? /*#__PURE__*/React__default.createElement(Video$
|
|
7372
|
+
}, isVideo(slide === null || slide === void 0 ? void 0 : slide.imageUrl) ? /*#__PURE__*/React__default.createElement(Video$2, {
|
|
7376
7373
|
src: slide === null || slide === void 0 ? void 0 : slide.imageUrl,
|
|
7377
7374
|
loop: true,
|
|
7378
7375
|
autoPlay: true,
|
|
@@ -7385,9 +7382,9 @@ var LandingCarousel$1 = function LandingCarousel(_ref) {
|
|
|
7385
7382
|
})));
|
|
7386
7383
|
};
|
|
7387
7384
|
var Image$2 = styled__default.img(_templateObject$y || (_templateObject$y = _taggedTemplateLiteralLoose(["\n width: 100%;\n transition: all 0.5s;\n height: 100%;\n object-fit: cover;\n object-position: center;\n &:hover {\n transform: scale(1.05);\n }\n"])));
|
|
7388
|
-
var Video$
|
|
7385
|
+
var Video$2 = styled__default.video(_templateObject2$o || (_templateObject2$o = _taggedTemplateLiteralLoose(["\n width: 100%;\n transition: all 0.5s;\n height: 100%;\n object-fit: cover;\n object-position: center;\n &:hover {\n transform: scale(1.05);\n }\n"])));
|
|
7389
7386
|
var Root$9 = styled__default.div(_templateObject3$i || (_templateObject3$i = _taggedTemplateLiteralLoose(["\n height: 100%;\n"])));
|
|
7390
|
-
var ReactSlick$1 = styled__default(Slider)(_templateObject4$
|
|
7387
|
+
var ReactSlick$1 = styled__default(Slider)(_templateObject4$d || (_templateObject4$d = _taggedTemplateLiteralLoose(["\n height: 100%;\n .slick-track {\n height: 100%;\n }\n .slick-slide {\n height: 100%;\n div:first-child {\n height: 100%;\n }\n }\n .slick-list {\n height: 100%;\n margin: 0 -", "px;\n }\n .slideItem {\n height: 100%;\n padding: 0 ", "px;\n overflow: hidden;\n }\n line-height: 0;\n .slick-dots {\n bottom: 0;\n li {\n margin: 0;\n button:before {\n color: #ffffff !important;\n font-size: 10px;\n }\n }\n }\n .slick-prev,\n .slick-next {\n color: #464646;\n z-index: 1;\n width: 26px;\n height: 26px;\n }\n .slick-prev {\n left: 12px;\n }\n .slick-next {\n right: 12px;\n }\n"])), function (props) {
|
|
7391
7388
|
return props === null || props === void 0 ? void 0 : props.spaceBetweenCol;
|
|
7392
7389
|
}, function (props) {
|
|
7393
7390
|
return props === null || props === void 0 ? void 0 : props.spaceBetweenCol;
|
|
@@ -7530,7 +7527,7 @@ var HomeBanner = function HomeBanner(_ref) {
|
|
|
7530
7527
|
var Root$a = styled__default.div(_templateObject$z || (_templateObject$z = _taggedTemplateLiteralLoose([""])));
|
|
7531
7528
|
var MainContainer$3 = styled__default.div(_templateObject2$p || (_templateObject2$p = _taggedTemplateLiteralLoose([""])));
|
|
7532
7529
|
|
|
7533
|
-
var _templateObject$A, _templateObject2$q, _templateObject3$j, _templateObject4$
|
|
7530
|
+
var _templateObject$A, _templateObject2$q, _templateObject3$j, _templateObject4$e, _templateObject5$a, _templateObject6$9;
|
|
7534
7531
|
var OutOfStock = function OutOfStock(_ref) {
|
|
7535
7532
|
var _product$body, _product$body$content, _product$body2, _product$body2$conten, _product$masterProduc, _product$header;
|
|
7536
7533
|
var product = _ref.product,
|
|
@@ -7766,7 +7763,7 @@ var MainCheckbox = styled__default(Checkbox)(_templateObject2$q || (_templateObj
|
|
|
7766
7763
|
return props.theme.primaryColor;
|
|
7767
7764
|
});
|
|
7768
7765
|
var EmailInput = styled__default(InputBase)(_templateObject3$j || (_templateObject3$j = _taggedTemplateLiteralLoose(["\n border: 1px solid #a9a9a9;\n padding: 3px 10px;\n fontsize: 12px;\n width: 100%;\n border-radius: 3px;\n"])));
|
|
7769
|
-
var Root$b = styled__default.div(_templateObject4$
|
|
7766
|
+
var Root$b = styled__default.div(_templateObject4$e || (_templateObject4$e = _taggedTemplateLiteralLoose(["\n width: 100%;\n border: 1px solid #d3d3d3;\n border-radius: 3px;\n box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.4);\n padding: 10px;\n"])));
|
|
7770
7767
|
var ContainerDiv = styled__default.div(_templateObject5$a || (_templateObject5$a = _taggedTemplateLiteralLoose(["\n display: flex;\n font-size: 14px;\n height: ", ";\n margin: ", ";\n width: 100%;\n flex-direction: ", ";\n align-items: ", ";\n justify-content: ", ";\n color: #000000de;\n"])), function (props) {
|
|
7771
7768
|
return props.height ? props.height : 'auto';
|
|
7772
7769
|
}, function (props) {
|
|
@@ -8273,7 +8270,7 @@ var AsyncSelect = function AsyncSelect(_ref3) {
|
|
|
8273
8270
|
var _templateObject$C;
|
|
8274
8271
|
var Container$1 = styled__default.div(_templateObject$C || (_templateObject$C = _taggedTemplateLiteralLoose([""])));
|
|
8275
8272
|
|
|
8276
|
-
var _templateObject$D, _templateObject2$r, _templateObject3$k, _templateObject4$
|
|
8273
|
+
var _templateObject$D, _templateObject2$r, _templateObject3$k, _templateObject4$f, _templateObject5$b, _templateObject6$a;
|
|
8277
8274
|
var ProductImage$1 = styled__default.img(_templateObject$D || (_templateObject$D = _taggedTemplateLiteralLoose(["\n min-width: 50px;\n min-height: 50px;\n @media only screen and (max-width: 640px) {\n margin: 0.5em 0;\n padding-right: 0.5em;\n }\n"])));
|
|
8278
8275
|
var ProductName$1 = styled__default.h6(_templateObject2$r || (_templateObject2$r = _taggedTemplateLiteralLoose(["\n font-size: ", ";\n padding: 0;\n line-height: 1.3em;\n max-height: ", ";\n height: ", ";\n overflow: hidden;\n text-overflow: ellipsis;\n height: fit-content;\n"])), function (props) {
|
|
8279
8276
|
return props.size || '1em';
|
|
@@ -8289,7 +8286,7 @@ var CartTableRow$1 = styled__default(material.TableRow)(_templateObject3$k || (_
|
|
|
8289
8286
|
}, function (prop) {
|
|
8290
8287
|
return prop.bg;
|
|
8291
8288
|
});
|
|
8292
|
-
var CartTableCell$2 = styled__default(material.TableCell)(_templateObject4$
|
|
8289
|
+
var CartTableCell$2 = styled__default(material.TableCell)(_templateObject4$f || (_templateObject4$f = _taggedTemplateLiteralLoose(["\n && {\n border: none !important;\n font-size: 1em;\n }\n"])));
|
|
8293
8290
|
var QuantityBox$1 = styled__default.div(_templateObject5$b || (_templateObject5$b = _taggedTemplateLiteralLoose(["\n height: 1.7em;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n div {\n /* width:30px; */\n min-height: 100%;\n aspect-ratio: 1.15/1;\n display: grid;\n place-items: center;\n font-size: 0.65em;\n color: white;\n background-color: #323232;\n cursor: pointer;\n }\n .price {\n background: transparent;\n cursor: auto;\n background: #ffffff;\n border: 1px solid #ebebeb;\n p {\n color: #5e5c5c;\n font-size: 0.685em;\n font-weight: 500;\n }\n }\n .add {\n background-color: #ebebeb;\n color: #323232;\n }\n"])));
|
|
8294
8291
|
var DeleteBtn$1 = styled__default.div(_templateObject6$a || (_templateObject6$a = _taggedTemplateLiteralLoose(["\n display: grid;\n place-items: center;\n cursor: pointer;\n border-radius: 50%;\n width: 20px;\n height: 20px;\n background: #eef1f4;\n color: #393f48;\n font-size: 0.75em;\n transition: 0.4s;\n &:hover {\n background: red;\n color: white;\n }\n"])));
|
|
8295
8292
|
var CardRow$1 = function CardRow(_ref) {
|
|
@@ -8404,7 +8401,7 @@ var CardRow$1 = function CardRow(_ref) {
|
|
|
8404
8401
|
}))));
|
|
8405
8402
|
};
|
|
8406
8403
|
|
|
8407
|
-
var _templateObject$E, _templateObject2$s, _templateObject3$l, _templateObject4$
|
|
8404
|
+
var _templateObject$E, _templateObject2$s, _templateObject3$l, _templateObject4$g, _templateObject5$c, _templateObject6$b, _templateObject7$7, _templateObject8$5, _templateObject9$4;
|
|
8408
8405
|
var CartPageSection$1 = styled__default.section(_templateObject$E || (_templateObject$E = _taggedTemplateLiteralLoose(["\n background: ", ";\n max-width: 100%;\n width: fit-content;\n background: ", ";\n overflow: hidden;\n border-radius: 28px;\n\n @media screen and (max-width: 1340px) {\n padding: 0 1em;\n }\n @media screen and (max-width: 640px) {\n padding: 0 1em;\n }\n"])), function (props) {
|
|
8409
8406
|
return props.bg;
|
|
8410
8407
|
}, function (props) {
|
|
@@ -8426,7 +8423,7 @@ var CartPageContainer$1 = styled__default.div(_templateObject2$s || (_templateOb
|
|
|
8426
8423
|
var CardsBox$1 = styled__default.div(_templateObject3$l || (_templateObject3$l = _taggedTemplateLiteralLoose(["\n width: 100%;\n /* min-height: 1000px; */\n position: relative;\n max-width: 860px;\n margin-right: auto;\n padding: 1em 2em;\n display: ", ";\n grid-template-columns: 1fr 1fr;\n flex-direction: column;\n align-items: flex-start;\n grid-gap: 1em;\n justify-content: flex-start;\n align-items: center;\n border-radius: 20px;\n @media only screen and (max-width: 960px) {\n display: flex;\n }\n @media only screen and (max-width: 640px) {\n padding: 1em 0.2em;\n }\n"])), function (props) {
|
|
8427
8424
|
return props.retail ? 'grid' : 'flex';
|
|
8428
8425
|
});
|
|
8429
|
-
var CartHeading$1 = styled__default.div(_templateObject4$
|
|
8426
|
+
var CartHeading$1 = styled__default.div(_templateObject4$g || (_templateObject4$g = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n /* margin-bottom: 2em; */\n margin-left: 2.3em;\n margin-top: 2em;\n\n color: ", ";\n h1 {\n font-weight: 600;\n font-size: 2.0375em;\n text-transform: capitalize;\n color: ", ";\n /* margin-bottom: 1em; */\n }\n p {\n font-size: 0.875em;\n color: inherit;\n margin-top: 0.5em;\n }\n"])), function (props) {
|
|
8430
8427
|
return props.color || 'black';
|
|
8431
8428
|
}, function (props) {
|
|
8432
8429
|
return props.h1 || 'inherit';
|
|
@@ -9133,7 +9130,7 @@ var StyledButton = styled__default.button(_templateObject2$u || (_templateObject
|
|
|
9133
9130
|
return props.theme.primaryColor;
|
|
9134
9131
|
});
|
|
9135
9132
|
|
|
9136
|
-
var _templateObject$J, _templateObject2$v, _templateObject3$m, _templateObject4$
|
|
9133
|
+
var _templateObject$J, _templateObject2$v, _templateObject3$m, _templateObject4$h, _templateObject5$d, _templateObject6$c, _templateObject7$8, _templateObject8$6;
|
|
9137
9134
|
var CheckoutRootContainer = styled__default.div(_templateObject$J || (_templateObject$J = _taggedTemplateLiteralLoose(["\n width: 100%;\n padding: 4rem;\n background-color: ", ";\n font-size: 16px;\n\n div,\n button,\n span {\n font-size: 16px;\n }\n @media only screen and (max-width: 1620px) {\n padding: 3em 0.5em;\n }\n @media screen and (max-width: 840px) {\n div,\n button,\n span {\n font-size: 12px;\n }\n padding: 2rem 0.5rem;\n }\n"])), function (props) {
|
|
9138
9135
|
return props.bg;
|
|
9139
9136
|
});
|
|
@@ -9145,7 +9142,7 @@ var CheckoutPageContainer = styled__default.div(_templateObject2$v || (_template
|
|
|
9145
9142
|
return props.primaryColor || 'rgba(50, 50, 50, 1)';
|
|
9146
9143
|
});
|
|
9147
9144
|
var Row = styled__default.div(_templateObject3$m || (_templateObject3$m = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n"])));
|
|
9148
|
-
var CheckoutMainWithHeader = styled__default(material.Stack)(_templateObject4$
|
|
9145
|
+
var CheckoutMainWithHeader = styled__default(material.Stack)(_templateObject4$h || (_templateObject4$h = _taggedTemplateLiteralLoose([""])));
|
|
9149
9146
|
var CheckoutMain = styled__default.div(_templateObject5$d || (_templateObject5$d = _taggedTemplateLiteralLoose(["\n width: 100%;\n max-width: 1008px;\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n margin-right: 2em;\n max-height: 65vh;\n padding-right: 2em;\n overflow-y: auto;\n position: relative;\n padding-top: 2em;\n padding-bottom: 3em;\n /* width */\n ::-webkit-scrollbar {\n width: 10px;\n background: ", ";\n border-radius: 16px;\n }\n\n /* Track */\n ::-webkit-scrollbar-track {\n background: ", ";\n border-radius: 16px;\n }\n\n /* Handle */\n ::-webkit-scrollbar-thumb {\n background: ", ";\n border-radius: 16px;\n }\n @media only screen and (max-width: 1488px) {\n margin-bottom: 3em;\n min-height: max-content;\n max-height: max-content;\n margin-right: 0;\n overflow: visible;\n }\n @media only screen and (max-width: 788px) {\n max-width: 100vw;\n padding-right: 0;\n width: 98vw;\n min-width: 90vw;\n padding-top: 1em;\n }\n /* overflow: hidden; */\n"])), function (props) {
|
|
9150
9147
|
return props.bg || 'rgba(102,112,128,0.5)';
|
|
9151
9148
|
}, function (props) {
|
|
@@ -9229,7 +9226,7 @@ var CheckoutSummary = function CheckoutSummary(_ref) {
|
|
|
9229
9226
|
}, renderMoney(orderTotal === null || orderTotal === void 0 ? void 0 : orderTotal.adjustmentValue))));
|
|
9230
9227
|
};
|
|
9231
9228
|
|
|
9232
|
-
var _templateObject$L, _templateObject2$x, _templateObject3$o, _templateObject4$
|
|
9229
|
+
var _templateObject$L, _templateObject2$x, _templateObject3$o, _templateObject4$i, _templateObject5$e, _templateObject6$d, _templateObject7$9, _templateObject8$7, _templateObject9$5, _templateObject10$2, _templateObject11$1, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15$1, _templateObject16$1, _templateObject17$1, _templateObject18$1;
|
|
9233
9230
|
var StepContainer = styled__default.div(_templateObject$L || (_templateObject$L = _taggedTemplateLiteralLoose(["\n width: 100%;\n min-width: 57.43em;\n max-width: 57.43em;\n background: white;\n padding: 1em 2em;\n background: #ffffff;\n border-radius: 20px;\n margin-left: 2em;\n margin-top: -2em;\n margin-bottom: 1em;\n @media screen and (max-width: 1305px) {\n width: 80vw;\n min-width: 0;\n }\n @media screen and (max-width: 768px) {\n width: 96%;\n margin-left: 1em;\n padding: 0.8em;\n }\n @media screen and (max-width: 540px) {\n width: 94%;\n margin-left: 1.2em;\n }\n"])));
|
|
9234
9231
|
var StepsContent = styled__default.div(_templateObject2$x || (_templateObject2$x = _taggedTemplateLiteralLoose(["\n padding-left: 1.565em;\n min-height: max-content;\n .MuiOutlinedInput-root {\n background: ", ";\n }\n\n p {\n font-size: 0.75em;\n }\n .bold {\n text-transform: uppercase;\n word-spacing: 5px;\n margin-top: 0.95em;\n span {\n font-weight: 600;\n cursor: pointer;\n font-size: 0.94rem;\n }\n .red {\n color: ", ";\n }\n }\n @media screen and (max-width: 768px) {\n padding: 0;\n width: 100%;\n }\n"])), function (props) {
|
|
9235
9232
|
return 'transparent' + '!important';
|
|
@@ -9249,7 +9246,7 @@ var StepsHeaderContainer = styled__default.div(_templateObject3$o || (_templateO
|
|
|
9249
9246
|
}, function (props) {
|
|
9250
9247
|
return props.username ? 'not-allowed' : 'pointer';
|
|
9251
9248
|
});
|
|
9252
|
-
var TextFeildContainer = styled__default.div(_templateObject4$
|
|
9249
|
+
var TextFeildContainer = styled__default.div(_templateObject4$i || (_templateObject4$i = _taggedTemplateLiteralLoose(["\n label {\n color: rgba(107, 106, 106, 0.6) !important;\n }\n background: ", ";\n border-radius: 10px;\n && {\n input {\n font-size: 0.875em !important;\n color: black;\n &::placeholder {\n font-size: 0.975em !important;\n }\n }\n .icon {\n color: black;\n font-size: 1em;\n }\n }\n"])), function (props) {
|
|
9253
9250
|
var _props$theme, _props$theme$input;
|
|
9254
9251
|
return ((_props$theme = props.theme) === null || _props$theme === void 0 ? void 0 : (_props$theme$input = _props$theme.input) === null || _props$theme$input === void 0 ? void 0 : _props$theme$input.bg) || 'transparent';
|
|
9255
9252
|
});
|