@salesgenterp/ui-components 0.4.330 → 0.4.331

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1065,7 +1065,7 @@ var APIStaticPage = function APIStaticPage(_ref) {
1065
1065
  }, [id, pageData]);
1066
1066
  return /*#__PURE__*/React__default.createElement(ThemeProvider, {
1067
1067
  theme: colors
1068
- }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(CssBaseline, null), /*#__PURE__*/React__default.createElement(Root$1, null, loading ? /*#__PURE__*/React__default.createElement(Loader, null) : staticPage && /*#__PURE__*/React__default.createElement(StaticContainer, null, !hideRouteBar && /*#__PURE__*/React__default.createElement("h1", {
1068
+ }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(CssBaseline, null), /*#__PURE__*/React__default.createElement(Root, null, loading ? /*#__PURE__*/React__default.createElement(Loader, null) : staticPage && /*#__PURE__*/React__default.createElement(StaticContainer, null, !hideRouteBar && /*#__PURE__*/React__default.createElement("h1", {
1069
1069
  className: "top-bar"
1070
1070
  }, staticPage === null || staticPage === void 0 ? void 0 : staticPage.header), mapSrc && /*#__PURE__*/React__default.createElement("iframe", {
1071
1071
  width: "100%",
@@ -1109,7 +1109,7 @@ var APIStaticPage = function APIStaticPage(_ref) {
1109
1109
  logoUrl: logoUrl
1110
1110
  }))))))));
1111
1111
  };
1112
- var Root$1 = styled(Box)(_templateObject$5 || (_templateObject$5 = _taggedTemplateLiteralLoose(["\n img {\n max-width: 100%;\n }\n"])));
1112
+ var Root = styled(Box)(_templateObject$5 || (_templateObject$5 = _taggedTemplateLiteralLoose(["\n img {\n max-width: 100%;\n }\n"])));
1113
1113
 
1114
1114
  var noImgAvailable$1 = 'data:image/png;base64,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';
1115
1115
 
@@ -1494,7 +1494,7 @@ var APITable = forwardRef(function (_ref, ref) {
1494
1494
  filters: filters
1495
1495
  });
1496
1496
  };
