@salesgenterp/ui-components 0.4.283 → 0.4.285
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 +218 -90
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +220 -93
- package/dist/index.modern.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -33,6 +33,7 @@ var InputLabel = _interopDefault(require('@mui/material/InputLabel'));
|
|
|
33
33
|
var MenuItem = _interopDefault(require('@mui/material/MenuItem'));
|
|
34
34
|
var FormControl = _interopDefault(require('@mui/material/FormControl'));
|
|
35
35
|
var Select$1 = _interopDefault(require('@mui/material/Select'));
|
|
36
|
+
var Slider = _interopDefault(require('react-slick'));
|
|
36
37
|
var Paper = _interopDefault(require('@mui/material/Paper'));
|
|
37
38
|
var Table = _interopDefault(require('@mui/material/Table'));
|
|
38
39
|
var TableBody = _interopDefault(require('@mui/material/TableBody'));
|
|
@@ -44,7 +45,6 @@ var reactSpinners = require('react-spinners');
|
|
|
44
45
|
var Box = _interopDefault(require('@mui/material/Box'));
|
|
45
46
|
var TableSortLabel = _interopDefault(require('@mui/material/TableSortLabel'));
|
|
46
47
|
var hi2 = require('react-icons/hi2');
|
|
47
|
-
var Slider = _interopDefault(require('react-slick'));
|
|
48
48
|
var Checkbox = _interopDefault(require('@mui/material/Checkbox'));
|
|
49
49
|
var InputBase = _interopDefault(require('@mui/material/InputBase'));
|
|
50
50
|
var reactSelect = require('react-select');
|
|
@@ -860,7 +860,7 @@ var APIStaticPage = function APIStaticPage(_ref) {
|
|
|
860
860
|
}, function () {});
|
|
861
861
|
})();
|
|
862
862
|
}
|
|
863
|
-
}, []);
|
|
863
|
+
}, [id, pageData]);
|
|
864
864
|
return /*#__PURE__*/React__default.createElement(styled.ThemeProvider, {
|
|
865
865
|
theme: colors
|
|
866
866
|
}, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(material.CssBaseline, null), /*#__PURE__*/React__default.createElement(Root, null, staticPage && /*#__PURE__*/React__default.createElement(StaticContainer, null, /*#__PURE__*/React__default.createElement("div", {
|
|
@@ -892,7 +892,7 @@ var APIStaticPage = function APIStaticPage(_ref) {
|
|
|
892
892
|
md: contactUsForm ? 6 : 12
|
|
893
893
|
}, extra && extra, /*#__PURE__*/React__default.createElement("div", {
|
|
894
894
|
dangerouslySetInnerHTML: {
|
|
895
|
-
__html:
|
|
895
|
+
__html: (staticPage === null || staticPage === void 0 ? void 0 : staticPage.body) || ''
|
|
896
896
|
}
|
|
897
897
|
})), contactUsForm && /*#__PURE__*/React__default.createElement(material.Grid, {
|
|
898
898
|
item: true,
|
|
@@ -3856,6 +3856,133 @@ var TypographyContainer$7 = styled__default(material.Typography)(_templateObject
|
|
|
3856
3856
|
return props.fontColor;
|
|
3857
3857
|
});
|
|
3858
3858
|
|
|
3859
|
+
var _templateObject$m, _templateObject2$d, _templateObject3$8;
|
|
3860
|
+
var LandingCarousel = function LandingCarousel(_ref) {
|
|
3861
|
+
var _brandData;
|
|
3862
|
+
var brandList = _ref.brandList;
|
|
3863
|
+
var brandListData = (brandList === null || brandList === void 0 ? void 0 : brandList.content) || [];
|
|
3864
|
+
var spaceBetweenCol = 4;
|
|
3865
|
+
var brandData = function brandData() {
|
|
3866
|
+
var data = lodash.cloneDeep(brandListData || []);
|
|
3867
|
+
if ((brandListData === null || brandListData === void 0 ? void 0 : brandListData.length) < 9) {
|
|
3868
|
+
for (var index = 0; index < 9; index++) {
|
|
3869
|
+
data.push.apply(data, brandListData);
|
|
3870
|
+
}
|
|
3871
|
+
}
|
|
3872
|
+
return data;
|
|
3873
|
+
};
|
|
3874
|
+
var settings = function settings() {
|
|
3875
|
+
return {
|
|
3876
|
+
dots: true,
|
|
3877
|
+
infinite: true,
|
|
3878
|
+
speed: 1000,
|
|
3879
|
+
slidesToShow: 9,
|
|
3880
|
+
slidesToScroll: 1,
|
|
3881
|
+
swipeToSlide: true,
|
|
3882
|
+
autoplay: true,
|
|
3883
|
+
arrows: true,
|
|
3884
|
+
pauseOnHover: false,
|
|
3885
|
+
prevArrow: /*#__PURE__*/React__default.createElement(ai.AiOutlineLeft, null),
|
|
3886
|
+
nextArrow: /*#__PURE__*/React__default.createElement(ai.AiOutlineRight, null),
|
|
3887
|
+
responsive: [{
|
|
3888
|
+
breakpoint: 600,
|
|
3889
|
+
settings: {
|
|
3890
|
+
slidesToShow: 2
|
|
3891
|
+
}
|
|
3892
|
+
}, {
|
|
3893
|
+
breakpoint: 900,
|
|
3894
|
+
settings: {
|
|
3895
|
+
slidesToShow: 6
|
|
3896
|
+
}
|
|
3897
|
+
}, {
|
|
3898
|
+
breakpoint: 1200,
|
|
3899
|
+
settings: {
|
|
3900
|
+
slidesToShow: 9
|
|
3901
|
+
}
|
|
3902
|
+
}]
|
|
3903
|
+
};
|
|
3904
|
+
};
|
|
3905
|
+
return /*#__PURE__*/React__default.createElement(Root$6, null, /*#__PURE__*/React__default.createElement("link", {
|
|
3906
|
+
rel: "stylesheet",
|
|
3907
|
+
type: "text/css",
|
|
3908
|
+
charset: "UTF-8",
|
|
3909
|
+
href: "https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.min.css"
|
|
3910
|
+
}), /*#__PURE__*/React__default.createElement("link", {
|
|
3911
|
+
rel: "stylesheet",
|
|
3912
|
+
type: "text/css",
|
|
3913
|
+
href: "https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick-theme.min.css"
|
|
3914
|
+
}), /*#__PURE__*/React__default.createElement(ReactSlick, _extends({}, settings(), {
|
|
3915
|
+
spaceBetweenCol: spaceBetweenCol
|
|
3916
|
+
}), (_brandData = brandData()) === null || _brandData === void 0 ? void 0 : _brandData.map(function (item, i) {
|
|
3917
|
+
var _item$brandAttachment, _item$brandAttachment2;
|
|
3918
|
+
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];
|
|
3919
|
+
return /*#__PURE__*/React__default.createElement("div", {
|
|
3920
|
+
className: "slideItem"
|
|
3921
|
+
}, /*#__PURE__*/React__default.createElement("a", {
|
|
3922
|
+
href: (brand === null || brand === void 0 ? void 0 : brand.redirectPath) || ''
|
|
3923
|
+
}, isVideo(brand === null || brand === void 0 ? void 0 : brand.url) ? /*#__PURE__*/React__default.createElement("video", {
|
|
3924
|
+
src: brand === null || brand === void 0 ? void 0 : brand.url,
|
|
3925
|
+
loop: true,
|
|
3926
|
+
autoPlay: true,
|
|
3927
|
+
muted: true,
|
|
3928
|
+
playsInline: true,
|
|
3929
|
+
style: {
|
|
3930
|
+
width: '100%',
|
|
3931
|
+
height: 'auto'
|
|
3932
|
+
}
|
|
3933
|
+
}) : /*#__PURE__*/React__default.createElement(Image, {
|
|
3934
|
+
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 : noImgAvailable$1,
|
|
3935
|
+
alt: "image"
|
|
3936
|
+
})));
|
|
3937
|
+
})));
|
|
3938
|
+
};
|
|
3939
|
+
var Image = styled__default.img(_templateObject$m || (_templateObject$m = _taggedTemplateLiteralLoose(["\n width: 100%;\n height: auto;\n transition: all 0.5s;\n &:hover {\n transform: scale(1.05);\n }\n"])));
|
|
3940
|
+
var Root$6 = styled__default.div(_templateObject2$d || (_templateObject2$d = _taggedTemplateLiteralLoose([""])));
|
|
3941
|
+
var ReactSlick = styled__default(Slider)(_templateObject3$8 || (_templateObject3$8 = _taggedTemplateLiteralLoose(["\n .slick-list {\n margin: 0 -", "px;\n }\n .slideItem {\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: #ffffff;\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) {
|
|
3942
|
+
return props === null || props === void 0 ? void 0 : props.spaceBetweenCol;
|
|
3943
|
+
}, function (props) {
|
|
3944
|
+
return props === null || props === void 0 ? void 0 : props.spaceBetweenCol;
|
|
3945
|
+
});
|
|
3946
|
+
|
|
3947
|
+
var _templateObject$n, _templateObject2$e;
|
|
3948
|
+
var BrandList = function BrandList(_ref) {
|
|
3949
|
+
var _ref$apiEndPoint = _ref.apiEndPoint,
|
|
3950
|
+
apiEndPoint = _ref$apiEndPoint === void 0 ? 'https://dev.salesgent.xyz/api' : _ref$apiEndPoint,
|
|
3951
|
+
_ref$colors = _ref.colors,
|
|
3952
|
+
colors = _ref$colors === void 0 ? {
|
|
3953
|
+
primaryColor: '#D2122E'
|
|
3954
|
+
} : _ref$colors,
|
|
3955
|
+
_ref$size = _ref.size,
|
|
3956
|
+
size = _ref$size === void 0 ? 20 : _ref$size;
|
|
3957
|
+
var _useState = React.useState(),
|
|
3958
|
+
brandList = _useState[0],
|
|
3959
|
+
setBrandList = _useState[1];
|
|
3960
|
+
React.useEffect(function () {
|
|
3961
|
+
(function () {
|
|
3962
|
+
try {
|
|
3963
|
+
var _temp = _catch(function () {
|
|
3964
|
+
return Promise.resolve(API$1({
|
|
3965
|
+
apiEndPoint: apiEndPoint,
|
|
3966
|
+
url: "/ecommerce/brand/list?size=" + (size || 20)
|
|
3967
|
+
})).then(function (data) {
|
|
3968
|
+
setBrandList(data);
|
|
3969
|
+
});
|
|
3970
|
+
}, function () {});
|
|
3971
|
+
return _temp && _temp.then ? _temp.then(function () {}) : void 0;
|
|
3972
|
+
} catch (e) {
|
|
3973
|
+
Promise.reject(e);
|
|
3974
|
+
}
|
|
3975
|
+
})();
|
|
3976
|
+
}, []);
|
|
3977
|
+
return /*#__PURE__*/React__default.createElement(styled.ThemeProvider, {
|
|
3978
|
+
theme: colors
|
|
3979
|
+
}, /*#__PURE__*/React__default.createElement(Root$7, null, /*#__PURE__*/React__default.createElement(material.CssBaseline, null), /*#__PURE__*/React__default.createElement(MainContainer$1, null, /*#__PURE__*/React__default.createElement(LandingCarousel, {
|
|
3980
|
+
brandList: brandList
|
|
3981
|
+
}))));
|
|
3982
|
+
};
|
|
3983
|
+
var Root$7 = styled__default.div(_templateObject$n || (_templateObject$n = _taggedTemplateLiteralLoose([""])));
|
|
3984
|
+
var MainContainer$1 = styled__default.div(_templateObject2$e || (_templateObject2$e = _taggedTemplateLiteralLoose([""])));
|
|
3985
|
+
|
|
3859
3986
|
var AsyncDataLoad = function AsyncDataLoad(_ref) {
|
|
3860
3987
|
var apiEndPoint = _ref.apiEndPoint,
|
|
3861
3988
|
token = _ref.token,
|
|
@@ -3933,7 +4060,7 @@ var AsyncDataLoad = function AsyncDataLoad(_ref) {
|
|
|
3933
4060
|
};
|
|
3934
4061
|
var AsyncDataLoadComponent = React.memo(AsyncDataLoad);
|
|
3935
4062
|
|
|
3936
|
-
var _templateObject$
|
|
4063
|
+
var _templateObject$o, _templateObject2$f, _templateObject3$9, _templateObject4$6, _templateObject5$4, _templateObject6$3, _templateObject7$2, _templateObject8$2;
|
|
3937
4064
|
var BrandStock = function BrandStock(_ref) {
|
|
3938
4065
|
var _Object$keys, _Object$keys2, _data$brands;
|
|
3939
4066
|
var storeData = _ref.storeData,
|
|
@@ -3996,7 +4123,7 @@ var BrandStock = function BrandStock(_ref) {
|
|
|
3996
4123
|
}, []);
|
|
3997
4124
|
return /*#__PURE__*/React__default.createElement(styled.ThemeProvider, {
|
|
3998
4125
|
theme: colors
|
|
3999
|
-
}, /*#__PURE__*/React__default.createElement(Root$
|
|
4126
|
+
}, /*#__PURE__*/React__default.createElement(Root$8, null, /*#__PURE__*/React__default.createElement(material.CssBaseline, null), /*#__PURE__*/React__default.createElement(TitleContainer$1, null, /*#__PURE__*/React__default.createElement("p", null, "Product stock sheet"), /*#__PURE__*/React__default.createElement("span", null, "Updated automatically every 5 minutes")), /*#__PURE__*/React__default.createElement(MainContainer$2, null, (data === null || data === void 0 ? void 0 : data.logoUrl) && /*#__PURE__*/React__default.createElement("div", {
|
|
4000
4127
|
className: "logo"
|
|
4001
4128
|
}, /*#__PURE__*/React__default.createElement("img", {
|
|
4002
4129
|
className: "logoImage",
|
|
@@ -4083,9 +4210,9 @@ var BrandStock = function BrandStock(_ref) {
|
|
|
4083
4210
|
}));
|
|
4084
4211
|
})), (data === null || data === void 0 ? void 0 : data.returnPolicy) && /*#__PURE__*/React__default.createElement(ReturnPolicyContainer, null, /*#__PURE__*/React__default.createElement("h2", null, "Return Policy"), data === null || data === void 0 ? void 0 : data.returnPolicy))));
|
|
4085
4212
|
};
|
|
4086
|
-
var Root$
|
|
4087
|
-
var TitleContainer$1 = styled__default.div(_templateObject2$
|
|
4088
|
-
var MainContainer$
|
|
4213
|
+
var Root$8 = styled__default.div(_templateObject$o || (_templateObject$o = _taggedTemplateLiteralLoose(["\n padding: 1rem;\n"])));
|
|
4214
|
+
var TitleContainer$1 = styled__default.div(_templateObject2$f || (_templateObject2$f = _taggedTemplateLiteralLoose(["\n padding: 0 1rem;\n display: flex;\n justify-content: space-between;\n"])));
|
|
4215
|
+
var MainContainer$2 = styled__default.div(_templateObject3$9 || (_templateObject3$9 = _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"])));
|
|
4089
4216
|
var DetailsContainer = styled__default.div(_templateObject4$6 || (_templateObject4$6 = _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"])));
|
|
4090
4217
|
var BrandContainer = styled__default.div(_templateObject5$4 || (_templateObject5$4 = _taggedTemplateLiteralLoose(["\n .brandImage {\n max-width: 100%;\n margin: 1rem auto;\n }\n"])));
|
|
4091
4218
|
var ReturnPolicyContainer = styled__default.div(_templateObject6$3 || (_templateObject6$3 = _taggedTemplateLiteralLoose(["\n margin: 1rem 0;\n text-align: center;\n p {\n font-size: 16px;\n }\n"])));
|
|
@@ -4096,12 +4223,12 @@ var TableCellContainer$1 = styled__default(TableCell)(_templateObject8$2 || (_te
|
|
|
4096
4223
|
return props.availableQuantity ? props.stockCol && 'green' : '#ffffff';
|
|
4097
4224
|
});
|
|
4098
4225
|
|
|
4099
|
-
var _templateObject$
|
|
4100
|
-
var CartDrawerContainer = styled__default.div(_templateObject$
|
|
4226
|
+
var _templateObject$p, _templateObject2$g, _templateObject3$a, _templateObject4$7, _templateObject5$5, _templateObject6$4, _templateObject7$3;
|
|
4227
|
+
var CartDrawerContainer = styled__default.div(_templateObject$p || (_templateObject$p = _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) {
|
|
4101
4228
|
return props.maxWidth || '650px';
|
|
4102
4229
|
});
|
|
4103
|
-
var CartDrawerBar = styled__default.div(_templateObject2$
|
|
4104
|
-
var CartDrawerProductContainer = styled__default.div(_templateObject3$
|
|
4230
|
+
var CartDrawerBar = styled__default.div(_templateObject2$g || (_templateObject2$g = _taggedTemplateLiteralLoose(["\n width: 100%;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n position: sticky;\n box-sizing: border-box;\n top: 0;\n left: -1em;\n padding: 1em;\n height: 4.6rem;\n font-size: 1.6rem;\n background-color: white;\n font-weight: bold;\n padding-left: 1rem;\n z-index: 2;\n h2 {\n font-size: 1.5em;\n }\n .icon {\n cursor: pointer;\n font-size: 1em;\n }\n @media only screen and (max-width: 640px) {\n font-size: 1rem;\n height: 4rem;\n }\n"])));
|
|
4231
|
+
var CartDrawerProductContainer = styled__default.div(_templateObject3$a || (_templateObject3$a = _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) {
|
|
4105
4232
|
return props.opacity;
|
|
4106
4233
|
});
|
|
4107
4234
|
var CartDrawerBottomSection = styled__default.div(_templateObject4$7 || (_templateObject4$7 = _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"])));
|
|
@@ -4117,12 +4244,12 @@ var CartDrawerEmptyCart = styled__default.div(_templateObject7$3 || (_templateOb
|
|
|
4117
4244
|
return props.color || 'red';
|
|
4118
4245
|
});
|
|
4119
4246
|
|
|
4120
|
-
var _templateObject$
|
|
4121
|
-
var CartDrawerProduct = styled__default.div(_templateObject$
|
|
4247
|
+
var _templateObject$q, _templateObject2$h, _templateObject3$b;
|
|
4248
|
+
var CartDrawerProduct = styled__default.div(_templateObject$q || (_templateObject$q = _taggedTemplateLiteralLoose(["\n width: 100%;\n display: flex;\n flex-direction: row;\n height: 100px;\n justify-content: space-around;\n align-items: center;\n overflow: hidden;\n margin-bottom: 2rem;\n user-select: none;\n\n img {\n width: 20%;\n max-height: 100%;\n /* aspect-ratio: 1; */\n object-fit: cover;\n }\n .middleSection {\n width: 60%;\n padding-left: 0.8rem;\n height: 100%;\n h6 {\n font-size: 1.1rem;\n font-weight: bold;\n margin: 0;\n\n span {\n font-size: 0.8rem;\n color: grey;\n text-decoration: line-through;\n margin-right: 0.5rem;\n }\n }\n .name {\n font-size: 0.9rem;\n line-height: 1.2rem;\n width: 100%;\n word-wrap: break-word;\n overflow: hidden;\n text-overflow: ellipsis;\n transition: 0.3s;\n cursor: pointer;\n &:hover {\n color: ", ";\n }\n }\n }\n .endSection {\n width: 20%;\n height: 95%;\n .icon {\n cursor: pointer;\n transition: 0.4s;\n &:hover {\n color: red;\n /* opacity: 0.7; */\n }\n }\n }\n @media only screen and (max-width: 768px) {\n .closeIcon {\n font-size: 1rem;\n }\n height: 80px;\n .middleSection {\n .name {\n max-height: 2.4rem;\n height: 2.4rem;\n }\n }\n }\n @media only screen and (max-width: 340px) {\n height: 80px;\n .middleSection {\n h6 {\n font-size: 0.9rem;\n }\n .name {\n font-size: 0.7rem;\n height: 1.45rem;\n }\n }\n }\n"])), function (props) {
|
|
4122
4249
|
return props.color || 'grey';
|
|
4123
4250
|
});
|
|
4124
|
-
var CartDrawerQtBox = styled__default.div(_templateObject2$
|
|
4125
|
-
var CartDrawerLoader = styled__default.div(_templateObject3$
|
|
4251
|
+
var CartDrawerQtBox = styled__default.div(_templateObject2$h || (_templateObject2$h = _taggedTemplateLiteralLoose(["\n height: 34px;\n width: 82px;\n border: 1px solid rgb(211, 210, 210);\n display: flex;\n align-items: center;\n justify-content: space-between;\n font-size: 13.5px;\n color: #333;\n padding: 0 0.5rem;\n border-radius: 5px;\n max-width: 100%;\n\n span {\n cursor: pointer;\n height: 100%;\n display: grid;\n place-items: center;\n }\n .qt {\n font-size: 12px;\n color: black;\n font-weight: 500;\n cursor: auto;\n }\n @media only screen and (max-width: 640px) {\n min-width: 55px;\n aspect-ratio: 1/2;\n /* min-height: 28px; */\n font-size: 10px;\n }\n @media only screen and (max-width: 340px) {\n min-width: 50px;\n aspect-ratio: 1/2;\n height: 22px;\n font-size: 8px;\n }\n"])));
|
|
4252
|
+
var CartDrawerLoader = styled__default.div(_templateObject3$b || (_templateObject3$b = _taggedTemplateLiteralLoose(["\n position: absolute;\n top: 30%;\n width: 100px;\n height: 100px;\n display: grid;\n place-items: center;\n"])));
|
|
4126
4253
|
|
|
4127
4254
|
var CartDrawerProductCard = function CartDrawerProductCard(_ref) {
|
|
4128
4255
|
var product = _ref.product,
|
|
@@ -4241,13 +4368,13 @@ var CartDrawer = function CartDrawer(_ref) {
|
|
|
4241
4368
|
}, "continue to checkout"))));
|
|
4242
4369
|
};
|
|
4243
4370
|
|
|
4244
|
-
var _templateObject$
|
|
4245
|
-
var CartPageSection = styled__default.section(_templateObject$
|
|
4371
|
+
var _templateObject$r, _templateObject2$i, _templateObject3$c, _templateObject4$8, _templateObject5$6, _templateObject6$5, _templateObject7$4, _templateObject8$3, _templateObject9$2;
|
|
4372
|
+
var CartPageSection = styled__default.section(_templateObject$r || (_templateObject$r = _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) {
|
|
4246
4373
|
return props.bg;
|
|
4247
4374
|
}, function (props) {
|
|
4248
4375
|
return props.bg || '#FAE8E5';
|
|
4249
4376
|
});
|
|
4250
|
-
var CartPageContainer = styled__default.div(_templateObject2$
|
|
4377
|
+
var CartPageContainer = styled__default.div(_templateObject2$i || (_templateObject2$i = _taggedTemplateLiteralLoose(["\n max-width: ", ";\n width: ", ";\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: flex-start;\n border-radius: 28px 28px 28px 14px;\n padding: 2em 2.5em;\n padding-bottom: 3em;\n border-radius: 28px;\n opacity: ", ";\n .scrollDiv {\n width: 68%;\n height: 630px;\n max-height: 630px;\n display: flex;\n flex-direction: column;\n overflow-y: auto;\n\n margin-right: 0.3em;\n &::-webkit-scrollbar {\n width: ", ";\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: ", ";\n\n border-radius: 16px;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: ", ";\n border-radius: 16px;\n }\n /* box-shadow: 0px 20px 35px rgba(0, 0, 0, 0.05); */\n }\n table {\n border-collapse: separate;\n border-spacing: 0 4px;\n row-gap: 4px;\n }\n\n td {\n /* border: solid 1px #000; */\n border-style: none solid solid none;\n /* padding: 10px; */\n /* margin-bottom:5px; */\n }\n\n tr:first-child td:first-child {\n border-top-left-radius: 10px;\n }\n tr td:last-child {\n border-top-right-radius: 10px;\n border-bottom-right-radius: 10px;\n }\n\n tr td:first-child {\n border-bottom-left-radius: 10px;\n border-top-left-radius: 10px;\n }\n tr td:last-child {\n border-bottom-right-radius: 10px;\n }\n\n tr td {\n border-top-style: solid;\n }\n tr td:first-child {\n border-left-style: solid;\n }\n\n @media only screen and (max-width: 1340px) {\n flex-direction: column;\n align-items: center;\n padding: 0.5em;\n .scrollDiv {\n width: 100%;\n margin: 0;\n margin-bottom: 2em;\n padding: 0 0.4em;\n }\n }\n"])), function (props) {
|
|
4251
4378
|
return props.maxWidth || '1620px';
|
|
4252
4379
|
}, function (props) {
|
|
4253
4380
|
return "min(" + (props.maxWidth || '1620px') + ",100%)";
|
|
@@ -4260,7 +4387,7 @@ var CartPageContainer = styled__default.div(_templateObject2$g || (_templateObje
|
|
|
4260
4387
|
}, function (props) {
|
|
4261
4388
|
return props.color || '#BFC3CA';
|
|
4262
4389
|
});
|
|
4263
|
-
var CardsBox = styled__default.div(_templateObject3$
|
|
4390
|
+
var CardsBox = styled__default.div(_templateObject3$c || (_templateObject3$c = _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) {
|
|
4264
4391
|
return props.retail ? 'grid' : 'flex';
|
|
4265
4392
|
});
|
|
4266
4393
|
var CartHeading = styled__default.div(_templateObject4$8 || (_templateObject4$8 = _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) {
|
|
@@ -5391,16 +5518,16 @@ if (process.env.NODE_ENV !== 'production') {
|
|
|
5391
5518
|
}
|
|
5392
5519
|
});
|
|
5393
5520
|
|
|
5394
|
-
var _templateObject$
|
|
5395
|
-
var ProductImage = styled__default.img(_templateObject$
|
|
5396
|
-
var ProductName = styled__default.h6(_templateObject2$
|
|
5521
|
+
var _templateObject$s, _templateObject2$j, _templateObject3$d, _templateObject4$9, _templateObject5$7, _templateObject6$6;
|
|
5522
|
+
var ProductImage = styled__default.img(_templateObject$s || (_templateObject$s = _taggedTemplateLiteralLoose(["\n min-width: 50px;\n min-height: 58px;\n @media only screen and (max-width: 640px) {\n margin: 0.5em 0;\n padding-right: 0.5em;\n }\n"])));
|
|
5523
|
+
var ProductName = styled__default.h6(_templateObject2$j || (_templateObject2$j = _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) {
|
|
5397
5524
|
return props.size || '1em';
|
|
5398
5525
|
}, function (props) {
|
|
5399
5526
|
return props.maxHeight ? props.maxHeight + "em" : '2.75em';
|
|
5400
5527
|
}, function (props) {
|
|
5401
5528
|
return props.maxHeight ? props.maxHeight + "em" : '2.80em';
|
|
5402
5529
|
});
|
|
5403
|
-
var CartTableRow = styled__default(material.TableRow)(_templateObject3$
|
|
5530
|
+
var CartTableRow = styled__default(material.TableRow)(_templateObject3$d || (_templateObject3$d = _taggedTemplateLiteralLoose(["\n position: relative;\n transition: 0.3s;\n background: white;\n /* &:hover {\n td:first-child,\n td:last-child {\n border-left-style: solid;\n border-top-style: solid;\n border-top-right-radius: 10px;\n }\n } */\n .outOfStock {\n font-size: 0.75em;\n color: red;\n text-transform: uppercase;\n font-weight: 500;\n }\n .price {\n font-size: ", ";\n font-weight: bold;\n color: #323232;\n /* font-size: 1.15em; */\n }\n .borderLeft {\n height: 100%;\n width: 0;\n background: ", ";\n transition: 0.2s;\n width: 0px;\n position: absolute;\n left: 0;\n top: 0;\n border-top-left-radius: 10px;\n display: none;\n border-bottom-left-radius: 10px;\n }\n .cartCheckBox {\n &.Mui-checked {\n svg {\n color: ", ";\n }\n }\n }\n &:hover {\n background: white !important;\n box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);\n border-radius: 10px;\n /* opacity: 1;\n box-shadow: 1px 2px 6px 2px rgba(0, 0, 0, 0.2); */\n z-index: 2;\n /* border-radius: 20px; */\n .borderLeft {\n width: 13px;\n display: inline-block;\n }\n }\n @media only screen and (max-width: 640px) {\n .CartnoPaddingSm {\n padding: 0 !important;\n }\n .price {\n font-size: 0.8em;\n }\n margin: 0.5em 0;\n .cartCheckBox {\n .css-i4bv87-MuiSvgIcon-root {\n font-size: 10px !important;\n }\n }\n }\n"])), function (props) {
|
|
5404
5531
|
return props.size || '1.19em';
|
|
5405
5532
|
}, function (prop) {
|
|
5406
5533
|
return prop.bg;
|
|
@@ -5760,14 +5887,14 @@ function EnhancedTable(_ref) {
|
|
|
5760
5887
|
}, "remove selected"), /*#__PURE__*/React.createElement("button", null, "updated cart")));
|
|
5761
5888
|
}
|
|
5762
5889
|
|
|
5763
|
-
var _templateObject$
|
|
5764
|
-
var CartPageCard = styled__default.div(_templateObject$
|
|
5765
|
-
var CartPageImg = styled__default.img(_templateObject2$
|
|
5890
|
+
var _templateObject$t, _templateObject2$k, _templateObject3$e, _templateObject4$a, _templateObject5$8, _templateObject6$7, _templateObject7$5;
|
|
5891
|
+
var CartPageCard = styled__default.div(_templateObject$t || (_templateObject$t = _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"])));
|
|
5892
|
+
var CartPageImg = styled__default.img(_templateObject2$k || (_templateObject2$k = _taggedTemplateLiteralLoose(["\n /* width: 95px; */\n width: ", ";\n height: ", ";\n position: relative;\n margin-right: 1em;\n"])), function (props) {
|
|
5766
5893
|
return props.width || 'auto';
|
|
5767
5894
|
}, function (props) {
|
|
5768
5895
|
return props.height || '81px';
|
|
5769
5896
|
});
|
|
5770
|
-
var NameAndQtBox = styled__default.div(_templateObject3$
|
|
5897
|
+
var NameAndQtBox = styled__default.div(_templateObject3$e || (_templateObject3$e = _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"])));
|
|
5771
5898
|
var CartPageCardName = styled__default.div(_templateObject4$a || (_templateObject4$a = _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"])));
|
|
5772
5899
|
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"])));
|
|
5773
5900
|
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"])));
|
|
@@ -5845,8 +5972,8 @@ var CartPageMainRetail = function CartPageMainRetail(_ref) {
|
|
|
5845
5972
|
})));
|
|
5846
5973
|
};
|
|
5847
5974
|
|
|
5848
|
-
var _templateObject$
|
|
5849
|
-
var CartSummaryContainer = styled__default.div(_templateObject$
|
|
5975
|
+
var _templateObject$u, _templateObject2$l, _templateObject3$f, _templateObject4$b, _templateObject5$9, _templateObject6$8, _templateObject7$6, _templateObject8$4;
|
|
5976
|
+
var CartSummaryContainer = styled__default.div(_templateObject$u || (_templateObject$u = _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) {
|
|
5850
5977
|
return props.maxWidth || '26.375em';
|
|
5851
5978
|
}, function (props) {
|
|
5852
5979
|
return props.background || '#667080';
|
|
@@ -5855,12 +5982,12 @@ var CartSummaryContainer = styled__default.div(_templateObject$s || (_templateOb
|
|
|
5855
5982
|
}, function (props) {
|
|
5856
5983
|
return props.color || 'white';
|
|
5857
5984
|
});
|
|
5858
|
-
var CartSummaryRow = styled__default.div(_templateObject2$
|
|
5985
|
+
var CartSummaryRow = styled__default.div(_templateObject2$l || (_templateObject2$l = _taggedTemplateLiteralLoose(["\n width: 100%;\n display: flex;\n flex-direction: row;\n justify-content: ", ";\n align-items: center;\n color: inherit;\n h6,\n h5 {\n margin: 0;\n font-size: 1em;\n font-weight: 700;\n color: inherit;\n text-transform: capitalize;\n }\n h5 {\n font-size: ", ";\n }\n"])), function (props) {
|
|
5859
5986
|
return props.justify || 'space-between';
|
|
5860
5987
|
}, function (props) {
|
|
5861
5988
|
return props.h5 || '1.31em';
|
|
5862
5989
|
});
|
|
5863
|
-
var CartSummaryHr = styled__default.span(_templateObject3$
|
|
5990
|
+
var CartSummaryHr = styled__default.span(_templateObject3$f || (_templateObject3$f = _taggedTemplateLiteralLoose(["\n border: none;\n width: 100%;\n height: 1px;\n background-color: ", ";\n margin: 1.2em 0;\n"])), function (props) {
|
|
5864
5991
|
return props.color || 'rgba(255, 255, 255, 0.5)';
|
|
5865
5992
|
});
|
|
5866
5993
|
var CartSummaryInputBox = styled__default.form(_templateObject4$b || (_templateObject4$b = _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) {
|
|
@@ -6191,7 +6318,7 @@ var GTagManager = function GTagManager(_ref) {
|
|
|
6191
6318
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
|
|
6192
6319
|
};
|
|
6193
6320
|
|
|
6194
|
-
var _templateObject$
|
|
6321
|
+
var _templateObject$v, _templateObject2$m;
|
|
6195
6322
|
var BannerImages = function BannerImages(_ref) {
|
|
6196
6323
|
var config = _ref.config,
|
|
6197
6324
|
sliderImages = _ref.sliderImages,
|
|
@@ -6225,18 +6352,18 @@ var BannerImages = function BannerImages(_ref) {
|
|
|
6225
6352
|
width: '100%',
|
|
6226
6353
|
height: 'auto'
|
|
6227
6354
|
}
|
|
6228
|
-
}) : /*#__PURE__*/React__default.createElement(Image, {
|
|
6355
|
+
}) : /*#__PURE__*/React__default.createElement(Image$1, {
|
|
6229
6356
|
src: v !== null && v !== void 0 && v.imageUrl && (v === null || v === void 0 ? void 0 : v.imageUrl) !== 'null' ? v === null || v === void 0 ? void 0 : v.imageUrl : noImgAvailable$1,
|
|
6230
6357
|
alt: "image",
|
|
6231
6358
|
style: _extends({}, itemStyle)
|
|
6232
6359
|
}))));
|
|
6233
6360
|
})));
|
|
6234
6361
|
};
|
|
6235
|
-
var Image = styled__default.img(_templateObject$
|
|
6236
|
-
var BannerContainer$1 = styled__default.section(_templateObject2$
|
|
6362
|
+
var Image$1 = styled__default.img(_templateObject$v || (_templateObject$v = _taggedTemplateLiteralLoose(["\n width: 100%;\n height: auto;\n cursor: pointer;\n transition: all 0.5s;\n &:hover {\n transform: scale(1.02);\n }\n"])));
|
|
6363
|
+
var BannerContainer$1 = styled__default.section(_templateObject2$m || (_templateObject2$m = _taggedTemplateLiteralLoose(["\n width: 100%;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n font-size: 0;\n"])));
|
|
6237
6364
|
|
|
6238
|
-
var _templateObject$
|
|
6239
|
-
var LandingCarousel = function LandingCarousel(_ref) {
|
|
6365
|
+
var _templateObject$w, _templateObject2$n, _templateObject3$g;
|
|
6366
|
+
var LandingCarousel$1 = function LandingCarousel(_ref) {
|
|
6240
6367
|
var _config$spaceBetweenC, _config$colLg, _ref2, _ref3, _config$colSm, _ref4, _config$colMd, _config$colLg2;
|
|
6241
6368
|
var config = _ref.config,
|
|
6242
6369
|
sliderImages = _ref.sliderImages;
|
|
@@ -6270,7 +6397,7 @@ var LandingCarousel = function LandingCarousel(_ref) {
|
|
|
6270
6397
|
}
|
|
6271
6398
|
}]
|
|
6272
6399
|
};
|
|
6273
|
-
return /*#__PURE__*/React__default.createElement(Root$
|
|
6400
|
+
return /*#__PURE__*/React__default.createElement(Root$9, null, /*#__PURE__*/React__default.createElement("link", {
|
|
6274
6401
|
rel: "stylesheet",
|
|
6275
6402
|
type: "text/css",
|
|
6276
6403
|
charset: "UTF-8",
|
|
@@ -6279,7 +6406,7 @@ var LandingCarousel = function LandingCarousel(_ref) {
|
|
|
6279
6406
|
rel: "stylesheet",
|
|
6280
6407
|
type: "text/css",
|
|
6281
6408
|
href: "https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick-theme.min.css"
|
|
6282
|
-
}), /*#__PURE__*/React__default.createElement(ReactSlick, _extends({}, settings, {
|
|
6409
|
+
}), /*#__PURE__*/React__default.createElement(ReactSlick$1, _extends({}, settings, {
|
|
6283
6410
|
spaceBetweenCol: spaceBetweenCol || 0
|
|
6284
6411
|
}), sliderImageList === null || sliderImageList === void 0 ? void 0 : sliderImageList.map(function (slide, i) {
|
|
6285
6412
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
@@ -6296,21 +6423,21 @@ var LandingCarousel = function LandingCarousel(_ref) {
|
|
|
6296
6423
|
width: '100%',
|
|
6297
6424
|
height: 'auto'
|
|
6298
6425
|
}
|
|
6299
|
-
}) : /*#__PURE__*/React__default.createElement(Image$
|
|
6426
|
+
}) : /*#__PURE__*/React__default.createElement(Image$2, {
|
|
6300
6427
|
src: slide !== null && slide !== void 0 && slide.imageUrl && (slide === null || slide === void 0 ? void 0 : slide.imageUrl) !== 'null' ? slide === null || slide === void 0 ? void 0 : slide.imageUrl : noImgAvailable,
|
|
6301
6428
|
alt: "image"
|
|
6302
6429
|
})));
|
|
6303
6430
|
})));
|
|
6304
6431
|
};
|
|
6305
|
-
var Image$
|
|
6306
|
-
var Root$
|
|
6307
|
-
var ReactSlick = styled__default(Slider)(_templateObject3$
|
|
6432
|
+
var Image$2 = styled__default.img(_templateObject$w || (_templateObject$w = _taggedTemplateLiteralLoose(["\n width: 100%;\n height: auto;\n transition: all 0.5s;\n &:hover {\n transform: scale(1.05);\n }\n"])));
|
|
6433
|
+
var Root$9 = styled__default.div(_templateObject2$n || (_templateObject2$n = _taggedTemplateLiteralLoose([""])));
|
|
6434
|
+
var ReactSlick$1 = styled__default(Slider)(_templateObject3$g || (_templateObject3$g = _taggedTemplateLiteralLoose(["\n .slick-list {\n margin: 0 -", "px;\n }\n .slideItem {\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: #ffffff;\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) {
|
|
6308
6435
|
return props === null || props === void 0 ? void 0 : props.spaceBetweenCol;
|
|
6309
6436
|
}, function (props) {
|
|
6310
6437
|
return props === null || props === void 0 ? void 0 : props.spaceBetweenCol;
|
|
6311
6438
|
});
|
|
6312
6439
|
|
|
6313
|
-
var _templateObject$
|
|
6440
|
+
var _templateObject$x, _templateObject2$o;
|
|
6314
6441
|
var HomeBanner = function HomeBanner(_ref) {
|
|
6315
6442
|
var _ref$apiEndPoint = _ref.apiEndPoint,
|
|
6316
6443
|
apiEndPoint = _ref$apiEndPoint === void 0 ? 'https://dev.salesgent.xyz/api' : _ref$apiEndPoint,
|
|
@@ -6368,7 +6495,7 @@ var HomeBanner = function HomeBanner(_ref) {
|
|
|
6368
6495
|
});
|
|
6369
6496
|
return /*#__PURE__*/React__default.createElement(styled.ThemeProvider, {
|
|
6370
6497
|
theme: colors
|
|
6371
|
-
}, /*#__PURE__*/React__default.createElement(Root$
|
|
6498
|
+
}, /*#__PURE__*/React__default.createElement(Root$a, null, /*#__PURE__*/React__default.createElement(material.CssBaseline, null), /*#__PURE__*/React__default.createElement(MainContainer$3, null, /*#__PURE__*/React__default.createElement(material.Grid, {
|
|
6372
6499
|
container: true,
|
|
6373
6500
|
spacing: 0
|
|
6374
6501
|
}, modifySliderTypes === null || modifySliderTypes === void 0 ? void 0 : modifySliderTypes.map(function (sliderType) {
|
|
@@ -6394,7 +6521,7 @@ var HomeBanner = function HomeBanner(_ref) {
|
|
|
6394
6521
|
});
|
|
6395
6522
|
}
|
|
6396
6523
|
}, function (sliderImages) {
|
|
6397
|
-
return /*#__PURE__*/React__default.createElement("div", null, config !== null && config !== void 0 && config.isSlider ? /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(LandingCarousel, {
|
|
6524
|
+
return /*#__PURE__*/React__default.createElement("div", null, config !== null && config !== void 0 && config.isSlider ? /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(LandingCarousel$1, {
|
|
6398
6525
|
config: config,
|
|
6399
6526
|
sliderImages: sliderImages
|
|
6400
6527
|
})) : /*#__PURE__*/React__default.createElement(BannerImages, {
|
|
@@ -6404,10 +6531,10 @@ var HomeBanner = function HomeBanner(_ref) {
|
|
|
6404
6531
|
})));
|
|
6405
6532
|
})))));
|
|
6406
6533
|
};
|
|
6407
|
-
var Root$
|
|
6408
|
-
var MainContainer$
|
|
6534
|
+
var Root$a = styled__default.div(_templateObject$x || (_templateObject$x = _taggedTemplateLiteralLoose([""])));
|
|
6535
|
+
var MainContainer$3 = styled__default.div(_templateObject2$o || (_templateObject2$o = _taggedTemplateLiteralLoose([""])));
|
|
6409
6536
|
|
|
6410
|
-
var _templateObject$
|
|
6537
|
+
var _templateObject$y, _templateObject2$p, _templateObject3$h, _templateObject4$c, _templateObject5$a, _templateObject6$9;
|
|
6411
6538
|
var OutOfStock = function OutOfStock(_ref) {
|
|
6412
6539
|
var _product$body, _product$body$content, _product$body2, _product$body2$conten, _product$masterProduc, _product$header;
|
|
6413
6540
|
var product = _ref.product,
|
|
@@ -6549,7 +6676,7 @@ var OutOfStock = function OutOfStock(_ref) {
|
|
|
6549
6676
|
};
|
|
6550
6677
|
return /*#__PURE__*/React__default.createElement(styled.ThemeProvider, {
|
|
6551
6678
|
theme: colors || {}
|
|
6552
|
-
}, ((product === null || product === void 0 ? void 0 : (_product$body2 = product.body) === null || _product$body2 === void 0 ? void 0 : (_product$body2$conten = _product$body2.content) === null || _product$body2$conten === void 0 ? void 0 : _product$body2$conten.length) > 0 || (product === null || product === void 0 ? void 0 : (_product$masterProduc = product.masterProductDetails) === null || _product$masterProduc === void 0 ? void 0 : _product$masterProduc.availableQuantity) <= 0) && /*#__PURE__*/React__default.createElement(Root$
|
|
6679
|
+
}, ((product === null || product === void 0 ? void 0 : (_product$body2 = product.body) === null || _product$body2 === void 0 ? void 0 : (_product$body2$conten = _product$body2.content) === null || _product$body2$conten === void 0 ? void 0 : _product$body2$conten.length) > 0 || (product === null || product === void 0 ? void 0 : (_product$masterProduc = product.masterProductDetails) === null || _product$masterProduc === void 0 ? void 0 : _product$masterProduc.availableQuantity) <= 0) && /*#__PURE__*/React__default.createElement(Root$b, null, /*#__PURE__*/React__default.createElement("p", {
|
|
6553
6680
|
style: {
|
|
6554
6681
|
margin: '0.5rem 0',
|
|
6555
6682
|
fontSize: '1.3rem',
|
|
@@ -6638,12 +6765,12 @@ var OutOfStock = function OutOfStock(_ref) {
|
|
|
6638
6765
|
}
|
|
6639
6766
|
}), /*#__PURE__*/React__default.createElement("span", null, subscribed ? 'Subscribed Successfully' : 'Subscribe')))))));
|
|
6640
6767
|
};
|
|
6641
|
-
var VariantsContainer = styled__default.div(_templateObject$
|
|
6642
|
-
var MainCheckbox = styled__default(Checkbox)(_templateObject2$
|
|
6768
|
+
var VariantsContainer = styled__default.div(_templateObject$y || (_templateObject$y = _taggedTemplateLiteralLoose(["\n ::-webkit-scrollbar {\n -webkit-appearance: none;\n width: 5px;\n }\n ::-webkit-scrollbar-thumb {\n border-radius: 4px;\n background-color: rgba(178, 169, 169, 1);\n box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);\n }\n"])));
|
|
6769
|
+
var MainCheckbox = styled__default(Checkbox)(_templateObject2$p || (_templateObject2$p = _taggedTemplateLiteralLoose(["\n &.Mui-checked,\n &.MuiCheckbox-indeterminate {\n color: ", ";\n }\n"])), function (props) {
|
|
6643
6770
|
return props.theme.primaryColor;
|
|
6644
6771
|
});
|
|
6645
|
-
var EmailInput = styled__default(InputBase)(_templateObject3$
|
|
6646
|
-
var Root$
|
|
6772
|
+
var EmailInput = styled__default(InputBase)(_templateObject3$h || (_templateObject3$h = _taggedTemplateLiteralLoose(["\n border: 1px solid #a9a9a9;\n padding: 3px 10px;\n fontsize: 12px;\n width: 100%;\n border-radius: 3px;\n"])));
|
|
6773
|
+
var Root$b = styled__default.div(_templateObject4$c || (_templateObject4$c = _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"])));
|
|
6647
6774
|
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) {
|
|
6648
6775
|
return props.height ? props.height : 'auto';
|
|
6649
6776
|
}, function (props) {
|
|
@@ -6675,12 +6802,12 @@ var StyledSubscribe = styled__default.button(_templateObject6$9 || (_templateObj
|
|
|
6675
6802
|
return props.Loading || props.subscribed ? 'none' : 'auto';
|
|
6676
6803
|
});
|
|
6677
6804
|
|
|
6678
|
-
var _templateObject$
|
|
6805
|
+
var _templateObject$z;
|
|
6679
6806
|
var NoData = function NoData(_ref) {
|
|
6680
6807
|
_objectDestructuringEmpty(_ref);
|
|
6681
6808
|
return /*#__PURE__*/React__default.createElement(CustomNoRowsOverlay, null);
|
|
6682
6809
|
};
|
|
6683
|
-
var Container = styled__default.div(_templateObject$
|
|
6810
|
+
var Container = styled__default.div(_templateObject$z || (_templateObject$z = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n height: 100%;\n & .ant-empty-img-1 {\n fill: #aeb8c2;\n }\n & .ant-empty-img-2 {\n fill: #f5f5f7;\n }\n & .ant-empty-img-3 {\n fill: #dce0e6;\n }\n & .ant-empty-img-4 {\n fill: #fff;\n }\n & ant-empty-img-5 {\n fill-opacity: 0.8;\n fill: #f5f5f5;\n }\n"])));
|
|
6684
6811
|
var CustomNoRowsOverlay = function CustomNoRowsOverlay(_ref2) {
|
|
6685
6812
|
_objectDestructuringEmpty(_ref2);
|
|
6686
6813
|
return /*#__PURE__*/React__default.createElement(Container, null, /*#__PURE__*/React__default.createElement("svg", {
|
|
@@ -7147,19 +7274,19 @@ var AsyncSelect = function AsyncSelect(_ref3) {
|
|
|
7147
7274
|
return /*#__PURE__*/React__default.createElement(AsyncSelectField, props);
|
|
7148
7275
|
};
|
|
7149
7276
|
|
|
7150
|
-
var _templateObject$
|
|
7151
|
-
var Container$1 = styled__default.div(_templateObject$
|
|
7277
|
+
var _templateObject$A;
|
|
7278
|
+
var Container$1 = styled__default.div(_templateObject$A || (_templateObject$A = _taggedTemplateLiteralLoose([""])));
|
|
7152
7279
|
|
|
7153
|
-
var _templateObject$
|
|
7154
|
-
var ProductImage$1 = styled__default.img(_templateObject$
|
|
7155
|
-
var ProductName$1 = styled__default.h6(_templateObject2$
|
|
7280
|
+
var _templateObject$B, _templateObject2$q, _templateObject3$i, _templateObject4$d, _templateObject5$b, _templateObject6$a;
|
|
7281
|
+
var ProductImage$1 = styled__default.img(_templateObject$B || (_templateObject$B = _taggedTemplateLiteralLoose(["\n min-width: 50px;\n min-height: 58px;\n @media only screen and (max-width: 640px) {\n margin: 0.5em 0;\n padding-right: 0.5em;\n }\n"])));
|
|
7282
|
+
var ProductName$1 = styled__default.h6(_templateObject2$q || (_templateObject2$q = _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) {
|
|
7156
7283
|
return props.size || '1em';
|
|
7157
7284
|
}, function (props) {
|
|
7158
7285
|
return props.maxHeight ? props.maxHeight + "em" : '2.75em';
|
|
7159
7286
|
}, function (props) {
|
|
7160
7287
|
return props.maxHeight ? props.maxHeight + "em" : '2.80em';
|
|
7161
7288
|
});
|
|
7162
|
-
var CartTableRow$1 = styled__default(material.TableRow)(_templateObject3$
|
|
7289
|
+
var CartTableRow$1 = styled__default(material.TableRow)(_templateObject3$i || (_templateObject3$i = _taggedTemplateLiteralLoose(["\n position: relative;\n transition: 0.3s;\n background: white;\n /* &:hover {\n td:first-child,\n td:last-child {\n border-left-style: solid;\n border-top-style: solid;\n border-top-right-radius: 10px;\n }\n } */\n .outOfStock {\n font-size: 0.75em;\n color: red;\n text-transform: uppercase;\n font-weight: 500;\n }\n .price {\n font-size: ", ";\n font-weight: bold;\n color: #323232;\n /* font-size: 1.15em; */\n }\n .borderLeft {\n height: 100%;\n width: 0;\n background: ", ";\n transition: 0.2s;\n width: 0px;\n position: absolute;\n left: 0;\n top: 0;\n border-top-left-radius: 10px;\n display: none;\n border-bottom-left-radius: 10px;\n }\n .cartCheckBox {\n &.Mui-checked {\n svg {\n color: ", ";\n }\n }\n }\n &:hover {\n background: white !important;\n box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);\n border-radius: 10px;\n /* opacity: 1;\n box-shadow: 1px 2px 6px 2px rgba(0, 0, 0, 0.2); */\n z-index: 2;\n /* border-radius: 20px; */\n .borderLeft {\n width: 13px;\n display: inline-block;\n }\n }\n @media only screen and (max-width: 640px) {\n .CartnoPaddingSm {\n padding: 0 !important;\n }\n .price {\n font-size: 0.8em;\n }\n margin: 0.5em 0;\n .cartCheckBox {\n .css-i4bv87-MuiSvgIcon-root {\n font-size: 10px !important;\n }\n }\n }\n"])), function (props) {
|
|
7163
7290
|
return props.size || '1.19em';
|
|
7164
7291
|
}, function (prop) {
|
|
7165
7292
|
return prop.bg;
|
|
@@ -7281,13 +7408,13 @@ var CardRow$1 = function CardRow(_ref) {
|
|
|
7281
7408
|
}))));
|
|
7282
7409
|
};
|
|
7283
7410
|
|
|
7284
|
-
var _templateObject$
|
|
7285
|
-
var CartPageSection$1 = styled__default.section(_templateObject$
|
|
7411
|
+
var _templateObject$C, _templateObject2$r, _templateObject3$j, _templateObject4$e, _templateObject5$c, _templateObject6$b, _templateObject7$7, _templateObject8$5, _templateObject9$3;
|
|
7412
|
+
var CartPageSection$1 = styled__default.section(_templateObject$C || (_templateObject$C = _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) {
|
|
7286
7413
|
return props.bg;
|
|
7287
7414
|
}, function (props) {
|
|
7288
7415
|
return props.bg || '#FAE8E5';
|
|
7289
7416
|
});
|
|
7290
|
-
var CartPageContainer$1 = styled__default.div(_templateObject2$
|
|
7417
|
+
var CartPageContainer$1 = styled__default.div(_templateObject2$r || (_templateObject2$r = _taggedTemplateLiteralLoose(["\n max-width: ", ";\n width: ", ";\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: flex-start;\n border-radius: 28px 28px 28px 14px;\n padding: 2em 2.5em;\n padding-bottom: 3em;\n border-radius: 28px;\n opacity: ", ";\n .scrollDiv {\n width: 68%;\n height: 630px;\n max-height: 630px;\n display: flex;\n flex-direction: column;\n overflow-y: auto;\n\n margin-right: 0.3em;\n &::-webkit-scrollbar {\n width: ", ";\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: ", ";\n\n border-radius: 16px;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: ", ";\n border-radius: 16px;\n border: 2px solid;\n }\n /* box-shadow: 0px 20px 35px rgba(0, 0, 0, 0.05); */\n }\n table {\n border-collapse: separate;\n border-spacing: 0 4px;\n row-gap: 4px;\n }\n\n td {\n /* border: solid 1px #000; */\n border-style: none solid solid none;\n /* padding: 10px; */\n /* margin-bottom:5px; */\n }\n\n tr:first-child td:first-child {\n border-top-left-radius: 10px;\n }\n tr td:last-child {\n border-top-right-radius: 10px;\n border-bottom-right-radius: 10px;\n }\n\n tr td:first-child {\n border-bottom-left-radius: 10px;\n border-top-left-radius: 10px;\n }\n tr td:last-child {\n border-bottom-right-radius: 10px;\n }\n\n tr td {\n border-top-style: solid;\n }\n tr td:first-child {\n border-left-style: solid;\n }\n\n @media only screen and (max-width: 1340px) {\n flex-direction: column;\n align-items: center;\n padding: 0.5em;\n .scrollDiv {\n width: 100%;\n margin: 0;\n margin-bottom: 2em;\n padding: 0 0.4em;\n }\n }\n"])), function (props) {
|
|
7291
7418
|
return props.maxWidth || '1620px';
|
|
7292
7419
|
}, function (props) {
|
|
7293
7420
|
return "min(" + (props.maxWidth || '1620px') + ",100%)";
|
|
@@ -7300,7 +7427,7 @@ var CartPageContainer$1 = styled__default.div(_templateObject2$p || (_templateOb
|
|
|
7300
7427
|
}, function (props) {
|
|
7301
7428
|
return props.color || '#BFC3CA';
|
|
7302
7429
|
});
|
|
7303
|
-
var CardsBox$1 = styled__default.div(_templateObject3$
|
|
7430
|
+
var CardsBox$1 = styled__default.div(_templateObject3$j || (_templateObject3$j = _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) {
|
|
7304
7431
|
return props.retail ? 'grid' : 'flex';
|
|
7305
7432
|
});
|
|
7306
7433
|
var CartHeading$1 = styled__default.div(_templateObject4$e || (_templateObject4$e = _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) {
|
|
@@ -7740,14 +7867,14 @@ var SnowfallComponent = function SnowfallComponent(_ref) {
|
|
|
7740
7867
|
}) : null;
|
|
7741
7868
|
};
|
|
7742
7869
|
|
|
7743
|
-
var _templateObject$
|
|
7744
|
-
var StaticContainer$1 = styled__default.div(_templateObject$
|
|
7870
|
+
var _templateObject$D;
|
|
7871
|
+
var StaticContainer$1 = styled__default.div(_templateObject$D || (_templateObject$D = _taggedTemplateLiteralLoose(["\n padding: 1rem;\n width: 100%;\n color: #606060;\n .top-bar {\n background-color: #f5f5f5;\n padding: 1rem;\n text-align: center;\n font-size: 3.2rem;\n font-weight: bold;\n text-transform: uppercase;\n color: ", ";\n }\n .route-bar {\n text-transform: capitalize;\n p {\n padding: 0;\n word-spacing: 5px;\n display: flex;\n align-items: center;\n color: #606060;\n }\n }\n .data-container {\n margin: auto;\n }\n hr {\n border-bottom: 2px solid #eceff8;\n border-top: 0px;\n margin: 1rem 0;\n }\n li {\n margin-left: 1rem;\n }\n a {\n color: ", ";\n }\n p {\n margin: 1rem 0;\n width: 100%;\n color: #606060;\n }\n"])), function (props) {
|
|
7745
7872
|
return props.theme.primaryColor;
|
|
7746
7873
|
}, function (props) {
|
|
7747
7874
|
return props.theme.primaryColor;
|
|
7748
7875
|
});
|
|
7749
7876
|
|
|
7750
|
-
var _templateObject$
|
|
7877
|
+
var _templateObject$E;
|
|
7751
7878
|
var StaticPage = function StaticPage(_ref) {
|
|
7752
7879
|
var _data$content;
|
|
7753
7880
|
var _ref$colors = _ref.colors,
|
|
@@ -7764,7 +7891,7 @@ var StaticPage = function StaticPage(_ref) {
|
|
|
7764
7891
|
logoUrl = _ref.logoUrl;
|
|
7765
7892
|
return /*#__PURE__*/React__default.createElement(styled.ThemeProvider, {
|
|
7766
7893
|
theme: colors
|
|
7767
|
-
}, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(material.CssBaseline, null), /*#__PURE__*/React__default.createElement(Root$
|
|
7894
|
+
}, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(material.CssBaseline, null), /*#__PURE__*/React__default.createElement(Root$c, null, /*#__PURE__*/React__default.createElement(StaticContainer$1, null, /*#__PURE__*/React__default.createElement("div", {
|
|
7768
7895
|
className: "top-bar"
|
|
7769
7896
|
}, data.mainTitle), mapSrc && /*#__PURE__*/React__default.createElement("iframe", {
|
|
7770
7897
|
width: "100%",
|
|
@@ -7811,9 +7938,9 @@ var StaticPage = function StaticPage(_ref) {
|
|
|
7811
7938
|
logoUrl: logoUrl
|
|
7812
7939
|
}))))))));
|
|
7813
7940
|
};
|
|
7814
|
-
var Root$
|
|
7941
|
+
var Root$c = styled__default(material.Box)(_templateObject$E || (_templateObject$E = _taggedTemplateLiteralLoose([""])));
|
|
7815
7942
|
|
|
7816
|
-
var _templateObject$
|
|
7943
|
+
var _templateObject$F, _templateObject2$s;
|
|
7817
7944
|
var ThankYou = function ThankYou(_ref) {
|
|
7818
7945
|
var _ref$id = _ref.id,
|
|
7819
7946
|
id = _ref$id === void 0 ? 0 : _ref$id,
|
|
@@ -7824,7 +7951,7 @@ var ThankYou = function ThankYou(_ref) {
|
|
|
7824
7951
|
onContinue = _ref.onContinue;
|
|
7825
7952
|
return /*#__PURE__*/React__default.createElement(styled.ThemeProvider, {
|
|
7826
7953
|
theme: colors
|
|
7827
|
-
}, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(material.CssBaseline, null), /*#__PURE__*/React__default.createElement(Root$
|
|
7954
|
+
}, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(material.CssBaseline, null), /*#__PURE__*/React__default.createElement(Root$d, null, /*#__PURE__*/React__default.createElement(material.Grid, {
|
|
7828
7955
|
container: true,
|
|
7829
7956
|
justify: "center"
|
|
7830
7957
|
}, /*#__PURE__*/React__default.createElement(material.Grid, {
|
|
@@ -7872,8 +7999,8 @@ var ThankYou = function ThankYou(_ref) {
|
|
|
7872
7999
|
onClick: onContinue
|
|
7873
8000
|
}, /*#__PURE__*/React__default.createElement("p", null, "Continue Shopping"))))))));
|
|
7874
8001
|
};
|
|
7875
|
-
var Root$
|
|
7876
|
-
var StyledButton = styled__default.button(_templateObject2$
|
|
8002
|
+
var Root$d = styled__default(material.Box)(_templateObject$F || (_templateObject$F = _taggedTemplateLiteralLoose([""])));
|
|
8003
|
+
var StyledButton = styled__default.button(_templateObject2$s || (_templateObject2$s = _taggedTemplateLiteralLoose(["\n outline: none;\n border: 1px solid;\n border-color: ", ";\n background: none;\n border-radius: 14px;\n padding: 10px 20px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n transition: background 0.5s ease;\n width: 200px;\n color: ", ";\n text-transform: uppercase;\n &:hover {\n cursor: pointer;\n background: ", ";\n color: #fff;\n }\n"])), function (props) {
|
|
7877
8004
|
return props.theme.primaryColor;
|
|
7878
8005
|
}, function (props) {
|
|
7879
8006
|
return props.theme.primaryColor;
|
|
@@ -7881,16 +8008,16 @@ var StyledButton = styled__default.button(_templateObject2$q || (_templateObject
|
|
|
7881
8008
|
return props.theme.primaryColor;
|
|
7882
8009
|
});
|
|
7883
8010
|
|
|
7884
|
-
var _templateObject$
|
|
7885
|
-
var CheckoutRootContainer = styled__default.div(_templateObject$
|
|
8011
|
+
var _templateObject$G, _templateObject2$t, _templateObject3$k, _templateObject4$f, _templateObject5$d, _templateObject6$c, _templateObject7$8, _templateObject8$6;
|
|
8012
|
+
var CheckoutRootContainer = styled__default.div(_templateObject$G || (_templateObject$G = _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) {
|
|
7886
8013
|
return props.bg;
|
|
7887
8014
|
});
|
|
7888
|
-
var CheckoutPageContainer = styled__default.div(_templateObject2$
|
|
8015
|
+
var CheckoutPageContainer = styled__default.div(_templateObject2$t || (_templateObject2$t = _taggedTemplateLiteralLoose(["\n width: 100%;\n max-width: ", ";\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: flex-start;\n background-color: ", ";\n margin: 0 auto;\n padding: 2.375em 3.5em 2.5em 4.5em;\n padding-left: min(4.5em, 2.5vw);\n color: rgba(50, 50, 50, 1);\n /* max-height: 90vh; */\n overflow: hidden;\n /* background: gainsboro; */\n border-radius: 28px;\n /* background-color: #fff8f6; */\n @media only screen and (max-width: 1508px) {\n flex-direction: column;\n align-items: center;\n max-height: max-content;\n }\n @media only screen and (max-width: 788px) {\n padding: 1em 0.5em;\n }\n .icon {\n font-size: 12px;\n }\n ////////////checkout and cart fonts\n /////////////////\n /* /////remove arrows from number input */\n /* Chrome, Safari, Edge, Opera */\n input::-webkit-outer-spin-button,\n input::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n\n /* Firefox */\n input[type='number'] {\n -moz-appearance: textfield;\n }\n\n /* //////mui inputs */\n\n .checkout .MuiOutlinedInput-notchedOutline,\n .checkout .css-1d3z3hw-MuiOutlinedInput-notchedOutline {\n border: none !important;\n outline: none !important;\n }\n /* ////checkbox */\n .checkout .Mui-checked {\n color: #060606 !important;\n }\n\n /* //////select inputs */\n // .checkout .MuiInputLabel-formControl,\n // .checkout .Mui-focused {\n // color: grey !important;\n // font-size: 0.875em;\n // }\n .checkout .MuiInputBase-root .checkout .MuiOutlinedInput-root,\n .checkout .MuiInputBase-colorPrimary,\n .checkout .MuiInputBase-fullWidth,\n .checkout .MuiInputBase-formControl,\n .checkout .css-md26zr-MuiInputBase-root-MuiOutlinedInput-root {\n border-radius: 10px;\n }\n // /* /////stepper length */\n .checkout .MuiStepConnector-line,\n .MuiStepConnector-lineVertical {\n min-height: 60px !important;\n }\n\n @media only screen and (max-width: 640px) {\n .checkout .MuiStepConnector-line,\n .MuiStepConnector-lineVertical {\n min-height: 40px !important;\n }\n }\n"])), function (props) {
|
|
7889
8016
|
return props.maxWidth || '1605px';
|
|
7890
8017
|
}, function (props) {
|
|
7891
8018
|
return props.bg || '#fff8f6';
|
|
7892
8019
|
});
|
|
7893
|
-
var Row = styled__default.div(_templateObject3$
|
|
8020
|
+
var Row = styled__default.div(_templateObject3$k || (_templateObject3$k = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n"])));
|
|
7894
8021
|
var CheckoutMainWithHeader = styled__default(material.Stack)(_templateObject4$f || (_templateObject4$f = _taggedTemplateLiteralLoose([""])));
|
|
7895
8022
|
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) {
|
|
7896
8023
|
return props.bg || 'rgba(102,112,128,0.5)';
|
|
@@ -7903,14 +8030,14 @@ var CheckoutHeading = styled__default.div(_templateObject6$c || (_templateObject
|
|
|
7903
8030
|
var CheckoutHeader = styled__default(Row)(_templateObject7$8 || (_templateObject7$8 = _taggedTemplateLiteralLoose(["\n overflow: auto;\n justify-content: space-around;\n display: flex;\n flex-direction: row;\n align-items: center;\n position: sticky;\n top: 0;\n background-color: white;\n z-index: 1;\n justify-content: flex-start;\n min-height: 4.18em;\n max-height: 4.1875em;\n max-width: 57.43em;\n width: 98%;\n background: #ffffff;\n border-radius: 20px;\n margin-bottom: 1em;\n margin-right: 0.35em;\n color: #7d7b7b;\n padding: 0 2em;\n margin-right: 5em;\n .row {\n display: flex;\n color: inherit;\n flex-direction: row;\n align-items: center;\n justify-content: flex-start;\n text-transform: capitalize;\n margin-right: 2.4%;\n .icon {\n font-size: 14px;\n font-weight: 400;\n display: grid;\n place-items: center;\n margin-right: 6px;\n color: inherit;\n }\n p,\n span {\n font-size: 0.95em;\n color: inherit;\n }\n }\n .checked {\n p,\n span {\n color: #323232;\n }\n .icon {\n color: #249937;\n }\n }\n @media only screen and (max-width: 1508px) {\n margin-right: 2em;\n }\n @media only screen and (max-width: 788px) {\n width: 100%;\n padding: 2em 1em;\n margin: 1.4em 0;\n .row {\n margin-right: 4.5%;\n p {\n font-size: 12px;\n }\n span {\n display: none;\n }\n }\n }\n"])));
|
|
7904
8031
|
var CheckoutStepIcon = styled__default.div(_templateObject8$6 || (_templateObject8$6 = _taggedTemplateLiteralLoose(["\n width: 20px;\n height: 20px;\n border-radius: 50%;\n font-size: 5px;\n display: grid;\n place-items: center;\n margin: auto;\n padding: 0;\n margin-left: 2px;\n .circle {\n width: 16px;\n height: 16px;\n border-radius: 50%;\n font-size: 5px;\n display: grid;\n place-items: center;\n margin: auto;\n padding: 0;\n }\n .ic {\n font-size: 8px;\n }\n"])));
|
|
7905
8032
|
|
|
7906
|
-
var _templateObject$
|
|
7907
|
-
var CheckoutSummaryContainer = styled__default.div(_templateObject$
|
|
8033
|
+
var _templateObject$H, _templateObject2$u, _templateObject3$l;
|
|
8034
|
+
var CheckoutSummaryContainer = styled__default.div(_templateObject$H || (_templateObject$H = _taggedTemplateLiteralLoose(["\n background: ", ";\n color: ", ";\n border-radius: 20px;\n padding: max(1.5em, 30px);\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n max-width: 422px;\n min-width: min(412px, 95%);\n font-size: 16px;\n margin-top: 6.15em;\n @media only screen and (max-width: 1508px) {\n margin-top: 0;\n }\n"])), function (props) {
|
|
7908
8035
|
return props.bg || 'rgba(255, 240, 236, 1)';
|
|
7909
8036
|
}, function (props) {
|
|
7910
8037
|
return props.color || ' rgba(50, 50, 50, 1)';
|
|
7911
8038
|
});
|
|
7912
|
-
var TextRow = styled__default.div(_templateObject2$
|
|
7913
|
-
var FilledInfo = styled__default.div(_templateObject3$
|
|
8039
|
+
var TextRow = styled__default.div(_templateObject2$u || (_templateObject2$u = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n max-width: 90%;\n margin-bottom: 1em;\n padding-bottom: 1em;\n width: 90%;\n border-bottom: 1px solid #f7f7f7;\n .text {\n font-size: 1.1em;\n text-transform: capitalize;\n }\n .total {\n font-size: 1.65em;\n font-weight: 800;\n }\n"])));
|
|
8040
|
+
var FilledInfo = styled__default.div(_templateObject3$l || (_templateObject3$l = _taggedTemplateLiteralLoose(["\n margin-bottom: 2em;\n .heading {\n font-size: 1.25em;\n font-weight: 800;\n margin-bottom: 0.8em;\n }\n\n p {\n font-size: 0.875em;\n text-transform: capitalize;\n max-width: 60%;\n }\n .bold {\n font-weight: 700;\n margin-bottom: 0.8em;\n max-width: 300px;\n width: fit-content;\n }\n .payment {\n width: 70px;\n height: 48px;\n background: #ffffff;\n border-radius: 15.875px;\n display: grid;\n place-items: center;\n overflow: hidden;\n }\n .blank {\n padding-bottom: 2em;\n opacity: 0;\n }\n"])));
|
|
7914
8041
|
|
|
7915
8042
|
var CheckoutSummary = function CheckoutSummary(_ref) {
|
|
7916
8043
|
var total = _ref.total,
|
|
@@ -7964,14 +8091,14 @@ var CheckoutSummary = function CheckoutSummary(_ref) {
|
|
|
7964
8091
|
}, paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.name)));
|
|
7965
8092
|
};
|
|
7966
8093
|
|
|
7967
|
-
var _templateObject$
|
|
7968
|
-
var StepContainer = styled__default.div(_templateObject$
|
|
7969
|
-
var StepsContent = styled__default.div(_templateObject2$
|
|
8094
|
+
var _templateObject$I, _templateObject2$v, _templateObject3$m, _templateObject4$g, _templateObject5$e, _templateObject6$d, _templateObject7$9, _templateObject8$7, _templateObject9$4, _templateObject10$2, _templateObject11$1, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15$1, _templateObject16$1, _templateObject17$1, _templateObject18$1;
|
|
8095
|
+
var StepContainer = styled__default.div(_templateObject$I || (_templateObject$I = _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"])));
|
|
8096
|
+
var StepsContent = styled__default.div(_templateObject2$v || (_templateObject2$v = _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) {
|
|
7970
8097
|
return 'transparent' + '!important';
|
|
7971
8098
|
}, function (props) {
|
|
7972
8099
|
return props.bg || 'red';
|
|
7973
8100
|
});
|
|
7974
|
-
var StepsHeaderContainer = styled__default.div(_templateObject3$
|
|
8101
|
+
var StepsHeaderContainer = styled__default.div(_templateObject3$m || (_templateObject3$m = _taggedTemplateLiteralLoose(["\n width: 100%;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: flex-start;\n color: #323232;\n /* padding: ", "; */\n margin-bottom: ", ";\n margin-top: ", ";\n margin-left: ", ";\n /* color: grey; */\n border-bottom: 1px solid #f6f6f6;\n background: #ffffff;\n border-radius: 20px;\n max-width: 900px;\n\n min-height: 4.35em;\n max-height: 4.35em;\n padding: ", ";\n h5 {\n font-size: 16px;\n font-weight: 600;\n text-transform: capitalize;\n margin-left: 0.6em;\n }\n .icon {\n font-size: 1.3em;\n margin-right: 8px;\n }\n .dropIcon {\n font-size: 1.4em;\n cursor: pointer;\n transform: rotate(-90deg);\n transition: 0.3s;\n color: rgba(50, 50, 50, 0.75);\n cursor: ", ";\n }\n .red {\n font-weight: 600;\n color: #fd0015;\n font-size: inherit;\n }\n @media screen and (max-width: 768px) {\n max-width: 97%;\n margin-left: 0.5em;\n padding-right: 1em;\n h5 {\n font-size: 12px;\n }\n }\n"])), function (props) {
|
|
7975
8102
|
return props.single ? '1.8em 2em' : '1em 0';
|
|
7976
8103
|
}, function (props) {
|
|
7977
8104
|
return props.single ? '-1.56em' : '1em';
|
|
@@ -8547,7 +8674,7 @@ var Step1 = function Step1(_ref) {
|
|
|
8547
8674
|
})));
|
|
8548
8675
|
};
|
|
8549
8676
|
|
|
8550
|
-
var _templateObject$
|
|
8677
|
+
var _templateObject$J;
|
|
8551
8678
|
var Step2 = function Step2(_ref) {
|
|
8552
8679
|
var _filter, _customer$customerDto, _addressList$, _addressList, _styles$button2, _JSON$parse2, _styles$button3;
|
|
8553
8680
|
var apiEndPoint = _ref.apiEndPoint,
|
|
@@ -8822,7 +8949,7 @@ var Step2 = function Step2(_ref) {
|
|
|
8822
8949
|
color: styles === null || styles === void 0 ? void 0 : (_styles$button3 = styles.button) === null || _styles$button3 === void 0 ? void 0 : _styles$button3.bg
|
|
8823
8950
|
})));
|
|
8824
8951
|
};
|
|
8825
|
-
var ImageContainer$1 = styled__default(material.CardMedia)(_templateObject$
|
|
8952
|
+
var ImageContainer$1 = styled__default(material.CardMedia)(_templateObject$J || (_templateObject$J = _taggedTemplateLiteralLoose(["\n max-width: 100%;\n max-height: 3rem,\n border-radius: 14px;\n img {\n max-width: 100%;\n }\n"])));
|
|
8826
8953
|
|
|
8827
8954
|
var CreditCardForm = function CreditCardForm(_ref) {
|
|
8828
8955
|
var _React$createElement, _React$createElement2;
|
|
@@ -10352,6 +10479,7 @@ function useGridSize() {
|
|
|
10352
10479
|
|
|
10353
10480
|
exports.APIStaticPage = APIStaticPage;
|
|
10354
10481
|
exports.AccountDetails = AccountDetails;
|
|
10482
|
+
exports.BrandList = BrandList;
|
|
10355
10483
|
exports.BrandStock = BrandStock;
|
|
10356
10484
|
exports.Breakpoint = Breakpoint;
|
|
10357
10485
|
exports.CartDrawer = CartDrawer;
|