@salesgenterp/ui-components 0.4.198 → 0.4.200

package/dist/index.js

@@ -100,7 +100,7 @@ var CartDrawerBar = styled__default.div(_templateObject2 || (_templateObject2 =
 var CartDrawerProductContainer = styled__default.div(_templateObject3 || (_templateObject3 = _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) {
   return props.opacity;
 });
-var CartDrawerBottomSection = styled__default.div(_templateObject4 || (_templateObject4 = _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"])));
+var CartDrawerBottomSection = styled__default.div(_templateObject4 || (_templateObject4 = _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"])));
 var CartDrawerOutlinedButton = styled__default.button(_templateObject5 || (_templateObject5 = _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) {
   return props.color || 'black';
 }, function (props) {
@@ -166,14 +166,18 @@ var CartDrawerProductCard = function CartDrawerProductCard(_ref) {
   }), /*#__PURE__*/React__default.createElement(CartDrawerQtBox, null, /*#__PURE__*/React__default.createElement("span", {
     onClick: function onClick() {
       if (loading) return;
-      handleIncrementDecrement('decrement', product);
+      handleIncrementDecrement('decrement', _extends({}, product, {
+        quantity: (product === null || product === void 0 ? void 0 : product.quantity) > (product === null || product === void 0 ? void 0 : product.availableQuantity) ? product === null || product === void 0 ? void 0 : product.availableQuantity : product === null || product === void 0 ? void 0 : product.quantity
+      }));
     }
   }, ' ', /*#__PURE__*/React__default.createElement(ai.AiOutlineMinus, null)), ' ', /*#__PURE__*/React__default.createElement("span", {
     className: 'qt'
   }, product === null || product === void 0 ? void 0 : product.quantity), /*#__PURE__*/React__default.createElement("span", {
     onClick: function onClick() {
       if (loading) return;
-      handleIncrementDecrement('increment', product);
+      handleIncrementDecrement('increment', _extends({}, product, product, {
+        quantity: (product === null || product === void 0 ? void 0 : product.quantity) > (product === null || product === void 0 ? void 0 : product.availableQuantity) ? product === null || product === void 0 ? void 0 : product.availableQuantity : product === null || product === void 0 ? void 0 : product.quantity
+      }));
     }
   }, /*#__PURE__*/React__default.createElement(ai.AiOutlinePlus, null)))));
 };
@@ -265,7 +269,7 @@ var CartHeading = styled__default.div(_templateObject4$1 || (_templateObject4$1
   return props.h1 || 'inherit';
 });
 var Loader = styled__default.div(_templateObject5$1 || (_templateObject5$1 = _taggedTemplateLiteralLoose(["\n  position: absolute;\n  top: 40%;\n  left: 47%;\n  display: grid;\n  place-items: center;\n  z-index: 3;\n"])));
-var CartTableCell = styled__default(material.TableCell)(_templateObject6$1 || (_templateObject6$1 = _taggedTemplateLiteralLoose(["\n  && {\n    padding-bottom: 1em !important;\n    border: none !important;\n    /* font-size: 0.75em; */\n    font-size: 1em;\n    color: rgba(98, 95, 95, 1);\n    background: ", ";\n    color: ", ";\n    font-family: 'karla-fonts';\n  }\n  &.bg-transparent {\n    background-color: transparent !important;\n    text-transform: uppercase;\n    z-index: 3 !important;\n    span {\n      font-size: 0.75em;\n      font-weight: 600;\n    }\n    svg {\n      color: ", ";\n    }\n    .MuiTableSortLabel-root {\n      color: ", "!important;\n    }\n  }\n"])), function (props) {
+var CartTableCell = styled__default(material.TableCell)(_templateObject6$1 || (_templateObject6$1 = _taggedTemplateLiteralLoose(["\n  && {\n    padding-bottom: 1em !important;\n    border: none !important;\n    /* font-size: 0.75em; */\n    font-size: 1em;\n    color: rgba(98, 95, 95, 1);\n    background: ", ";\n    color: ", ";\n    font-family: 'karla-fonts';\n  }\n  &.bg-transparent {\n    // background-color: transparent !important;\n    text-transform: uppercase;\n    z-index: 3 !important;\n    span {\n      font-size: 0.75em;\n      font-weight: 600;\n    }\n    svg {\n      color: ", ";\n    }\n    .MuiTableSortLabel-root {\n      color: ", "!important;\n    }\n  }\n"])), function (props) {
   return "" + props.bg;
 }, function (props) {
   return "" + props.color || 'inherit';
@@ -1449,15 +1453,18 @@ var CardRow = function CardRow(_ref) {
     src: row.imageUrl && row.imageUrl !== 'null' ? row.imageUrl : imgnotfoundUrlcommon,
     alt: 'no product image available',
     width: (imgSize === null || imgSize === void 0 ? void 0 : imgSize.width) || 50,
-    height: (imgSize === null || imgSize === void 0 ? void 0 : imgSize.height) || 58
+    height: (imgSize === null || imgSize === void 0 ? void 0 : imgSize.height) || 50
   })), /*#__PURE__*/React__default.createElement(CartTableCell$1, {
     component: "th",
     id: row === null || row === void 0 ? void 0 : row.labelId,
     scope: "row",
     padding: "none"
   }, /*#__PURE__*/React__default.createElement(ProductName, null, row.productName), row.quantity > row.availableQuantity && /*#__PURE__*/React__default.createElement("p", {
-    className: "outOfStock"
-  }, "out of stock")), /*#__PURE__*/React__default.createElement(CartTableCell$1, {
+    style: {
+      color: 'red',
+      fontWeight: 500
+    }
+  }, "Maximum available quantity is ", row.availableQuantity)), /*#__PURE__*/React__default.createElement(CartTableCell$1, {
     align: "center",
     className: "CartnoBelowSm"
   }, /*#__PURE__*/React__default.createElement("p", {
@@ -1468,7 +1475,9 @@ var CardRow = function CardRow(_ref) {
     onClick: function onClick(e) {
       e.stopPropagation();
       if (loading) return;
-      handleIncrementDecrement('decrement', row);
+      handleIncrementDecrement('decrement', _extends({}, row, {
+        quantity: (row === null || row === void 0 ? void 0 : row.quantity) > (row === null || row === void 0 ? void 0 : row.availableQuantity) ? row === null || row === void 0 ? void 0 : row.availableQuantity : row === null || row === void 0 ? void 0 : row.quantity
+      }));
     }
   }, /*#__PURE__*/React__default.createElement(ai.AiOutlineMinus, {
     style: {
@@ -1481,7 +1490,9 @@ var CardRow = function CardRow(_ref) {
     onClick: function onClick(e) {
       e.stopPropagation();
       if (loading) return;
-      handleIncrementDecrement('increment', row);
+      handleIncrementDecrement('increment', _extends({}, row, {
+        quantity: (row === null || row === void 0 ? void 0 : row.quantity) > (row === null || row === void 0 ? void 0 : row.availableQuantity) ? row === null || row === void 0 ? void 0 : row.availableQuantity : row === null || row === void 0 ? void 0 : row.quantity
+      }));
     }
   }, /*#__PURE__*/React__default.createElement(ai.AiOutlinePlus, {
     style: {