1497
- return /*#__PURE__*/React__default.createElement(Root$2, null, /*#__PURE__*/React__default.createElement(PaperContainer, props, /*#__PURE__*/React__default.createElement(HeaderContent, null, props.tableHeaderContent), /*#__PURE__*/React__default.createElement(TableStyledContainer, _extends({
1497
+ return /*#__PURE__*/React__default.createElement(Root$1, null, /*#__PURE__*/React__default.createElement(PaperContainer, props, /*#__PURE__*/React__default.createElement(HeaderContent, null, props.tableHeaderContent), /*#__PURE__*/React__default.createElement(TableStyledContainer, _extends({
1498
1498
  sx: {
1499
1499
  maxHeight: 700
1500
1500
  }
@@ -1531,7 +1531,7 @@ var APITable = forwardRef(function (_ref, ref) {
1531
1531
  onRowsPerPageChange: handleChangeRowsPerPage
1532
1532
  }, props))));
1533
1533
  });
1534
- var Root$2 = styled(Stack)(_templateObject$7 || (_templateObject$7 = _taggedTemplateLiteralLoose(["\n background-color: ", " !important;\n border-radius: 14px !important;\n margin: 1.2rem 0;\n box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px 0px;\n"])), function (props) {
1534
+ var Root$1 = styled(Stack)(_templateObject$7 || (_templateObject$7 = _taggedTemplateLiteralLoose(["\n background-color: ", " !important;\n border-radius: 14px !important;\n margin: 1.2rem 0;\n box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px 0px;\n"])), function (props) {
1535
1535
  return props.secondaryColor;
1536
1536
  });
1537
1537
  var PaperContainer = styled(Paper)(_templateObject2$2 || (_templateObject2$2 = _taggedTemplateLiteralLoose(["\n background-color: ", " !important;\n color: ", " !important;\n border-radius: 14px !important;\n padding: 1rem;\n box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px 0px;\n"])), function (props) {
@@ -1584,7 +1584,7 @@ var DateRangePicker = function DateRangePicker(_ref) {
1584
1584
  setEndDate(null);
1585
1585
  }
1586
1586
  };
1587
- return /*#__PURE__*/React__default.createElement(Root$3, null, /*#__PURE__*/React__default.createElement(Grid, {
1587
+ return /*#__PURE__*/React__default.createElement(Root$2, null, /*#__PURE__*/React__default.createElement(Grid, {
1588
1588
  container: true,
1589
1589
  justifyContent: "space-between",
1590
1590
  alignItems: "center"
@@ -1623,7 +1623,7 @@ var DateRangePicker = function DateRangePicker(_ref) {
1623
1623
  }
1624
1624
  }, "Apply"))));
1625
1625
  };
1626
- var Root$3 = styled.div(_templateObject$8 || (_templateObject$8 = _taggedTemplateLiteralLoose([""])));
1626
+ var Root$2 = styled.div(_templateObject$8 || (_templateObject$8 = _taggedTemplateLiteralLoose([""])));
1627
1627
  var DatePickerContainer = styled(DesktopDatePicker)(_templateObject2$3 || (_templateObject2$3 = _taggedTemplateLiteralLoose(["\n margin: 0.4rem 0 !important;\n // margin-right: ", ";\n .MuiFormLabel-root,\n svg,\n input {\n color: ", " !important;\n }\n fieldset {\n border-color: ", " !important;\n }\n input {\n padding: 8px;\n }\n .MuiFormLabel-root.MuiInputLabel-shrink {\n top: 0;\n }\n .MuiFormLabel-root {\n top: -7px;\n }\n"])), function (props) {
1628
1628
  return props.marginRight && '4px !important';
1629
1629
  }, function (props) {
@@ -2726,7 +2726,7 @@ var Dashboard = function Dashboard(_ref) {
2726
2726
  }, /*#__PURE__*/React__default.createElement(Grid, {
2727
2727
  item: true,
2728
2728
  xs: true
2729
- }, /*#__PURE__*/React__default.createElement(Root$4, {
2729
+ }, /*#__PURE__*/React__default.createElement(Root$3, {
2730
2730
  backgroundColor: backgroundColor
2731
2731
  }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(TitleContainer, {
2732
2732
  fontColor: fontColor,
@@ -3023,7 +3023,7 @@ var Dashboard = function Dashboard(_ref) {
3023
3023
  }
3024
3024
  }))))))))));
3025
3025
  };
3026
- var Root$4 = styled.div(_templateObject$d || (_templateObject$d = _taggedTemplateLiteralLoose([""])));
3026
+ var Root$3 = styled.div(_templateObject$d || (_templateObject$d = _taggedTemplateLiteralLoose([""])));
3027
3027
  var TitleContainer = styled.h4(_templateObject2$6 || (_templateObject2$6 = _taggedTemplateLiteralLoose(["\n span {\n color: ", ";\n font-size: 2.7rem;\n font-weight: 500;\n }\n b {\n color: ", ";\n font-size: 2.7rem;\n }\n"])), function (props) {
3028
3028
  return props.fontColor;
3029
3029
  }, function (props) {
@@ -3797,7 +3797,7 @@ var Statement = function Statement(_ref) {
3797
3797
  return Promise.reject(e);
3798
3798
  }
3799
3799
  };
3800
- return /*#__PURE__*/React__default.createElement(Root$5, {
3800
+ return /*#__PURE__*/React__default.createElement(Root$4, {
3801
3801
  backgroundColor: backgroundColor
3802
3802
  }, /*#__PURE__*/React__default.createElement(TableContainer$1, null, !isEmpty(customerData) && /*#__PURE__*/React__default.createElement(APITable, {
3803
3803
  cacheFilters: true,
@@ -3871,7 +3871,7 @@ var Statement = function Statement(_ref) {
3871
3871
  fontColor: fontColor
3872
3872
  })));
3873
3873
  };
3874
- var Root$5 = styled.div(_templateObject$h || (_templateObject$h = _taggedTemplateLiteralLoose([""])));
3874
+ var Root$4 = styled.div(_templateObject$h || (_templateObject$h = _taggedTemplateLiteralLoose([""])));
3875
3875
  var TypographyContainer$4 = styled(Typography)(_templateObject2$9 || (_templateObject2$9 = _taggedTemplateLiteralLoose(["\n color: ", ";\n display: flex;\n align-items: center;\n"])), function (props) {
3876
3876
  return props.fontColor;
3877
3877
  });
@@ -4663,7 +4663,7 @@ var AccountDetails = function AccountDetails(_ref) {
4663
4663
  };
4664
4664
  return /*#__PURE__*/React__default.createElement(ThemeProvider, {
4665
4665
  theme: colors
4666
- }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(CssBaseline, null), /*#__PURE__*/React__default.createElement(Root$6, null, /*#__PURE__*/React__default.createElement(MainContainer, {
4666
+ }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(CssBaseline, null), /*#__PURE__*/React__default.createElement(Root$5, null, /*#__PURE__*/React__default.createElement(MainContainer, {
4667
4667
  backgroundColor: colors.backgroundColor,
4668
4668
  open: open
4669
4669
  }, /*#__PURE__*/React__default.createElement(ContainerDrawer, {
@@ -4748,7 +4748,7 @@ var AccountDetails = function AccountDetails(_ref) {
4748
4748
  skeleton: true
4749
4749
  }, apiEndPoint && token && renderListItemComponent(tabValue))))))));
4750
4750
  };
4751
- var Root$6 = styled(Box)(_templateObject$n || (_templateObject$n = _taggedTemplateLiteralLoose(["\n // background-image: url(", ");\n // background-position: center;\n // background-repeat: no-repeat;\n // background-size: cover;\n padding: 1.4rem;\n background-color: ", ";\n"])), function (props) {
4751
+ var Root$5 = styled(Box)(_templateObject$n || (_templateObject$n = _taggedTemplateLiteralLoose(["\n // background-image: url(", ");\n // background-position: center;\n // background-repeat: no-repeat;\n // background-size: cover;\n padding: 1.4rem;\n background-color: ", ";\n"])), function (props) {
4752
4752
  var _props$theme;
4753
4753
  return (_props$theme = props.theme) === null || _props$theme === void 0 ? void 0 : _props$theme.backgroundImage;
4754
4754
  }, function (props) {
@@ -4799,7 +4799,7 @@ var TypographyContainer$7 = styled(Typography)(_templateObject4$5 || (_templateO
4799
4799
  return props.fontColor;
4800
4800
  });
4801
4801
 
4802
- var _templateObject$o, _templateObject2$e, _templateObject3$9;
4802
+ var _templateObject$o, _templateObject2$e, _templateObject3$9, _templateObject4$6;
4803
4803
  var LandingCarousel = function LandingCarousel(_ref) {
4804
4804
  var _brandData;
4805
4805
  var brandList = _ref.brandList,
@@ -4846,7 +4846,7 @@ var LandingCarousel = function LandingCarousel(_ref) {
4846
4846
  }]
4847
4847
  };
4848
4848
  };
4849
- return /*#__PURE__*/React__default.createElement(Root, null, /*#__PURE__*/React__default.createElement("link", {
4849
+ return /*#__PURE__*/React__default.createElement(Root$6, null, /*#__PURE__*/React__default.createElement("link", {
4850
4850
  rel: "stylesheet",
4851
4851
  type: "text/css",
4852
4852
  charset: "UTF-8",
@@ -4878,7 +4878,8 @@ var LandingCarousel = function LandingCarousel(_ref) {
4878
4878
  };
4879
4879
  var Image = styled.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"])));
4880
4880
  var Video = styled.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"])));
4881
- var ReactSlick = styled(Slider)(_templateObject3$9 || (_templateObject3$9 = _taggedTemplateLiteralLoose(["\n height: 100%;\n .slick-track {\n height: 100%;\n }\n .slick-slide {\n height: 100%;\n div:first-child {\n height: 100%;\n }\n }\n .slick-list {\n height: 100%;\n margin: 0 -", "px;\n }\n .slideItem {\n height: 100%;\n padding: 0 ", "px;\n overflow: hidden;\n }\n line-height: 0;\n .slick-dots {\n bottom: 0;\n li {\n margin: 0;\n button:before {\n color: #ffffff !important;\n font-size: 10px;\n }\n }\n }\n .slick-prev,\n .slick-next {\n color: #464646;\n z-index: 1;\n width: 26px;\n height: 26px;\n }\n .slick-prev {\n left: 12px;\n }\n .slick-next {\n right: 12px;\n }\n"])), function (props) {
4881
+ var Root$6 = styled.div(_templateObject3$9 || (_templateObject3$9 = _taggedTemplateLiteralLoose(["\n height: 100%;\n"])));
4882
+ var ReactSlick = styled(Slider)(_templateObject4$6 || (_templateObject4$6 = _taggedTemplateLiteralLoose(["\n height: 100%;\n .slick-track {\n height: 100%;\n }\n .slick-slide {\n height: 100%;\n div:first-child {\n height: 100%;\n }\n }\n .slick-list {\n height: 100%;\n margin: 0 -", "px;\n }\n .slideItem {\n height: 100%;\n padding: 0 ", "px;\n overflow: hidden;\n }\n line-height: 0;\n .slick-dots {\n bottom: 0;\n li {\n margin: 0;\n button:before {\n color: #ffffff !important;\n font-size: 10px;\n }\n }\n }\n .slick-prev,\n .slick-next {\n color: #464646;\n z-index: 1;\n width: 26px;\n height: 26px;\n }\n .slick-prev {\n left: 12px;\n }\n .slick-next {\n right: 12px;\n }\n"])), function (props) {
4882
4883
  return props === null || props === void 0 ? void 0 : props.spaceBetweenCol;
4883
4884
  }, function (props) {
4884
4885
  return props === null || props === void 0 ? void 0 : props.spaceBetweenCol;
@@ -5009,7 +5010,7 @@ var AsyncDataLoad = function AsyncDataLoad(_ref) {
5009
5010
  };
5010
5011
  var AsyncDataLoadComponent = memo(AsyncDataLoad);
5011
5012
 
5012
- var _templateObject$q, _templateObject2$g, _templateObject3$a, _templateObject4$6, _templateObject5$4, _templateObject6$3, _templateObject7$2, _templateObject8$2, _templateObject9$2;
5013
+ var _templateObject$q, _templateObject2$g, _templateObject3$a, _templateObject4$7, _templateObject5$4, _templateObject6$3, _templateObject7$2, _templateObject8$2, _templateObject9$2;
5013
5014
  var BrandStock = function BrandStock(_ref) {
5014
5015
  var _Object$keys, _Object$keys2, _data$brands;
5015
5016
  var storeData = _ref.storeData,
@@ -5162,7 +5163,7 @@ var BrandStock = function BrandStock(_ref) {
5162
5163
  var Root$8 = styled.div(_templateObject$q || (_templateObject$q = _taggedTemplateLiteralLoose(["\n padding: 1rem;\n"])));
5163
5164
  var TitleContainer$1 = styled.div(_templateObject2$g || (_templateObject2$g = _taggedTemplateLiteralLoose(["\n padding: 0 1rem;\n display: flex;\n justify-content: space-between;\n"])));
5164
5165
  var MainContainer$2 = styled.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"])));
5165
- var DetailsContainer = styled.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"])));
5166
+ var DetailsContainer = styled.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"])));
5166
5167
  var BrandContainer = styled.div(_templateObject5$4 || (_templateObject5$4 = _taggedTemplateLiteralLoose(["\n .brandImage {\n max-width: 100%;\n margin: 1rem auto;\n }\n"])));
5167
5168
  var ReturnPolicyContainer = styled.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"])));
5168
5169
  var TablePaperContainer = styled(TableContainer$3)(_templateObject7$2 || (_templateObject7$2 = _taggedTemplateLiteralLoose(["\n background-color: transparent;\n"])));
@@ -5173,7 +5174,7 @@ var TableCellContainer$1 = styled(TableCell$1)(_templateObject9$2 || (_templateO
5173
5174
  return props.availableQuantity ? props.stockCol && 'green' : '#ffffff';
5174
5175
  });
5175
5176
 
5176
- var _templateObject$r, _templateObject2$h, _templateObject3$b, _templateObject4$7, _templateObject5$5, _templateObject6$4, _templateObject7$3;
5177
+ var _templateObject$r, _templateObject2$h, _templateObject3$b, _templateObject4$8, _templateObject5$5, _templateObject6$4, _templateObject7$3;
5177
5178
  var CartDrawerContainer = styled.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) {
5178
5179
  return props.maxWidth || '650px';
5179
5180
  });
@@ -5181,7 +5182,7 @@ var CartDrawerBar = styled.div(_templateObject2$h || (_templateObject2$h = _tagg
5181
5182
  var CartDrawerProductContainer = styled.div(_templateObject3$b || (_templateObject3$b = _taggedTemplateLiteralLoose(["\n width: 100%;\n height: max-content;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: flex-start;\n position: relative;\n /* height: 900px; */\n padding: 1rem;\n min-height: 74vh;\n opacity: ", ";\n @media only screen and (max-width: 748px) {\n min-height: 75vh;\n }\n /* background-color: red; */\n"])), function (props) {
5182
5183
  return props.opacity;
5183
5184
  });
5184
- var CartDrawerBottomSection = styled.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"])));
5185
+ var CartDrawerBottomSection = styled.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"])));
5185
5186
  var CartDrawerOutlinedButton = styled.button(_templateObject5$5 || (_templateObject5$5 = _taggedTemplateLiteralLoose(["\n width: 90%;\n height: 3.55rem;\n border: 2px solid;\n border-radius: 1rem;\n display: grid;\n place-items: center;\n font-weight: 500;\n font-size: 1rem;\n transition: 0.5s;\n outline: none;\n text-transform: capitalize;\n border-color: ", ";\n color: ", ";\n text-transform: capitalize;\n margin: 0.6rem 0;\n cursor: pointer;\n background: white;\n &:hover,\n &:focus {\n opacity: 0.8;\n letter-spacing: 1px;\n outline: none;\n }\n @media only screen and (max-width: 640px) {\n height: 2.9rem;\n }\n @media only screen and (max-width: 340px) {\n height: 2.2rem;\n margin: 0.3rem 0;\n }\n"])), function (props) {
5186
5187
  return props.color || 'black';
5187
5188
  }, function (props) {
@@ -5318,7 +5319,7 @@ var CartDrawer = function CartDrawer(_ref) {
5318
5319
  }, "continue to checkout"))));
5319
5320
  };
5320
5321
 
5321
- var _templateObject$t, _templateObject2$j, _templateObject3$d, _templateObject4$8, _templateObject5$6, _templateObject6$5, _templateObject7$4, _templateObject8$3, _templateObject9$3;
5322
+ var _templateObject$t, _templateObject2$j, _templateObject3$d, _templateObject4$9, _templateObject5$6, _templateObject6$5, _templateObject7$4, _templateObject8$3, _templateObject9$3;
5322
5323
  var CartPageSection = styled.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) {
5323
5324
  return props.bg;
5324
5325
  }, function (props) {
@@ -5340,7 +5341,7 @@ var CartPageContainer = styled.div(_templateObject2$j || (_templateObject2$j = _
5340
5341
  var CardsBox = styled.div(_templateObject3$d || (_templateObject3$d = _taggedTemplateLiteralLoose(["\n width: 100%;\n /* min-height: 1000px; */\n position: relative;\n max-width: 860px;\n margin-right: auto;\n padding: 1em 2em;\n display: ", ";\n grid-template-columns: 1fr 1fr;\n flex-direction: column;\n align-items: flex-start;\n grid-gap: 1em;\n justify-content: flex-start;\n align-items: center;\n border-radius: 20px;\n @media only screen and (max-width: 960px) {\n display: flex;\n }\n @media only screen and (max-width: 640px) {\n padding: 1em 0.2em;\n }\n"])), function (props) {
5341
5342
  return props.retail ? 'grid' : 'flex';
5342
5343
  });
5343
- var CartHeading = styled.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) {
5344
+ var CartHeading = styled.div(_templateObject4$9 || (_templateObject4$9 = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n /* margin-bottom: 2em; */\n margin-left: 2.3em;\n margin-top: 2em;\n\n color: ", ";\n h1 {\n font-weight: 600;\n font-size: 2.0375em;\n text-transform: capitalize;\n color: ", ";\n /* margin-bottom: 1em; */\n }\n p {\n font-size: 0.875em;\n color: inherit;\n margin-top: 0.5em;\n }\n"])), function (props) {
5344
5345
  return props.color || 'black';
5345
5346
  }, function (props) {
5346
5347
  return props.h1 || 'inherit';
@@ -6468,7 +6469,7 @@ if (process.env.NODE_ENV !== 'production') {
6468
6469
  }
6469
6470
  });
6470
6471
 
6471
- var _templateObject$u, _templateObject2$k, _templateObject3$e, _templateObject4$9, _templateObject5$7, _templateObject6$6;
6472
+ var _templateObject$u, _templateObject2$k, _templateObject3$e, _templateObject4$a, _templateObject5$7, _templateObject6$6;
6472
6473
  var ProductImage = styled.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"])));
6473
6474
  var ProductName = styled.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) {
6474
6475
  return props.size || '1em';
@@ -6484,7 +6485,7 @@ var CartTableRow = styled(TableRow)(_templateObject3$e || (_templateObject3$e =
6484
6485
  }, function (prop) {
6485
6486
  return prop.bg;
6486
6487
  });
6487
- var CartTableCell$1 = styled(TableCell)(_templateObject4$9 || (_templateObject4$9 = _taggedTemplateLiteralLoose(["\n && {\n border: none !important;\n font-size: 1em;\n }\n"])));
6488
+ var CartTableCell$1 = styled(TableCell)(_templateObject4$a || (_templateObject4$a = _taggedTemplateLiteralLoose(["\n && {\n border: none !important;\n font-size: 1em;\n }\n"])));
6488
6489
  var QuantityBox = styled.div(_templateObject5$7 || (_templateObject5$7 = _taggedTemplateLiteralLoose(["\n height: 1.7em;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n div {\n /* width:30px; */\n min-height: 100%;\n aspect-ratio: 1.15/1;\n display: grid;\n place-items: center;\n font-size: 0.65em;\n color: white;\n background-color: #323232;\n cursor: pointer;\n }\n .price {\n background: transparent;\n cursor: auto;\n background: #ffffff;\n border: 1px solid #ebebeb;\n p {\n color: #5e5c5c;\n font-size: 0.685em;\n font-weight: 500;\n }\n }\n .add {\n background-color: #ebebeb;\n color: #323232;\n }\n"])));
6489
6490
  var DeleteBtn = styled.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"])));
6490
6491
  var CardRow = function CardRow(_ref) {
@@ -6837,7 +6838,7 @@ function EnhancedTable(_ref) {
6837
6838
  }, "remove selected"), /*#__PURE__*/createElement("button", null, "updated cart")));
6838
6839
  }
6839
6840
 
6840
- var _templateObject$v, _templateObject2$l, _templateObject3$f, _templateObject4$a, _templateObject5$8, _templateObject6$7, _templateObject7$5;
6841
+ var _templateObject$v, _templateObject2$l, _templateObject3$f, _templateObject4$b, _templateObject5$8, _templateObject6$7, _templateObject7$5;
6841
6842
  var CartPageCard = styled.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"])));
6842
6843
  var CartPageImg = styled.img(_templateObject2$l || (_templateObject2$l = _taggedTemplateLiteralLoose(["\n /* width: 95px; */\n width: ", ";\n height: ", ";\n position: relative;\n margin-right: 1em;\n"])), function (props) {
6843
6844
  return props.width || 'auto';
@@ -6845,7 +6846,7 @@ var CartPageImg = styled.img(_templateObject2$l || (_templateObject2$l = _tagged
6845
6846
  return props.height || '81px';
6846
6847
  });
6847
6848
  var NameAndQtBox = styled.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"])));
6848
- var CartPageCardName = styled.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"])));
6849
+ var CartPageCardName = styled.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"])));
6849
6850
  var QtAndPriceBox = styled.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"])));
6850
6851
  var CartPageQtBox = styled.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"])));
6851
6852
  var CloseBtn = styled.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"])));
@@ -6922,7 +6923,7 @@ var CartPageMainRetail = function CartPageMainRetail(_ref) {
6922
6923
  })));
6923
6924
  };
6924
6925
 
6925
- var _templateObject$w, _templateObject2$m, _templateObject3$g, _templateObject4$b, _templateObject5$9, _templateObject6$8, _templateObject7$6, _templateObject8$4;
6926
+ var _templateObject$w, _templateObject2$m, _templateObject3$g, _templateObject4$c, _templateObject5$9, _templateObject6$8, _templateObject7$6, _templateObject8$4;
6926
6927
  var CartSummaryContainer = styled.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) {
6927
6928
  return props.maxWidth || '26.375em';
6928
6929
  }, function (props) {
@@ -6940,7 +6941,7 @@ var CartSummaryRow = styled.div(_templateObject2$m || (_templateObject2$m = _tag
6940
6941
  var CartSummaryHr = styled.span(_templateObject3$g || (_templateObject3$g = _taggedTemplateLiteralLoose(["\n border: none;\n width: 100%;\n height: 1px;\n background-color: ", ";\n margin: 1.2em 0;\n"])), function (props) {
6941
6942
  return props.color || 'rgba(255, 255, 255, 0.5)';
6942
6943
  });
6943
- var CartSummaryInputBox = styled.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) {
6944
+ var CartSummaryInputBox = styled.form(_templateObject4$c || (_templateObject4$c = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n padding-bottom: ", ";\n background-color: transparent;\n width: 100%;\n input {\n width: 65%;\n height: 2.44rem;\n padding: 0.2rem 0.8rem;\n\n text-transform: capitalize;\n font-size: 0.89rem;\n border-radius: ", ";\n margin-right: 0.1em;\n\n border: none;\n outline: none;\n background: ", ";\n color: ", ";\n &::placeholder {\n color: ", ";\n }\n }\n button {\n width: 35%;\n height: 2.44rem;\n line-height: 0.8rem;\n background: ", ";\n border-radius: ", ";\n display: grid;\n color: ", ";\n place-items: center;\n border: none;\n outline: none;\n text-transform: uppercase;\n cursor: pointer;\n font-size: 0.75em;\n transition: 0.3s;\n &:hover {\n letter-spacing: 1px;\n background: ", ";\n }\n }\n"])), function (props) {
6944
6945
  return props.paddingBottom ? '0' : '0';
6945
6946
  }, function (props) {
6946
6947
  return props.retail ? '1.19rem' : '0';
@@ -7313,7 +7314,7 @@ var Video$1 = styled.video(_templateObject$x || (_templateObject$x = _taggedTemp
7313
7314
  var Image$1 = styled.img(_templateObject2$n || (_templateObject2$n = _taggedTemplateLiteralLoose(["\n width: 100%;\n cursor: pointer;\n transition: all 0.5s;\n height: 100%;\n object-fit: cover;\n object-position: center;\n &:hover {\n transform: scale(1.02);\n }\n"])));
7314
7315
  var BannerContainer$1 = styled.section(_templateObject3$h || (_templateObject3$h = _taggedTemplateLiteralLoose(["\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n font-size: 0;\n"])));
7315
7316
 
7316
- var _templateObject$y, _templateObject2$o, _templateObject3$i, _templateObject4$c;
7317
+ var _templateObject$y, _templateObject2$o, _templateObject3$i, _templateObject4$d;
7317
7318
  var LandingCarousel$1 = function LandingCarousel(_ref) {
7318
7319
  var _config$spaceBetweenC, _config$colLg, _ref2, _ref3, _config$colSm, _ref4, _config$colMd, _config$colLg2;
7319
7320
  var config = _ref.config,
@@ -7379,7 +7380,7 @@ var LandingCarousel$1 = function LandingCarousel(_ref) {
7379
7380
  var Image$2 = styled.img(_templateObject$y || (_templateObject$y = _taggedTemplateLiteralLoose(["\n width: 100%;\n transition: all 0.5s;\n height: 100%;\n object-fit: cover;\n object-position: center;\n &:hover {\n transform: scale(1.05);\n }\n"])));
7380
7381
  var Video$2 = styled.video(_templateObject2$o || (_templateObject2$o = _taggedTemplateLiteralLoose(["\n width: 100%;\n transition: all 0.5s;\n height: 100%;\n object-fit: cover;\n object-position: center;\n &:hover {\n transform: scale(1.05);\n }\n"])));
7381
7382
  var Root$9 = styled.div(_templateObject3$i || (_templateObject3$i = _taggedTemplateLiteralLoose(["\n height: 100%;\n"])));
7382
- var ReactSlick$1 = styled(Slider)(_templateObject4$c || (_templateObject4$c = _taggedTemplateLiteralLoose(["\n height: 100%;\n .slick-track {\n height: 100%;\n }\n .slick-slide {\n height: 100%;\n div:first-child {\n height: 100%;\n }\n }\n .slick-list {\n height: 100%;\n margin: 0 -", "px;\n }\n .slideItem {\n height: 100%;\n padding: 0 ", "px;\n overflow: hidden;\n }\n line-height: 0;\n .slick-dots {\n bottom: 0;\n li {\n margin: 0;\n button:before {\n color: #ffffff !important;\n font-size: 10px;\n }\n }\n }\n .slick-prev,\n .slick-next {\n color: #464646;\n z-index: 1;\n width: 26px;\n height: 26px;\n }\n .slick-prev {\n left: 12px;\n }\n .slick-next {\n right: 12px;\n }\n"])), function (props) {
7383
+ var ReactSlick$1 = styled(Slider)(_templateObject4$d || (_templateObject4$d = _taggedTemplateLiteralLoose(["\n height: 100%;\n .slick-track {\n height: 100%;\n }\n .slick-slide {\n height: 100%;\n div:first-child {\n height: 100%;\n }\n }\n .slick-list {\n height: 100%;\n margin: 0 -", "px;\n }\n .slideItem {\n height: 100%;\n padding: 0 ", "px;\n overflow: hidden;\n }\n line-height: 0;\n .slick-dots {\n bottom: 0;\n li {\n margin: 0;\n button:before {\n color: #ffffff !important;\n font-size: 10px;\n }\n }\n }\n .slick-prev,\n .slick-next {\n color: #464646;\n z-index: 1;\n width: 26px;\n height: 26px;\n }\n .slick-prev {\n left: 12px;\n }\n .slick-next {\n right: 12px;\n }\n"])), function (props) {
7383
7384
  return props === null || props === void 0 ? void 0 : props.spaceBetweenCol;
7384
7385
  }, function (props) {
7385
7386
  return props === null || props === void 0 ? void 0 : props.spaceBetweenCol;
@@ -7522,7 +7523,7 @@ var HomeBanner = function HomeBanner(_ref) {
7522
7523
  var Root$a = styled.div(_templateObject$z || (_templateObject$z = _taggedTemplateLiteralLoose([""])));
7523
7524
  var MainContainer$3 = styled.div(_templateObject2$p || (_templateObject2$p = _taggedTemplateLiteralLoose([""])));
7524
7525
 
7525
- var _templateObject$A, _templateObject2$q, _templateObject3$j, _templateObject4$d, _templateObject5$a, _templateObject6$9;
7526
+ var _templateObject$A, _templateObject2$q, _templateObject3$j, _templateObject4$e, _templateObject5$a, _templateObject6$9;
7526
7527
  var OutOfStock = function OutOfStock(_ref) {
7527
7528
  var _product$body, _product$body$content, _product$body2, _product$body2$conten, _product$masterProduc, _product$header;
7528
7529
  var product = _ref.product,
@@ -7758,7 +7759,7 @@ var MainCheckbox = styled(Checkbox)(_templateObject2$q || (_templateObject2$q =
7758
7759
  return props.theme.primaryColor;
7759
7760
  });
7760
7761
  var EmailInput = styled(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"])));
7761
- var Root$b = styled.div(_templateObject4$d || (_templateObject4$d = _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"])));
7762
+ var Root$b = styled.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"])));
7762
7763
  var ContainerDiv = styled.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) {
7763
7764
  return props.height ? props.height : 'auto';
7764
7765
  }, function (props) {
@@ -8265,7 +8266,7 @@ var AsyncSelect = function AsyncSelect(_ref3) {
8265
8266
  var _templateObject$C;
8266
8267
  var Container$1 = styled.div(_templateObject$C || (_templateObject$C = _taggedTemplateLiteralLoose([""])));
8267
8268
 
8268
- var _templateObject$D, _templateObject2$r, _templateObject3$k, _templateObject4$e, _templateObject5$b, _templateObject6$a;
8269
+ var _templateObject$D, _templateObject2$r, _templateObject3$k, _templateObject4$f, _templateObject5$b, _templateObject6$a;
8269
8270
  var ProductImage$1 = styled.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"])));
8270
8271
  var ProductName$1 = styled.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) {
8271
8272
  return props.size || '1em';
@@ -8281,7 +8282,7 @@ var CartTableRow$1 = styled(TableRow)(_templateObject3$k || (_templateObject3$k
8281
8282
  }, function (prop) {
8282
8283
  return prop.bg;
8283
8284
  });
8284
- var CartTableCell$2 = styled(TableCell)(_templateObject4$e || (_templateObject4$e = _taggedTemplateLiteralLoose(["\n && {\n border: none !important;\n font-size: 1em;\n }\n"])));
8285
+ var CartTableCell$2 = styled(TableCell)(_templateObject4$f || (_templateObject4$f = _taggedTemplateLiteralLoose(["\n && {\n border: none !important;\n font-size: 1em;\n }\n"])));
8285
8286
  var QuantityBox$1 = styled.div(_templateObject5$b || (_templateObject5$b = _taggedTemplateLiteralLoose(["\n height: 1.7em;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n div {\n /* width:30px; */\n min-height: 100%;\n aspect-ratio: 1.15/1;\n display: grid;\n place-items: center;\n font-size: 0.65em;\n color: white;\n background-color: #323232;\n cursor: pointer;\n }\n .price {\n background: transparent;\n cursor: auto;\n background: #ffffff;\n border: 1px solid #ebebeb;\n p {\n color: #5e5c5c;\n font-size: 0.685em;\n font-weight: 500;\n }\n }\n .add {\n background-color: #ebebeb;\n color: #323232;\n }\n"])));
8286
8287
  var DeleteBtn$1 = styled.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"])));
8287
8288
  var CardRow$1 = function CardRow(_ref) {
@@ -8396,7 +8397,7 @@ var CardRow$1 = function CardRow(_ref) {
8396
8397
  }))));
8397
8398
  };
8398
8399
 
8399
- var _templateObject$E, _templateObject2$s, _templateObject3$l, _templateObject4$f, _templateObject5$c, _templateObject6$b, _templateObject7$7, _templateObject8$5, _templateObject9$4;
8400
+ var _templateObject$E, _templateObject2$s, _templateObject3$l, _templateObject4$g, _templateObject5$c, _templateObject6$b, _templateObject7$7, _templateObject8$5, _templateObject9$4;
8400
8401
  var CartPageSection$1 = styled.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) {
8401
8402
  return props.bg;
8402
8403
  }, function (props) {
@@ -8418,7 +8419,7 @@ var CartPageContainer$1 = styled.div(_templateObject2$s || (_templateObject2$s =
8418
8419
  var CardsBox$1 = styled.div(_templateObject3$l || (_templateObject3$l = _taggedTemplateLiteralLoose(["\n width: 100%;\n /* min-height: 1000px; */\n position: relative;\n max-width: 860px;\n margin-right: auto;\n padding: 1em 2em;\n display: ", ";\n grid-template-columns: 1fr 1fr;\n flex-direction: column;\n align-items: flex-start;\n grid-gap: 1em;\n justify-content: flex-start;\n align-items: center;\n border-radius: 20px;\n @media only screen and (max-width: 960px) {\n display: flex;\n }\n @media only screen and (max-width: 640px) {\n padding: 1em 0.2em;\n }\n"])), function (props) {
8419
8420
  return props.retail ? 'grid' : 'flex';
8420
8421
  });
8421
- var CartHeading$1 = styled.div(_templateObject4$f || (_templateObject4$f = _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) {
8422
+ var CartHeading$1 = styled.div(_templateObject4$g || (_templateObject4$g = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n /* margin-bottom: 2em; */\n margin-left: 2.3em;\n margin-top: 2em;\n\n color: ", ";\n h1 {\n font-weight: 600;\n font-size: 2.0375em;\n text-transform: capitalize;\n color: ", ";\n /* margin-bottom: 1em; */\n }\n p {\n font-size: 0.875em;\n color: inherit;\n margin-top: 0.5em;\n }\n"])), function (props) {
8422
8423
  return props.color || 'black';
8423
8424
  }, function (props) {
8424
8425
  return props.h1 || 'inherit';
@@ -9125,7 +9126,7 @@ var StyledButton = styled.button(_templateObject2$u || (_templateObject2$u = _ta
9125
9126
  return props.theme.primaryColor;
9126
9127
  });
9127
9128
 
9128
- var _templateObject$J, _templateObject2$v, _templateObject3$m, _templateObject4$g, _templateObject5$d, _templateObject6$c, _templateObject7$8, _templateObject8$6;
9129
+ var _templateObject$J, _templateObject2$v, _templateObject3$m, _templateObject4$h, _templateObject5$d, _templateObject6$c, _templateObject7$8, _templateObject8$6;
9129
9130
  var CheckoutRootContainer = styled.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) {
9130
9131
  return props.bg;
9131
9132
  });
@@ -9137,7 +9138,7 @@ var CheckoutPageContainer = styled.div(_templateObject2$v || (_templateObject2$v
9137
9138
  return props.primaryColor || 'rgba(50, 50, 50, 1)';
9138
9139
  });
9139
9140
  var Row = styled.div(_templateObject3$m || (_templateObject3$m = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n"])));
9140
- var CheckoutMainWithHeader = styled(Stack)(_templateObject4$g || (_templateObject4$g = _taggedTemplateLiteralLoose([""])));
9141
+ var CheckoutMainWithHeader = styled(Stack)(_templateObject4$h || (_templateObject4$h = _taggedTemplateLiteralLoose([""])));
9141
9142
  var CheckoutMain = styled.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) {
9142
9143
  return props.bg || 'rgba(102,112,128,0.5)';
9143
9144
  }, function (props) {
@@ -9221,7 +9222,7 @@ var CheckoutSummary = function CheckoutSummary(_ref) {
9221
9222
  }, renderMoney(orderTotal === null || orderTotal === void 0 ? void 0 : orderTotal.adjustmentValue))));
9222
9223
  };
9223
9224
 
9224
- var _templateObject$L, _templateObject2$x, _templateObject3$o, _templateObject4$h, _templateObject5$e, _templateObject6$d, _templateObject7$9, _templateObject8$7, _templateObject9$5, _templateObject10$2, _templateObject11$1, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15$1, _templateObject16$1, _templateObject17$1, _templateObject18$1;
9225
+ var _templateObject$L, _templateObject2$x, _templateObject3$o, _templateObject4$i, _templateObject5$e, _templateObject6$d, _templateObject7$9, _templateObject8$7, _templateObject9$5, _templateObject10$2, _templateObject11$1, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15$1, _templateObject16$1, _templateObject17$1, _templateObject18$1;
9225
9226
  var StepContainer = styled.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"])));
9226
9227
  var StepsContent = styled.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) {
9227
9228
  return 'transparent' + '!important';
@@ -9241,7 +9242,7 @@ var StepsHeaderContainer = styled.div(_templateObject3$o || (_templateObject3$o
9241
9242
  }, function (props) {
9242
9243
  return props.username ? 'not-allowed' : 'pointer';
9243
9244
  });
9244
- var TextFeildContainer = styled.div(_templateObject4$h || (_templateObject4$h = _taggedTemplateLiteralLoose(["\n label {\n color: rgba(107, 106, 106, 0.6) !important;\n }\n background: ", ";\n border-radius: 10px;\n && {\n input {\n font-size: 0.875em !important;\n color: black;\n &::placeholder {\n font-size: 0.975em !important;\n }\n }\n .icon {\n color: black;\n font-size: 1em;\n }\n }\n"])), function (props) {
9245
+ var TextFeildContainer = styled.div(_templateObject4$i || (_templateObject4$i = _taggedTemplateLiteralLoose(["\n label {\n color: rgba(107, 106, 106, 0.6) !important;\n }\n background: ", ";\n border-radius: 10px;\n && {\n input {\n font-size: 0.875em !important;\n color: black;\n &::placeholder {\n font-size: 0.975em !important;\n }\n }\n .icon {\n color: black;\n font-size: 1em;\n }\n }\n"])), function (props) {
9245
9246
  var _props$theme, _props$theme$input;
9246
9247
  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';
9247
9248
  });