@salesgenterp/ui-components 0.4.331 → 0.4.333
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 +68 -37
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +68 -37
- package/dist/index.modern.js.map +1 -1
- package/package.json +2 -2
package/dist/index.js
CHANGED
|
@@ -2979,7 +2979,7 @@ var Dashboard = function Dashboard(_ref) {
|
|
|
2979
2979
|
color: primaryColor,
|
|
2980
2980
|
marginRight: '1rem'
|
|
2981
2981
|
}
|
|
2982
|
-
}), (customerData === null || customerData === void 0 ? void 0 : (_customerData$custome4 = customerData.customerDto) === null || _customerData$custome4 === void 0 ? void 0 : _customerData$custome4.salesRepresentativeEmail) || 'N/A'), /*#__PURE__*/React__default.createElement(DividerContainer, null)), /*#__PURE__*/React__default.createElement(material.Grid, {
|
|
2982
|
+
}), (customerData === null || customerData === void 0 ? void 0 : (_customerData$custome4 = customerData.customerDto) === null || _customerData$custome4 === void 0 ? void 0 : _customerData$custome4.salesRepresentativeEmail) || 'N/A'), /*#__PURE__*/React__default.createElement(DividerContainer, null)), !removeSocialLinks && /*#__PURE__*/React__default.createElement(material.Grid, {
|
|
2983
2983
|
item: true,
|
|
2984
2984
|
xs: 12
|
|
2985
2985
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
@@ -4469,7 +4469,9 @@ var AccountDetails = function AccountDetails(_ref) {
|
|
|
4469
4469
|
imgNotFoundUrl = _ref$imgNotFoundUrl === void 0 ? noImgAvailable$1 : _ref$imgNotFoundUrl,
|
|
4470
4470
|
hideInvoiceAction = _ref.hideInvoiceAction,
|
|
4471
4471
|
_ref$payInvoiceFromDa = _ref.payInvoiceFromDashboard,
|
|
4472
|
-
payInvoiceFromDashboard = _ref$payInvoiceFromDa === void 0 ? false : _ref$payInvoiceFromDa
|
|
4472
|
+
payInvoiceFromDashboard = _ref$payInvoiceFromDa === void 0 ? false : _ref$payInvoiceFromDa,
|
|
4473
|
+
_ref$removeSocialLink = _ref.removeSocialLinks,
|
|
4474
|
+
removeSocialLinks = _ref$removeSocialLink === void 0 ? false : _ref$removeSocialLink;
|
|
4473
4475
|
var queryParams = searchQueryParams(window.location.search);
|
|
4474
4476
|
var serviceApiEndPoint = apiEndPoint.replace('/api', '/services/pdf');
|
|
4475
4477
|
var isMobile = useMediaQuery('(max-width:768px)');
|
|
@@ -4607,7 +4609,8 @@ var AccountDetails = function AccountDetails(_ref) {
|
|
|
4607
4609
|
hideDiscountImage: hideDiscountImage,
|
|
4608
4610
|
imgNotFoundUrl: imgNotFoundUrl,
|
|
4609
4611
|
hideInvoiceAction: hideInvoiceAction,
|
|
4610
|
-
payInvoiceFromDashboard: payInvoiceFromDashboard
|
|
4612
|
+
payInvoiceFromDashboard: payInvoiceFromDashboard,
|
|
4613
|
+
removeSocialLinks: removeSocialLinks
|
|
4611
4614
|
});
|
|
4612
4615
|
case 'myProfile':
|
|
4613
4616
|
return /*#__PURE__*/React__default.createElement(MyProfile, {
|
|
@@ -4803,11 +4806,12 @@ var TypographyContainer$7 = styled__default(material.Typography)(_templateObject
|
|
|
4803
4806
|
return props.fontColor;
|
|
4804
4807
|
});
|
|
4805
4808
|
|
|
4806
|
-
var _templateObject$o, _templateObject2$e, _templateObject3$9, _templateObject4$6;
|
|
4809
|
+
var _templateObject$o, _templateObject2$e, _templateObject3$9, _templateObject4$6, _templateObject5$4;
|
|
4807
4810
|
var LandingCarousel = function LandingCarousel(_ref) {
|
|
4808
|
-
var
|
|
4811
|
+
var _brandData2;
|
|
4809
4812
|
var brandList = _ref.brandList,
|
|
4810
|
-
noImgUrl = _ref.noImgUrl
|
|
4813
|
+
noImgUrl = _ref.noImgUrl,
|
|
4814
|
+
isSlider = _ref.isSlider;
|
|
4811
4815
|
var brandListData = (brandList === null || brandList === void 0 ? void 0 : brandList.content) || [];
|
|
4812
4816
|
var spaceBetweenCol = 4;
|
|
4813
4817
|
var brandData = function brandData() {
|
|
@@ -4850,6 +4854,31 @@ var LandingCarousel = function LandingCarousel(_ref) {
|
|
|
4850
4854
|
}]
|
|
4851
4855
|
};
|
|
4852
4856
|
};
|
|
4857
|
+
if (!isSlider) {
|
|
4858
|
+
var _brandData;
|
|
4859
|
+
return /*#__PURE__*/React__default.createElement(Root$6, null, /*#__PURE__*/React__default.createElement(material.Grid, {
|
|
4860
|
+
container: true,
|
|
4861
|
+
spacing: 1
|
|
4862
|
+
}, (_brandData = brandData()) === null || _brandData === void 0 ? void 0 : _brandData.map(function (item, i) {
|
|
4863
|
+
var _item$brandAttachment, _item$brandAttachment2;
|
|
4864
|
+
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];
|
|
4865
|
+
return /*#__PURE__*/React__default.createElement(material.Grid, {
|
|
4866
|
+
item: true,
|
|
4867
|
+
key: i
|
|
4868
|
+
}, /*#__PURE__*/React__default.createElement(SliderItem, null, /*#__PURE__*/React__default.createElement("a", {
|
|
4869
|
+
href: (brand === null || brand === void 0 ? void 0 : brand.redirectPath) || ''
|
|
4870
|
+
}, isVideo(brand === null || brand === void 0 ? void 0 : brand.url) ? /*#__PURE__*/React__default.createElement(Video, {
|
|
4871
|
+
src: brand === null || brand === void 0 ? void 0 : brand.url,
|
|
4872
|
+
loop: true,
|
|
4873
|
+
autoPlay: true,
|
|
4874
|
+
muted: true,
|
|
4875
|
+
playsInline: true
|
|
4876
|
+
}) : /*#__PURE__*/React__default.createElement(Image, {
|
|
4877
|
+
src: brand !== null && brand !== void 0 && brand.url && (brand === null || brand === void 0 ? void 0 : brand.url) !== 'null' ? brand === null || brand === void 0 ? void 0 : brand.url : noImgUrl || noImgAvailable$1,
|
|
4878
|
+
alt: "image"
|
|
4879
|
+
}))));
|
|
4880
|
+
})));
|
|
4881
|
+
}
|
|
4853
4882
|
return /*#__PURE__*/React__default.createElement(Root$6, null, /*#__PURE__*/React__default.createElement("link", {
|
|
4854
4883
|
rel: "stylesheet",
|
|
4855
4884
|
type: "text/css",
|
|
@@ -4861,12 +4890,10 @@ var LandingCarousel = function LandingCarousel(_ref) {
|
|
|
4861
4890
|
href: "https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick-theme.min.css"
|
|
4862
4891
|
}), /*#__PURE__*/React__default.createElement(ReactSlick, _extends({}, settings(), {
|
|
4863
4892
|
spaceBetweenCol: spaceBetweenCol
|
|
4864
|
-
}), (
|
|
4865
|
-
var _item$
|
|
4866
|
-
var brand = item === null || item === void 0 ? void 0 : (_item$
|
|
4867
|
-
return /*#__PURE__*/React__default.createElement("
|
|
4868
|
-
className: "slideItem"
|
|
4869
|
-
}, /*#__PURE__*/React__default.createElement("a", {
|
|
4893
|
+
}), (_brandData2 = brandData()) === null || _brandData2 === void 0 ? void 0 : _brandData2.map(function (item, i) {
|
|
4894
|
+
var _item$brandAttachment3, _item$brandAttachment4;
|
|
4895
|
+
var brand = item === null || item === void 0 ? void 0 : (_item$brandAttachment3 = item.brandAttachmentMap) === null || _item$brandAttachment3 === void 0 ? void 0 : (_item$brandAttachment4 = _item$brandAttachment3['Brand Logo']) === null || _item$brandAttachment4 === void 0 ? void 0 : _item$brandAttachment4[0];
|
|
4896
|
+
return /*#__PURE__*/React__default.createElement(SliderItem, null, /*#__PURE__*/React__default.createElement("a", {
|
|
4870
4897
|
href: (brand === null || brand === void 0 ? void 0 : brand.redirectPath) || ''
|
|
4871
4898
|
}, isVideo(brand === null || brand === void 0 ? void 0 : brand.url) ? /*#__PURE__*/React__default.createElement(Video, {
|
|
4872
4899
|
src: brand === null || brand === void 0 ? void 0 : brand.url,
|
|
@@ -4883,9 +4910,10 @@ var LandingCarousel = function LandingCarousel(_ref) {
|
|
|
4883
4910
|
var Image = styled__default.img(_templateObject$o || (_templateObject$o = _taggedTemplateLiteralLoose(["\n width: 100%;\n transition: all 0.5s;\n height: 100%;\n min-height: 100px;\n object-fit: contain;\n object-position: center;\n &:hover {\n transform: scale(1.05);\n }\n"])));
|
|
4884
4911
|
var Video = styled__default.video(_templateObject2$e || (_templateObject2$e = _taggedTemplateLiteralLoose(["\n width: 100%;\n transition: all 0.5s;\n height: 100%;\n min-height: 100px;\n object-fit: cover;\n object-position: center;\n &:hover {\n transform: scale(1.05);\n }\n"])));
|
|
4885
4912
|
var Root$6 = styled__default.div(_templateObject3$9 || (_templateObject3$9 = _taggedTemplateLiteralLoose(["\n height: 100%;\n"])));
|
|
4886
|
-
var ReactSlick = styled__default(Slider)(_templateObject4$6 || (_templateObject4$6 = _taggedTemplateLiteralLoose(["\n height: 100%;\n .slick-track {\n height: 100%;\n }\n .slick-slide {\n height: 100%;\n div:first-child {\n height: 100%;\n }\n }\n .slick-list {\n height: 100%;\n margin: 0 -", "px;\n }\n
|
|
4913
|
+
var ReactSlick = styled__default(Slider)(_templateObject4$6 || (_templateObject4$6 = _taggedTemplateLiteralLoose(["\n height: 100%;\n .slick-track {\n height: 100%;\n }\n .slick-slide {\n height: 100%;\n div:first-child {\n height: 100%;\n }\n }\n .slick-list {\n height: 100%;\n margin: 0 -", "px;\n }\n\n line-height: 0;\n .slick-dots {\n bottom: 0;\n li {\n margin: 0;\n button:before {\n color: #ffffff !important;\n font-size: 10px;\n }\n }\n }\n .slick-prev,\n .slick-next {\n color: #464646;\n z-index: 1;\n width: 26px;\n height: 26px;\n }\n .slick-prev {\n left: 12px;\n }\n .slick-next {\n right: 12px;\n }\n"])), function (props) {
|
|
4887
4914
|
return props === null || props === void 0 ? void 0 : props.spaceBetweenCol;
|
|
4888
|
-
}
|
|
4915
|
+
});
|
|
4916
|
+
var SliderItem = styled__default.div(_templateObject5$4 || (_templateObject5$4 = _taggedTemplateLiteralLoose(["\n max-width: 150px;\n height: 100%;\n padding: 0 ", "px;\n overflow: hidden;\n"])), function (props) {
|
|
4889
4917
|
return props === null || props === void 0 ? void 0 : props.spaceBetweenCol;
|
|
4890
4918
|
});
|
|
4891
4919
|
|
|
@@ -4899,6 +4927,8 @@ var BrandList = function BrandList(_ref) {
|
|
|
4899
4927
|
} : _ref$colors,
|
|
4900
4928
|
_ref$size = _ref.size,
|
|
4901
4929
|
size = _ref$size === void 0 ? 20 : _ref$size,
|
|
4930
|
+
_ref$isSlider = _ref.isSlider,
|
|
4931
|
+
isSlider = _ref$isSlider === void 0 ? true : _ref$isSlider,
|
|
4902
4932
|
noImgUrl = _ref.noImgUrl;
|
|
4903
4933
|
var _useState = React.useState(false),
|
|
4904
4934
|
loading = _useState[0],
|
|
@@ -4931,7 +4961,8 @@ var BrandList = function BrandList(_ref) {
|
|
|
4931
4961
|
theme: colors
|
|
4932
4962
|
}, /*#__PURE__*/React__default.createElement(Root$7, null, /*#__PURE__*/React__default.createElement(material.CssBaseline, null), /*#__PURE__*/React__default.createElement(MainContainer$1, null, loading ? /*#__PURE__*/React__default.createElement(Loader, null) : /*#__PURE__*/React__default.createElement(LandingCarousel, {
|
|
4933
4963
|
brandList: brandList,
|
|
4934
|
-
noImgUrl: noImgUrl
|
|
4964
|
+
noImgUrl: noImgUrl,
|
|
4965
|
+
isSlider: isSlider
|
|
4935
4966
|
}))));
|
|
4936
4967
|
};
|
|
4937
4968
|
var Root$7 = styled__default.div(_templateObject$p || (_templateObject$p = _taggedTemplateLiteralLoose([""])));
|
|
@@ -5014,7 +5045,7 @@ var AsyncDataLoad = function AsyncDataLoad(_ref) {
|
|
|
5014
5045
|
};
|
|
5015
5046
|
var AsyncDataLoadComponent = React.memo(AsyncDataLoad);
|
|
5016
5047
|
|
|
5017
|
-
var _templateObject$q, _templateObject2$g, _templateObject3$a, _templateObject4$7, _templateObject5$
|
|
5048
|
+
var _templateObject$q, _templateObject2$g, _templateObject3$a, _templateObject4$7, _templateObject5$5, _templateObject6$3, _templateObject7$2, _templateObject8$2, _templateObject9$2;
|
|
5018
5049
|
var BrandStock = function BrandStock(_ref) {
|
|
5019
5050
|
var _Object$keys, _Object$keys2, _data$brands;
|
|
5020
5051
|
var storeData = _ref.storeData,
|
|
@@ -5168,7 +5199,7 @@ var Root$8 = styled__default.div(_templateObject$q || (_templateObject$q = _tagg
|
|
|
5168
5199
|
var TitleContainer$1 = styled__default.div(_templateObject2$g || (_templateObject2$g = _taggedTemplateLiteralLoose(["\n padding: 0 1rem;\n display: flex;\n justify-content: space-between;\n"])));
|
|
5169
5200
|
var MainContainer$2 = styled__default.div(_templateObject3$a || (_templateObject3$a = _taggedTemplateLiteralLoose(["\n max-width: 600px;\n margin: auto;\n .logo {\n display: flex;\n }\n .logoImage {\n max-width: min(400px, 100%);\n max-height: 200px;\n margin: auto;\n }\n"])));
|
|
5170
5201
|
var DetailsContainer = styled__default.div(_templateObject4$7 || (_templateObject4$7 = _taggedTemplateLiteralLoose(["\n margin: 1.2rem 0;\n text-align: center;\n p {\n font-size: 16px;\n font-weight: 500;\n }\n span {\n font-size: 15px;\n }\n .lineContainer {\n display: flex;\n justify-content: center;\n align-items: center;\n margin: 0.5rem 0;\n span {\n margin-right: 6px;\n }\n }\n"])));
|
|
5171
|
-
var BrandContainer = styled__default.div(_templateObject5$
|
|
5202
|
+
var BrandContainer = styled__default.div(_templateObject5$5 || (_templateObject5$5 = _taggedTemplateLiteralLoose(["\n .brandImage {\n max-width: 100%;\n margin: 1rem auto;\n }\n"])));
|
|
5172
5203
|
var ReturnPolicyContainer = styled__default.div(_templateObject6$3 || (_templateObject6$3 = _taggedTemplateLiteralLoose(["\n h2 {\n text-align: center;\n }\n margin: 1rem 0;\n p {\n font-size: 16px;\n }\n"])));
|
|
5173
5204
|
var TablePaperContainer = styled__default(TableContainer$2)(_templateObject7$2 || (_templateObject7$2 = _taggedTemplateLiteralLoose(["\n background-color: transparent;\n"])));
|
|
5174
5205
|
var TableRowContainer$1 = styled__default(TableRow)(_templateObject8$2 || (_templateObject8$2 = _taggedTemplateLiteralLoose(["\n && {\n background: ", ";\n &:last-child td,\n &:last-child th {\n border: 0;\n }\n }\n"])), function (props) {
|
|
@@ -5178,7 +5209,7 @@ var TableCellContainer$1 = styled__default(TableCell)(_templateObject9$2 || (_te
|
|
|
5178
5209
|
return props.availableQuantity ? props.stockCol && 'green' : '#ffffff';
|
|
5179
5210
|
});
|
|
5180
5211
|
|
|
5181
|
-
var _templateObject$r, _templateObject2$h, _templateObject3$b, _templateObject4$8, _templateObject5$
|
|
5212
|
+
var _templateObject$r, _templateObject2$h, _templateObject3$b, _templateObject4$8, _templateObject5$6, _templateObject6$4, _templateObject7$3;
|
|
5182
5213
|
var CartDrawerContainer = styled__default.div(_templateObject$r || (_templateObject$r = _taggedTemplateLiteralLoose(["\n width: 100%;\n max-width: ", ";\n height: 100%;\n /* padding: 1em;\n padding-top: 0rem; */\n position: relative;\n /* min-width: 100%; */\n min-height: 100vh;\n max-height: 100vh;\n overflow-y: auto;\n\n display: flex;\n flex-direction: column;\n /* border: 1px solid; */\n"])), function (props) {
|
|
5183
5214
|
return props.maxWidth || '650px';
|
|
5184
5215
|
});
|
|
@@ -5187,7 +5218,7 @@ var CartDrawerProductContainer = styled__default.div(_templateObject3$b || (_tem
|
|
|
5187
5218
|
return props.opacity;
|
|
5188
5219
|
});
|
|
5189
5220
|
var CartDrawerBottomSection = styled__default.div(_templateObject4$8 || (_templateObject4$8 = _taggedTemplateLiteralLoose(["\n width: 100%;\n /* height: 8rem; */\n background-color: white;\n box-shadow: 3px -2px 10px #b1b1b1;\n display: flex;\n flex-direction: column;\n // min-height: 7rem;\n position: sticky;\n bottom: 0;\n margin-top: auto;\n /* padding-bottom: 0.5rem; */\n\n /* left: 0; */\n align-items: center;\n .row {\n width: 100%;\n padding: 0rem 1rem;\n padding-top: 1rem;\n /* padding-left: 1rem; */\n h5 {\n font-weight: bold;\n font-size: 1.1rem;\n span {\n font-weight: 400;\n padding-left: 0.5rem;\n }\n }\n }\n @media only screen and (max-width: 340px) {\n min-height: 6rem;\n .row h5 {\n font-size: 0.8rem;\n }\n }\n"])));
|
|
5190
|
-
var CartDrawerOutlinedButton = styled__default.button(_templateObject5$
|
|
5221
|
+
var CartDrawerOutlinedButton = styled__default.button(_templateObject5$6 || (_templateObject5$6 = _taggedTemplateLiteralLoose(["\n width: 90%;\n height: 3.55rem;\n border: 2px solid;\n border-radius: 1rem;\n display: grid;\n place-items: center;\n font-weight: 500;\n font-size: 1rem;\n transition: 0.5s;\n outline: none;\n text-transform: capitalize;\n border-color: ", ";\n color: ", ";\n text-transform: capitalize;\n margin: 0.6rem 0;\n cursor: pointer;\n background: white;\n &:hover,\n &:focus {\n opacity: 0.8;\n letter-spacing: 1px;\n outline: none;\n }\n @media only screen and (max-width: 640px) {\n height: 2.9rem;\n }\n @media only screen and (max-width: 340px) {\n height: 2.2rem;\n margin: 0.3rem 0;\n }\n"])), function (props) {
|
|
5191
5222
|
return props.color || 'black';
|
|
5192
5223
|
}, function (props) {
|
|
5193
5224
|
return props.color || 'black';
|
|
@@ -5323,7 +5354,7 @@ var CartDrawer = function CartDrawer(_ref) {
|
|
|
5323
5354
|
}, "continue to checkout"))));
|
|
5324
5355
|
};
|
|
5325
5356
|
|
|
5326
|
-
var _templateObject$t, _templateObject2$j, _templateObject3$d, _templateObject4$9, _templateObject5$
|
|
5357
|
+
var _templateObject$t, _templateObject2$j, _templateObject3$d, _templateObject4$9, _templateObject5$7, _templateObject6$5, _templateObject7$4, _templateObject8$3, _templateObject9$3;
|
|
5327
5358
|
var CartPageSection = styled__default.section(_templateObject$t || (_templateObject$t = _taggedTemplateLiteralLoose(["\n background: ", ";\n max-width: 100%;\n width: fit-content;\n background: ", ";\n overflow: hidden;\n border-radius: 28px;\n\n @media screen and (max-width: 1340px) {\n padding: 0 1em;\n }\n @media screen and (max-width: 640px) {\n padding: 0 1em;\n }\n"])), function (props) {
|
|
5328
5359
|
return props.bg;
|
|
5329
5360
|
}, function (props) {
|
|
@@ -5350,7 +5381,7 @@ var CartHeading = styled__default.div(_templateObject4$9 || (_templateObject4$9
|
|
|
5350
5381
|
}, function (props) {
|
|
5351
5382
|
return props.h1 || 'inherit';
|
|
5352
5383
|
});
|
|
5353
|
-
var Loader$1 = styled__default.div(_templateObject5$
|
|
5384
|
+
var Loader$1 = styled__default.div(_templateObject5$7 || (_templateObject5$7 = _taggedTemplateLiteralLoose(["\n position: absolute;\n top: 40%;\n left: 47%;\n display: grid;\n place-items: center;\n z-index: 3;\n"])));
|
|
5354
5385
|
var CartTableCell = styled__default(material.TableCell)(_templateObject6$5 || (_templateObject6$5 = _taggedTemplateLiteralLoose(["\n && {\n padding-bottom: 1em !important;\n // border: none !important;\n /* font-size: 0.75em; */\n font-size: 1em;\n color: rgba(98, 95, 95, 1);\n // background: ", ";\n color: ", ";\n }\n &.bg-transparent {\n // background-color: transparent !important;\n text-transform: uppercase;\n z-index: 3 !important;\n span {\n font-size: 0.75em;\n font-weight: 600;\n }\n svg {\n color: ", ";\n }\n .MuiTableSortLabel-root {\n color: ", "!important;\n }\n }\n"])), function (props) {
|
|
5355
5386
|
return "" + props.bg;
|
|
5356
5387
|
}, function (props) {
|
|
@@ -6473,7 +6504,7 @@ if (process.env.NODE_ENV !== 'production') {
|
|
|
6473
6504
|
}
|
|
6474
6505
|
});
|
|
6475
6506
|
|
|
6476
|
-
var _templateObject$u, _templateObject2$k, _templateObject3$e, _templateObject4$a, _templateObject5$
|
|
6507
|
+
var _templateObject$u, _templateObject2$k, _templateObject3$e, _templateObject4$a, _templateObject5$8, _templateObject6$6;
|
|
6477
6508
|
var ProductImage = styled__default.img(_templateObject$u || (_templateObject$u = _taggedTemplateLiteralLoose(["\n min-width: 50px;\n min-height: 50px;\n @media only screen and (max-width: 640px) {\n margin: 0.5em 0;\n padding-right: 0.5em;\n }\n"])));
|
|
6478
6509
|
var ProductName = styled__default.h6(_templateObject2$k || (_templateObject2$k = _taggedTemplateLiteralLoose(["\n font-size: ", ";\n padding: 0;\n line-height: 1.3em;\n max-height: ", ";\n height: ", ";\n overflow: hidden;\n text-overflow: ellipsis;\n height: fit-content;\n"])), function (props) {
|
|
6479
6510
|
return props.size || '1em';
|
|
@@ -6490,7 +6521,7 @@ var CartTableRow = styled__default(material.TableRow)(_templateObject3$e || (_te
|
|
|
6490
6521
|
return prop.bg;
|
|
6491
6522
|
});
|
|
6492
6523
|
var CartTableCell$1 = styled__default(material.TableCell)(_templateObject4$a || (_templateObject4$a = _taggedTemplateLiteralLoose(["\n && {\n border: none !important;\n font-size: 1em;\n }\n"])));
|
|
6493
|
-
var QuantityBox = styled__default.div(_templateObject5$
|
|
6524
|
+
var QuantityBox = styled__default.div(_templateObject5$8 || (_templateObject5$8 = _taggedTemplateLiteralLoose(["\n height: 1.7em;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n div {\n /* width:30px; */\n min-height: 100%;\n aspect-ratio: 1.15/1;\n display: grid;\n place-items: center;\n font-size: 0.65em;\n color: white;\n background-color: #323232;\n cursor: pointer;\n }\n .price {\n background: transparent;\n cursor: auto;\n background: #ffffff;\n border: 1px solid #ebebeb;\n p {\n color: #5e5c5c;\n font-size: 0.685em;\n font-weight: 500;\n }\n }\n .add {\n background-color: #ebebeb;\n color: #323232;\n }\n"])));
|
|
6494
6525
|
var DeleteBtn = styled__default.div(_templateObject6$6 || (_templateObject6$6 = _taggedTemplateLiteralLoose(["\n display: grid;\n place-items: center;\n cursor: pointer;\n border-radius: 50%;\n width: 20px;\n height: 20px;\n background: #eef1f4;\n color: #393f48;\n font-size: 0.75em;\n transition: 0.4s;\n &:hover {\n background: red;\n color: white;\n }\n"])));
|
|
6495
6526
|
var CardRow = function CardRow(_ref) {
|
|
6496
6527
|
var _styles$price, _styles$Btn, _row$standardPrice, _row$subtotal;
|
|
@@ -6842,7 +6873,7 @@ function EnhancedTable(_ref) {
|
|
|
6842
6873
|
}, "remove selected"), /*#__PURE__*/React.createElement("button", null, "updated cart")));
|
|
6843
6874
|
}
|
|
6844
6875
|
|
|
6845
|
-
var _templateObject$v, _templateObject2$l, _templateObject3$f, _templateObject4$b, _templateObject5$
|
|
6876
|
+
var _templateObject$v, _templateObject2$l, _templateObject3$f, _templateObject4$b, _templateObject5$9, _templateObject6$7, _templateObject7$5;
|
|
6846
6877
|
var CartPageCard = styled__default.div(_templateObject$v || (_templateObject$v = _taggedTemplateLiteralLoose(["\n width: min(97%, 485px);\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n padding: 1em;\n background: #ffffff;\n box-shadow: 0px 20px 35px rgba(0, 0, 0, 0.05);\n border-radius: 20px;\n position: relative;\n"])));
|
|
6847
6878
|
var CartPageImg = styled__default.img(_templateObject2$l || (_templateObject2$l = _taggedTemplateLiteralLoose(["\n /* width: 95px; */\n width: ", ";\n height: ", ";\n position: relative;\n margin-right: 1em;\n"])), function (props) {
|
|
6848
6879
|
return props.width || 'auto';
|
|
@@ -6851,7 +6882,7 @@ var CartPageImg = styled__default.img(_templateObject2$l || (_templateObject2$l
|
|
|
6851
6882
|
});
|
|
6852
6883
|
var NameAndQtBox = styled__default.div(_templateObject3$f || (_templateObject3$f = _taggedTemplateLiteralLoose(["\n width: 90%;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: space-between;\n position: relative;\n"])));
|
|
6853
6884
|
var CartPageCardName = styled__default.div(_templateObject4$b || (_templateObject4$b = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n width: 90%;\n overflow: hidden;\n text-overflow: ellipsis;\n margin-bottom: 0.6em;\n h6 {\n color: #323232;\n font-size: 0.9em;\n margin-bottom: 0.6em;\n line-height: 1.3em;\n max-height: 1.4em;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n p {\n font-size: 1.1em;\n color: #c3c6c9;\n }\n"])));
|
|
6854
|
-
var QtAndPriceBox = styled__default.div(_templateObject5$
|
|
6885
|
+
var QtAndPriceBox = styled__default.div(_templateObject5$9 || (_templateObject5$9 = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n width: 100%;\n .subtotal {\n color: #323232;\n text-transform: capitalize;\n font-weight: bold;\n font-size: 0.85em;\n }\n"])));
|
|
6855
6886
|
var CartPageQtBox = styled__default.div(_templateObject6$7 || (_templateObject6$7 = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n max-width: 80px;\n min-width: 80px;\n height: 22px;\n .icon {\n width: 20.5px;\n height: 20.5px;\n display: grid;\n place-items: center;\n font-size: 10px;\n background: #eef1f4;\n cursor: pointer;\n }\n .qt {\n font-size: 18px;\n font-weight: 500;\n display: grid;\n place-items: center;\n color: #c3c6c9;\n }\n"])));
|
|
6856
6887
|
var CloseBtn = styled__default.div(_templateObject7$5 || (_templateObject7$5 = _taggedTemplateLiteralLoose(["\n width: 25px;\n height: 25px;\n display: grid;\n place-items: center;\n position: absolute;\n top: 1em;\n right: 1em;\n cursor: pointer;\n border-radius: 50%;\n background: #eef1f4;\n font-size: 12px;\n"])));
|
|
6857
6888
|
|
|
@@ -6927,7 +6958,7 @@ var CartPageMainRetail = function CartPageMainRetail(_ref) {
|
|
|
6927
6958
|
})));
|
|
6928
6959
|
};
|
|
6929
6960
|
|
|
6930
|
-
var _templateObject$w, _templateObject2$m, _templateObject3$g, _templateObject4$c, _templateObject5$
|
|
6961
|
+
var _templateObject$w, _templateObject2$m, _templateObject3$g, _templateObject4$c, _templateObject5$a, _templateObject6$8, _templateObject7$6, _templateObject8$4;
|
|
6931
6962
|
var CartSummaryContainer = styled__default.div(_templateObject$w || (_templateObject$w = _taggedTemplateLiteralLoose(["\n width: 26.375em;\n max-width: ", ";\n display: flex;\n flex-direction: column;\n background: ", ";\n color: ", ";\n border-radius: 20px;\n padding: 2em 3em;\n align-items: center;\n min-height: 580px;\n /* margin-top: 3em; */\n p {\n font-size: 1.189em;\n font-weight: 600;\n align-self: flex-start;\n color: inherit;\n margin: 0;\n padding: 0;\n }\n .continueShopping {\n font-size: 0.75em;\n color: inherit;\n text-transform: capitalize;\n height: 20px;\n border-bottom: 1px solid;\n border-color: ", ";\n cursor: pointer;\n }\n @media only screen and (max-width: 1340px) {\n margin-top: 4em;\n }\n"])), function (props) {
|
|
6932
6963
|
return props.maxWidth || '26.375em';
|
|
6933
6964
|
}, function (props) {
|
|
@@ -6964,7 +6995,7 @@ var CartSummaryInputBox = styled__default.form(_templateObject4$c || (_templateO
|
|
|
6964
6995
|
}, function (props) {
|
|
6965
6996
|
return props.btn || '#393f48';
|
|
6966
6997
|
});
|
|
6967
|
-
var DiscountCouponContainer = styled__default.div(_templateObject5$
|
|
6998
|
+
var DiscountCouponContainer = styled__default.div(_templateObject5$a || (_templateObject5$a = _taggedTemplateLiteralLoose(["\n padding: 0.6rem 0;\n width: 100%;\n"])));
|
|
6968
6999
|
var DiscountCouponCard = styled__default.div(_templateObject6$8 || (_templateObject6$8 = _taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n padding: 0.3rem;\n svg {\n color: ", ";\n cursor: pointer;\n font-size: 1.4rem;\n }\n"])), function (props) {
|
|
6969
7000
|
return props.btn || '#393f48';
|
|
6970
7001
|
});
|
|
@@ -7527,7 +7558,7 @@ var HomeBanner = function HomeBanner(_ref) {
|
|
|
7527
7558
|
var Root$a = styled__default.div(_templateObject$z || (_templateObject$z = _taggedTemplateLiteralLoose([""])));
|
|
7528
7559
|
var MainContainer$3 = styled__default.div(_templateObject2$p || (_templateObject2$p = _taggedTemplateLiteralLoose([""])));
|
|
7529
7560
|
|
|
7530
|
-
var _templateObject$A, _templateObject2$q, _templateObject3$j, _templateObject4$e, _templateObject5$
|
|
7561
|
+
var _templateObject$A, _templateObject2$q, _templateObject3$j, _templateObject4$e, _templateObject5$b, _templateObject6$9;
|
|
7531
7562
|
var OutOfStock = function OutOfStock(_ref) {
|
|
7532
7563
|
var _product$body, _product$body$content, _product$body2, _product$body2$conten, _product$masterProduc, _product$header;
|
|
7533
7564
|
var product = _ref.product,
|
|
@@ -7764,7 +7795,7 @@ var MainCheckbox = styled__default(Checkbox)(_templateObject2$q || (_templateObj
|
|
|
7764
7795
|
});
|
|
7765
7796
|
var EmailInput = styled__default(InputBase)(_templateObject3$j || (_templateObject3$j = _taggedTemplateLiteralLoose(["\n border: 1px solid #a9a9a9;\n padding: 3px 10px;\n fontsize: 12px;\n width: 100%;\n border-radius: 3px;\n"])));
|
|
7766
7797
|
var Root$b = styled__default.div(_templateObject4$e || (_templateObject4$e = _taggedTemplateLiteralLoose(["\n width: 100%;\n border: 1px solid #d3d3d3;\n border-radius: 3px;\n box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.4);\n padding: 10px;\n"])));
|
|
7767
|
-
var ContainerDiv = styled__default.div(_templateObject5$
|
|
7798
|
+
var ContainerDiv = styled__default.div(_templateObject5$b || (_templateObject5$b = _taggedTemplateLiteralLoose(["\n display: flex;\n font-size: 14px;\n height: ", ";\n margin: ", ";\n width: 100%;\n flex-direction: ", ";\n align-items: ", ";\n justify-content: ", ";\n color: #000000de;\n"])), function (props) {
|
|
7768
7799
|
return props.height ? props.height : 'auto';
|
|
7769
7800
|
}, function (props) {
|
|
7770
7801
|
return props.margin ? props.margin : '0.3rem 0';
|
|
@@ -8270,7 +8301,7 @@ var AsyncSelect = function AsyncSelect(_ref3) {
|
|
|
8270
8301
|
var _templateObject$C;
|
|
8271
8302
|
var Container$1 = styled__default.div(_templateObject$C || (_templateObject$C = _taggedTemplateLiteralLoose([""])));
|
|
8272
8303
|
|
|
8273
|
-
var _templateObject$D, _templateObject2$r, _templateObject3$k, _templateObject4$f, _templateObject5$
|
|
8304
|
+
var _templateObject$D, _templateObject2$r, _templateObject3$k, _templateObject4$f, _templateObject5$c, _templateObject6$a;
|
|
8274
8305
|
var ProductImage$1 = styled__default.img(_templateObject$D || (_templateObject$D = _taggedTemplateLiteralLoose(["\n min-width: 50px;\n min-height: 50px;\n @media only screen and (max-width: 640px) {\n margin: 0.5em 0;\n padding-right: 0.5em;\n }\n"])));
|
|
8275
8306
|
var ProductName$1 = styled__default.h6(_templateObject2$r || (_templateObject2$r = _taggedTemplateLiteralLoose(["\n font-size: ", ";\n padding: 0;\n line-height: 1.3em;\n max-height: ", ";\n height: ", ";\n overflow: hidden;\n text-overflow: ellipsis;\n height: fit-content;\n"])), function (props) {
|
|
8276
8307
|
return props.size || '1em';
|
|
@@ -8287,7 +8318,7 @@ var CartTableRow$1 = styled__default(material.TableRow)(_templateObject3$k || (_
|
|
|
8287
8318
|
return prop.bg;
|
|
8288
8319
|
});
|
|
8289
8320
|
var CartTableCell$2 = styled__default(material.TableCell)(_templateObject4$f || (_templateObject4$f = _taggedTemplateLiteralLoose(["\n && {\n border: none !important;\n font-size: 1em;\n }\n"])));
|
|
8290
|
-
var QuantityBox$1 = styled__default.div(_templateObject5$
|
|
8321
|
+
var QuantityBox$1 = styled__default.div(_templateObject5$c || (_templateObject5$c = _taggedTemplateLiteralLoose(["\n height: 1.7em;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n div {\n /* width:30px; */\n min-height: 100%;\n aspect-ratio: 1.15/1;\n display: grid;\n place-items: center;\n font-size: 0.65em;\n color: white;\n background-color: #323232;\n cursor: pointer;\n }\n .price {\n background: transparent;\n cursor: auto;\n background: #ffffff;\n border: 1px solid #ebebeb;\n p {\n color: #5e5c5c;\n font-size: 0.685em;\n font-weight: 500;\n }\n }\n .add {\n background-color: #ebebeb;\n color: #323232;\n }\n"])));
|
|
8291
8322
|
var DeleteBtn$1 = styled__default.div(_templateObject6$a || (_templateObject6$a = _taggedTemplateLiteralLoose(["\n display: grid;\n place-items: center;\n cursor: pointer;\n border-radius: 50%;\n width: 20px;\n height: 20px;\n background: #eef1f4;\n color: #393f48;\n font-size: 0.75em;\n transition: 0.4s;\n &:hover {\n background: red;\n color: white;\n }\n"])));
|
|
8292
8323
|
var CardRow$1 = function CardRow(_ref) {
|
|
8293
8324
|
var _styles$price, _styles$Btn, _row$standardPrice, _row$subtotal;
|
|
@@ -8401,7 +8432,7 @@ var CardRow$1 = function CardRow(_ref) {
|
|
|
8401
8432
|
}))));
|
|
8402
8433
|
};
|
|
8403
8434
|
|
|
8404
|
-
var _templateObject$E, _templateObject2$s, _templateObject3$l, _templateObject4$g, _templateObject5$
|
|
8435
|
+
var _templateObject$E, _templateObject2$s, _templateObject3$l, _templateObject4$g, _templateObject5$d, _templateObject6$b, _templateObject7$7, _templateObject8$5, _templateObject9$4;
|
|
8405
8436
|
var CartPageSection$1 = styled__default.section(_templateObject$E || (_templateObject$E = _taggedTemplateLiteralLoose(["\n background: ", ";\n max-width: 100%;\n width: fit-content;\n background: ", ";\n overflow: hidden;\n border-radius: 28px;\n\n @media screen and (max-width: 1340px) {\n padding: 0 1em;\n }\n @media screen and (max-width: 640px) {\n padding: 0 1em;\n }\n"])), function (props) {
|
|
8406
8437
|
return props.bg;
|
|
8407
8438
|
}, function (props) {
|
|
@@ -8428,7 +8459,7 @@ var CartHeading$1 = styled__default.div(_templateObject4$g || (_templateObject4$
|
|
|
8428
8459
|
}, function (props) {
|
|
8429
8460
|
return props.h1 || 'inherit';
|
|
8430
8461
|
});
|
|
8431
|
-
var Loader$2 = styled__default.div(_templateObject5$
|
|
8462
|
+
var Loader$2 = styled__default.div(_templateObject5$d || (_templateObject5$d = _taggedTemplateLiteralLoose(["\n position: absolute;\n top: 40%;\n left: 47%;\n display: grid;\n place-items: center;\n z-index: 3;\n"])));
|
|
8432
8463
|
var CartTableCell$3 = styled__default(material.TableCell)(_templateObject6$b || (_templateObject6$b = _taggedTemplateLiteralLoose(["\n && {\n padding-bottom: 1em !important;\n // border: none !important;\n /* font-size: 0.75em; */\n font-size: 1em;\n color: rgba(98, 95, 95, 1);\n // background: ", ";\n color: ", ";\n }\n &.bg-transparent {\n // background-color: transparent !important;\n text-transform: uppercase;\n span {\n font-size: 0.75em;\n font-weight: 600;\n }\n svg {\n color: ", ";\n }\n .MuiTableSortLabel-root {\n color: ", "!important;\n }\n }\n"])), function (props) {
|
|
8433
8464
|
return "" + props.bg;
|
|
8434
8465
|
}, function (props) {
|
|
@@ -9130,7 +9161,7 @@ var StyledButton = styled__default.button(_templateObject2$u || (_templateObject
|
|
|
9130
9161
|
return props.theme.primaryColor;
|
|
9131
9162
|
});
|
|
9132
9163
|
|
|
9133
|
-
var _templateObject$J, _templateObject2$v, _templateObject3$m, _templateObject4$h, _templateObject5$
|
|
9164
|
+
var _templateObject$J, _templateObject2$v, _templateObject3$m, _templateObject4$h, _templateObject5$e, _templateObject6$c, _templateObject7$8, _templateObject8$6;
|
|
9134
9165
|
var CheckoutRootContainer = styled__default.div(_templateObject$J || (_templateObject$J = _taggedTemplateLiteralLoose(["\n width: 100%;\n padding: 4rem;\n background-color: ", ";\n font-size: 16px;\n\n div,\n button,\n span {\n font-size: 16px;\n }\n @media only screen and (max-width: 1620px) {\n padding: 3em 0.5em;\n }\n @media screen and (max-width: 840px) {\n div,\n button,\n span {\n font-size: 12px;\n }\n padding: 2rem 0.5rem;\n }\n"])), function (props) {
|
|
9135
9166
|
return props.bg;
|
|
9136
9167
|
});
|
|
@@ -9143,7 +9174,7 @@ var CheckoutPageContainer = styled__default.div(_templateObject2$v || (_template
|
|
|
9143
9174
|
});
|
|
9144
9175
|
var Row = styled__default.div(_templateObject3$m || (_templateObject3$m = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n"])));
|
|
9145
9176
|
var CheckoutMainWithHeader = styled__default(material.Stack)(_templateObject4$h || (_templateObject4$h = _taggedTemplateLiteralLoose([""])));
|
|
9146
|
-
var CheckoutMain = styled__default.div(_templateObject5$
|
|
9177
|
+
var CheckoutMain = styled__default.div(_templateObject5$e || (_templateObject5$e = _taggedTemplateLiteralLoose(["\n width: 100%;\n max-width: 1008px;\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n margin-right: 2em;\n max-height: 65vh;\n padding-right: 2em;\n overflow-y: auto;\n position: relative;\n padding-top: 2em;\n padding-bottom: 3em;\n /* width */\n ::-webkit-scrollbar {\n width: 10px;\n background: ", ";\n border-radius: 16px;\n }\n\n /* Track */\n ::-webkit-scrollbar-track {\n background: ", ";\n border-radius: 16px;\n }\n\n /* Handle */\n ::-webkit-scrollbar-thumb {\n background: ", ";\n border-radius: 16px;\n }\n @media only screen and (max-width: 1488px) {\n margin-bottom: 3em;\n min-height: max-content;\n max-height: max-content;\n margin-right: 0;\n overflow: visible;\n }\n @media only screen and (max-width: 788px) {\n max-width: 100vw;\n padding-right: 0;\n width: 98vw;\n min-width: 90vw;\n padding-top: 1em;\n }\n /* overflow: hidden; */\n"])), function (props) {
|
|
9147
9178
|
return props.bg || 'rgba(102,112,128,0.5)';
|
|
9148
9179
|
}, function (props) {
|
|
9149
9180
|
return props.bg || 'rgba(102,112,128,0.5)';
|
|
@@ -9226,7 +9257,7 @@ var CheckoutSummary = function CheckoutSummary(_ref) {
|
|
|
9226
9257
|
}, renderMoney(orderTotal === null || orderTotal === void 0 ? void 0 : orderTotal.adjustmentValue))));
|
|
9227
9258
|
};
|
|
9228
9259
|
|
|
9229
|
-
var _templateObject$L, _templateObject2$x, _templateObject3$o, _templateObject4$i, _templateObject5$
|
|
9260
|
+
var _templateObject$L, _templateObject2$x, _templateObject3$o, _templateObject4$i, _templateObject5$f, _templateObject6$d, _templateObject7$9, _templateObject8$7, _templateObject9$5, _templateObject10$2, _templateObject11$1, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15$1, _templateObject16$1, _templateObject17$1, _templateObject18$1;
|
|
9230
9261
|
var StepContainer = styled__default.div(_templateObject$L || (_templateObject$L = _taggedTemplateLiteralLoose(["\n width: 100%;\n min-width: 57.43em;\n max-width: 57.43em;\n background: white;\n padding: 1em 2em;\n background: #ffffff;\n border-radius: 20px;\n margin-left: 2em;\n margin-top: -2em;\n margin-bottom: 1em;\n @media screen and (max-width: 1305px) {\n width: 80vw;\n min-width: 0;\n }\n @media screen and (max-width: 768px) {\n width: 96%;\n margin-left: 1em;\n padding: 0.8em;\n }\n @media screen and (max-width: 540px) {\n width: 94%;\n margin-left: 1.2em;\n }\n"])));
|
|
9231
9262
|
var StepsContent = styled__default.div(_templateObject2$x || (_templateObject2$x = _taggedTemplateLiteralLoose(["\n padding-left: 1.565em;\n min-height: max-content;\n .MuiOutlinedInput-root {\n background: ", ";\n }\n\n p {\n font-size: 0.75em;\n }\n .bold {\n text-transform: uppercase;\n word-spacing: 5px;\n margin-top: 0.95em;\n span {\n font-weight: 600;\n cursor: pointer;\n font-size: 0.94rem;\n }\n .red {\n color: ", ";\n }\n }\n @media screen and (max-width: 768px) {\n padding: 0;\n width: 100%;\n }\n"])), function (props) {
|
|
9232
9263
|
return 'transparent' + '!important';
|
|
@@ -9250,7 +9281,7 @@ var TextFeildContainer = styled__default.div(_templateObject4$i || (_templateObj
|
|
|
9250
9281
|
var _props$theme, _props$theme$input;
|
|
9251
9282
|
return ((_props$theme = props.theme) === null || _props$theme === void 0 ? void 0 : (_props$theme$input = _props$theme.input) === null || _props$theme$input === void 0 ? void 0 : _props$theme$input.bg) || 'transparent';
|
|
9252
9283
|
});
|
|
9253
|
-
var CommonCheckoutBtn = styled__default.button(_templateObject5$
|
|
9284
|
+
var CommonCheckoutBtn = styled__default.button(_templateObject5$f || (_templateObject5$f = _taggedTemplateLiteralLoose(["\n border: none;\n outline: none;\n width: ", ";\n height: ", ";\n background: ", ";\n display: grid;\n place-items: center;\n color: white;\n margin: 0 1em;\n font-weight: 500;\n letter-spacing: 1px;\n text-transform: ", ";\n transition: 0.4s;\n cursor: ", ";\n &:hover,\n &:focus {\n opacity: 0.7;\n }\n"])), function (props) {
|
|
9254
9285
|
return props.width || '8.05em';
|
|
9255
9286
|
}, function (props) {
|
|
9256
9287
|
return props.height || '2.25em';
|