@salesgenterp/ui-components 0.4.168 → 0.4.169

package/dist/index.js

@@ -3661,7 +3661,7 @@ var getLocalTime = function getLocalTime(_ref) {
   }
   return convertedTime;
 };
-var getUTCTime$1 = function getUTCTime(_ref2) {
+var getUTCTime = function getUTCTime(_ref2) {
   var time = _ref2.time,
     _ref2$format = _ref2.format,
     format = _ref2$format === void 0 ? DATE_FORMATS.DEFAULT_DATE_TIME_FORMAT : _ref2$format,
@@ -3698,6 +3698,17 @@ var getRandomString = function getRandomString(length) {
   }
   return text;
 };
+var currentTimeText = function currentTimeText() {
+  var data = [[0, 4, 'Good night'], [5, 11, 'Good morning'], [12, 16, 'Good afternoon'], [17, 19, 'Good evening'], [20, 24, 'Good night']];
+  var hr = new Date().getHours();
+  var text = '';
+  for (var i = 0; i < data.length; i++) {
+    if (hr >= data[i][0] && hr <= data[i][1]) {
+      text = data[i][2];
+    }
+  }
+  return text;
+};
 
 var _templateObject$9;
 var SideMenuItemComponent = function SideMenuItemComponent(props) {
@@ -3751,7 +3762,7 @@ var SideMenuItem = function SideMenuItem(props) {
     tabValue = props.tabValue,
     onTabChange = props.onTabChange;
   var isExpandable = items && items.length > 0;
-  var _React$useState = React__default.useState(name === 'My Account' ? true : false),
+  var _React$useState = React__default.useState(name === 'My Account' ? true : true),
     open = _React$useState[0],
     setOpen = _React$useState[1];
   function handleClick() {
@@ -4618,6 +4629,7 @@ var Dashboard = function Dashboard(_ref) {
   var _useState3 = React.useState({}),
     selectDates = _useState3[0],
     setSelectDates = _useState3[1];
+  console.log('selectDates: ', selectDates);
   var _useState4 = React.useState(getRandomString()),
     triggerTableData = _useState4[0],
     setTriggerTableData = _useState4[1];
@@ -4781,19 +4793,12 @@ var Dashboard = function Dashboard(_ref) {
   }, /*#__PURE__*/React__default.createElement(Root$2, {
     backgroundColor: backgroundColor
   }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(TitleContainer, {
+    fontColor: fontColor,
     primaryColor: primaryColor,
     backgroundColor: backgroundColor
-  }, /*#__PURE__*/React__default.createElement("span", null, "Hello!"), " ", /*#__PURE__*/React__default.createElement("b", null, customerData === null || customerData === void 0 ? void 0 : (_customerData$custome = customerData.customerDto) === null || _customerData$custome === void 0 ? void 0 : _customerData$custome.name)), /*#__PURE__*/React__default.createElement(TypographyContainer, {
-    variant: "h4",
-    gutterBottom: true,
-    fontColor: fontColor
-  }, /*#__PURE__*/React__default.createElement("b", {
-    style: {
-      fontSize: '2rem'
-    }
-  }, "Welcome Back To Your Dashboard"))), /*#__PURE__*/React__default.createElement(TotalRoot, null, /*#__PURE__*/React__default.createElement(material.Grid, {
+  }, /*#__PURE__*/React__default.createElement("span", null, currentTimeText()), ' ', /*#__PURE__*/React__default.createElement("b", null, customerData === null || customerData === void 0 ? void 0 : (_customerData$custome = customerData.customerDto) === null || _customerData$custome === void 0 ? void 0 : _customerData$custome.name, "!"))), /*#__PURE__*/React__default.createElement(TotalRoot, null, /*#__PURE__*/React__default.createElement(material.Grid, {
     container: true,
-    spacing: 4
+    spacing: 3
   }, totalDataSource === null || totalDataSource === void 0 ? void 0 : totalDataSource.map(function (data) {
     var _data$name, _data$name2, _data$name3;
     var isAmount = (data === null || data === void 0 ? void 0 : (_data$name = data.name) === null || _data$name === void 0 ? void 0 : _data$name.indexOf('Amount')) > 1 || (data === null || data === void 0 ? void 0 : (_data$name2 = data.name) === null || _data$name2 === void 0 ? void 0 : _data$name2.indexOf('Credit')) > 1 || (data === null || data === void 0 ? void 0 : (_data$name3 = data.name) === null || _data$name3 === void 0 ? void 0 : _data$name3.indexOf('Price')) > 1;
@@ -4817,14 +4822,13 @@ var Dashboard = function Dashboard(_ref) {
     }, isAmount ? /*#__PURE__*/React__default.createElement(md.MdMonetizationOn, null) : /*#__PURE__*/React__default.createElement(gr.GrStackOverflow, null)), /*#__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(CategoriesContainer, null, /*#__PURE__*/React__default.createElement(material.Grid, {
     container: true,
-    spacing: 4
+    spacing: 3,
+    alignItems: "center"
   }, /*#__PURE__*/React__default.createElement(material.Grid, {
     item: true,
     xs: 12,
     sm: 6,
-    md: 8,
-    justifyContent: "space-between",
-    alignItems: "center"
+    md: 8
   }, /*#__PURE__*/React__default.createElement(ImageContainer, {
     component: "img",
     image: "/images/categories1.png",
@@ -4833,9 +4837,7 @@ var Dashboard = function Dashboard(_ref) {
     item: true,
     xs: 12,
     sm: 6,
-    md: 4,
-    justifyContent: "space-between",
-    alignItems: "center"
+    md: 4
   }, /*#__PURE__*/React__default.createElement(ImageContainer, {
     component: "img",
     image: "/images/categories2.png",
@@ -4861,7 +4863,7 @@ var Dashboard = function Dashboard(_ref) {
       justifyContent: "space-between",
       alignItems: "center"
     }, /*#__PURE__*/React__default.createElement(TypographyContainer, {
-      variant: "h5",
+      variant: "h4",
       gutterBottom: true,
       fontColor: fontColor,
       style: {
@@ -4875,7 +4877,9 @@ var Dashboard = function Dashboard(_ref) {
     }, /*#__PURE__*/React__default.createElement(DateRangePicker, {
       fontColor: fontColor,
       primaryColor: primaryColor,
-      onChange: onDateChange
+      onChange: onDateChange,
+      initialStartDate: null,
+      initialEndDate: null
     }))),
     listUpdate: triggerTableData,
     pagination: false,
@@ -5021,7 +5025,9 @@ var Dashboard = function Dashboard(_ref) {
   })))))))));
 };
 var Root$2 = styled__default.div(_templateObject$d || (_templateObject$d = _taggedTemplateLiteralLoose([""])));
-var TitleContainer = styled__default.h4(_templateObject2$b || (_templateObject2$b = _taggedTemplateLiteralLoose(["\n  span,\n  b {\n    color: ", ";\n    font-size: 2.7rem;\n    // font-family: Poppins;\n  }\n"])), function (props) {
+var TitleContainer = styled__default.h4(_templateObject2$b || (_templateObject2$b = _taggedTemplateLiteralLoose(["\n  span {\n    color: ", ";\n    font-size: 2.7rem;\n    font-weight: 500;\n    // font-family: Poppins;\n  }\n  b {\n    color: ", ";\n    font-size: 2.7rem;\n    // font-family: Poppins;\n  }\n"])), function (props) {
+  return props.fontColor;
+}, function (props) {
   return props.primaryColor;
 });
 var MeetContainer = styled__default.h4(_templateObject3$b || (_templateObject3$b = _taggedTemplateLiteralLoose(["\n  margin-bottom: 1rem;\n  // font-family: Poppins;\n  span > b {\n    color: ", ";\n    font-size: 1.3rem;\n  }\n  b {\n    color: ", ";\n    font-size: 1.3rem;\n  }\n"])), function (props) {
@@ -5044,14 +5050,16 @@ var SocialIconContainer = styled__default.a(_templateObject8$3 || (_templateObje
 }, function (props) {
   return props.fontColor;
 });
-var ImageContainer = styled__default(material.CardMedia)(_templateObject9$3 || (_templateObject9$3 = _taggedTemplateLiteralLoose(["\n  max-width: 100%;\n  img {\n    max-width: 100%;\n  }\n"])));
+var ImageContainer = styled__default(material.CardMedia)(_templateObject9$3 || (_templateObject9$3 = _taggedTemplateLiteralLoose(["\n  max-width: 100%;\n  border-radius: 14px;\n  img {\n    max-width: 100%;\n  }\n"])));
 var TotalRoot = styled__default.div(_templateObject10$2 || (_templateObject10$2 = _taggedTemplateLiteralLoose(["\n  margin: 2rem 0;\n"])));
-var TotalContainer = styled__default(material.Stack)(_templateObject11$1 || (_templateObject11$1 = _taggedTemplateLiteralLoose(["\n  border-radius: 14px;\n  background-color: ", ";\n  padding: 1.4rem;\n  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px 0px;\n  // font-family: Poppins !important;\n  :hover {\n    background-color: ", ";\n    p,\n    h3,\n    svg {\n      color: #fff !important;\n    }\n  }\n  p {\n    font-size: 1rem;\n    font-weight: 600;\n    color: ", ";\n    margin-bottom: 0rem;\n  }\n  h3 {\n    font-size: 1.5rem;\n    font-weight: 600;\n    color: #746e88;\n  }\n  .icon-container {\n    // background: ", "20;\n    background: ", ";\n    border-radius: 14px;\n    padding: 0.6rem;\n    display: flex;\n    margin: auto 0;\n    svg {\n      font-size: 2.6rem;\n      color: ", ";\n    }\n  }\n"])), function (props) {
+var TotalContainer = styled__default(material.Stack)(_templateObject11$1 || (_templateObject11$1 = _taggedTemplateLiteralLoose(["\n  border-radius: 14px;\n  background-color: ", ";\n  padding: 1.8rem 1.4rem;\n  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px 0px;\n  // font-family: Poppins !important;\n  :hover {\n    background-color: ", ";\n    p,\n    h3,\n    svg {\n      color: #fff !important;\n    }\n  }\n  p {\n    font-size: 1rem;\n    font-weight: 600;\n    color: ", ";\n    margin-bottom: 0rem;\n  }\n  h3 {\n    font-size: 1.7rem;\n    font-weight: 600;\n    color: ", ";\n  }\n  .icon-container {\n    // background: ", "20;\n    background: ", ";\n    border-radius: 14px;\n    padding: 0.6rem;\n    display: flex;\n    margin: auto 0;\n    svg {\n      font-size: 2.6rem;\n      color: ", ";\n    }\n  }\n"])), function (props) {
   return props.secondaryColor;
 }, function (props) {
   return props.primaryColor;
 }, function (props) {
   return props.fontColor;
+}, function (props) {
+  return props.fontColor;
 }, function (props) {
   return props.primaryColor;
 }, function (props) {
@@ -6725,10 +6733,10 @@ var Statement = function Statement(_ref) {
     customerData = _useState[0],
     setCustomerData = _useState[1];
   var _useState2 = React.useState({
-      startDate: getUTCTime$1({
+      startDate: getUTCTime({
         time: moment$1().startOf('month')
       }),
-      endDate: getUTCTime$1({
+      endDate: getUTCTime({
         time: moment$1().endOf('month')
       })
     }),
@@ -6739,10 +6747,10 @@ var Statement = function Statement(_ref) {
     setTriggerTableData = _useState3[1];
   var onDateChange = function onDateChange(data) {
     setQueryParams({
-      startDate: getUTCTime$1({
+      startDate: getUTCTime({
         time: data === null || data === void 0 ? void 0 : data.startDate
       }),
-      endDate: getUTCTime$1({
+      endDate: getUTCTime({
         time: data === null || data === void 0 ? void 0 : data.endDate
       })
     });
@@ -7074,9 +7082,9 @@ 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.eyJzdWIiOiJzYWxlc2dlbnRlcnBAZ21haWwuY29tIiwidGllciI6MiwidXNlclR5cGUiOiJDdXN0b21lciIsInRva2VuVHlwZSI6ImFjY2VzcyIsInN0b3JlSWQiOjIsImV4cCI6MTY2ODc0NzM4NywidXNlcklkIjoyNDU1LCJpYXQiOjE2Njg3MTEzODcsInJlc2V0UGFzc3dvcmRSZXF1aXJlZCI6ZmFsc2V9.lKg8lyzdyf428eySa_SBErnYIAtprSDPpfek1MdqgmY' : _ref$token,
+    token = _ref$token === void 0 ? 'eyJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJzYWxlc2dlbnRlcnBAZ21haWwuY29tIiwidGllciI6MiwidXNlclR5cGUiOiJDdXN0b21lciIsInRva2VuVHlwZSI6ImFjY2VzcyIsInN0b3JlSWQiOjIsImV4cCI6MTY2ODgwNDM2NywidXNlcklkIjoyNDU1LCJpYXQiOjE2Njg3NjgzNjcsInJlc2V0UGFzc3dvcmRSZXF1aXJlZCI6ZmFsc2V9.sTXu_hUvO4DVsqi1gt_INjqNLm3ZTgD4T4T9m9wQmuE' : _ref$token,
     _ref$primaryColor = _ref.primaryColor,
-    primaryColor = _ref$primaryColor === void 0 ? '#BF262D' : _ref$primaryColor,
+    primaryColor = _ref$primaryColor === void 0 ? '#D2122E' : _ref$primaryColor,
     secondaryColor = _ref.secondaryColor,
     backgroundColor = _ref.backgroundColor,
     fontColor = _ref.fontColor,
@@ -7105,7 +7113,7 @@ var AccountDetails = function AccountDetails(_ref) {
     return (data === null || data === void 0 ? void 0 : data.defaultStore) === true;
   })) === null || _storeData$find === void 0 ? void 0 : _storeData$find.id) || 2;
   var _useState4 = React.useState({
-      primaryColor: primaryColor || '#BF262D',
+      primaryColor: primaryColor || '#D2122E',
       secondaryColor: secondaryColor || '#FFFFFF',
       backgroundColor: backgroundColor || '#F5F5F5',
       fontColor: fontColor || '#391111',
@@ -7342,7 +7350,7 @@ var Root$4 = styled__default(material.Box)(_templateObject$u || (_templateObject
 }, function (props) {
   return props.isNightMode ? '#40404f' : "rgba(" + hexToRgbA(props.primaryColor) + ",0.1)";
 });
-var MainContainer = styled__default.div(_templateObject2$l || (_templateObject2$l = _taggedTemplateLiteralLoose(["\n  display: flex;\n  justify-content: center;\n  margin: auto;\n  min-height: 100vh;\n  background-color: ", ";\n  max-width: ", ";\n  padding: 1.6rem;\n  border-radius: 14px;\n  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px 0px;\n"])), function (props) {
+var MainContainer = styled__default.div(_templateObject2$l || (_templateObject2$l = _taggedTemplateLiteralLoose(["\n  display: flex;\n  justify-content: center;\n  margin: auto;\n  min-height: 100vh;\n  background-color: ", ";\n  max-width: ", ";\n  padding: 2rem;\n  border-radius: 14px;\n  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px 0px;\n"])), function (props) {
   return props.backgroundColor;
 }, function (props) {
   return props.open ? '1700px' : '1400px';
@@ -7372,7 +7380,8 @@ var Main = styles.styled('main', {
   }, {
     background: backgroundColor,
     borderRadius: 14,
-    height: '100%'
+    height: '100%',
+    overflow: 'auto'
   });
 });
 var ContainerDrawer = styled__default(material.Drawer)(_templateObject3$g || (_templateObject3$g = _taggedTemplateLiteralLoose(["\n  // height: 100%;\n  margin-right: ", ";\n  .MuiDrawer-paper {\n    padding: 1rem;\n    position: relative;\n    z-index: 1;\n    background: ", ";\n    border-radius: 14px;\n    box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px 0px;\n  }\n"])), function (props) {