@salesgenterp/ui-components 0.4.282 → 0.4.284
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 +222 -91
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +223 -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,
|
|
@@ -2164,7 +2164,9 @@ var MyProfile = function MyProfile(_ref) {
|
|
|
2164
2164
|
token: token,
|
|
2165
2165
|
method: 'put',
|
|
2166
2166
|
url: "/ecommerce/customer",
|
|
2167
|
-
body:
|
|
2167
|
+
body: {
|
|
2168
|
+
customerDto: _extends({}, userDetails, formData)
|
|
2169
|
+
},
|
|
2168
2170
|
errorMessage: 'Error in updating the profile.',
|
|
2169
2171
|
successMessage: 'Profile updated successfully.'
|
|
2170
2172
|
})).then(function () {});
|
|
@@ -3854,6 +3856,134 @@ var TypographyContainer$7 = styled__default(material.Typography)(_templateObject
|
|
|
3854
3856
|
return props.fontColor;
|
|
3855
3857
|
});
|
|
3856
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 = [];
|
|
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
|
+
console.log('data: ', data);
|
|
3873
|
+
return data;
|
|
3874
|
+
};
|
|
3875
|
+
var settings = function settings() {
|
|
3876
|
+
return {
|
|
3877
|
+
dots: true,
|
|
3878
|
+
infinite: true,
|
|
3879
|
+
speed: 1000,
|
|
3880
|
+
slidesToShow: 9,
|
|
3881
|
+
slidesToScroll: 1,
|
|
3882
|
+
swipeToSlide: true,
|
|
3883
|
+
autoplay: true,
|
|
3884
|
+
arrows: true,
|
|
3885
|
+
pauseOnHover: false,
|
|
3886
|
+
prevArrow: /*#__PURE__*/React__default.createElement(ai.AiOutlineLeft, null),
|
|
3887
|
+
nextArrow: /*#__PURE__*/React__default.createElement(ai.AiOutlineRight, null),
|
|
3888
|
+
responsive: [{
|
|
3889
|
+
breakpoint: 600,
|
|
3890
|
+
settings: {
|
|
3891
|
+
slidesToShow: 2
|
|
3892
|
+
}
|
|
3893
|
+
}, {
|
|
3894
|
+
breakpoint: 900,
|
|
3895
|
+
settings: {
|
|
3896
|
+
slidesToShow: 6
|
|
3897
|
+
}
|
|
3898
|
+
}, {
|
|
3899
|
+
breakpoint: 1200,
|
|
3900
|
+
settings: {
|
|
3901
|
+
slidesToShow: 9
|
|
3902
|
+
}
|
|
3903
|
+
}]
|
|
3904
|
+
};
|
|
3905
|
+
};
|
|
3906
|
+
return /*#__PURE__*/React__default.createElement(Root$6, null, /*#__PURE__*/React__default.createElement("link", {
|
|
3907
|
+
rel: "stylesheet",
|
|
3908
|
+
type: "text/css",
|
|
3909
|
+
charset: "UTF-8",
|
|
3910
|
+
href: "https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.min.css"
|
|
3911
|
+
}), /*#__PURE__*/React__default.createElement("link", {
|
|
3912
|
+
rel: "stylesheet",
|
|
3913
|
+
type: "text/css",
|
|
3914
|
+
href: "https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick-theme.min.css"
|
|
3915
|
+
}), /*#__PURE__*/React__default.createElement(ReactSlick, _extends({}, settings(), {
|
|
3916
|
+
spaceBetweenCol: spaceBetweenCol
|
|
3917
|
+
}), (_brandData = brandData()) === null || _brandData === void 0 ? void 0 : _brandData.map(function (item, i) {
|
|
3918
|
+
var _item$brandAttachment, _item$brandAttachment2;
|
|
3919
|
+
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];
|
|
3920
|
+
return /*#__PURE__*/React__default.createElement("div", {
|
|
3921
|
+
className: "slideItem"
|
|
3922
|
+
}, /*#__PURE__*/React__default.createElement("a", {
|
|
3923
|
+
href: (brand === null || brand === void 0 ? void 0 : brand.redirectPath) || ''
|
|
3924
|
+
}, isVideo(brand === null || brand === void 0 ? void 0 : brand.url) ? /*#__PURE__*/React__default.createElement("video", {
|
|
3925
|
+
src: brand === null || brand === void 0 ? void 0 : brand.url,
|
|
3926
|
+
loop: true,
|
|
3927
|
+
autoPlay: true,
|
|
3928
|
+
muted: true,
|
|
3929
|
+
playsInline: true,
|
|
3930
|
+
style: {
|
|
3931
|
+
width: '100%',
|
|
3932
|
+
height: 'auto'
|
|
3933
|
+
}
|
|
3934
|
+
}) : /*#__PURE__*/React__default.createElement(Image, {
|
|
3935
|
+
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,
|
|
3936
|
+
alt: "image"
|
|
3937
|
+
})));
|
|
3938
|
+
})));
|
|
3939
|
+
};
|
|
3940
|
+
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"])));
|
|
3941
|
+
var Root$6 = styled__default.div(_templateObject2$d || (_templateObject2$d = _taggedTemplateLiteralLoose([""])));
|
|
3942
|
+
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) {
|
|
3943
|
+
return props === null || props === void 0 ? void 0 : props.spaceBetweenCol;
|
|
3944
|
+
}, function (props) {
|
|
3945
|
+
return props === null || props === void 0 ? void 0 : props.spaceBetweenCol;
|
|
3946
|
+
});
|
|
3947
|
+
|
|
3948
|
+
var _templateObject$n, _templateObject2$e;
|
|
3949
|
+
var BrandList = function BrandList(_ref) {
|
|
3950
|
+
var _ref$apiEndPoint = _ref.apiEndPoint,
|
|
3951
|
+
apiEndPoint = _ref$apiEndPoint === void 0 ? 'https://dev.salesgent.xyz/api' : _ref$apiEndPoint,
|
|
3952
|
+
_ref$colors = _ref.colors,
|
|
3953
|
+
colors = _ref$colors === void 0 ? {
|
|
3954
|
+
primaryColor: '#D2122E'
|
|
3955
|
+
} : _ref$colors,
|
|
3956
|
+
_ref$size = _ref.size,
|
|
3957
|
+
size = _ref$size === void 0 ? 20 : _ref$size;
|
|
3958
|
+
var _useState = React.useState(),
|
|
3959
|
+
brandList = _useState[0],
|
|
3960
|
+
setBrandList = _useState[1];
|
|
3961
|
+
React.useEffect(function () {
|
|
3962
|
+
(function () {
|
|
3963
|
+
try {
|
|
3964
|
+
var _temp = _catch(function () {
|
|
3965
|
+
return Promise.resolve(API$1({
|
|
3966
|
+
apiEndPoint: apiEndPoint,
|
|
3967
|
+
url: "/ecommerce/brand/list?size=" + (size || 20)
|
|
3968
|
+
})).then(function (data) {
|
|
3969
|
+
setBrandList(data);
|
|
3970
|
+
});
|
|
3971
|
+
}, function () {});
|
|
3972
|
+
return _temp && _temp.then ? _temp.then(function () {}) : void 0;
|
|
3973
|
+
} catch (e) {
|
|
3974
|
+
Promise.reject(e);
|
|
3975
|
+
}
|
|
3976
|
+
})();
|
|
3977
|
+
}, []);
|
|
3978
|
+
return /*#__PURE__*/React__default.createElement(styled.ThemeProvider, {
|
|
3979
|
+
theme: colors
|
|
3980
|
+
}, /*#__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, {
|
|
3981
|
+
brandList: brandList
|
|
3982
|
+
}))));
|
|
3983
|
+
};
|
|
3984
|
+
var Root$7 = styled__default.div(_templateObject$n || (_templateObject$n = _taggedTemplateLiteralLoose([""])));
|
|
3985
|
+
var MainContainer$1 = styled__default.div(_templateObject2$e || (_templateObject2$e = _taggedTemplateLiteralLoose([""])));
|
|
3986
|
+
|
|
3857
3987
|
var AsyncDataLoad = function AsyncDataLoad(_ref) {
|
|
3858
3988
|
var apiEndPoint = _ref.apiEndPoint,
|
|
3859
3989
|
token = _ref.token,
|
|
@@ -3931,7 +4061,7 @@ var AsyncDataLoad = function AsyncDataLoad(_ref) {
|
|
|
3931
4061
|
};
|
|
3932
4062
|
var AsyncDataLoadComponent = React.memo(AsyncDataLoad);
|
|
3933
4063
|
|
|
3934
|
-
var _templateObject$
|
|
4064
|
+
var _templateObject$o, _templateObject2$f, _templateObject3$9, _templateObject4$6, _templateObject5$4, _templateObject6$3, _templateObject7$2, _templateObject8$2;
|
|
3935
4065
|
var BrandStock = function BrandStock(_ref) {
|
|
3936
4066
|
var _Object$keys, _Object$keys2, _data$brands;
|
|
3937
4067
|
var storeData = _ref.storeData,
|
|
@@ -3994,7 +4124,7 @@ var BrandStock = function BrandStock(_ref) {
|
|
|
3994
4124
|
}, []);
|
|
3995
4125
|
return /*#__PURE__*/React__default.createElement(styled.ThemeProvider, {
|
|
3996
4126
|
theme: colors
|
|
3997
|
-
}, /*#__PURE__*/React__default.createElement(Root$
|
|
4127
|
+
}, /*#__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", {
|
|
3998
4128
|
className: "logo"
|
|
3999
4129
|
}, /*#__PURE__*/React__default.createElement("img", {
|
|
4000
4130
|
className: "logoImage",
|
|
@@ -4081,9 +4211,9 @@ var BrandStock = function BrandStock(_ref) {
|
|
|
4081
4211
|
}));
|
|
4082
4212
|
})), (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))));
|
|
4083
4213
|
};
|
|
4084
|
-
var Root$
|
|
4085
|
-
var TitleContainer$1 = styled__default.div(_templateObject2$
|
|
4086
|
-
var MainContainer$
|
|
4214
|
+
var Root$8 = styled__default.div(_templateObject$o || (_templateObject$o = _taggedTemplateLiteralLoose(["\n padding: 1rem;\n"])));
|
|
4215
|
+
var TitleContainer$1 = styled__default.div(_templateObject2$f || (_templateObject2$f = _taggedTemplateLiteralLoose(["\n padding: 0 1rem;\n display: flex;\n justify-content: space-between;\n"])));
|
|
4216
|
+
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"])));
|
|
4087
4217
|
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"])));
|
|
4088
4218
|
var BrandContainer = styled__default.div(_templateObject5$4 || (_templateObject5$4 = _taggedTemplateLiteralLoose(["\n .brandImage {\n max-width: 100%;\n margin: 1rem auto;\n }\n"])));
|
|
4089
4219
|
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"])));
|
|
@@ -4094,12 +4224,12 @@ var TableCellContainer$1 = styled__default(TableCell)(_templateObject8$2 || (_te
|
|
|
4094
4224
|
return props.availableQuantity ? props.stockCol && 'green' : '#ffffff';
|
|
4095
4225
|
});
|
|
4096
4226
|
|
|
4097
|
-
var _templateObject$
|
|
4098
|
-
var CartDrawerContainer = styled__default.div(_templateObject$
|
|
4227
|
+
var _templateObject$p, _templateObject2$g, _templateObject3$a, _templateObject4$7, _templateObject5$5, _templateObject6$4, _templateObject7$3;
|
|
4228
|
+
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) {
|
|
4099
4229
|
return props.maxWidth || '650px';
|
|
4100
4230
|
});
|
|
4101
|
-
var CartDrawerBar = styled__default.div(_templateObject2$
|
|
4102
|
-
var CartDrawerProductContainer = styled__default.div(_templateObject3$
|
|
4231
|
+
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"])));
|
|
4232
|
+
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) {
|
|
4103
4233
|
return props.opacity;
|
|
4104
4234
|
});
|
|
4105
4235
|
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"])));
|
|
@@ -4115,12 +4245,12 @@ var CartDrawerEmptyCart = styled__default.div(_templateObject7$3 || (_templateOb
|
|
|
4115
4245
|
return props.color || 'red';
|
|
4116
4246
|
});
|
|
4117
4247
|
|
|
4118
|
-
var _templateObject$
|
|
4119
|
-
var CartDrawerProduct = styled__default.div(_templateObject$
|
|
4248
|
+
var _templateObject$q, _templateObject2$h, _templateObject3$b;
|
|
4249
|
+
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) {
|
|
4120
4250
|
return props.color || 'grey';
|
|
4121
4251
|
});
|
|
4122
|
-
var CartDrawerQtBox = styled__default.div(_templateObject2$
|
|
4123
|
-
var CartDrawerLoader = styled__default.div(_templateObject3$
|
|
4252
|
+
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"])));
|
|
4253
|
+
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"])));
|
|
4124
4254
|
|
|
4125
4255
|
var CartDrawerProductCard = function CartDrawerProductCard(_ref) {
|
|
4126
4256
|
var product = _ref.product,
|
|
@@ -4239,13 +4369,13 @@ var CartDrawer = function CartDrawer(_ref) {
|
|
|
4239
4369
|
}, "continue to checkout"))));
|
|
4240
4370
|
};
|
|
4241
4371
|
|
|
4242
|
-
var _templateObject$
|
|
4243
|
-
var CartPageSection = styled__default.section(_templateObject$
|
|
4372
|
+
var _templateObject$r, _templateObject2$i, _templateObject3$c, _templateObject4$8, _templateObject5$6, _templateObject6$5, _templateObject7$4, _templateObject8$3, _templateObject9$2;
|
|
4373
|
+
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) {
|
|
4244
4374
|
return props.bg;
|
|
4245
4375
|
}, function (props) {
|
|
4246
4376
|
return props.bg || '#FAE8E5';
|
|
4247
4377
|
});
|
|
4248
|
-
var CartPageContainer = styled__default.div(_templateObject2$
|
|
4378
|
+
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) {
|
|
4249
4379
|
return props.maxWidth || '1620px';
|
|
4250
4380
|
}, function (props) {
|
|
4251
4381
|
return "min(" + (props.maxWidth || '1620px') + ",100%)";
|
|
@@ -4258,7 +4388,7 @@ var CartPageContainer = styled__default.div(_templateObject2$g || (_templateObje
|
|
|
4258
4388
|
}, function (props) {
|
|
4259
4389
|
return props.color || '#BFC3CA';
|
|
4260
4390
|
});
|
|
4261
|
-
var CardsBox = styled__default.div(_templateObject3$
|
|
4391
|
+
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) {
|
|
4262
4392
|
return props.retail ? 'grid' : 'flex';
|
|
4263
4393
|
});
|
|
4264
4394
|
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) {
|
|
@@ -5389,16 +5519,16 @@ if (process.env.NODE_ENV !== 'production') {
|
|
|
5389
5519
|
}
|
|
5390
5520
|
});
|
|
5391
5521
|
|
|
5392
|
-
var _templateObject$
|
|
5393
|
-
var ProductImage = styled__default.img(_templateObject$
|
|
5394
|
-
var ProductName = styled__default.h6(_templateObject2$
|
|
5522
|
+
var _templateObject$s, _templateObject2$j, _templateObject3$d, _templateObject4$9, _templateObject5$7, _templateObject6$6;
|
|
5523
|
+
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"])));
|
|
5524
|
+
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) {
|
|
5395
5525
|
return props.size || '1em';
|
|
5396
5526
|
}, function (props) {
|
|
5397
5527
|
return props.maxHeight ? props.maxHeight + "em" : '2.75em';
|
|
5398
5528
|
}, function (props) {
|
|
5399
5529
|
return props.maxHeight ? props.maxHeight + "em" : '2.80em';
|
|
5400
5530
|
});
|
|
5401
|
-
var CartTableRow = styled__default(material.TableRow)(_templateObject3$
|
|
5531
|
+
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) {
|
|
5402
5532
|
return props.size || '1.19em';
|
|
5403
5533
|
}, function (prop) {
|
|
5404
5534
|
return prop.bg;
|
|
@@ -5758,14 +5888,14 @@ function EnhancedTable(_ref) {
|
|
|
5758
5888
|
}, "remove selected"), /*#__PURE__*/React.createElement("button", null, "updated cart")));
|
|
5759
5889
|
}
|
|
5760
5890
|
|
|
5761
|
-
var _templateObject$
|
|
5762
|
-
var CartPageCard = styled__default.div(_templateObject$
|
|
5763
|
-
var CartPageImg = styled__default.img(_templateObject2$
|
|
5891
|
+
var _templateObject$t, _templateObject2$k, _templateObject3$e, _templateObject4$a, _templateObject5$8, _templateObject6$7, _templateObject7$5;
|
|
5892
|
+
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"])));
|
|
5893
|
+
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) {
|
|
5764
5894
|
return props.width || 'auto';
|
|
5765
5895
|
}, function (props) {
|
|
5766
5896
|
return props.height || '81px';
|
|
5767
5897
|
});
|
|
5768
|
-
var NameAndQtBox = styled__default.div(_templateObject3$
|
|
5898
|
+
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"])));
|
|
5769
5899
|
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"])));
|
|
5770
5900
|
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"])));
|
|
5771
5901
|
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"])));
|
|
@@ -5843,8 +5973,8 @@ var CartPageMainRetail = function CartPageMainRetail(_ref) {
|
|
|
5843
5973
|
})));
|
|
5844
5974
|
};
|
|
5845
5975
|
|
|
5846
|
-
var _templateObject$
|
|
5847
|
-
var CartSummaryContainer = styled__default.div(_templateObject$
|
|
5976
|
+
var _templateObject$u, _templateObject2$l, _templateObject3$f, _templateObject4$b, _templateObject5$9, _templateObject6$8, _templateObject7$6, _templateObject8$4;
|
|
5977
|
+
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) {
|
|
5848
5978
|
return props.maxWidth || '26.375em';
|
|
5849
5979
|
}, function (props) {
|
|
5850
5980
|
return props.background || '#667080';
|
|
@@ -5853,12 +5983,12 @@ var CartSummaryContainer = styled__default.div(_templateObject$s || (_templateOb
|
|
|
5853
5983
|
}, function (props) {
|
|
5854
5984
|
return props.color || 'white';
|
|
5855
5985
|
});
|
|
5856
|
-
var CartSummaryRow = styled__default.div(_templateObject2$
|
|
5986
|
+
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) {
|
|
5857
5987
|
return props.justify || 'space-between';
|
|
5858
5988
|
}, function (props) {
|
|
5859
5989
|
return props.h5 || '1.31em';
|
|
5860
5990
|
});
|
|
5861
|
-
var CartSummaryHr = styled__default.span(_templateObject3$
|
|
5991
|
+
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) {
|
|
5862
5992
|
return props.color || 'rgba(255, 255, 255, 0.5)';
|
|
5863
5993
|
});
|
|
5864
5994
|
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) {
|
|
@@ -6189,7 +6319,7 @@ var GTagManager = function GTagManager(_ref) {
|
|
|
6189
6319
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
|
|
6190
6320
|
};
|
|
6191
6321
|
|
|
6192
|
-
var _templateObject$
|
|
6322
|
+
var _templateObject$v, _templateObject2$m;
|
|
6193
6323
|
var BannerImages = function BannerImages(_ref) {
|
|
6194
6324
|
var config = _ref.config,
|
|
6195
6325
|
sliderImages = _ref.sliderImages,
|
|
@@ -6223,18 +6353,18 @@ var BannerImages = function BannerImages(_ref) {
|
|
|
6223
6353
|
width: '100%',
|
|
6224
6354
|
height: 'auto'
|
|
6225
6355
|
}
|
|
6226
|
-
}) : /*#__PURE__*/React__default.createElement(Image, {
|
|
6356
|
+
}) : /*#__PURE__*/React__default.createElement(Image$1, {
|
|
6227
6357
|
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,
|
|
6228
6358
|
alt: "image",
|
|
6229
6359
|
style: _extends({}, itemStyle)
|
|
6230
6360
|
}))));
|
|
6231
6361
|
})));
|
|
6232
6362
|
};
|
|
6233
|
-
var Image = styled__default.img(_templateObject$
|
|
6234
|
-
var BannerContainer$1 = styled__default.section(_templateObject2$
|
|
6363
|
+
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"])));
|
|
6364
|
+
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"])));
|
|
6235
6365
|
|
|
6236
|
-
var _templateObject$
|
|
6237
|
-
var LandingCarousel = function LandingCarousel(_ref) {
|
|
6366
|
+
var _templateObject$w, _templateObject2$n, _templateObject3$g;
|
|
6367
|
+
var LandingCarousel$1 = function LandingCarousel(_ref) {
|
|
6238
6368
|
var _config$spaceBetweenC, _config$colLg, _ref2, _ref3, _config$colSm, _ref4, _config$colMd, _config$colLg2;
|
|
6239
6369
|
var config = _ref.config,
|
|
6240
6370
|
sliderImages = _ref.sliderImages;
|
|
@@ -6268,7 +6398,7 @@ var LandingCarousel = function LandingCarousel(_ref) {
|
|
|
6268
6398
|
}
|
|
6269
6399
|
}]
|
|
6270
6400
|
};
|
|
6271
|
-
return /*#__PURE__*/React__default.createElement(Root$
|
|
6401
|
+
return /*#__PURE__*/React__default.createElement(Root$9, null, /*#__PURE__*/React__default.createElement("link", {
|
|
6272
6402
|
rel: "stylesheet",
|
|
6273
6403
|
type: "text/css",
|
|
6274
6404
|
charset: "UTF-8",
|
|
@@ -6277,7 +6407,7 @@ var LandingCarousel = function LandingCarousel(_ref) {
|
|
|
6277
6407
|
rel: "stylesheet",
|
|
6278
6408
|
type: "text/css",
|
|
6279
6409
|
href: "https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick-theme.min.css"
|
|
6280
|
-
}), /*#__PURE__*/React__default.createElement(ReactSlick, _extends({}, settings, {
|
|
6410
|
+
}), /*#__PURE__*/React__default.createElement(ReactSlick$1, _extends({}, settings, {
|
|
6281
6411
|
spaceBetweenCol: spaceBetweenCol || 0
|
|
6282
6412
|
}), sliderImageList === null || sliderImageList === void 0 ? void 0 : sliderImageList.map(function (slide, i) {
|
|
6283
6413
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
@@ -6294,21 +6424,21 @@ var LandingCarousel = function LandingCarousel(_ref) {
|
|
|
6294
6424
|
width: '100%',
|
|
6295
6425
|
height: 'auto'
|
|
6296
6426
|
}
|
|
6297
|
-
}) : /*#__PURE__*/React__default.createElement(Image$
|
|
6427
|
+
}) : /*#__PURE__*/React__default.createElement(Image$2, {
|
|
6298
6428
|
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,
|
|
6299
6429
|
alt: "image"
|
|
6300
6430
|
})));
|
|
6301
6431
|
})));
|
|
6302
6432
|
};
|
|
6303
|
-
var Image$
|
|
6304
|
-
var Root$
|
|
6305
|
-
var ReactSlick = styled__default(Slider)(_templateObject3$
|
|
6433
|
+
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"])));
|
|
6434
|
+
var Root$9 = styled__default.div(_templateObject2$n || (_templateObject2$n = _taggedTemplateLiteralLoose([""])));
|
|
6435
|
+
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) {
|
|
6306
6436
|
return props === null || props === void 0 ? void 0 : props.spaceBetweenCol;
|
|
6307
6437
|
}, function (props) {
|
|
6308
6438
|
return props === null || props === void 0 ? void 0 : props.spaceBetweenCol;
|
|
6309
6439
|
});
|
|
6310
6440
|
|
|
6311
|
-
var _templateObject$
|
|
6441
|
+
var _templateObject$x, _templateObject2$o;
|
|
6312
6442
|
var HomeBanner = function HomeBanner(_ref) {
|
|
6313
6443
|
var _ref$apiEndPoint = _ref.apiEndPoint,
|
|
6314
6444
|
apiEndPoint = _ref$apiEndPoint === void 0 ? 'https://dev.salesgent.xyz/api' : _ref$apiEndPoint,
|
|
@@ -6366,7 +6496,7 @@ var HomeBanner = function HomeBanner(_ref) {
|
|
|
6366
6496
|
});
|
|
6367
6497
|
return /*#__PURE__*/React__default.createElement(styled.ThemeProvider, {
|
|
6368
6498
|
theme: colors
|
|
6369
|
-
}, /*#__PURE__*/React__default.createElement(Root$
|
|
6499
|
+
}, /*#__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, {
|
|
6370
6500
|
container: true,
|
|
6371
6501
|
spacing: 0
|
|
6372
6502
|
}, modifySliderTypes === null || modifySliderTypes === void 0 ? void 0 : modifySliderTypes.map(function (sliderType) {
|
|
@@ -6392,7 +6522,7 @@ var HomeBanner = function HomeBanner(_ref) {
|
|
|
6392
6522
|
});
|
|
6393
6523
|
}
|
|
6394
6524
|
}, function (sliderImages) {
|
|
6395
|
-
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, {
|
|
6525
|
+
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, {
|
|
6396
6526
|
config: config,
|
|
6397
6527
|
sliderImages: sliderImages
|
|
6398
6528
|
})) : /*#__PURE__*/React__default.createElement(BannerImages, {
|
|
@@ -6402,10 +6532,10 @@ var HomeBanner = function HomeBanner(_ref) {
|
|
|
6402
6532
|
})));
|
|
6403
6533
|
})))));
|
|
6404
6534
|
};
|
|
6405
|
-
var Root$
|
|
6406
|
-
var MainContainer$
|
|
6535
|
+
var Root$a = styled__default.div(_templateObject$x || (_templateObject$x = _taggedTemplateLiteralLoose([""])));
|
|
6536
|
+
var MainContainer$3 = styled__default.div(_templateObject2$o || (_templateObject2$o = _taggedTemplateLiteralLoose([""])));
|
|
6407
6537
|
|
|
6408
|
-
var _templateObject$
|
|
6538
|
+
var _templateObject$y, _templateObject2$p, _templateObject3$h, _templateObject4$c, _templateObject5$a, _templateObject6$9;
|
|
6409
6539
|
var OutOfStock = function OutOfStock(_ref) {
|
|
6410
6540
|
var _product$body, _product$body$content, _product$body2, _product$body2$conten, _product$masterProduc, _product$header;
|
|
6411
6541
|
var product = _ref.product,
|
|
@@ -6547,7 +6677,7 @@ var OutOfStock = function OutOfStock(_ref) {
|
|
|
6547
6677
|
};
|
|
6548
6678
|
return /*#__PURE__*/React__default.createElement(styled.ThemeProvider, {
|
|
6549
6679
|
theme: colors || {}
|
|
6550
|
-
}, ((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$
|
|
6680
|
+
}, ((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", {
|
|
6551
6681
|
style: {
|
|
6552
6682
|
margin: '0.5rem 0',
|
|
6553
6683
|
fontSize: '1.3rem',
|
|
@@ -6636,12 +6766,12 @@ var OutOfStock = function OutOfStock(_ref) {
|
|
|
6636
6766
|
}
|
|
6637
6767
|
}), /*#__PURE__*/React__default.createElement("span", null, subscribed ? 'Subscribed Successfully' : 'Subscribe')))))));
|
|
6638
6768
|
};
|
|
6639
|
-
var VariantsContainer = styled__default.div(_templateObject$
|
|
6640
|
-
var MainCheckbox = styled__default(Checkbox)(_templateObject2$
|
|
6769
|
+
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"])));
|
|
6770
|
+
var MainCheckbox = styled__default(Checkbox)(_templateObject2$p || (_templateObject2$p = _taggedTemplateLiteralLoose(["\n &.Mui-checked,\n &.MuiCheckbox-indeterminate {\n color: ", ";\n }\n"])), function (props) {
|
|
6641
6771
|
return props.theme.primaryColor;
|
|
6642
6772
|
});
|
|
6643
|
-
var EmailInput = styled__default(InputBase)(_templateObject3$
|
|
6644
|
-
var Root$
|
|
6773
|
+
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"])));
|
|
6774
|
+
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"])));
|
|
6645
6775
|
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) {
|
|
6646
6776
|
return props.height ? props.height : 'auto';
|
|
6647
6777
|
}, function (props) {
|
|
@@ -6673,12 +6803,12 @@ var StyledSubscribe = styled__default.button(_templateObject6$9 || (_templateObj
|
|
|
6673
6803
|
return props.Loading || props.subscribed ? 'none' : 'auto';
|
|
6674
6804
|
});
|
|
6675
6805
|
|
|
6676
|
-
var _templateObject$
|
|
6806
|
+
var _templateObject$z;
|
|
6677
6807
|
var NoData = function NoData(_ref) {
|
|
6678
6808
|
_objectDestructuringEmpty(_ref);
|
|
6679
6809
|
return /*#__PURE__*/React__default.createElement(CustomNoRowsOverlay, null);
|
|
6680
6810
|
};
|
|
6681
|
-
var Container = styled__default.div(_templateObject$
|
|
6811
|
+
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"])));
|
|
6682
6812
|
var CustomNoRowsOverlay = function CustomNoRowsOverlay(_ref2) {
|
|
6683
6813
|
_objectDestructuringEmpty(_ref2);
|
|
6684
6814
|
return /*#__PURE__*/React__default.createElement(Container, null, /*#__PURE__*/React__default.createElement("svg", {
|
|
@@ -7145,19 +7275,19 @@ var AsyncSelect = function AsyncSelect(_ref3) {
|
|
|
7145
7275
|
return /*#__PURE__*/React__default.createElement(AsyncSelectField, props);
|
|
7146
7276
|
};
|
|
7147
7277
|
|
|
7148
|
-
var _templateObject$
|
|
7149
|
-
var Container$1 = styled__default.div(_templateObject$
|
|
7278
|
+
var _templateObject$A;
|
|
7279
|
+
var Container$1 = styled__default.div(_templateObject$A || (_templateObject$A = _taggedTemplateLiteralLoose([""])));
|
|
7150
7280
|
|
|
7151
|
-
var _templateObject$
|
|
7152
|
-
var ProductImage$1 = styled__default.img(_templateObject$
|
|
7153
|
-
var ProductName$1 = styled__default.h6(_templateObject2$
|
|
7281
|
+
var _templateObject$B, _templateObject2$q, _templateObject3$i, _templateObject4$d, _templateObject5$b, _templateObject6$a;
|
|
7282
|
+
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"])));
|
|
7283
|
+
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) {
|
|
7154
7284
|
return props.size || '1em';
|
|
7155
7285
|
}, function (props) {
|
|
7156
7286
|
return props.maxHeight ? props.maxHeight + "em" : '2.75em';
|
|
7157
7287
|
}, function (props) {
|
|
7158
7288
|
return props.maxHeight ? props.maxHeight + "em" : '2.80em';
|
|
7159
7289
|
});
|
|
7160
|
-
var CartTableRow$1 = styled__default(material.TableRow)(_templateObject3$
|
|
7290
|
+
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) {
|
|
7161
7291
|
return props.size || '1.19em';
|
|
7162
7292
|
}, function (prop) {
|
|
7163
7293
|
return prop.bg;
|
|
@@ -7279,13 +7409,13 @@ var CardRow$1 = function CardRow(_ref) {
|
|
|
7279
7409
|
}))));
|
|
7280
7410
|
};
|
|
7281
7411
|
|
|
7282
|
-
var _templateObject$
|
|
7283
|
-
var CartPageSection$1 = styled__default.section(_templateObject$
|
|
7412
|
+
var _templateObject$C, _templateObject2$r, _templateObject3$j, _templateObject4$e, _templateObject5$c, _templateObject6$b, _templateObject7$7, _templateObject8$5, _templateObject9$3;
|
|
7413
|
+
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) {
|
|
7284
7414
|
return props.bg;
|
|
7285
7415
|
}, function (props) {
|
|
7286
7416
|
return props.bg || '#FAE8E5';
|
|
7287
7417
|
});
|
|
7288
|
-
var CartPageContainer$1 = styled__default.div(_templateObject2$
|
|
7418
|
+
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) {
|
|
7289
7419
|
return props.maxWidth || '1620px';
|
|
7290
7420
|
}, function (props) {
|
|
7291
7421
|
return "min(" + (props.maxWidth || '1620px') + ",100%)";
|
|
@@ -7298,7 +7428,7 @@ var CartPageContainer$1 = styled__default.div(_templateObject2$p || (_templateOb
|
|
|
7298
7428
|
}, function (props) {
|
|
7299
7429
|
return props.color || '#BFC3CA';
|
|
7300
7430
|
});
|
|
7301
|
-
var CardsBox$1 = styled__default.div(_templateObject3$
|
|
7431
|
+
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) {
|
|
7302
7432
|
return props.retail ? 'grid' : 'flex';
|
|
7303
7433
|
});
|
|
7304
7434
|
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) {
|
|
@@ -7738,14 +7868,14 @@ var SnowfallComponent = function SnowfallComponent(_ref) {
|
|
|
7738
7868
|
}) : null;
|
|
7739
7869
|
};
|
|
7740
7870
|
|
|
7741
|
-
var _templateObject$
|
|
7742
|
-
var StaticContainer$1 = styled__default.div(_templateObject$
|
|
7871
|
+
var _templateObject$D;
|
|
7872
|
+
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) {
|
|
7743
7873
|
return props.theme.primaryColor;
|
|
7744
7874
|
}, function (props) {
|
|
7745
7875
|
return props.theme.primaryColor;
|
|
7746
7876
|
});
|
|
7747
7877
|
|
|
7748
|
-
var _templateObject$
|
|
7878
|
+
var _templateObject$E;
|
|
7749
7879
|
var StaticPage = function StaticPage(_ref) {
|
|
7750
7880
|
var _data$content;
|
|
7751
7881
|
var _ref$colors = _ref.colors,
|
|
@@ -7762,7 +7892,7 @@ var StaticPage = function StaticPage(_ref) {
|
|
|
7762
7892
|
logoUrl = _ref.logoUrl;
|
|
7763
7893
|
return /*#__PURE__*/React__default.createElement(styled.ThemeProvider, {
|
|
7764
7894
|
theme: colors
|
|
7765
|
-
}, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(material.CssBaseline, null), /*#__PURE__*/React__default.createElement(Root$
|
|
7895
|
+
}, /*#__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", {
|
|
7766
7896
|
className: "top-bar"
|
|
7767
7897
|
}, data.mainTitle), mapSrc && /*#__PURE__*/React__default.createElement("iframe", {
|
|
7768
7898
|
width: "100%",
|
|
@@ -7809,9 +7939,9 @@ var StaticPage = function StaticPage(_ref) {
|
|
|
7809
7939
|
logoUrl: logoUrl
|
|
7810
7940
|
}))))))));
|
|
7811
7941
|
};
|
|
7812
|
-
var Root$
|
|
7942
|
+
var Root$c = styled__default(material.Box)(_templateObject$E || (_templateObject$E = _taggedTemplateLiteralLoose([""])));
|
|
7813
7943
|
|
|
7814
|
-
var _templateObject$
|
|
7944
|
+
var _templateObject$F, _templateObject2$s;
|
|
7815
7945
|
var ThankYou = function ThankYou(_ref) {
|
|
7816
7946
|
var _ref$id = _ref.id,
|
|
7817
7947
|
id = _ref$id === void 0 ? 0 : _ref$id,
|
|
@@ -7822,7 +7952,7 @@ var ThankYou = function ThankYou(_ref) {
|
|
|
7822
7952
|
onContinue = _ref.onContinue;
|
|
7823
7953
|
return /*#__PURE__*/React__default.createElement(styled.ThemeProvider, {
|
|
7824
7954
|
theme: colors
|
|
7825
|
-
}, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(material.CssBaseline, null), /*#__PURE__*/React__default.createElement(Root$
|
|
7955
|
+
}, /*#__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, {
|
|
7826
7956
|
container: true,
|
|
7827
7957
|
justify: "center"
|
|
7828
7958
|
}, /*#__PURE__*/React__default.createElement(material.Grid, {
|
|
@@ -7870,8 +8000,8 @@ var ThankYou = function ThankYou(_ref) {
|
|
|
7870
8000
|
onClick: onContinue
|
|
7871
8001
|
}, /*#__PURE__*/React__default.createElement("p", null, "Continue Shopping"))))))));
|
|
7872
8002
|
};
|
|
7873
|
-
var Root$
|
|
7874
|
-
var StyledButton = styled__default.button(_templateObject2$
|
|
8003
|
+
var Root$d = styled__default(material.Box)(_templateObject$F || (_templateObject$F = _taggedTemplateLiteralLoose([""])));
|
|
8004
|
+
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) {
|
|
7875
8005
|
return props.theme.primaryColor;
|
|
7876
8006
|
}, function (props) {
|
|
7877
8007
|
return props.theme.primaryColor;
|
|
@@ -7879,16 +8009,16 @@ var StyledButton = styled__default.button(_templateObject2$q || (_templateObject
|
|
|
7879
8009
|
return props.theme.primaryColor;
|
|
7880
8010
|
});
|
|
7881
8011
|
|
|
7882
|
-
var _templateObject$
|
|
7883
|
-
var CheckoutRootContainer = styled__default.div(_templateObject$
|
|
8012
|
+
var _templateObject$G, _templateObject2$t, _templateObject3$k, _templateObject4$f, _templateObject5$d, _templateObject6$c, _templateObject7$8, _templateObject8$6;
|
|
8013
|
+
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) {
|
|
7884
8014
|
return props.bg;
|
|
7885
8015
|
});
|
|
7886
|
-
var CheckoutPageContainer = styled__default.div(_templateObject2$
|
|
8016
|
+
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) {
|
|
7887
8017
|
return props.maxWidth || '1605px';
|
|
7888
8018
|
}, function (props) {
|
|
7889
8019
|
return props.bg || '#fff8f6';
|
|
7890
8020
|
});
|
|
7891
|
-
var Row = styled__default.div(_templateObject3$
|
|
8021
|
+
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"])));
|
|
7892
8022
|
var CheckoutMainWithHeader = styled__default(material.Stack)(_templateObject4$f || (_templateObject4$f = _taggedTemplateLiteralLoose([""])));
|
|
7893
8023
|
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) {
|
|
7894
8024
|
return props.bg || 'rgba(102,112,128,0.5)';
|
|
@@ -7901,14 +8031,14 @@ var CheckoutHeading = styled__default.div(_templateObject6$c || (_templateObject
|
|
|
7901
8031
|
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"])));
|
|
7902
8032
|
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"])));
|
|
7903
8033
|
|
|
7904
|
-
var _templateObject$
|
|
7905
|
-
var CheckoutSummaryContainer = styled__default.div(_templateObject$
|
|
8034
|
+
var _templateObject$H, _templateObject2$u, _templateObject3$l;
|
|
8035
|
+
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) {
|
|
7906
8036
|
return props.bg || 'rgba(255, 240, 236, 1)';
|
|
7907
8037
|
}, function (props) {
|
|
7908
8038
|
return props.color || ' rgba(50, 50, 50, 1)';
|
|
7909
8039
|
});
|
|
7910
|
-
var TextRow = styled__default.div(_templateObject2$
|
|
7911
|
-
var FilledInfo = styled__default.div(_templateObject3$
|
|
8040
|
+
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"])));
|
|
8041
|
+
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"])));
|
|
7912
8042
|
|
|
7913
8043
|
var CheckoutSummary = function CheckoutSummary(_ref) {
|
|
7914
8044
|
var total = _ref.total,
|
|
@@ -7962,14 +8092,14 @@ var CheckoutSummary = function CheckoutSummary(_ref) {
|
|
|
7962
8092
|
}, paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.name)));
|
|
7963
8093
|
};
|
|
7964
8094
|
|
|
7965
|
-
var _templateObject$
|
|
7966
|
-
var StepContainer = styled__default.div(_templateObject$
|
|
7967
|
-
var StepsContent = styled__default.div(_templateObject2$
|
|
8095
|
+
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;
|
|
8096
|
+
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"])));
|
|
8097
|
+
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) {
|
|
7968
8098
|
return 'transparent' + '!important';
|
|
7969
8099
|
}, function (props) {
|
|
7970
8100
|
return props.bg || 'red';
|
|
7971
8101
|
});
|
|
7972
|
-
var StepsHeaderContainer = styled__default.div(_templateObject3$
|
|
8102
|
+
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) {
|
|
7973
8103
|
return props.single ? '1.8em 2em' : '1em 0';
|
|
7974
8104
|
}, function (props) {
|
|
7975
8105
|
return props.single ? '-1.56em' : '1em';
|
|
@@ -8545,7 +8675,7 @@ var Step1 = function Step1(_ref) {
|
|
|
8545
8675
|
})));
|
|
8546
8676
|
};
|
|
8547
8677
|
|
|
8548
|
-
var _templateObject$
|
|
8678
|
+
var _templateObject$J;
|
|
8549
8679
|
var Step2 = function Step2(_ref) {
|
|
8550
8680
|
var _filter, _customer$customerDto, _addressList$, _addressList, _styles$button2, _JSON$parse2, _styles$button3;
|
|
8551
8681
|
var apiEndPoint = _ref.apiEndPoint,
|
|
@@ -8820,7 +8950,7 @@ var Step2 = function Step2(_ref) {
|
|
|
8820
8950
|
color: styles === null || styles === void 0 ? void 0 : (_styles$button3 = styles.button) === null || _styles$button3 === void 0 ? void 0 : _styles$button3.bg
|
|
8821
8951
|
})));
|
|
8822
8952
|
};
|
|
8823
|
-
var ImageContainer$1 = styled__default(material.CardMedia)(_templateObject$
|
|
8953
|
+
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"])));
|
|
8824
8954
|
|
|
8825
8955
|
var CreditCardForm = function CreditCardForm(_ref) {
|
|
8826
8956
|
var _React$createElement, _React$createElement2;
|
|
@@ -10350,6 +10480,7 @@ function useGridSize() {
|
|
|
10350
10480
|
|
|
10351
10481
|
exports.APIStaticPage = APIStaticPage;
|
|
10352
10482
|
exports.AccountDetails = AccountDetails;
|
|
10483
|
+
exports.BrandList = BrandList;
|
|
10353
10484
|
exports.BrandStock = BrandStock;
|
|
10354
10485
|
exports.Breakpoint = Breakpoint;
|
|
10355
10486
|
exports.CartDrawer = CartDrawer;
|