@salesgenterp/ui-components 0.4.270 → 0.4.272

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.
Files changed (5) hide show
  1. package/dist/index.js +144 -121
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.modern.js +144 -121
  4. package/dist/index.modern.js.map +1 -1
  5. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -6726,15 +6726,15 @@ var HomeBanner = function HomeBanner(_ref) {
6726
6726
  var Root$7 = styled__default.div(_templateObject$v || (_templateObject$v = _taggedTemplateLiteralLoose([""])));
6727
6727
  var MainContainer$2 = styled__default.div(_templateObject2$m || (_templateObject2$m = _taggedTemplateLiteralLoose([""])));
6728
6728
 
6729
- var _templateObject$w, _templateObject2$n, _templateObject3$g, _templateObject4$c, _templateObject5$a, _templateObject6$9;
6729
+ var _templateObject$w, _templateObject2$n, _templateObject3$g, _templateObject4$c, _templateObject5$a, _templateObject6$9, _templateObject7$7;
6730
6730
  var OutOfStock = function OutOfStock(_ref) {
6731
- var _product$body, _product$body$content;
6732
- var header = _ref.header,
6733
- product = _ref.product,
6731
+ var _product$body, _product$body$content, _product$body2, _product$body2$conten;
6732
+ var product = _ref.product,
6734
6733
  _ref$colors = _ref.colors,
6735
6734
  colors = _ref$colors === void 0 ? {
6736
- primaryColor: '#D2122E'
6735
+ primaryColor: '#D21222'
6737
6736
  } : _ref$colors,
6737
+ apiEndPoint = _ref.apiEndPoint,
6738
6738
  customerEmail = _ref.customerEmail;
6739
6739
  var _React$useState = React__default.useState([]),
6740
6740
  selected = _React$useState[0],
@@ -6750,7 +6750,7 @@ var OutOfStock = function OutOfStock(_ref) {
6750
6750
  setSubscribed = _React$useState4[1];
6751
6751
  var MasterProductDetails = product === null || product === void 0 ? void 0 : product.masterProductDetails;
6752
6752
  var outofstockproducts = (product === null || product === void 0 ? void 0 : (_product$body = product.body) === null || _product$body === void 0 ? void 0 : (_product$body$content = _product$body.content) === null || _product$body$content === void 0 ? void 0 : _product$body$content.filter(function (item) {
6753
- return item.availableQuantity <= 0;
6753
+ return item.availableQuantity === 0;
6754
6754
  })) || [];
6755
6755
  var handleSelectAllClick = function handleSelectAllClick(event) {
6756
6756
  if (event.target.checked) {
@@ -6785,56 +6785,61 @@ var OutOfStock = function OutOfStock(_ref) {
6785
6785
  };
6786
6786
  var makeApiToNotify = function makeApiToNotify(tag) {
6787
6787
  try {
6788
- var _temp3 = _finallyRethrows(function () {
6789
- return _catch(function () {
6790
- function _temp2() {
6791
- message.success('Subscribed successfully');
6792
- setSubscribed(true);
6793
- setSelected([]);
6794
- }
6788
+ var _temp5 = function () {
6789
+ if (apiEndPoint) {
6790
+ var _temp4 = function _temp4() {
6791
+ setLoading(false);
6792
+ };
6795
6793
  setLoading(true);
6796
- var _temp = function () {
6797
- if (tag === 'variant') {
6798
- return Promise.resolve(API$1({
6799
- apiEndPoint: apiEndPoint,
6800
- method: 'POST',
6801
- url: "/ecommerce/product/notifyWhenInStock",
6802
- body: selected,
6803
- errorMessage: 'Error in create notification.',
6804
- successMessage: 'Created notification successfully.'
6805
- })).then(function () {});
6806
- } else {
6807
- return Promise.resolve(API$1({
6808
- apiEndPoint: apiEndPoint,
6809
- method: 'POST',
6810
- url: "/ecommerce/product/notifyWhenInStock",
6811
- body: [_extends({}, MasterProductDetails, {
6812
- email: email,
6813
- active: true
6814
- })],
6815
- errorMessage: 'Error in create notification.',
6816
- successMessage: 'Created notification successfully.'
6817
- })).then(function () {});
6818
- }
6819
- }();
6820
- return _temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp);
6821
- }, function (error) {
6822
- console.error(error);
6823
- });
6824
- }, function (_wasThrown, _result) {
6825
- setLoading(false);
6826
- if (_wasThrown) throw _result;
6827
- return _result;
6828
- });
6829
- return Promise.resolve(_temp3 && _temp3.then ? _temp3.then(function () {}) : void 0);
6794
+ var _temp3 = _finallyRethrows(function () {
6795
+ return _catch(function () {
6796
+ function _temp2() {
6797
+ setSubscribed(true);
6798
+ setSelected([]);
6799
+ }
6800
+ var _temp = function () {
6801
+ if (tag === 'variant') {
6802
+ return Promise.resolve(API$1({
6803
+ apiEndPoint: apiEndPoint,
6804
+ method: 'POST',
6805
+ url: "/ecommerce/product/notifyWhenInStock",
6806
+ body: selected,
6807
+ errorMessage: 'Error in create notification.',
6808
+ successMessage: 'Created notification successfully.'
6809
+ })).then(function () {});
6810
+ } else {
6811
+ return Promise.resolve(API$1({
6812
+ apiEndPoint: apiEndPoint,
6813
+ method: 'POST',
6814
+ url: "/ecommerce/product/notifyWhenInStock",
6815
+ body: [_extends({}, MasterProductDetails, {
6816
+ email: email,
6817
+ active: true
6818
+ })],
6819
+ errorMessage: 'Error in create notification.',
6820
+ successMessage: 'Created notification successfully.'
6821
+ })).then(function () {});
6822
+ }
6823
+ }();
6824
+ return _temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp);
6825
+ }, function () {});
6826
+ }, function (_wasThrown, _result) {
6827
+ if (_wasThrown) throw _result;
6828
+ return _result;
6829
+ });
6830
+ return _temp3 && _temp3.then ? _temp3.then(_temp4) : _temp4(_temp3);
6831
+ }
6832
+ }();
6833
+ return Promise.resolve(_temp5 && _temp5.then ? _temp5.then(function () {}) : void 0);
6830
6834
  } catch (e) {
6831
6835
  return Promise.reject(e);
6832
6836
  }
6833
6837
  };
6834
- var handleSubscribeClick = function handleSubscribeClick() {
6838
+ var handleSubscribeClick = function handleSubscribeClick(event) {
6835
6839
  try {
6840
+ event.preventDefault();
6836
6841
  var mailformat = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/;
6837
- if (!email.match(mailformat)) {
6842
+ if (!(email !== null && email !== void 0 && email.match(mailformat))) {
6838
6843
  return Promise.resolve();
6839
6844
  }
6840
6845
  if ((outofstockproducts === null || outofstockproducts === void 0 ? void 0 : outofstockproducts.length) === 0) {
@@ -6859,10 +6864,17 @@ var OutOfStock = function OutOfStock(_ref) {
6859
6864
  };
6860
6865
  return /*#__PURE__*/React__default.createElement(styled.ThemeProvider, {
6861
6866
  theme: colors || {}
6862
- }, /*#__PURE__*/React__default.createElement("h4", {
6863
- css: "\n text-transform: uppercase;\n color: #5e5ee2;\n "
6864
- }, "GET NOTIFIED WHEN THIS ITEM IS IN-STOCK"), (outofstockproducts === null || outofstockproducts === void 0 ? void 0 : outofstockproducts.length) > 0 && /*#__PURE__*/React__default.createElement(TableContainer$2, {
6865
- css: "\n max-height: 440px;\n "
6867
+ }, ((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.masterProductDetails.availableQuantity) <= 0) && /*#__PURE__*/React__default.createElement(Root$8, null, /*#__PURE__*/React__default.createElement("p", {
6868
+ style: {
6869
+ margin: '0.5rem 0',
6870
+ fontSize: '1.3rem',
6871
+ fontWeight: 600
6872
+ }
6873
+ }, "Get notified when this item is in-stock"), (outofstockproducts === null || outofstockproducts === void 0 ? void 0 : outofstockproducts.length) > 0 && /*#__PURE__*/React__default.createElement(TableContainer$2, {
6874
+ style: {
6875
+ maxHeight: 400
6876
+ },
6877
+ component: VariantsContainer
6866
6878
  }, /*#__PURE__*/React__default.createElement(Table, {
6867
6879
  size: "small",
6868
6880
  stickyHeader: true,
@@ -6879,11 +6891,15 @@ var OutOfStock = function OutOfStock(_ref) {
6879
6891
  inputProps: {
6880
6892
  'aria-label': 'select all desserts'
6881
6893
  }
6882
- })), header && header.map(function (head, index) {
6883
- return /*#__PURE__*/React__default.createElement(StyledTableCell, {
6894
+ })), product === null || product === void 0 ? void 0 : product.header.map(function (head, index) {
6895
+ return /*#__PURE__*/React__default.createElement(TableCell, {
6884
6896
  align: index === 0 ? 'left' : 'center',
6885
6897
  key: index
6886
- }, head);
6898
+ }, /*#__PURE__*/React__default.createElement(ContainerDiv, null, /*#__PURE__*/React__default.createElement("p", {
6899
+ style: {
6900
+ fontWeight: 600
6901
+ }
6902
+ }, head)));
6887
6903
  }))), /*#__PURE__*/React__default.createElement(TableBody, null, outofstockproducts === null || outofstockproducts === void 0 ? void 0 : outofstockproducts.map(function (variant, index) {
6888
6904
  return /*#__PURE__*/React__default.createElement(TableRow, {
6889
6905
  key: index
@@ -6900,47 +6916,54 @@ var OutOfStock = function OutOfStock(_ref) {
6900
6916
  key: index,
6901
6917
  component: "th",
6902
6918
  scope: "row"
6903
- }, /*#__PURE__*/React__default.createElement(ContainerDiv, null, /*#__PURE__*/React__default.createElement("div", {
6904
- css: "\n display: flex;\n flex-direction: column;\n justify-content: center;\n width: 100%;\n "
6905
- }, /*#__PURE__*/React__default.createElement("span", null, variant.productVariantLabelValues[key]))));
6919
+ }, /*#__PURE__*/React__default.createElement(ContainerDiv, null, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("p", {
6920
+ style: {
6921
+ fontWeight: 600
6922
+ }
6923
+ }, variant.productVariantLabelValues[key]), index === 0 && /*#__PURE__*/React__default.createElement("p", null, variant.upc))));
6906
6924
  }));
6907
- })))), /*#__PURE__*/React__default.createElement(ContainerDiv, null, /*#__PURE__*/React__default.createElement("span", {
6908
- css: "\n font-weight: bold;\n "
6909
- }, "Subscribe to back in stock notification")), /*#__PURE__*/React__default.createElement(ContainerDiv, {
6910
- css: "\n padding-bottom: 3%;\n border-bottom: 1px dashed #414141;\n "
6911
- }, /*#__PURE__*/React__default.createElement(EmailInput, {
6925
+ })))), /*#__PURE__*/React__default.createElement("div", {
6926
+ style: {
6927
+ padding: '0.6rem 0'
6928
+ }
6929
+ }, /*#__PURE__*/React__default.createElement(ContainerDiv, null, /*#__PURE__*/React__default.createElement("span", {
6930
+ style: {
6931
+ fontWeight: 'bold'
6932
+ }
6933
+ }, "Subscribe to back in stock notification")), /*#__PURE__*/React__default.createElement("form", {
6934
+ onSubmit: handleSubscribeClick
6935
+ }, /*#__PURE__*/React__default.createElement(ContainerDiv, null, /*#__PURE__*/React__default.createElement(EmailInput, {
6912
6936
  onChange: function onChange(e) {
6913
6937
  return setEmail(e.target.value);
6914
6938
  },
6915
6939
  type: "email",
6916
6940
  placeholder: "Enter your email",
6917
6941
  variant: "outlined",
6918
- value: email
6942
+ value: email,
6943
+ required: true
6919
6944
  }), /*#__PURE__*/React__default.createElement(StyledSubscribe, {
6920
6945
  subscribed: subscribed,
6921
- Loading: loading,
6922
- onClick: handleSubscribeClick
6946
+ Loading: loading
6923
6947
  }, loading && /*#__PURE__*/React__default.createElement(material.CircularProgress, {
6924
6948
  size: 20,
6925
6949
  style: {
6926
6950
  color: '#fff'
6927
6951
  }
6928
- }), /*#__PURE__*/React__default.createElement("span", null, subscribed ? 'Subscribed Successfully' : 'Subscribe'))));
6952
+ }), /*#__PURE__*/React__default.createElement("span", null, subscribed ? 'Subscribed Successfully' : 'Subscribe')))))));
6929
6953
  };
