@salesgenterp/ui-components 0.4.320 → 0.4.322

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 +45 -31
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.modern.js +47 -33
  4. package/dist/index.modern.js.map +1 -1
  5. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -7270,7 +7270,7 @@ var BannerImages = function BannerImages(_ref) {
7270
7270
  var Image$1 = styled__default.img(_templateObject$x || (_templateObject$x = _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"])));
7271
7271
  var BannerContainer$1 = styled__default.section(_templateObject2$n || (_templateObject2$n = _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"])));
7272
7272
 
7273
- var _templateObject$y, _templateObject2$o, _templateObject3$h;
7273
+ var _templateObject$y, _templateObject2$o, _templateObject3$h, _templateObject4$c;
7274
7274
  var LandingCarousel$1 = function LandingCarousel(_ref) {
7275
7275
  var _config$spaceBetweenC, _config$colLg, _ref2, _ref3, _config$colSm, _ref4, _config$colMd, _config$colLg2;
7276
7276
  var config = _ref.config,
@@ -7321,25 +7321,22 @@ var LandingCarousel$1 = function LandingCarousel(_ref) {
7321
7321
  className: "slideItem"
7322
7322
  }, /*#__PURE__*/React__default.createElement("a", {
7323
7323
  href: (slide === null || slide === void 0 ? void 0 : slide.redirectPath) || ''
7324
- }, isVideo(slide === null || slide === void 0 ? void 0 : slide.imageUrl) ? /*#__PURE__*/React__default.createElement("video", {
7324
+ }, isVideo(slide === null || slide === void 0 ? void 0 : slide.imageUrl) ? /*#__PURE__*/React__default.createElement(Video, {
7325
7325
  src: slide === null || slide === void 0 ? void 0 : slide.imageUrl,
7326
7326
  loop: true,
7327
7327
  autoPlay: true,
7328
7328
  muted: true,
7329
- playsInline: true,
7330
- style: {
7331
- width: '100%',
7332
- height: 'auto'
7333
- }
7329
+ playsInline: true
7334
7330
  }) : /*#__PURE__*/React__default.createElement(Image$2, {
7335
7331
  src: slide !== null && slide !== void 0 && slide.imageUrl && (slide === null || slide === void 0 ? void 0 : slide.imageUrl) !== 'null' ? slide === null || slide === void 0 ? void 0 : slide.imageUrl : noImgAvailable,
7336
7332
  alt: "image"
7337
7333
  })));
7338
7334
  })));
7339
7335
  };
7340
- var Image$2 = styled__default.img(_templateObject$y || (_templateObject$y = _taggedTemplateLiteralLoose(["\n width: 100%;\n height: auto;\n transition: all 0.5s;\n &:hover {\n transform: scale(1.05);\n }\n"])));
7341
- var Root$9 = styled__default.div(_templateObject2$o || (_templateObject2$o = _taggedTemplateLiteralLoose([""])));
7342
- var ReactSlick$1 = styled__default(Slider)(_templateObject3$h || (_templateObject3$h = _taggedTemplateLiteralLoose(["\n .slick-list {\n margin: 0 -", "px;\n }\n .slideItem {\n padding: 0 ", "px;\n overflow: hidden;\n }\n line-height: 0;\n .slick-dots {\n bottom: 0;\n li {\n margin: 0;\n button:before {\n color: #ffffff !important;\n font-size: 10px;\n }\n }\n }\n .slick-prev,\n .slick-next {\n color: #ffffff;\n z-index: 1;\n width: 26px;\n height: 26px;\n }\n .slick-prev {\n left: 12px;\n }\n .slick-next {\n right: 12px;\n }\n"])), function (props) {
7336
+ var Image$2 = styled__default.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"])));
7337
+ var Video = styled__default.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"])));
7338
+ var Root$9 = styled__default.div(_templateObject3$h || (_templateObject3$h = _taggedTemplateLiteralLoose(["\n height: 100%;\n"])));
7339
+ var ReactSlick$1 = styled__default(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) {
7343
7340
  return props === null || props === void 0 ? void 0 : props.spaceBetweenCol;
7344
7341
  }, function (props) {
7345
7342
  return props === null || props === void 0 ? void 0 : props.spaceBetweenCol;
@@ -7463,10 +7460,10 @@ var HomeBanner = function HomeBanner(_ref) {
7463
7460
  style: {
7464
7461
  height: '100%'
7465
7462
  }
7466
- }, config !== null && config !== void 0 && config.isSlider ? /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(LandingCarousel$1, {
7463
+ }, config !== null && config !== void 0 && config.isSlider ? /*#__PURE__*/React__default.createElement(LandingCarousel$1, {
7467
7464
  config: config,
7468
7465
  sliderImages: sliderImages
7469
- })) : /*#__PURE__*/React__default.createElement(BannerImages, {
7466
+ }) : /*#__PURE__*/React__default.createElement(BannerImages, {
7470
7467
  config: config,
7471
7468
  sliderImages: sliderImages
7472
7469
  }));
@@ -7482,7 +7479,7 @@ var HomeBanner = function HomeBanner(_ref) {
7482
7479
  var Root$a = styled__default.div(_templateObject$z || (_templateObject$z = _taggedTemplateLiteralLoose([""])));
7483
7480
  var MainContainer$3 = styled__default.div(_templateObject2$p || (_templateObject2$p = _taggedTemplateLiteralLoose([""])));
7484
7481
 
7485
- var _templateObject$A, _templateObject2$q, _templateObject3$i, _templateObject4$c, _templateObject5$a, _templateObject6$9;
7482
+ var _templateObject$A, _templateObject2$q, _templateObject3$i, _templateObject4$d, _templateObject5$a, _templateObject6$9;
7486
7483
  var OutOfStock = function OutOfStock(_ref) {
7487
7484
  var _product$body, _product$body$content, _product$body2, _product$body2$conten, _product$masterProduc, _product$header;
7488
7485
  var product = _ref.product,
@@ -7718,7 +7715,7 @@ var MainCheckbox = styled__default(Checkbox)(_templateObject2$q || (_templateObj
7718
7715
  return props.theme.primaryColor;
7719
7716
  });
7720
7717
  var EmailInput = styled__default(InputBase)(_templateObject3$i || (_templateObject3$i = _taggedTemplateLiteralLoose(["\n border: 1px solid #a9a9a9;\n padding: 3px 10px;\n fontsize: 12px;\n width: 100%;\n border-radius: 3px;\n"])));
7721
- var Root$b = styled__default.div(_templateObject4$c || (_templateObject4$c = _taggedTemplateLiteralLoose(["\n width: 100%;\n border: 1px solid #d3d3d3;\n border-radius: 3px;\n box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.4);\n padding: 10px;\n"])));
7718
+ var Root$b = styled__default.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"])));
7722
7719
  var ContainerDiv = styled__default.div(_templateObject5$a || (_templateObject5$a = _taggedTemplateLiteralLoose(["\n display: flex;\n font-size: 14px;\n height: ", ";\n margin: ", ";\n width: 100%;\n flex-direction: ", ";\n align-items: ", ";\n justify-content: ", ";\n color: #000000de;\n"])), function (props) {
7723
7720
  return props.height ? props.height : 'auto';
7724
7721
  }, function (props) {
@@ -8225,7 +8222,7 @@ var AsyncSelect = function AsyncSelect(_ref3) {
8225
8222
  var _templateObject$C;
8226
8223
  var Container$1 = styled__default.div(_templateObject$C || (_templateObject$C = _taggedTemplateLiteralLoose([""])));
8227
8224
 
8228
- var _templateObject$D, _templateObject2$r, _templateObject3$j, _templateObject4$d, _templateObject5$b, _templateObject6$a;
8225
+ var _templateObject$D, _templateObject2$r, _templateObject3$j, _templateObject4$e, _templateObject5$b, _templateObject6$a;
8229
8226
  var ProductImage$1 = styled__default.img(_templateObject$D || (_templateObject$D = _taggedTemplateLiteralLoose(["\n min-width: 50px;\n min-height: 50px;\n @media only screen and (max-width: 640px) {\n margin: 0.5em 0;\n padding-right: 0.5em;\n }\n"])));
8230
8227
  var ProductName$1 = styled__default.h6(_templateObject2$r || (_templateObject2$r = _taggedTemplateLiteralLoose(["\n font-size: ", ";\n padding: 0;\n line-height: 1.3em;\n max-height: ", ";\n height: ", ";\n overflow: hidden;\n text-overflow: ellipsis;\n height: fit-content;\n"])), function (props) {
8231
8228
  return props.size || '1em';
@@ -8241,7 +8238,7 @@ var CartTableRow$1 = styled__default(material.TableRow)(_templateObject3$j || (_
8241
8238
  }, function (prop) {
8242
8239
  return prop.bg;
8243
8240
  });
8244
- var CartTableCell$2 = styled__default(material.TableCell)(_templateObject4$d || (_templateObject4$d = _taggedTemplateLiteralLoose(["\n && {\n border: none !important;\n font-size: 1em;\n }\n"])));
8241
+ var CartTableCell$2 = styled__default(material.TableCell)(_templateObject4$e || (_templateObject4$e = _taggedTemplateLiteralLoose(["\n && {\n border: none !important;\n font-size: 1em;\n }\n"])));
8245
8242
  var QuantityBox$1 = styled__default.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"])));
8246
8243
  var DeleteBtn$1 = styled__default.div(_templateObject6$a || (_templateObject6$a = _taggedTemplateLiteralLoose(["\n display: grid;\n place-items: center;\n cursor: pointer;\n border-radius: 50%;\n width: 20px;\n height: 20px;\n background: #eef1f4;\n color: #393f48;\n font-size: 0.75em;\n transition: 0.4s;\n &:hover {\n background: red;\n color: white;\n }\n"])));
8247
8244
  var CardRow$1 = function CardRow(_ref) {
@@ -8356,7 +8353,7 @@ var CardRow$1 = function CardRow(_ref) {
8356
8353
  }))));
8357
8354
  };
8358
8355
 
8359
- var _templateObject$E, _templateObject2$s, _templateObject3$k, _templateObject4$e, _templateObject5$c, _templateObject6$b, _templateObject7$7, _templateObject8$5, _templateObject9$4;
8356
+ var _templateObject$E, _templateObject2$s, _templateObject3$k, _templateObject4$f, _templateObject5$c, _templateObject6$b, _templateObject7$7, _templateObject8$5, _templateObject9$4;
8360
8357
  var CartPageSection$1 = styled__default.section(_templateObject$E || (_templateObject$E = _taggedTemplateLiteralLoose(["\n background: ", ";\n max-width: 100%;\n width: fit-content;\n background: ", ";\n overflow: hidden;\n border-radius: 28px;\n\n @media screen and (max-width: 1340px) {\n padding: 0 1em;\n }\n @media screen and (max-width: 640px) {\n padding: 0 1em;\n }\n"])), function (props) {
8361
8358
  return props.bg;
8362
8359
  }, function (props) {
@@ -8378,7 +8375,7 @@ var CartPageContainer$1 = styled__default.div(_templateObject2$s || (_templateOb
8378
8375
  var CardsBox$1 = styled__default.div(_templateObject3$k || (_templateObject3$k = _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) {
8379
8376
  return props.retail ? 'grid' : 'flex';
8380
8377
  });
8381
- var CartHeading$1 = styled__default.div(_templateObject4$e || (_templateObject4$e = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n /* margin-bottom: 2em; */\n margin-left: 2.3em;\n margin-top: 2em;\n\n color: ", ";\n h1 {\n font-weight: 600;\n font-size: 2.0375em;\n text-transform: capitalize;\n color: ", ";\n /* margin-bottom: 1em; */\n }\n p {\n font-size: 0.875em;\n color: inherit;\n margin-top: 0.5em;\n }\n"])), function (props) {
8378
+ var CartHeading$1 = styled__default.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) {
8382
8379
  return props.color || 'black';
8383
8380
  }, function (props) {
8384
8381
  return props.h1 || 'inherit';
@@ -8970,19 +8967,23 @@ var SwitchUser = function SwitchUser(_ref) {
8970
8967
  theme: colors
8971
8968
  }, /*#__PURE__*/React__default.createElement(material.CssBaseline, null), /*#__PURE__*/React__default.createElement(RootContainer$4, null, /*#__PURE__*/React__default.createElement("h2", {
8972
8969
  style: {
8973
- fontWeight: 500,
8970
+ fontWeight: 700,
8971
+ fontSize: '2.5rem',
8974
8972
  marginBottom: '2rem'
8975
8973
  }
8976
8974
  }, "Select/Switch User"), /*#__PURE__*/React__default.createElement(material.Grid, {
8977
8975
  container: true,
8978
- justifyContent: "center",
8979
- spacing: 3
8976
+ spacing: 4
8980
8977
  }, customerData === null || customerData === void 0 ? void 0 : (_customerData$filter = customerData.filter) === null || _customerData$filter === void 0 ? void 0 : (_customerData$filter$ = _customerData$filter.call(customerData, function (item) {
8981
8978
  return item;
8982
8979
  })) === null || _customerData$filter$ === void 0 ? void 0 : _customerData$filter$.map(function (item, i) {
8983
8980
  return /*#__PURE__*/React__default.createElement(material.Grid, {
8984
8981
  key: i,
8985
- item: true
8982
+ item: true,
8983
+ xs: 12,
8984
+ sm: 6,
8985
+ md: 4,
8986
+ lg: 3
8986
8987
  }, /*#__PURE__*/React__default.createElement(CustomerContainer, {
8987
8988
  onClick: function onClick() {
8988
8989
  return onSelectCustomer(item);
@@ -8990,15 +8991,28 @@ var SwitchUser = function SwitchUser(_ref) {
8990
8991
  }, /*#__PURE__*/React__default.createElement(Avatar, {
8991
8992
  userName: ((item === null || item === void 0 ? void 0 : item.firstName) || '') + " " + ((item === null || item === void 0 ? void 0 : item.lastName) || ''),
8992
8993
  sx: {
8993
- width: 80,
8994
- height: 80,
8994
+ width: '8rem',
8995
+ height: '8rem',
8995
8996
  fontSize: '2.4rem'
8997
+ },
8998
+ style: {
8999
+ backgroundColor: '#00000040'
8996
9000
  }
8997
- }), /*#__PURE__*/React__default.createElement("p", null, ((item === null || item === void 0 ? void 0 : item.firstName) || '') + " " + ((item === null || item === void 0 ? void 0 : item.lastName) || '')), /*#__PURE__*/React__default.createElement("p", null, item === null || item === void 0 ? void 0 : item.company), /*#__PURE__*/React__default.createElement("p", null, item === null || item === void 0 ? void 0 : item.dbaName)));
9001
+ }), /*#__PURE__*/React__default.createElement("p", {
9002
+ className: "name"
9003
+ }, ((item === null || item === void 0 ? void 0 : item.firstName) || '') + " " + ((item === null || item === void 0 ? void 0 : item.lastName) || '')), /*#__PURE__*/React__default.createElement("p", {
9004
+ className: "infoDetails"
9005
+ }, /*#__PURE__*/React__default.createElement(hi.HiOutlineLocationMarker, null), /*#__PURE__*/React__default.createElement("span", null, item === null || item === void 0 ? void 0 : item.company), ' '), /*#__PURE__*/React__default.createElement("p", {
9006
+ className: "infoDetails"
9007
+ }, /*#__PURE__*/React__default.createElement(ai.AiOutlineShop, null), /*#__PURE__*/React__default.createElement("span", null, (item === null || item === void 0 ? void 0 : item.dbaName) || (item === null || item === void 0 ? void 0 : item.company)))));
8998
9008
  }))));
8999
9009
  };
9000
- var RootContainer$4 = styled__default.div(_templateObject$H || (_templateObject$H = _taggedTemplateLiteralLoose(["\n margin: auto;\n text-align: center;\n padding: 2.4rem;\n"])));
9001
- var CustomerContainer = styled__default.div(_templateObject2$t || (_templateObject2$t = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n display: flex;\n flex-direction: column;\n align-items: center;\n transition: all 0.5s;\n &:hover {\n transform: scale(1.05);\n }\n"])));
9010
+ var RootContainer$4 = styled__default.div(_templateObject$H || (_templateObject$H = _taggedTemplateLiteralLoose(["\n margin: auto;\n padding: 2.4rem;\n max-width: 1920px;\n"])));
9011
+ var CustomerContainer = styled__default.div(_templateObject2$t || (_templateObject2$t = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n transition: all 0.5s;\n padding: 1.1rem;\n border-radius: 1rem;\n box-shadow: 2px 2px 6px 0px #00000020;\n &:hover {\n transform: scale(1.05);\n }\n .name {\n color: ", ";\n font-size: 2.5rem;\n font-weight: 700;\n }\n .infoDetails {\n font-size: 1.1rem;\n color: #46464680;\n margin: 1rem 0;\n display: flex;\n align-items: center;\n svg {\n color: ", ";\n font-size: 1.5rem;\n margin-right: 0.5rem;\n }\n }\n"])), function (props) {
9012
+ return props.theme.primaryColor || '#000000d9';
9013
+ }, function (props) {
9014
+ return props.theme.primaryColor || '#000000d9';
9015
+ });
9002
9016
 
9003
9017
  var _templateObject$I, _templateObject2$u;
9004
9018
  var ThankYou = function ThankYou(_ref) {
@@ -9068,7 +9082,7 @@ var StyledButton = styled__default.button(_templateObject2$u || (_templateObject
9068
9082
  return props.theme.primaryColor;
9069
9083
  });
9070
9084
 
9071
- var _templateObject$J, _templateObject2$v, _templateObject3$l, _templateObject4$f, _templateObject5$d, _templateObject6$c, _templateObject7$8, _templateObject8$6;
9085
+ var _templateObject$J, _templateObject2$v, _templateObject3$l, _templateObject4$g, _templateObject5$d, _templateObject6$c, _templateObject7$8, _templateObject8$6;
9072
9086
  var CheckoutRootContainer = styled__default.div(_templateObject$J || (_templateObject$J = _taggedTemplateLiteralLoose(["\n width: 100%;\n padding: 4rem;\n background-color: ", ";\n font-size: 16px;\n\n div,\n button,\n span {\n font-size: 16px;\n }\n @media only screen and (max-width: 1620px) {\n padding: 3em 0.5em;\n }\n @media screen and (max-width: 840px) {\n div,\n button,\n span {\n font-size: 12px;\n }\n padding: 2rem 0.5rem;\n }\n"])), function (props) {
9073
9087
  return props.bg;
9074
9088
  });
@@ -9080,7 +9094,7 @@ var CheckoutPageContainer = styled__default.div(_templateObject2$v || (_template
9080
9094
  return props.primaryColor || 'rgba(50, 50, 50, 1)';
9081
9095
  });
9082
9096
  var Row = styled__default.div(_templateObject3$l || (_templateObject3$l = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n"])));
9083
- var CheckoutMainWithHeader = styled__default(material.Stack)(_templateObject4$f || (_templateObject4$f = _taggedTemplateLiteralLoose([""])));
9097
+ var CheckoutMainWithHeader = styled__default(material.Stack)(_templateObject4$g || (_templateObject4$g = _taggedTemplateLiteralLoose([""])));
9084
9098
  var CheckoutMain = styled__default.div(_templateObject5$d || (_templateObject5$d = _taggedTemplateLiteralLoose(["\n width: 100%;\n max-width: 1008px;\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n margin-right: 2em;\n max-height: 65vh;\n padding-right: 2em;\n overflow-y: auto;\n position: relative;\n padding-top: 2em;\n padding-bottom: 3em;\n /* width */\n ::-webkit-scrollbar {\n width: 10px;\n background: ", ";\n border-radius: 16px;\n }\n\n /* Track */\n ::-webkit-scrollbar-track {\n background: ", ";\n border-radius: 16px;\n }\n\n /* Handle */\n ::-webkit-scrollbar-thumb {\n background: ", ";\n border-radius: 16px;\n }\n @media only screen and (max-width: 1488px) {\n margin-bottom: 3em;\n min-height: max-content;\n max-height: max-content;\n margin-right: 0;\n overflow: visible;\n }\n @media only screen and (max-width: 788px) {\n max-width: 100vw;\n padding-right: 0;\n width: 98vw;\n min-width: 90vw;\n padding-top: 1em;\n }\n /* overflow: hidden; */\n"])), function (props) {
9085
9099
  return props.bg || 'rgba(102,112,128,0.5)';
9086
9100
  }, function (props) {
@@ -9164,7 +9178,7 @@ var CheckoutSummary = function CheckoutSummary(_ref) {
9164
9178
  }, renderMoney(orderTotal === null || orderTotal === void 0 ? void 0 : orderTotal.adjustmentValue))));
9165
9179
  };
9166
9180
 
9167
- var _templateObject$L, _templateObject2$x, _templateObject3$n, _templateObject4$g, _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;
9181
+ var _templateObject$L, _templateObject2$x, _templateObject3$n, _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;
9168
9182
  var StepContainer = styled__default.div(_templateObject$L || (_templateObject$L = _taggedTemplateLiteralLoose(["\n width: 100%;\n min-width: 57.43em;\n max-width: 57.43em;\n background: white;\n padding: 1em 2em;\n background: #ffffff;\n border-radius: 20px;\n margin-left: 2em;\n margin-top: -2em;\n margin-bottom: 1em;\n @media screen and (max-width: 1305px) {\n width: 80vw;\n min-width: 0;\n }\n @media screen and (max-width: 768px) {\n width: 96%;\n margin-left: 1em;\n padding: 0.8em;\n }\n @media screen and (max-width: 540px) {\n width: 94%;\n margin-left: 1.2em;\n }\n"])));
9169
9183
  var StepsContent = styled__default.div(_templateObject2$x || (_templateObject2$x = _taggedTemplateLiteralLoose(["\n padding-left: 1.565em;\n min-height: max-content;\n .MuiOutlinedInput-root {\n background: ", ";\n }\n\n p {\n font-size: 0.75em;\n }\n .bold {\n text-transform: uppercase;\n word-spacing: 5px;\n margin-top: 0.95em;\n span {\n font-weight: 600;\n cursor: pointer;\n font-size: 0.94rem;\n }\n .red {\n color: ", ";\n }\n }\n @media screen and (max-width: 768px) {\n padding: 0;\n width: 100%;\n }\n"])), function (props) {
9170
9184
  return 'transparent' + '!important';
@@ -9184,7 +9198,7 @@ var StepsHeaderContainer = styled__default.div(_templateObject3$n || (_templateO
9184
9198
  }, function (props) {
9185
9199
  return props.username ? 'not-allowed' : 'pointer';
9186
9200
  });
9187
- var TextFeildContainer = styled__default.div(_templateObject4$g || (_templateObject4$g = _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) {
9201
+ var TextFeildContainer = styled__default.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) {
9188
9202
  var _props$theme, _props$theme$input;
9189
9203
  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';
9190
9204
  });