@salesgenterp/ui-components 0.4.95 → 0.4.97

package/dist/index.js

@@ -3718,7 +3718,7 @@ var API = function API(apiData) {
         }
 
         var apiUrl = ("/" + url).replace(/\/\//g, '/');
-        var accessToken = getItem(ACCESS_TOKEN) || token;
+        var accessToken = token;
         var requestHeaders = headers;
 
         if (byPassAuthAPIs.indexOf(url) === -1) {
@@ -4516,12 +4516,14 @@ var Dashboard = function Dashboard(_ref) {
     }, /*#__PURE__*/React__default.createElement(TotalContainer, {
       flexDirection: "row",
       justifyContent: "space-between",
+      primaryColor: primaryColor,
       secondaryColor: secondaryColor,
       fontColor: fontColor
     }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("p", null, data === null || data === void 0 ? void 0 : data.name), /*#__PURE__*/React__default.createElement("h3", null, "" + (isAmount ? renderMoney(data === null || data === void 0 ? void 0 : data.value) : data === null || data === void 0 ? void 0 : data.value))), /*#__PURE__*/React__default.createElement("div", null, isAmount ? /*#__PURE__*/React__default.createElement(md.MdMonetizationOn, null) : /*#__PURE__*/React__default.createElement(gr.GrStackOverflow, null))));
   }))), /*#__PURE__*/React__default.createElement(TableContainer, null, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(TypographyContainer, {
     variant: "h5",
     gutterBottom: true,
+    fontColor: fontColor,
     backgroundColor: backgroundColor
   }, "Recent Orders")), /*#__PURE__*/React__default.createElement(APITable, {
     cacheFilters: true,
@@ -4555,13 +4557,15 @@ 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"])), function (props) {
   return props.fontColor;
 });
-var CardMediaContainer = styled(material.CardMedia)(_templateObject5$8 || (_templateObject5$8 = _taggedTemplateLiteralLoose(["\n  border-radius: 20px;\n"])));
+var CardMediaContainer = styled(material.CardMedia)(_templateObject5$8 || (_templateObject5$8 = _taggedTemplateLiteralLoose(["\n  border-radius: 20px;\n  max-width: 150px;\n"])));
 var CardContainer = styled(material.Stack)(_templateObject6$8 || (_templateObject6$8 = _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) {
   return props.secondaryColor;
 });
 var TotalRoot = styled.div(_templateObject7$5 || (_templateObject7$5 = _taggedTemplateLiteralLoose(["\n  margin: 1.2rem 0;\n"])));
-var TotalContainer = styled(material.Stack)(_templateObject8$2 || (_templateObject8$2 = _taggedTemplateLiteralLoose(["\n  border-radius: 20px;\n  background-color: ", ";\n  padding: 1.5rem 1rem;\n  box-shadow: 0px 0px 4px 0px;\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: 2rem;\n    color: ", ";\n  }\n"])), function (props) {
+var TotalContainer = styled(material.Stack)(_templateObject8$2 || (_templateObject8$2 = _taggedTemplateLiteralLoose(["\n  border-radius: 20px;\n  background-color: ", ";\n  padding: 1.5rem 1rem;\n  box-shadow: 0px 0px 4px 0px;\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: 2rem;\n    color: ", ";\n  }\n"])), function (props) {
   return props.secondaryColor;
+}, function (props) {
+  return props.primaryColor;
 }, function (props) {
   return props.fontColor;
 }, function (props) {
@@ -4744,21 +4748,21 @@ var SideMenu = function SideMenu(props) {
   }));
 };
 
-var _templateObject$c, _templateObject2$b;
+var _templateObject$c, _templateObject2$b, _templateObject3$b;
 var drawerWidth = 240;
 
 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.eyJzdWIiOiJzYWxlc2dlbnRlcnBAZ21haWwuY29tIiwidGllciI6MiwidXNlclR5cGUiOiJDdXN0b21lciIsInRva2VuVHlwZSI6ImFjY2VzcyIsInN0b3JlSWQiOjIsImV4cCI6MTY2NTA4MTY4NiwidXNlcklkIjoyNDU1LCJpYXQiOjE2NjUwNDU2ODYsInJlc2V0UGFzc3dvcmRSZXF1aXJlZCI6ZmFsc2V9.hSh-gHrQHVRjEAnHEpcRwNN0XcGdyZr6G2dINAHC9Ns' : _ref$token,
+      token = _ref$token === void 0 ? 'eyJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJzYWxlc2dlbnRlcnBAZ21haWwuY29tIiwidGllciI6MiwidXNlclR5cGUiOiJDdXN0b21lciIsInRva2VuVHlwZSI6ImFjY2VzcyIsInN0b3JlSWQiOjIsImV4cCI6MTY2NTEyMDI3MywidXNlcklkIjoyNDU1LCJpYXQiOjE2NjUwODQyNzMsInJlc2V0UGFzc3dvcmRSZXF1aXJlZCI6ZmFsc2V9.GyaYBPaX9soFHLVPX_tSC81PhienH1qPFhfghVss91k' : _ref$token,
       _ref$primaryColor = _ref.primaryColor,
       primaryColor = _ref$primaryColor === void 0 ? '#BF262D' : _ref$primaryColor,
       secondaryColor = _ref.secondaryColor,
       backgroundColor = _ref.backgroundColor,
       _ref$fontColor = _ref.fontColor,
-      fontColor = _ref$fontColor === void 0 ? '#000000D9' : _ref$fontColor;
-  var theme = styles.useTheme();
+      fontColor = _ref$fontColor === void 0 ? '#000' : _ref$fontColor,
+      backgroundImage = _ref.backgroundImage;
 
   var _useState = React.useState(true),
       open = _useState[0],
@@ -4770,11 +4774,12 @@ var AccountDetails = function AccountDetails(_ref) {
     });
   };
 