6930
- var StyledTableCell = styled__default(TableCell)(_templateObject$w || (_templateObject$w = _taggedTemplateLiteralLoose(["\n head: {\n font-weight: bold;\n }\n body: {\n fontsize: 14;\n }\n"])));
6931
- var SubCheckbox = styled__default(Checkbox)(_templateObject2$n || (_templateObject2$n = _taggedTemplateLiteralLoose(["\n border-color: #fff;\n '&$checked': {\n color: '#000';\n }\n"])));
6932
- var MainCheckbox = styled__default(Checkbox)(_templateObject3$g || (_templateObject3$g = _taggedTemplateLiteralLoose(["\n border-color: ", ";\n &$checked {\n color: ", ";\n }\n &$indeterminate {\n color: ", ";\n }\n"])), function (props) {
6933
- return props.theme.primaryColor;
6934
- }, function (props) {
6954
+ var VariantsContainer = styled__default.div(_templateObject$w || (_templateObject$w = _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"])));
6955
+ var SubCheckbox = styled__default(Checkbox)(_templateObject2$n || (_templateObject2$n = _taggedTemplateLiteralLoose(["\n border-color: #fff;\n & .Mui-checked {\n color: ", ";\n }\n"])), function (props) {
6935
6956
  return props.theme.primaryColor;
6936
- }, function (props) {
6957
+ });
6958
+ var MainCheckbox = styled__default(Checkbox)(_templateObject3$g || (_templateObject3$g = _taggedTemplateLiteralLoose(["\n border-color: #fff;\n & .Mui-checked {\n color: ", ";\n }\n"])), function (props) {
6937
6959
  return props.theme.primaryColor;
6938
6960
  });
6939
- var EmailInput = styled__default(InputBase)(_templateObject4$c || (_templateObject4$c = _taggedTemplateLiteralLoose(["\n border: 1px solid #a9a9a9;\n padding: 3px 10px;\n fontsize: 12px;\n width: 100%;\n max-width: 380px;\n"])));
6940
- 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 @media only screen and (min-width: 980px) {\n margin: 1% 0%;\n }\n"])), function (props) {
6961
+ var EmailInput = styled__default(InputBase)(_templateObject4$c || (_templateObject4$c = _taggedTemplateLiteralLoose(["\n border: 1px solid #a9a9a9;\n padding: 3px 10px;\n fontsize: 12px;\n width: 100%;\n border-radius: 3px;\n"])));
6962
+ var Root$8 = styled__default.div(_templateObject5$a || (_templateObject5$a = _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"])));
6963
+ var ContainerDiv = styled__default.div(_templateObject6$9 || (_templateObject6$9 = _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) {
6941
6964
  return props.height ? props.height : 'auto';
6942
6965
  }, function (props) {
6943
- return props.margin ? props.margin : '3% 0';
6966
+ return props.margin ? props.margin : '0.3rem 0';
6944
6967
  }, function (props) {
6945
6968
  return props.flexDirection ? props.flexDirection : 'default';
6946
6969
  }, function (props) {
@@ -6948,7 +6971,7 @@ var ContainerDiv = styled__default.div(_templateObject5$a || (_templateObject5$a
6948
6971
  }, function (props) {
6949
6972
  return props.justifyContent ? props.justifyContent : 'default';
6950
6973
  });
6951
- var StyledSubscribe = styled__default.button(_templateObject6$9 || (_templateObject6$9 = _taggedTemplateLiteralLoose(["\n align-items: center;\n background: ", ";\n color: #fff;\n display: flex;\n justify-content: center;\n padding: ", ";\n border: none;\n outline: none;\n cursor: ", ";\n opacity: ", ";\n width: ", ";\n pointer-events: ", ";\n span {\n white-space: nowrap;\n font-size: ", ";\n margin-left: 10px;\n }\n &:hover {\n opacity: ", ";\n }\n margin: 0px;\n margin-left: 1%;\n text-transform: uppercase;\n pointer-events: ", ";\n span {\n margin: 0px 10px;\n }\n"])), function (props) {
6974
+ var StyledSubscribe = styled__default.button(_templateObject7$7 || (_templateObject7$7 = _taggedTemplateLiteralLoose(["\n align-items: center;\n background: ", ";\n border-radius: 3px;\n color: #fff;\n display: flex;\n justify-content: center;\n padding: ", ";\n border: none;\n outline: none;\n font-weight: 600;\n cursor: ", ";\n opacity: ", ";\n width: ", ";\n pointer-events: ", ";\n span {\n white-space: nowrap;\n font-size: ", ";\n margin-left: 10px;\n }\n &:hover {\n opacity: ", ";\n }\n margin: 0px;\n margin-left: 1%;\n text-transform: uppercase;\n pointer-events: ", ";\n span {\n margin: 0px 10px;\n }\n"])), function (props) {
6952
6975
  return props.theme.primaryColor;
6953
6976
  }, function (props) {
6954
6977
  return props.padding ? props.padding : '5px 15px';
@@ -7574,7 +7597,7 @@ var CardRow$1 = function CardRow(_ref) {
7574
7597
  }))));
7575
7598
  };
7576
7599
 
7577
- var _templateObject$A, _templateObject2$p, _templateObject3$i, _templateObject4$e, _templateObject5$c, _templateObject6$b, _templateObject7$7, _templateObject8$5, _templateObject9$3;
7600
+ var _templateObject$A, _templateObject2$p, _templateObject3$i, _templateObject4$e, _templateObject5$c, _templateObject6$b, _templateObject7$8, _templateObject8$5, _templateObject9$3;
7578
7601
  var CartPageSection$1 = styled__default.section(_templateObject$A || (_templateObject$A = _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) {
7579
7602
  return props.bg;
7580
7603
  }, function (props) {
@@ -7611,7 +7634,7 @@ var CartTableCell$3 = styled__default(material.TableCell)(_templateObject6$b ||
7611
7634
  }, function (props) {
7612
7635
  return "" + props.color || 'inherit';
7613
7636
  });
7614
- var CartTableContainer$1 = styled__default(material.TableContainer)(_templateObject7$7 || (_templateObject7$7 = _taggedTemplateLiteralLoose(["\n max-height: 580px;\n padding-right: 1.5em;\n overflow: inherit !important;\n &::-webkit-scrollbar {\n width: ", ";\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: ", ";\n background: ", ";\n border-radius: 16px;\n width: 100%;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n border-radius: 16px;\n margin: 5px 2px;\n background: ", ";\n }\n @media screen and (max-width: 750px) {\n padding: 0;\n }\n"])), function (props) {
7637
+ var CartTableContainer$1 = styled__default(material.TableContainer)(_templateObject7$8 || (_templateObject7$8 = _taggedTemplateLiteralLoose(["\n max-height: 580px;\n padding-right: 1.5em;\n overflow: inherit !important;\n &::-webkit-scrollbar {\n width: ", ";\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: ", ";\n background: ", ";\n border-radius: 16px;\n width: 100%;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n border-radius: 16px;\n margin: 5px 2px;\n background: ", ";\n }\n @media screen and (max-width: 750px) {\n padding: 0;\n }\n"])), function (props) {
7615
7638
  return props.retail ? '12px' : '10px';
7616
7639
  }, function (props) {
7617
7640
  return props.retail ? '#667080' : 'rgba(102, 112, 128, 0.5)';
@@ -8142,7 +8165,7 @@ var StaticPage = function StaticPage(_ref) {
8142
8165
  logoUrl = _ref.logoUrl;
8143
8166
  return /*#__PURE__*/React__default.createElement(styled.ThemeProvider, {
8144
8167
  theme: colors
8145
- }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(material.CssBaseline, null), /*#__PURE__*/React__default.createElement(Root$8, null, /*#__PURE__*/React__default.createElement(StaticContainer, null, /*#__PURE__*/React__default.createElement("div", {
8168
+ }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(material.CssBaseline, null), /*#__PURE__*/React__default.createElement(Root$9, null, /*#__PURE__*/React__default.createElement(StaticContainer, null, /*#__PURE__*/React__default.createElement("div", {
8146
8169
  className: "top-bar"
8147
8170
  }, data.mainTitle), mapSrc && /*#__PURE__*/React__default.createElement("iframe", {
8148
8171
  width: "100%",
@@ -8189,7 +8212,7 @@ var StaticPage = function StaticPage(_ref) {
8189
8212
  logoUrl: logoUrl
8190
8213
  }))))))));
8191
8214
  };
8192
- var Root$8 = styled__default(material.Box)(_templateObject$D || (_templateObject$D = _taggedTemplateLiteralLoose([""])));
8215
+ var Root$9 = styled__default(material.Box)(_templateObject$D || (_templateObject$D = _taggedTemplateLiteralLoose([""])));
8193
8216
 
8194
8217
  var _templateObject$E, _templateObject2$r;
8195
8218
  var ThankYou = function ThankYou(_ref) {
@@ -8202,7 +8225,7 @@ var ThankYou = function ThankYou(_ref) {
8202
8225
  onContinue = _ref.onContinue;
8203
8226
  return /*#__PURE__*/React__default.createElement(styled.ThemeProvider, {
8204
8227
  theme: colors
8205
- }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(material.CssBaseline, null), /*#__PURE__*/React__default.createElement(Root$9, null, /*#__PURE__*/React__default.createElement(material.Grid, {
8228
+ }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(material.CssBaseline, null), /*#__PURE__*/React__default.createElement(Root$a, null, /*#__PURE__*/React__default.createElement(material.Grid, {
8206
8229
  container: true,
8207
8230
  justify: "center"
8208
8231
  }, /*#__PURE__*/React__default.createElement(material.Grid, {
@@ -8250,7 +8273,7 @@ var ThankYou = function ThankYou(_ref) {
8250
8273
  onClick: onContinue
8251
8274
  }, /*#__PURE__*/React__default.createElement("p", null, "Continue Shopping"))))))));
8252
8275
  };
8253
- var Root$9 = styled__default(material.Box)(_templateObject$E || (_templateObject$E = _taggedTemplateLiteralLoose([""])));
8276
+ var Root$a = styled__default(material.Box)(_templateObject$E || (_templateObject$E = _taggedTemplateLiteralLoose([""])));
8254
8277
  var StyledButton = styled__default.button(_templateObject2$r || (_templateObject2$r = _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) {
8255
8278
  return props.theme.primaryColor;
8256
8279
  }, function (props) {
@@ -8259,7 +8282,7 @@ var StyledButton = styled__default.button(_templateObject2$r || (_templateObject
8259
8282
  return props.theme.primaryColor;
8260
8283
  });
8261
8284
 
8262
- var _templateObject$F, _templateObject2$s, _templateObject3$j, _templateObject4$f, _templateObject5$d, _templateObject6$c, _templateObject7$8;
8285
+ var _templateObject$F, _templateObject2$s, _templateObject3$j, _templateObject4$f, _templateObject5$d, _templateObject6$c, _templateObject7$9;
8263
8286
  var CheckoutPageContainer = styled__default.div(_templateObject$F || (_templateObject$F = _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) {
8264
8287
  return props.maxWidth || '1605px';
8265
8288
  }, function (props) {
@@ -8276,7 +8299,7 @@ var CheckoutMain = styled__default.div(_templateObject4$f || (_templateObject4$f
8276
8299
  });
8277
8300
  var CheckoutHeading = styled__default.div(_templateObject5$d || (_templateObject5$d = _taggedTemplateLiteralLoose(["\n margin-left: 2.5em;\n margin-bottom: 2em;\n h5 {\n font-size: 2.3em;\n font-weight: 600;\n text-transform: capitalize;\n }\n p {\n font-size: 0.875em;\n margin-top: 0.5em;\n }\n @media only screen and (max-width: 788px) {\n margin-left: 0;\n padding-left: 1em;\n }\n"])));
8278
8301
  var CheckoutHeader = styled__default(Row)(_templateObject6$c || (_templateObject6$c = _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"])));
8279
- var CheckoutStepIcon = styled__default.div(_templateObject7$8 || (_templateObject7$8 = _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"])));
8302
+ var CheckoutStepIcon = styled__default.div(_templateObject7$9 || (_templateObject7$9 = _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"])));
8280
8303
 
8281
8304
  var _templateObject$G, _templateObject2$t, _templateObject3$k;
8282
8305
  var CheckoutSummaryContainer = styled__default.div(_templateObject$G || (_templateObject$G = _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) {
@@ -8339,7 +8362,7 @@ var CheckoutSummary = function CheckoutSummary(_ref) {
8339
8362
  }, paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.name)));
8340
8363
  };
8341
8364
 
8342
- var _templateObject$H, _templateObject2$u, _templateObject3$l, _templateObject4$g, _templateObject5$e, _templateObject6$d, _templateObject7$9, _templateObject8$6, _templateObject9$4, _templateObject10$2, _templateObject11$1, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15$1, _templateObject16$1, _templateObject17$1, _templateObject18$1;
8365
+ var _templateObject$H, _templateObject2$u, _templateObject3$l, _templateObject4$g, _templateObject5$e, _templateObject6$d, _templateObject7$a, _templateObject8$6, _templateObject9$4, _templateObject10$2, _templateObject11$1, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15$1, _templateObject16$1, _templateObject17$1, _templateObject18$1;
8343
8366
  var StepContainer = styled__default.div(_templateObject$H || (_templateObject$H = _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"])));
8344
8367
  var StepsContent = styled__default.div(_templateObject2$u || (_templateObject2$u = _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) {
8345
8368
  return 'transparent' + '!important';
@@ -8384,7 +8407,7 @@ var Select = styled__default.div.attrs({
8384
8407
  });
8385
8408
  var SaveButton = styled__default.button.attrs({
8386
8409
  className: 'checkout-btn'
8387
- })(_templateObject7$9 || (_templateObject7$9 = _taggedTemplateLiteralLoose(["\n border: none;\n outline: none;\n font-size: 0.8125em;\n text-transform: uppercase;\n font-weight: 600;\n border-radius: 7px;\n padding: 0.55em 1em;\n background: ", ";\n display: grid;\n place-items: center;\n color: white;\n margin: 1em 0;\n letter-spacing: 1px;\n transition: 0.4s;\n cursor: ", ";\n &:hover,\n &:focus {\n opacity: 0.7;\n }\n"])), function (props) {
8410
+ })(_templateObject7$a || (_templateObject7$a = _taggedTemplateLiteralLoose(["\n border: none;\n outline: none;\n font-size: 0.8125em;\n text-transform: uppercase;\n font-weight: 600;\n border-radius: 7px;\n padding: 0.55em 1em;\n background: ", ";\n display: grid;\n place-items: center;\n color: white;\n margin: 1em 0;\n letter-spacing: 1px;\n transition: 0.4s;\n cursor: ", ";\n &:hover,\n &:focus {\n opacity: 0.7;\n }\n"])), function (props) {
8388
8411
  return props.color || '#FD0015';
8389
8412
  }, function (props) {
8390
8413
  return props.disabled ? 'not-allowed' : 'pointer';
@@ -8442,7 +8465,7 @@ var StyledTableRow = styled__default(material.TableRow)(_templateObject16$1 || (
8442
8465
  }, function (props) {
8443
8466
  return props.bg || 'red';
8444
8467
  });
8445
- var StyledTableCell$1 = styled__default(material.TableCell)(_templateObject17$1 || (_templateObject17$1 = _taggedTemplateLiteralLoose(["\n && {\n border: none;\n font-size: 1em;\n .noAboveSm {\n display: none;\n }\n @media only screen and (max-width: 748px) {\n display: ", ";\n padding: 0.5em 0.3em;\n .noAboveSm {\n display: inline-block;\n margin-right: 6px;\n }\n }\n }\n"])), function (props) {
8468
+ var StyledTableCell = styled__default(material.TableCell)(_templateObject17$1 || (_templateObject17$1 = _taggedTemplateLiteralLoose(["\n && {\n border: none;\n font-size: 1em;\n .noAboveSm {\n display: none;\n }\n @media only screen and (max-width: 748px) {\n display: ", ";\n padding: 0.5em 0.3em;\n .noAboveSm {\n display: inline-block;\n margin-right: 6px;\n }\n }\n }\n"])), function (props) {
8446
8469
  return props.noSmall ? 'none' : '';
8447
8470
  });
8448
8471
  var BottomGrid = styled__default(material.Grid)(_templateObject18$1 || (_templateObject18$1 = _taggedTemplateLiteralLoose(["\n .bold {\n font-weight: 600;\n text-transform: capitalize;\n margin: 1em 0;\n font-size: 1em;\n }\n .icon {\n font-size: 1.6em;\n color: ", ";\n }\n textarea {\n width: 100%;\n resize: none;\n border: 1px solid\n ", ";\n border-radius: 4px;\n margin-bottom: 2em;\n padding: 1em;\n background: ", ";\n }\n p {\n font-size: 12px;\n .ul {\n text-decoration: underline;\n font-size: inherit;\n }\n }\n .bottom {\n margin-left: 3em;\n font-style: italic;\n span {\n font-weight: 600;\n color: ", ";\n\n cursor: pointer;\n &:hover {\n text-decoration: underline;\n }\n }\n }\n"])), function (prop) {
@@ -9954,81 +9977,81 @@ var Step4 = function Step4(_ref) {
9954
9977
  colored: i % 2 === 0,
9955
9978
  className: i % 2 === 0 ? 'primaryLightBgColor' : '',
9956
9979
  bg: styles === null || styles === void 0 ? void 0 : (_styles$input = styles.input) === null || _styles$input === void 0 ? void 0 : _styles$input.bg
9957
- }, /*#__PURE__*/React__default.createElement(StyledTableCell$1, {
9980
+ }, /*#__PURE__*/React__default.createElement(StyledTableCell, {
9958
9981
  noSmall: true
9959
9982
  }, /*#__PURE__*/React__default.createElement("p", {
9960
9983
  className: "price max"
9961
- }, "ID: #", row === null || row === void 0 ? void 0 : row.productId)), /*#__PURE__*/React__default.createElement(StyledTableCell$1, {
9984
+ }, "ID: #", row === null || row === void 0 ? void 0 : row.productId)), /*#__PURE__*/React__default.createElement(StyledTableCell, {
9962
9985
  align: "left",
9963
9986
  component: 'th',
9964
9987
  scope: "row"
9965
9988
  }, /*#__PURE__*/React__default.createElement("p", null, /*#__PURE__*/React__default.createElement("span", {
9966
9989
  className: "noAboveSm price"
9967
- }, "ID: #", row === null || row === void 0 ? void 0 : row.productId), /*#__PURE__*/React__default.createElement("span", null, row.productName))), /*#__PURE__*/React__default.createElement(StyledTableCell$1, {
9990
+ }, "ID: #", row === null || row === void 0 ? void 0 : row.productId), /*#__PURE__*/React__default.createElement("span", null, row.productName))), /*#__PURE__*/React__default.createElement(StyledTableCell, {
9968
9991
  align: "left",
9969
9992
  color: styles === null || styles === void 0 ? void 0 : styles.bg
9970
9993
  }, /*#__PURE__*/React__default.createElement("p", {
9971
9994
  className: "price max"
9972
9995
  }, (_row$standardPrice = row.standardPrice) === null || _row$standardPrice === void 0 ? void 0 : _row$standardPrice.toFixed(2), /*#__PURE__*/React__default.createElement("span", {
9973
9996
  className: "red primaryColor"
9974
- }, ' ', "x ", row.quantity))), /*#__PURE__*/React__default.createElement(StyledTableCell$1, {
9997
+ }, ' ', "x ", row.quantity))), /*#__PURE__*/React__default.createElement(StyledTableCell, {
9975
9998
  align: "right"
9976
9999
  }, /*#__PURE__*/React__default.createElement("p", {
9977
10000
  className: "price max"
9978
10001
  }, "$", (_ref2 = row.quantity * (row === null || row === void 0 ? void 0 : row.standardPrice)) === null || _ref2 === void 0 ? void 0 : _ref2.toFixed(2))));
9979
- }), /*#__PURE__*/React__default.createElement(StyledTableRow, null, /*#__PURE__*/React__default.createElement(StyledTableCell$1, {
10002
+ }), /*#__PURE__*/React__default.createElement(StyledTableRow, null, /*#__PURE__*/React__default.createElement(StyledTableCell, {
9980
10003
  colSpan: 1,
9981
10004
  noSmall: true
9982
- }), /*#__PURE__*/React__default.createElement(StyledTableCell$1, {
10005
+ }), /*#__PURE__*/React__default.createElement(StyledTableCell, {
9983
10006
  colSpan: 1
9984
- }), /*#__PURE__*/React__default.createElement(StyledTableCell$1, {
10007
+ }), /*#__PURE__*/React__default.createElement(StyledTableCell, {
9985
10008
  colSpan: 1
9986
10009
  }, /*#__PURE__*/React__default.createElement("p", {
9987
10010
  className: "max sm"
9988
- }, "Total(", cartData === null || cartData === void 0 ? void 0 : cartData.totalCartQuantity, " items)")), /*#__PURE__*/React__default.createElement(StyledTableCell$1, {
10011
+ }, "Total(", cartData === null || cartData === void 0 ? void 0 : cartData.totalCartQuantity, " items)")), /*#__PURE__*/React__default.createElement(StyledTableCell, {
9989
10012
  align: "right"
9990
10013
  }, /*#__PURE__*/React__default.createElement("p", {
9991
10014
  className: "max sm price"
9992
- }, "$", cartData === null || cartData === void 0 ? void 0 : (_cartData$totalCartPr = cartData.totalCartPrice) === null || _cartData$totalCartPr === void 0 ? void 0 : _cartData$totalCartPr.toFixed(2)))), /*#__PURE__*/React__default.createElement(StyledTableRow, null, /*#__PURE__*/React__default.createElement(StyledTableCell$1, {
10015
+ }, "$", cartData === null || cartData === void 0 ? void 0 : (_cartData$totalCartPr = cartData.totalCartPrice) === null || _cartData$totalCartPr === void 0 ? void 0 : _cartData$totalCartPr.toFixed(2)))), /*#__PURE__*/React__default.createElement(StyledTableRow, null, /*#__PURE__*/React__default.createElement(StyledTableCell, {
9993
10016
  colSpan: 1,
9994
10017
  noSmall: true
9995
- }), /*#__PURE__*/React__default.createElement(StyledTableCell$1, {
10018
+ }), /*#__PURE__*/React__default.createElement(StyledTableCell, {
9996
10019
  colSpan: 1
9997
- }), /*#__PURE__*/React__default.createElement(StyledTableCell$1, {
10020
+ }), /*#__PURE__*/React__default.createElement(StyledTableCell, {
9998
10021
  colSpan: 1
9999
10022
  }, /*#__PURE__*/React__default.createElement("p", {
10000
10023
  className: "max sm"
10001
- }, "Shipping Charges")), /*#__PURE__*/React__default.createElement(StyledTableCell$1, {
10024
+ }, "Shipping Charges")), /*#__PURE__*/React__default.createElement(StyledTableCell, {
10002
10025
  align: "right"
10003
10026
  }, /*#__PURE__*/React__default.createElement("p", {
10004
10027
  className: "max sm primaryColor"
10005
- }, shippingMethod !== null && shippingMethod !== void 0 && shippingMethod.amount ? renderMoney((shippingMethod === null || shippingMethod === void 0 ? void 0 : shippingMethod.amount) || 0) : shippingText || renderMoney((shippingMethod === null || shippingMethod === void 0 ? void 0 : shippingMethod.amount) || 0)))), /*#__PURE__*/React__default.createElement(StyledTableRow, null, /*#__PURE__*/React__default.createElement(StyledTableCell$1, {
10028
+ }, shippingMethod !== null && shippingMethod !== void 0 && shippingMethod.amount ? renderMoney((shippingMethod === null || shippingMethod === void 0 ? void 0 : shippingMethod.amount) || 0) : shippingText || renderMoney((shippingMethod === null || shippingMethod === void 0 ? void 0 : shippingMethod.amount) || 0)))), /*#__PURE__*/React__default.createElement(StyledTableRow, null, /*#__PURE__*/React__default.createElement(StyledTableCell, {
10006
10029
  colSpan: 1,
10007
10030
  noSmall: true
10008
- }), /*#__PURE__*/React__default.createElement(StyledTableCell$1, {
10031
+ }), /*#__PURE__*/React__default.createElement(StyledTableCell, {
10009
10032
  colSpan: 1
10010
- }), /*#__PURE__*/React__default.createElement(StyledTableCell$1, {
10033
+ }), /*#__PURE__*/React__default.createElement(StyledTableCell, {
10011
10034
  colSpan: 1
10012
10035
  }, /*#__PURE__*/React__default.createElement("p", {
10013
10036
  className: "max sm"
10014
- }, "Tax Charges")), /*#__PURE__*/React__default.createElement(StyledTableCell$1, {
10037
+ }, "Tax Charges")), /*#__PURE__*/React__default.createElement(StyledTableCell, {
10015
10038
  align: "right"
10016
10039
  }, /*#__PURE__*/React__default.createElement("p", {
10017
10040
  className: "max sm primaryColor"
10018
10041
  }, "Calculated later"))), discountCoupons === null || discountCoupons === void 0 ? void 0 : discountCoupons.map(function (coupon) {
10019
- return /*#__PURE__*/React__default.createElement(StyledTableRow, null, /*#__PURE__*/React__default.createElement(StyledTableCell$1, {
10042
+ return /*#__PURE__*/React__default.createElement(StyledTableRow, null, /*#__PURE__*/React__default.createElement(StyledTableCell, {
10020
10043
  colSpan: 1,
10021
10044
  noSmall: true
10022
- }), /*#__PURE__*/React__default.createElement(StyledTableCell$1, {
10045
+ }), /*#__PURE__*/React__default.createElement(StyledTableCell, {
10023
10046
  colSpan: 1
10024
- }), /*#__PURE__*/React__default.createElement(StyledTableCell$1, {
10047
+ }), /*#__PURE__*/React__default.createElement(StyledTableCell, {
10025
10048
  colSpan: 1
10026
10049
  }, /*#__PURE__*/React__default.createElement("p", {
10027
10050
  className: "max sm",
10028
10051
  style: {
10029
10052
  fontSize: '0.8rem'
10030
10053
  }
10031
- }, coupon === null || coupon === void 0 ? void 0 : coupon.discountName)), /*#__PURE__*/React__default.createElement(StyledTableCell$1, {
10054
+ }, coupon === null || coupon === void 0 ? void 0 : coupon.discountName)), /*#__PURE__*/React__default.createElement(StyledTableCell, {
10032
10055
  align: "right"
10033
10056
  }, /*#__PURE__*/React__default.createElement("p", {
10034
10057
  className: "max sm primaryColor",
@@ -10036,45 +10059,45 @@ var Step4 = function Step4(_ref) {
10036
10059
  fontSize: '0.8rem'
10037
10060
  }
10038
10061
  }, renderMoney(coupon === null || coupon === void 0 ? void 0 : coupon.amount))));
10039
- }), discountTotal && discountTotal > 0 ? /*#__PURE__*/React__default.createElement(StyledTableRow, null, /*#__PURE__*/React__default.createElement(StyledTableCell$1, {
10062
+ }), discountTotal && discountTotal > 0 ? /*#__PURE__*/React__default.createElement(StyledTableRow, null, /*#__PURE__*/React__default.createElement(StyledTableCell, {
10040
10063
  colSpan: 1,
10041
10064
  noSmall: true
10042
- }), /*#__PURE__*/React__default.createElement(StyledTableCell$1, {
10065
+ }), /*#__PURE__*/React__default.createElement(StyledTableCell, {
10043
10066
  colSpan: 1
10044
- }), /*#__PURE__*/React__default.createElement(StyledTableCell$1, {
10067
+ }), /*#__PURE__*/React__default.createElement(StyledTableCell, {
10045
10068
  colSpan: 1
10046
10069
  }, /*#__PURE__*/React__default.createElement("p", {
10047
10070
  className: "max sm"
10048
- }, "Discount Total")), /*#__PURE__*/React__default.createElement(StyledTableCell$1, {
10071
+ }, "Discount Total")), /*#__PURE__*/React__default.createElement(StyledTableCell, {
10049
10072
  align: "right"
10050
10073
  }, /*#__PURE__*/React__default.createElement("p", {
10051
10074
  className: "max sm primaryColor"
10052
- }, renderMoney(discountTotal)))) : null, storeCredits && storeCredits > 0 ? /*#__PURE__*/React__default.createElement(StyledTableRow, null, /*#__PURE__*/React__default.createElement(StyledTableCell$1, {
10075
+ }, renderMoney(discountTotal)))) : null, storeCredits && storeCredits > 0 ? /*#__PURE__*/React__default.createElement(StyledTableRow, null, /*#__PURE__*/React__default.createElement(StyledTableCell, {
10053
10076
  colSpan: 1,
10054
10077
  noSmall: true
10055
- }), /*#__PURE__*/React__default.createElement(StyledTableCell$1, {
10078
+ }), /*#__PURE__*/React__default.createElement(StyledTableCell, {
10056
10079
  colSpan: 1
10057
- }), /*#__PURE__*/React__default.createElement(StyledTableCell$1, {
10080
+ }), /*#__PURE__*/React__default.createElement(StyledTableCell, {
10058
10081
  colSpan: 1
10059
10082
  }, /*#__PURE__*/React__default.createElement("p", {
10060
10083
  className: "max sm"
10061
- }, "Store Credits")), /*#__PURE__*/React__default.createElement(StyledTableCell$1, {
10084
+ }, "Store Credits")), /*#__PURE__*/React__default.createElement(StyledTableCell, {
10062
10085
  align: "right"
10063
10086
  }, /*#__PURE__*/React__default.createElement("p", {
10064
10087
  className: "max sm price"
10065
- }, "- $", (storeCr === null || storeCr === void 0 ? void 0 : storeCr.toFixed(2)) || 0))) : null, /*#__PURE__*/React__default.createElement(StyledTableRow, null, /*#__PURE__*/React__default.createElement(StyledTableCell$1, {
10088
+ }, "- $", (storeCr === null || storeCr === void 0 ? void 0 : storeCr.toFixed(2)) || 0))) : null, /*#__PURE__*/React__default.createElement(StyledTableRow, null, /*#__PURE__*/React__default.createElement(StyledTableCell, {
10066
10089
  colSpan: 1,
10067
10090
  noSmall: true
10068
- }), /*#__PURE__*/React__default.createElement(StyledTableCell$1, {
10091
+ }), /*#__PURE__*/React__default.createElement(StyledTableCell, {
10069
10092
  colSpan: 1
10070
- }), /*#__PURE__*/React__default.createElement(StyledTableCell$1, {
10093
+ }), /*#__PURE__*/React__default.createElement(StyledTableCell, {
10071
10094
  sx: {
10072
10095
  paddingTop: '1em'
10073
10096
  },
10074
10097
  colSpan: 1
10075
10098
  }, /*#__PURE__*/React__default.createElement("p", {
10076
10099
  className: "max sm bolder primaryColor"
10077
- }, "Grand Total")), /*#__PURE__*/React__default.createElement(StyledTableCell$1, {
10100
+ }, "Grand Total")), /*#__PURE__*/React__default.createElement(StyledTableCell, {
10078
10101
  sx: {
10079
10102
  paddingTop: '1em'
10080
10103
  },