@salesgenterp/ui-components 0.4.124 → 0.4.126

package/dist/index.js

@@ -4254,15 +4254,15 @@ var APITable = React.forwardRef(function (_ref, ref) {
     onRowsPerPageChange: handleChangeRowsPerPage
   }, props))));
 });
-var Root = styled(material.Stack)(_templateObject$a || (_templateObject$a = _taggedTemplateLiteralLoose(["\n  background-color: ", " !important;\n  border-radius: 20px !important;\n  margin: 1.2rem 0;\n  box-shadow: 0px 0px 4px 0px;\n"])), function (props) {
+var Root = styled(material.Stack)(_templateObject$a || (_templateObject$a = _taggedTemplateLiteralLoose(["\n  background-color: ", " !important;\n  border-radius: 12px !important;\n  margin: 1.2rem 0;\n  box-shadow: 0px 0px 4px 0px;\n"])), function (props) {
   return props.secondaryColor;
 });
-var PaperContainer = styled(material.Paper)(_templateObject2$9 || (_templateObject2$9 = _taggedTemplateLiteralLoose(["\n  background-color: ", " !important;\n  color: ", " !important;\n  border-radius: 20px !important;\n  box-shadow: 0px 0px 4px 0px;\n  padding: 1rem 1.6rem;\n"])), function (props) {
+var PaperContainer = styled(material.Paper)(_templateObject2$9 || (_templateObject2$9 = _taggedTemplateLiteralLoose(["\n  background-color: ", " !important;\n  color: ", " !important;\n  border-radius: 12px !important;\n  padding: 1rem 1.6rem;\n"])), function (props) {
   return props.secondaryColor;
 }, function (props) {
   return props.fontColor;
 });
-var TableStyledContainer = styled(material.TableContainer)(_templateObject3$9 || (_templateObject3$9 = _taggedTemplateLiteralLoose(["\n  border-radius: 20px 20px 0 0 !important;\n"])));
+var TableStyledContainer = styled(material.TableContainer)(_templateObject3$9 || (_templateObject3$9 = _taggedTemplateLiteralLoose(["\n  border-radius: 12px 12px 0 0 !important;\n"])));
 var TableStyled = styled(material.Table)(_templateObject4$7 || (_templateObject4$7 = _taggedTemplateLiteralLoose(["\n  width: 100%;\n"])));
 var TableCellContainer = styled(material.TableCell)(_templateObject5$7 || (_templateObject5$7 = _taggedTemplateLiteralLoose(["\n  // font-family: Poppins !important;\n  background-color: ", " !important;\n  color: ", " !important;\n  font-weight: ", ";\n  padding: 12px !important;\n  font-size: 1.1rem;\n"])), function (props) {
   return props.secondaryColor;
@@ -4271,7 +4271,7 @@ var TableCellContainer = styled(material.TableCell)(_templateObject5$7 || (_temp
 }, function (props) {
   return props.titleHeader && '600 !important';
 });
-var TablePaginationContainer = styled(material.TablePagination)(_templateObject6$7 || (_templateObject6$7 = _taggedTemplateLiteralLoose(["\n  background-color: ", " !important;\n  color: ", " !important;\n  border-radius: 0 0 20px 20px !important;\n  .MuiSelect-select,\n  p {\n    // font-family: Poppins !important;\n  }\n"])), function (props) {
+var TablePaginationContainer = styled(material.TablePagination)(_templateObject6$7 || (_templateObject6$7 = _taggedTemplateLiteralLoose(["\n  background-color: ", " !important;\n  color: ", " !important;\n  border-radius: 0 0 12px 12px !important;\n  .MuiSelect-select,\n  p {\n    // font-family: Poppins !important;\n  }\n"])), function (props) {
   return props.secondaryColor;
 }, function (props) {
   return props.fontColor;
@@ -4707,12 +4707,12 @@ var MeetContainer = styled.h4(_templateObject3$a || (_templateObject3$a = _tagge
 var TypographyContainer = styled(material.Typography)(_templateObject4$8 || (_templateObject4$8 = _taggedTemplateLiteralLoose(["\n  color: ", ";\n  display: flex;\n  align-items: center;\n  // font-family: Poppins !important;\n"])), function (props) {
   return props.fontColor;
 });
-var CardMediaContainer = styled(material.CardMedia)(_templateObject5$8 || (_templateObject5$8 = _taggedTemplateLiteralLoose(["\n  border-radius: 14px;\n  max-width: 150px;\n"])));
-var CardContainer = styled(material.Stack)(_templateObject6$8 || (_templateObject6$8 = _taggedTemplateLiteralLoose(["\n  background-color: ", " !important;\n  border-radius: 14px !important;\n  margin: 1.2rem 0;\n  box-shadow: 0px 0px 4px 0px;\n"])), function (props) {
+var CardMediaContainer = styled(material.CardMedia)(_templateObject5$8 || (_templateObject5$8 = _taggedTemplateLiteralLoose(["\n  border-radius: 12px;\n  max-width: 150px;\n"])));
+var CardContainer = styled(material.Stack)(_templateObject6$8 || (_templateObject6$8 = _taggedTemplateLiteralLoose(["\n  background-color: ", " !important;\n  border-radius: 12px !important;\n  margin: 1.2rem 0;\n  box-shadow: 0px 0px 4px 0px;\n"])), function (props) {
   return props.secondaryColor;
 });
 var TotalRoot = styled.div(_templateObject7$5 || (_templateObject7$5 = _taggedTemplateLiteralLoose(["\n  margin: 2rem 0;\n"])));
-var TotalContainer = styled(material.Stack)(_templateObject8$2 || (_templateObject8$2 = _taggedTemplateLiteralLoose(["\n  border-radius: 14px;\n  background-color: ", ";\n  padding: 1.5rem 2rem;\n  box-shadow: 0px 0px 4px 0px;\n  // font-family: Poppins !important;\n  :hover {\n    background-color: ", ";\n    p,\n    h3,\n    svg {\n      color: #fff;\n    }\n  }\n  p {\n    font-size: 1.2rem;\n    font-weight: 600;\n    color: ", ";\n    margin-bottom: 1rem;\n  }\n  h3 {\n    font-size: 1.5rem;\n    font-weight: 600;\n    color: #746e88;\n  }\n  svg {\n    font-size: 2.6rem;\n    color: ", ";\n  }\n"])), function (props) {
+var TotalContainer = styled(material.Stack)(_templateObject8$2 || (_templateObject8$2 = _taggedTemplateLiteralLoose(["\n  border-radius: 12px;\n  background-color: ", ";\n  padding: 1.5rem 2rem;\n  box-shadow: 0px 0px 4px 0px;\n  // font-family: Poppins !important;\n  :hover {\n    background-color: ", ";\n    p,\n    h3,\n    svg {\n      color: #fff;\n    }\n  }\n  p {\n    font-size: 1.2rem;\n    font-weight: 600;\n    color: ", ";\n    margin-bottom: 1rem;\n  }\n  h3 {\n    font-size: 1.5rem;\n    font-weight: 600;\n    color: #746e88;\n  }\n  svg {\n    font-size: 2.6rem;\n    color: ", ";\n  }\n"])), function (props) {
   return props.secondaryColor;
 }, function (props) {
   return props.primaryColor;
@@ -4722,7 +4722,7 @@ var TotalContainer = styled(material.Stack)(_templateObject8$2 || (_templateObje
   return props.fontColor;
 });
 var StatusContainer = styled(material.Grid)(_templateObject9$2 || (_templateObject9$2 = _taggedTemplateLiteralLoose(["\n  display: initial;\n  box-shadow: 0px 0px 1px 0px;\n  padding: 2px 4px;\n"])));
-var TableContainer = styled.div(_templateObject10$1 || (_templateObject10$1 = _taggedTemplateLiteralLoose(["\n  margin: 1.2rem 0;\n  border-radius: 14px;\n"])));
+var TableContainer = styled.div(_templateObject10$1 || (_templateObject10$1 = _taggedTemplateLiteralLoose(["\n  margin: 1.2rem 0;\n  border-radius: 12px;\n"])));
 var InvoiceDialog = styled(material.Dialog)(_templateObject11$1 || (_templateObject11$1 = _taggedTemplateLiteralLoose(["\n  iframe {\n    width: 900px;\n    border: none;\n    height: 600px;\n  }\n"])));
 
 var _templateObject$d;
@@ -4907,7 +4907,7 @@ var AccountDetails = function AccountDetails(_ref) {
   var _ref$apiEndPoint = _ref.apiEndPoint,
     apiEndPoint = _ref$apiEndPoint === void 0 ? 'https://dev.salesgent.xyz/api' : _ref$apiEndPoint,
     _ref$token = _ref.token,
-    token = _ref$token === void 0 ? 'eyJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJzYWxlc2dlbnRlcnBAZ21haWwuY29tIiwidGllciI6MiwidXNlclR5cGUiOiJDdXN0b21lciIsInRva2VuVHlwZSI6ImFjY2VzcyIsInN0b3JlSWQiOjIsImV4cCI6MTY2NTg1OTkwNCwidXNlcklkIjoyNDU1LCJpYXQiOjE2NjU4MjM5MDQsInJlc2V0UGFzc3dvcmRSZXF1aXJlZCI6ZmFsc2V9.esn56jvAF885ZXti2euu5hPO4fZDUKkon9jPCYMi2lI' : _ref$token,
+    token = _ref$token === void 0 ? 'eyJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJzYWxlc2dlbnRlcnBAZ21haWwuY29tIiwidGllciI6MiwidXNlclR5cGUiOiJDdXN0b21lciIsInRva2VuVHlwZSI6ImFjY2VzcyIsInN0b3JlSWQiOjIsImV4cCI6MTY2NTg5NTk2MSwidXNlcklkIjoyNDU1LCJpYXQiOjE2NjU4NTk5NjEsInJlc2V0UGFzc3dvcmRSZXF1aXJlZCI6ZmFsc2V9.dIkwIIKFvQLR6lTQqufHCcQrC5gVgsryoLQ25VmRZrg' : _ref$token,
     _ref$primaryColor = _ref.primaryColor,
     primaryColor = _ref$primaryColor === void 0 ? '#BF262D' : _ref$primaryColor,
     secondaryColor = _ref.secondaryColor,
@@ -4939,7 +4939,13 @@ var AccountDetails = function AccountDetails(_ref) {
     });
   };
   var handleNightMode = function handleNightMode() {
-    !isNightMode ? setColors({
+    setIsNightMode(function (prev) {
+      return !prev;
+    });
+    handleColors();
+  };
+  var handleColors = function handleColors() {
+    isNightMode ? setColors({
       primaryColor: primaryColor || '#BF262D',
       secondaryColor: secondaryColor || '#ACAAAE',
       backgroundColor: backgroundColor || '#BCBDBF',
@@ -4952,9 +4958,6 @@ var AccountDetails = function AccountDetails(_ref) {
       fontColor: fontColor || '#fff',
       backgroundImage: backgroundImage || '/images/backgroundDark.png'
     });
-    setIsNightMode(function (prev) {
-      return !prev;
-    });
     onChangeColors && onChangeColors(_extends({}, colors, {
       isNightMode: isNightMode
     }));
@@ -4962,9 +4965,6 @@ var AccountDetails = function AccountDetails(_ref) {
   React.useEffect(function () {
     isMobile ? setOpen(false) : setOpen(true);
   }, [isMobile]);
-  React.useEffect(function () {
-    handleNightMode();
-  }, []);
   return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(material.CssBaseline, null), /*#__PURE__*/React__default.createElement(Root$3, {
     primaryColor: colors.primaryColor,
     sx: {
@@ -5029,7 +5029,7 @@ var AccountDetails = function AccountDetails(_ref) {
         color: colors.fontColor
       }
     }
-  }, !isNightMode ? /*#__PURE__*/React__default.createElement(md.MdDarkMode, null) : /*#__PURE__*/React__default.createElement(md.MdOutlineDarkMode, null)))), /*#__PURE__*/React__default.createElement("div", null, apiEndPoint && token && /*#__PURE__*/React__default.createElement(Dashboard, {
+  }, isNightMode ? /*#__PURE__*/React__default.createElement(md.MdDarkMode, null) : /*#__PURE__*/React__default.createElement(md.MdOutlineDarkMode, null)))), /*#__PURE__*/React__default.createElement("div", null, apiEndPoint && token && /*#__PURE__*/React__default.createElement(Dashboard, {
     apiEndPoint: apiEndPoint,
     serviceApiEndPoint: serviceApiEndPoint,
     token: token,
@@ -5070,7 +5070,7 @@ var Main = styles.styled('main', {
     overflow: 'auto'
   });
 });
-var ContainerDrawer = styled(material.Drawer)(_templateObject2$c || (_templateObject2$c = _taggedTemplateLiteralLoose(["\n  height: 100%;\n  margin-right: ", ";\n  .MuiDrawer-paper {\n    position: relative;\n    width: 280px;\n    z-index: 1;\n    overflow: hidden;\n    border-top-right-radius: 14px;\n    background: transparent;\n  }\n"])), function (props) {
+var ContainerDrawer = styled(material.Drawer)(_templateObject2$c || (_templateObject2$c = _taggedTemplateLiteralLoose(["\n  height: 100%;\n  margin-right: ", ";\n  .MuiDrawer-paper {\n    position: relative;\n    width: 280px;\n    z-index: 1;\n    overflow: hidden;\n    border-top-right-radius: 12px;\n    background: transparent;\n  }\n"])), function (props) {
   return props.open && '2rem';
 });
 var TypographyContainer$1 = styled(material.Typography)(_templateObject3$b || (_templateObject3$b = _taggedTemplateLiteralLoose(["\n  color: ", ";\n  display: flex;\n  align-items: center;\n  // font-family: Poppins !important;\n"])), function (props) {