-  return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(material.CssBaseline, null), /*#__PURE__*/React__default.createElement(Root$2, {
+  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$2, {
     primaryColor: primaryColor,
     sx: {
       display: 'flex'
-    }
+    },
+    backgroundImage: backgroundImage
   }, /*#__PURE__*/React__default.createElement(ContainerDrawer, {
     primaryColor: primaryColor,
     sx: {
@@ -4791,7 +4796,8 @@ var AccountDetails = function AccountDetails(_ref) {
   }, /*#__PURE__*/React__default.createElement(SideMenu, {
     primaryColor: primaryColor
   })), /*#__PURE__*/React__default.createElement(Main, {
-    open: open
+    open: open,
+    backgroundColor: backgroundColor
   }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(material.Toolbar, {
     style: {
       padding: '0 2px',
@@ -4805,13 +4811,15 @@ var AccountDetails = function AccountDetails(_ref) {
     sx: {
       mr: 2,
       '& svg': {
-        fontSize: 26
+        fontSize: 26,
+        color: fontColor
       }
     }
-  }, open ? /*#__PURE__*/React__default.createElement(md.MdOutlineMenuOpen, null) : /*#__PURE__*/React__default.createElement(md.MdMenu, null)), /*#__PURE__*/React__default.createElement(material.Typography, {
+  }, open ? /*#__PURE__*/React__default.createElement(md.MdOutlineMenuOpen, null) : /*#__PURE__*/React__default.createElement(md.MdMenu, null)), /*#__PURE__*/React__default.createElement(TypographyContainer$1, {
     variant: "h6",
     noWrap: true,
-    component: "div"
+    component: "div",
+    fontColor: fontColor
   }, "Dashboard"))), /*#__PURE__*/React__default.createElement("div", null, apiEndPoint && token && /*#__PURE__*/React__default.createElement(Dashboard, {
     apiEndPoint: apiEndPoint,
     token: token,
@@ -4819,16 +4827,19 @@ var AccountDetails = function AccountDetails(_ref) {
     secondaryColor: secondaryColor,
     backgroundColor: backgroundColor,
     fontColor: fontColor
-  })))));
+  }))))));
 };
-var Root$2 = styled(material.Box)(_templateObject$c || (_templateObject$c = _taggedTemplateLiteralLoose([""])));
+var Root$2 = styled(material.Box)(_templateObject$c || (_templateObject$c = _taggedTemplateLiteralLoose(["\n  background-image: url(", ");\n  background-position: center;\n  background-repeat: no-repeat;\n  background-size: cover;\n  padding: 2rem;\n"])), function (props) {
+  return props.backgroundImage;
+});
 var Main = styles.styled('main', {
   shouldForwardProp: function shouldForwardProp(prop) {
     return prop !== 'open';
   }
 })(function (_ref2) {
   var theme = _ref2.theme,
-      open = _ref2.open;
+      open = _ref2.open,
+      backgroundColor = _ref2.backgroundColor;
   return _extends({
     flexGrow: 1,
     padding: "0 " + theme.spacing(3),
@@ -4843,9 +4854,17 @@ var Main = styles.styled('main', {
       duration: theme.transitions.duration.enteringScreen
     }),
     marginLeft: 0
+  }, {
+    background: backgroundColor,
+    borderRadius: 25
   });
 });
-var ContainerDrawer = styled(material.Drawer)(_templateObject2$b || (_templateObject2$b = _taggedTemplateLiteralLoose(["\n  height: 100%;\n  .MuiDrawer-paper {\n    position: relative;\n    width: 240px;\n    z-index: 1;\n    overflow: hidden;\n  }\n"])));
+var ContainerDrawer = styled(material.Drawer)(_templateObject2$b || (_templateObject2$b = _taggedTemplateLiteralLoose(["\n  height: 100%;\n  margin-right: ", ";\n  .MuiDrawer-paper {\n    position: relative;\n    width: 240px;\n    z-index: 1;\n    overflow: hidden;\n    border-top-right-radius: 20px;\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"])), function (props) {
+  return props.fontColor;
+});
 
 var Breakpoint = function Breakpoint() {};