@salesgenterp/ui-components 0.4.331 → 0.4.332
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 +62 -34
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +62 -34
- package/dist/index.modern.js.map +1 -1
- package/package.json +2 -2
package/dist/index.js
CHANGED
|
@@ -4803,11 +4803,12 @@ 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, _templateObject4$6;
|
|
4806
|
+
var _templateObject$o, _templateObject2$e, _templateObject3$9, _templateObject4$6, _templateObject5$4;
|
|
4807
4807
|
var LandingCarousel = function LandingCarousel(_ref) {
|
|
4808
|
-
var
|
|
4808
|
+
var _brandData2;
|
|
4809
4809
|
var brandList = _ref.brandList,
|
|
4810
|
-
noImgUrl = _ref.noImgUrl
|
|
4810
|
+
noImgUrl = _ref.noImgUrl,
|
|
4811
|
+
isSlider = _ref.isSlider;
|
|
4811
4812
|
var brandListData = (brandList === null || brandList === void 0 ? void 0 : brandList.content) || [];
|
|
4812
4813
|
var spaceBetweenCol = 4;
|
|
4813
4814
|
var brandData = function brandData() {
|
|
@@ -4850,6 +4851,31 @@ var LandingCarousel = function LandingCarousel(_ref) {
|
|
|
4850
4851
|
}]
|
|
4851
4852
|
};
|
|
4852
4853
|
};
|
|
4854
|
+
if (!isSlider) {
|
|
4855
|
+
var _brandData;
|
|
4856
|
+
return /*#__PURE__*/React__default.createElement(Root$6, null, /*#__PURE__*/React__default.createElement(material.Grid, {
|
|
4857
|
+
container: true,
|
|
4858
|
+
spacing: 1
|
|
4859
|
+
}, (_brandData = brandData()) === null || _brandData === void 0 ? void 0 : _brandData.map(function (item, i) {
|
|
4860
|
+
var _item$brandAttachment, _item$brandAttachment2;
|
|
4861
|
+
var brand = item === null || item === void 0 ? void 0 : (_item$brandAttachment = item.brandAttachmentMap) === null || _item$brandAttachment === void 0 ? void 0 : (_item$brandAttachment2 = _item$brandAttachment['Brand Logo']) === null || _item$brandAttachment2 === void 0 ? void 0 : _item$brandAttachment2[0];
|
|
4862
|
+
return /*#__PURE__*/React__default.createElement(material.Grid, {
|
|
4863
|
+
item: true,
|
|
4864
|
+
key: i
|
|
4865
|
+
}, /*#__PURE__*/React__default.createElement(SliderItem, null, /*#__PURE__*/React__default.createElement("a", {
|
|
4866
|
+
href: (brand === null || brand === void 0 ? void 0 : brand.redirectPath) || ''
|
|
4867
|
+
}, isVideo(brand === null || brand === void 0 ? void 0 : brand.url) ? /*#__PURE__*/React__default.createElement(Video, {
|
|
4868
|
+
src: brand === null || brand === void 0 ? void 0 : brand.url,
|
|
4869
|
+
loop: true,
|
|
4870
|
+
autoPlay: true,
|
|
4871
|
+
muted: true,
|
|
4872
|
+
playsInline: true
|
|
4873
|
+
}) : /*#__PURE__*/React__default.createElement(Image, {
|
|
4874
|
+
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,
|
|
4875
|
+
alt: "image"
|
|
4876
|
+
}))));
|
|
4877
|
+
})));
|
|
4878
|
+
}
|
|
4853
4879
|
return /*#__PURE__*/React__default.createElement(Root$6, null, /*#__PURE__*/React__default.createElement("link", {
|
|
4854
4880
|
rel: "stylesheet",
|
|
4855
4881
|
type: "text/css",
|
|
@@ -4861,12 +4887,10 @@ var LandingCarousel = function LandingCarousel(_ref) {
|
|
|
4861
4887
|
href: "https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick-theme.min.css"
|
|
4862
4888
|
}), /*#__PURE__*/React__default.createElement(ReactSlick, _extends({}, settings(), {
|
|
4863
4889
|
spaceBetweenCol: spaceBetweenCol
|
|
4864
|
-
}), (
|
|
4865
|
-
var _item$
|
|
4866
|
-
var brand = item === null || item === void 0 ? void 0 : (_item$
|
|
4867
|
-
return /*#__PURE__*/React__default.createElement("
|
|
4868
|
-
className: "slideItem"
|
|
4869
|
-
}, /*#__PURE__*/React__default.createElement("a", {
|
|
4890
|
+
}), (_brandData2 = brandData()) === null || _brandData2 === void 0 ? void 0 : _brandData2.map(function (item, i) {
|
|
4891
|
+
var _item$brandAttachment3, _item$brandAttachment4;
|
|
4892
|
+
var brand = item === null || item === void 0 ? void 0 : (_item$brandAttachment3 = item.brandAttachmentMap) === null || _item$brandAttachment3 === void 0 ? void 0 : (_item$brandAttachment4 = _item$brandAttachment3['Brand Logo']) === null || _item$brandAttachment4 === void 0 ? void 0 : _item$brandAttachment4[0];
|
|
4893
|
+
return /*#__PURE__*/React__default.createElement(SliderItem, null, /*#__PURE__*/React__default.createElement("a", {
|
|
4870
4894
|
href: (brand === null || brand === void 0 ? void 0 : brand.redirectPath) || ''
|
|
4871
4895
|
}, isVideo(brand === null || brand === void 0 ? void 0 : brand.url) ? /*#__PURE__*/React__default.createElement(Video, {
|
|
4872
4896
|
src: brand === null || brand === void 0 ? void 0 : brand.url,
|
|
@@ -4883,9 +4907,10 @@ var LandingCarousel = function LandingCarousel(_ref) {
|
|
|
4883
4907
|
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
4908
|
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
4909
|
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
|
|
4910
|
+
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\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) {
|
|
4887
4911
|
return props === null || props === void 0 ? void 0 : props.spaceBetweenCol;
|
|
4888
|
-
}
|
|
4912
|
+
});
|
|
4913
|
+
var SliderItem = styled__default.div(_templateObject5$4 || (_templateObject5$4 = _taggedTemplateLiteralLoose(["\n max-width: 150px;\n height: 100%;\n padding: 0 ", "px;\n overflow: hidden;\n"])), function (props) {
|
|
4889
4914
|
return props === null || props === void 0 ? void 0 : props.spaceBetweenCol;
|
|
4890
4915
|
});
|
|
4891
4916
|
|
|
@@ -4899,6 +4924,8 @@ var BrandList = function BrandList(_ref) {
|
|
|
4899
4924
|
} : _ref$colors,
|
|
4900
4925
|
_ref$size = _ref.size,
|
|
4901
4926
|
size = _ref$size === void 0 ? 20 : _ref$size,
|
|
4927
|
+
_ref$isSlider = _ref.isSlider,
|
|
4928
|
+
isSlider = _ref$isSlider === void 0 ? true : _ref$isSlider,
|
|
4902
4929
|
noImgUrl = _ref.noImgUrl;
|
|
4903
4930
|
var _useState = React.useState(false),
|
|
4904
4931
|
loading = _useState[0],
|
|
@@ -4931,7 +4958,8 @@ var BrandList = function BrandList(_ref) {
|
|
|
4931
4958
|
theme: colors
|
|
4932
4959
|
}, /*#__PURE__*/React__default.createElement(Root$7, null, /*#__PURE__*/React__default.createElement(material.CssBaseline, null), /*#__PURE__*/React__default.createElement(MainContainer$1, null, loading ? /*#__PURE__*/React__default.createElement(Loader, null) : /*#__PURE__*/React__default.createElement(LandingCarousel, {
|
|
4933
4960
|
brandList: brandList,
|
|
4934
|
-
noImgUrl: noImgUrl
|
|
4961
|
+
noImgUrl: noImgUrl,
|
|
4962
|
+
isSlider: isSlider
|
|
4935
4963
|
}))));
|
|
4936
4964
|
};
|
|
4937
4965
|
var Root$7 = styled__default.div(_templateObject$p || (_templateObject$p = _taggedTemplateLiteralLoose([""])));
|
|
@@ -5014,7 +5042,7 @@ var AsyncDataLoad = function AsyncDataLoad(_ref) {
|
|
|
5014
5042
|
};
|
|
5015
5043
|
var AsyncDataLoadComponent = React.memo(AsyncDataLoad);
|
|
5016
5044
|
|
|
5017
|
-
var _templateObject$q, _templateObject2$g, _templateObject3$a, _templateObject4$7, _templateObject5$
|
|
5045
|
+
var _templateObject$q, _templateObject2$g, _templateObject3$a, _templateObject4$7, _templateObject5$5, _templateObject6$3, _templateObject7$2, _templateObject8$2, _templateObject9$2;
|
|
5018
5046
|
var BrandStock = function BrandStock(_ref) {
|
|
5019
5047
|
var _Object$keys, _Object$keys2, _data$brands;
|
|
5020
5048
|
var storeData = _ref.storeData,
|
|
@@ -5168,7 +5196,7 @@ var Root$8 = styled__default.div(_templateObject$q || (_templateObject$q = _tagg
|
|
|
5168
5196
|
var TitleContainer$1 = styled__default.div(_templateObject2$g || (_templateObject2$g = _taggedTemplateLiteralLoose(["\n padding: 0 1rem;\n display: flex;\n justify-content: space-between;\n"])));
|
|
5169
5197
|
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"])));
|
|
5170
5198
|
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"])));
|
|
5171
|
-
var BrandContainer = styled__default.div(_templateObject5$
|
|
5199
|
+
var BrandContainer = styled__default.div(_templateObject5$5 || (_templateObject5$5 = _taggedTemplateLiteralLoose(["\n .brandImage {\n max-width: 100%;\n margin: 1rem auto;\n }\n"])));
|
|
5172
5200
|
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"])));
|
|
5173
5201
|
var TablePaperContainer = styled__default(TableContainer$2)(_templateObject7$2 || (_templateObject7$2 = _taggedTemplateLiteralLoose(["\n background-color: transparent;\n"])));
|
|
5174
5202
|
var TableRowContainer$1 = styled__default(TableRow)(_templateObject8$2 || (_templateObject8$2 = _taggedTemplateLiteralLoose(["\n && {\n background: ", ";\n &:last-child td,\n &:last-child th {\n border: 0;\n }\n }\n"])), function (props) {
|
|
@@ -5178,7 +5206,7 @@ var TableCellContainer$1 = styled__default(TableCell)(_templateObject9$2 || (_te
|
|
|
5178
5206
|
return props.availableQuantity ? props.stockCol && 'green' : '#ffffff';
|
|
5179
5207
|
});
|
|
5180
5208
|
|
|
5181
|
-
var _templateObject$r, _templateObject2$h, _templateObject3$b, _templateObject4$8, _templateObject5$
|
|
5209
|
+
var _templateObject$r, _templateObject2$h, _templateObject3$b, _templateObject4$8, _templateObject5$6, _templateObject6$4, _templateObject7$3;
|
|
5182
5210
|
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) {
|
|
5183
5211
|
return props.maxWidth || '650px';
|
|
5184
5212
|
});
|
|
@@ -5187,7 +5215,7 @@ var CartDrawerProductContainer = styled__default.div(_templateObject3$b || (_tem
|
|
|
5187
5215
|
return props.opacity;
|
|
5188
5216
|
});
|
|
5189
5217
|
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"])));
|
|
5190
|
-
var CartDrawerOutlinedButton = styled__default.button(_templateObject5$
|
|
5218
|
+
var CartDrawerOutlinedButton = styled__default.button(_templateObject5$6 || (_templateObject5$6 = _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) {
|
|
5191
5219
|
return props.color || 'black';
|
|
5192
5220
|
}, function (props) {
|
|
5193
5221
|
return props.color || 'black';
|
|
@@ -5323,7 +5351,7 @@ var CartDrawer = function CartDrawer(_ref) {
|
|
|
5323
5351
|
}, "continue to checkout"))));
|
|
5324
5352
|
};
|
|
5325
5353
|
|
|
5326
|
-
var _templateObject$t, _templateObject2$j, _templateObject3$d, _templateObject4$9, _templateObject5$
|
|
5354
|
+
var _templateObject$t, _templateObject2$j, _templateObject3$d, _templateObject4$9, _templateObject5$7, _templateObject6$5, _templateObject7$4, _templateObject8$3, _templateObject9$3;
|
|
5327
5355
|
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) {
|
|
5328
5356
|
return props.bg;
|
|
5329
5357
|
}, function (props) {
|
|
@@ -5350,7 +5378,7 @@ var CartHeading = styled__default.div(_templateObject4$9 || (_templateObject4$9
|
|
|
5350
5378
|
}, function (props) {
|
|
5351
5379
|
return props.h1 || 'inherit';
|
|
5352
5380
|
});
|
|
5353
|
-
var Loader$1 = styled__default.div(_templateObject5$
|
|
5381
|
+
var Loader$1 = styled__default.div(_templateObject5$7 || (_templateObject5$7 = _taggedTemplateLiteralLoose(["\n position: absolute;\n top: 40%;\n left: 47%;\n display: grid;\n place-items: center;\n z-index: 3;\n"])));
|
|
5354
5382
|
var CartTableCell = styled__default(material.TableCell)(_templateObject6$5 || (_templateObject6$5 = _taggedTemplateLiteralLoose(["\n && {\n padding-bottom: 1em !important;\n // border: none !important;\n /* font-size: 0.75em; */\n font-size: 1em;\n color: rgba(98, 95, 95, 1);\n // background: ", ";\n color: ", ";\n }\n &.bg-transparent {\n // background-color: transparent !important;\n text-transform: uppercase;\n z-index: 3 !important;\n span {\n font-size: 0.75em;\n font-weight: 600;\n }\n svg {\n color: ", ";\n }\n .MuiTableSortLabel-root {\n color: ", "!important;\n }\n }\n"])), function (props) {
|
|
5355
5383
|
return "" + props.bg;
|
|
5356
5384
|
}, function (props) {
|
|
@@ -6473,7 +6501,7 @@ if (process.env.NODE_ENV !== 'production') {
|
|
|
6473
6501
|
}
|
|
6474
6502
|
});
|
|
6475
6503
|
|
|
6476
|
-
var _templateObject$u, _templateObject2$k, _templateObject3$e, _templateObject4$a, _templateObject5$
|
|
6504
|
+
var _templateObject$u, _templateObject2$k, _templateObject3$e, _templateObject4$a, _templateObject5$8, _templateObject6$6;
|
|
6477
6505
|
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"])));
|
|
6478
6506
|
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) {
|
|
6479
6507
|
return props.size || '1em';
|
|
@@ -6490,7 +6518,7 @@ var CartTableRow = styled__default(material.TableRow)(_templateObject3$e || (_te
|
|
|
6490
6518
|
return prop.bg;
|
|
6491
6519
|
});
|
|
6492
6520
|
var CartTableCell$1 = styled__default(material.TableCell)(_templateObject4$a || (_templateObject4$a = _taggedTemplateLiteralLoose(["\n && {\n border: none !important;\n font-size: 1em;\n }\n"])));
|
|
6493
|
-
var QuantityBox = styled__default.div(_templateObject5$
|
|
6521
|
+
var QuantityBox = styled__default.div(_templateObject5$8 || (_templateObject5$8 = _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"])));
|
|
6494
6522
|
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"])));
|
|
6495
6523
|
var CardRow = function CardRow(_ref) {
|
|
6496
6524
|
var _styles$price, _styles$Btn, _row$standardPrice, _row$subtotal;
|
|
@@ -6842,7 +6870,7 @@ function EnhancedTable(_ref) {
|
|
|
6842
6870
|
}, "remove selected"), /*#__PURE__*/React.createElement("button", null, "updated cart")));
|
|
6843
6871
|
}
|
|
6844
6872
|
|
|
6845
|
-
var _templateObject$v, _templateObject2$l, _templateObject3$f, _templateObject4$b, _templateObject5$
|
|
6873
|
+
var _templateObject$v, _templateObject2$l, _templateObject3$f, _templateObject4$b, _templateObject5$9, _templateObject6$7, _templateObject7$5;
|
|
6846
6874
|
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"])));
|
|
6847
6875
|
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) {
|
|
6848
6876
|
return props.width || 'auto';
|
|
@@ -6851,7 +6879,7 @@ var CartPageImg = styled__default.img(_templateObject2$l || (_templateObject2$l
|
|
|
6851
6879
|
});
|
|
6852
6880
|
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"])));
|
|
6853
6881
|
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"])));
|
|
6854
|
-
var QtAndPriceBox = styled__default.div(_templateObject5$
|
|
6882
|
+
var QtAndPriceBox = styled__default.div(_templateObject5$9 || (_templateObject5$9 = _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"])));
|
|
6855
6883
|
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"])));
|
|
6856
6884
|
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"])));
|
|
6857
6885
|
|
|
@@ -6927,7 +6955,7 @@ var CartPageMainRetail = function CartPageMainRetail(_ref) {
|
|
|
6927
6955
|
})));
|
|
6928
6956
|
};
|
|
6929
6957
|
|
|
6930
|
-
var _templateObject$w, _templateObject2$m, _templateObject3$g, _templateObject4$c, _templateObject5$
|
|
6958
|
+
var _templateObject$w, _templateObject2$m, _templateObject3$g, _templateObject4$c, _templateObject5$a, _templateObject6$8, _templateObject7$6, _templateObject8$4;
|
|
6931
6959
|
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) {
|
|
6932
6960
|
return props.maxWidth || '26.375em';
|
|
6933
6961
|
}, function (props) {
|
|
@@ -6964,7 +6992,7 @@ var CartSummaryInputBox = styled__default.form(_templateObject4$c || (_templateO
|
|
|
6964
6992
|
}, function (props) {
|
|
6965
6993
|
return props.btn || '#393f48';
|
|
6966
6994
|
});
|
|
6967
|
-
var DiscountCouponContainer = styled__default.div(_templateObject5$
|
|
6995
|
+
var DiscountCouponContainer = styled__default.div(_templateObject5$a || (_templateObject5$a = _taggedTemplateLiteralLoose(["\n padding: 0.6rem 0;\n width: 100%;\n"])));
|
|
6968
6996
|
var DiscountCouponCard = styled__default.div(_templateObject6$8 || (_templateObject6$8 = _taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n padding: 0.3rem;\n svg {\n color: ", ";\n cursor: pointer;\n font-size: 1.4rem;\n }\n"])), function (props) {
|
|
6969
6997
|
return props.btn || '#393f48';
|
|
6970
6998
|
});
|
|
@@ -7527,7 +7555,7 @@ var HomeBanner = function HomeBanner(_ref) {
|
|
|
7527
7555
|
var Root$a = styled__default.div(_templateObject$z || (_templateObject$z = _taggedTemplateLiteralLoose([""])));
|
|
7528
7556
|
var MainContainer$3 = styled__default.div(_templateObject2$p || (_templateObject2$p = _taggedTemplateLiteralLoose([""])));
|
|
7529
7557
|
|
|
7530
|
-
var _templateObject$A, _templateObject2$q, _templateObject3$j, _templateObject4$e, _templateObject5$
|
|
7558
|
+
var _templateObject$A, _templateObject2$q, _templateObject3$j, _templateObject4$e, _templateObject5$b, _templateObject6$9;
|
|
7531
7559
|
var OutOfStock = function OutOfStock(_ref) {
|
|
7532
7560
|
var _product$body, _product$body$content, _product$body2, _product$body2$conten, _product$masterProduc, _product$header;
|
|
7533
7561
|
var product = _ref.product,
|
|
@@ -7764,7 +7792,7 @@ var MainCheckbox = styled__default(Checkbox)(_templateObject2$q || (_templateObj
|
|
|
7764
7792
|
});
|
|
7765
7793
|
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"])));
|
|
7766
7794
|
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"])));
|
|
7767
|
-
var ContainerDiv = styled__default.div(_templateObject5$
|
|
7795
|
+
var ContainerDiv = styled__default.div(_templateObject5$b || (_templateObject5$b = _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) {
|
|
7768
7796
|
return props.height ? props.height : 'auto';
|
|
7769
7797
|
}, function (props) {
|
|
7770
7798
|
return props.margin ? props.margin : '0.3rem 0';
|
|
@@ -8270,7 +8298,7 @@ var AsyncSelect = function AsyncSelect(_ref3) {
|
|
|
8270
8298
|
var _templateObject$C;
|
|
8271
8299
|
var Container$1 = styled__default.div(_templateObject$C || (_templateObject$C = _taggedTemplateLiteralLoose([""])));
|
|
8272
8300
|
|
|
8273
|
-
var _templateObject$D, _templateObject2$r, _templateObject3$k, _templateObject4$f, _templateObject5$
|
|
8301
|
+
var _templateObject$D, _templateObject2$r, _templateObject3$k, _templateObject4$f, _templateObject5$c, _templateObject6$a;
|
|
8274
8302
|
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"])));
|
|
8275
8303
|
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) {
|
|
8276
8304
|
return props.size || '1em';
|
|
@@ -8287,7 +8315,7 @@ var CartTableRow$1 = styled__default(material.TableRow)(_templateObject3$k || (_
|
|
|
8287
8315
|
return prop.bg;
|
|
8288
8316
|
});
|
|
8289
8317
|
var CartTableCell$2 = styled__default(material.TableCell)(_templateObject4$f || (_templateObject4$f = _taggedTemplateLiteralLoose(["\n && {\n border: none !important;\n font-size: 1em;\n }\n"])));
|
|
8290
|
-
var QuantityBox$1 = styled__default.div(_templateObject5$
|
|
8318
|
+
var QuantityBox$1 = styled__default.div(_templateObject5$c || (_templateObject5$c = _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"])));
|
|
8291
8319
|
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"])));
|
|
8292
8320
|
var CardRow$1 = function CardRow(_ref) {
|
|
8293
8321
|
var _styles$price, _styles$Btn, _row$standardPrice, _row$subtotal;
|
|
@@ -8401,7 +8429,7 @@ var CardRow$1 = function CardRow(_ref) {
|
|
|
8401
8429
|
}))));
|
|
8402
8430
|
};
|
|
8403
8431
|
|
|
8404
|
-
var _templateObject$E, _templateObject2$s, _templateObject3$l, _templateObject4$g, _templateObject5$
|
|
8432
|
+
var _templateObject$E, _templateObject2$s, _templateObject3$l, _templateObject4$g, _templateObject5$d, _templateObject6$b, _templateObject7$7, _templateObject8$5, _templateObject9$4;
|
|
8405
8433
|
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) {
|
|
8406
8434
|
return props.bg;
|
|
8407
8435
|
}, function (props) {
|
|
@@ -8428,7 +8456,7 @@ var CartHeading$1 = styled__default.div(_templateObject4$g || (_templateObject4$
|
|
|
8428
8456
|
}, function (props) {
|
|
8429
8457
|
return props.h1 || 'inherit';
|
|
8430
8458
|
});
|
|
8431
|
-
var Loader$2 = styled__default.div(_templateObject5$
|
|
8459
|
+
var Loader$2 = styled__default.div(_templateObject5$d || (_templateObject5$d = _taggedTemplateLiteralLoose(["\n position: absolute;\n top: 40%;\n left: 47%;\n display: grid;\n place-items: center;\n z-index: 3;\n"])));
|
|
8432
8460
|
var CartTableCell$3 = styled__default(material.TableCell)(_templateObject6$b || (_templateObject6$b = _taggedTemplateLiteralLoose(["\n && {\n padding-bottom: 1em !important;\n // border: none !important;\n /* font-size: 0.75em; */\n font-size: 1em;\n color: rgba(98, 95, 95, 1);\n // background: ", ";\n color: ", ";\n }\n &.bg-transparent {\n // background-color: transparent !important;\n text-transform: uppercase;\n span {\n font-size: 0.75em;\n font-weight: 600;\n }\n svg {\n color: ", ";\n }\n .MuiTableSortLabel-root {\n color: ", "!important;\n }\n }\n"])), function (props) {
|
|
8433
8461
|
return "" + props.bg;
|
|
8434
8462
|
}, function (props) {
|
|
@@ -9130,7 +9158,7 @@ var StyledButton = styled__default.button(_templateObject2$u || (_templateObject
|
|
|
9130
9158
|
return props.theme.primaryColor;
|
|
9131
9159
|
});
|
|
9132
9160
|
|
|
9133
|
-
var _templateObject$J, _templateObject2$v, _templateObject3$m, _templateObject4$h, _templateObject5$
|
|
9161
|
+
var _templateObject$J, _templateObject2$v, _templateObject3$m, _templateObject4$h, _templateObject5$e, _templateObject6$c, _templateObject7$8, _templateObject8$6;
|
|
9134
9162
|
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) {
|
|
9135
9163
|
return props.bg;
|
|
9136
9164
|
});
|
|
@@ -9143,7 +9171,7 @@ var CheckoutPageContainer = styled__default.div(_templateObject2$v || (_template
|
|
|
9143
9171
|
});
|
|
9144
9172
|
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"])));
|
|
9145
9173
|
var CheckoutMainWithHeader = styled__default(material.Stack)(_templateObject4$h || (_templateObject4$h = _taggedTemplateLiteralLoose([""])));
|
|
9146
|
-
var CheckoutMain = styled__default.div(_templateObject5$
|
|
9174
|
+
var CheckoutMain = styled__default.div(_templateObject5$e || (_templateObject5$e = _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) {
|
|
9147
9175
|
return props.bg || 'rgba(102,112,128,0.5)';
|
|
9148
9176
|
}, function (props) {
|
|
9149
9177
|
return props.bg || 'rgba(102,112,128,0.5)';
|
|
@@ -9226,7 +9254,7 @@ var CheckoutSummary = function CheckoutSummary(_ref) {
|
|
|
9226
9254
|
}, renderMoney(orderTotal === null || orderTotal === void 0 ? void 0 : orderTotal.adjustmentValue))));
|
|
9227
9255
|
};
|
|
9228
9256
|
|
|
9229
|
-
var _templateObject$L, _templateObject2$x, _templateObject3$o, _templateObject4$i, _templateObject5$
|
|
9257
|
+
var _templateObject$L, _templateObject2$x, _templateObject3$o, _templateObject4$i, _templateObject5$f, _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;
|
|
9230
9258
|
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"])));
|
|
9231
9259
|
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) {
|
|
9232
9260
|
return 'transparent' + '!important';
|
|
@@ -9250,7 +9278,7 @@ var TextFeildContainer = styled__default.div(_templateObject4$i || (_templateObj
|
|
|
9250
9278
|
var _props$theme, _props$theme$input;
|
|
9251
9279
|
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';
|
|
9252
9280
|
});
|
|
9253
|
-
var CommonCheckoutBtn = styled__default.button(_templateObject5$
|
|
9281
|
+
var CommonCheckoutBtn = styled__default.button(_templateObject5$f || (_templateObject5$f = _taggedTemplateLiteralLoose(["\n border: none;\n outline: none;\n width: ", ";\n height: ", ";\n background: ", ";\n display: grid;\n place-items: center;\n color: white;\n margin: 0 1em;\n font-weight: 500;\n letter-spacing: 1px;\n text-transform: ", ";\n transition: 0.4s;\n cursor: ", ";\n &:hover,\n &:focus {\n opacity: 0.7;\n }\n"])), function (props) {
|
|
9254
9282
|
return props.width || '8.05em';
|
|
9255
9283
|
}, function (props) {
|
|
9256
9284
|
return props.height || '2.25em';
|