@salesgenterp/ui-components 0.4.132 → 0.4.133

package/dist/index.js

@@ -32,6 +32,10 @@ var DesktopDatePicker = require('@mui/x-date-pickers/DesktopDatePicker');
 var AdapterMoment = require('@mui/x-date-pickers/AdapterMoment');
 var xDatePickers = require('@mui/x-date-pickers');
 var moment$1 = _interopDefault(require('moment/moment'));
+var InputLabel = _interopDefault(require('@mui/material/InputLabel'));
+var MenuItem = _interopDefault(require('@mui/material/MenuItem'));
+var FormControl = _interopDefault(require('@mui/material/FormControl'));
+var Select$1 = _interopDefault(require('@mui/material/Select'));
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -4362,14 +4366,18 @@ var DatePickerContainer = styled(DesktopDatePicker.DesktopDatePicker)(_templateO
 
 var _templateObject$c, _templateObject2$b, _templateObject3$a, _templateObject4$8, _templateObject5$8, _templateObject6$8, _templateObject7$5, _templateObject8$2, _templateObject9$2, _templateObject10$1, _templateObject11$1;
 var Dashboard = function Dashboard(_ref) {
-  var _customerData$custome, _customerData$custome2, _customerData$custome3, _customerData$custome4, _customerData$custome5, _customerData$custome6, _customerData$custome7;
+  var _customerData$custome, _customerData$custome2, _customerData$custome3, _customerData$custome4;
   var apiEndPoint = _ref.apiEndPoint,
     serviceApiEndPoint = _ref.serviceApiEndPoint,
     token = _ref.token,
     primaryColor = _ref.primaryColor,
     secondaryColor = _ref.secondaryColor,
     backgroundColor = _ref.backgroundColor,
-    fontColor = _ref.fontColor;
+    fontColor = _ref.fontColor,
+    _ref$defaultStoreId = _ref.defaultStoreId,
+    defaultStoreId = _ref$defaultStoreId === void 0 ? 2 : _ref$defaultStoreId,
+    _ref$storeIdList = _ref.storeIdList,
+    storeIdList = _ref$storeIdList === void 0 ? '1,2,46,47,48,49,50,51,52,53,54' : _ref$storeIdList;
   var _useState = React.useState({}),
     customerData = _useState[0],
     setCustomerData = _useState[1];
@@ -4388,12 +4396,6 @@ var Dashboard = function Dashboard(_ref) {
     }),
     invoiceModal = _useState5[0],
     setInvoiceModal = _useState5[1];
-  var defaultStoreId = (customerData === null || customerData === void 0 ? void 0 : (_customerData$custome = customerData.customerStoreDtoListt) === null || _customerData$custome === void 0 ? void 0 : (_customerData$custome2 = _customerData$custome.find(function (data) {
-    return (data === null || data === void 0 ? void 0 : data.defaultStore) === true;
-  })) === null || _customerData$custome2 === void 0 ? void 0 : _customerData$custome2.id) || 2;
-  var storeIdList = (customerData === null || customerData === void 0 ? void 0 : (_customerData$custome3 = customerData.customerStoreDtoListtt) === null || _customerData$custome3 === void 0 ? void 0 : _customerData$custome3.map(function (data) {
-    return data.id;
-  }).join(',')) || '1,2,46,47,48,49,50,51,52,53,54';
   var openInvoiceData = function openInvoiceData(orderId) {
     serviceApiEndPoint && setInvoiceModal({
       open: true,
@@ -4543,7 +4545,7 @@ var Dashboard = function Dashboard(_ref) {
   }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(TitleContainer, {
     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$custome4 = customerData.customerDto) === null || _customerData$custome4 === void 0 ? void 0 : _customerData$custome4.name)), /*#__PURE__*/React__default.createElement(TypographyContainer, {
+  }, /*#__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,
     backgroundColor: backgroundColor,
@@ -4603,7 +4605,7 @@ var Dashboard = function Dashboard(_ref) {
       color: primaryColor,
       marginRight: '1rem'
     }
-  }), (customerData === null || customerData === void 0 ? void 0 : (_customerData$custome5 = customerData.customerDto) === null || _customerData$custome5 === void 0 ? void 0 : _customerData$custome5.salesRepresentativeName) || 'N/A')), /*#__PURE__*/React__default.createElement(material.Grid, {
+  }), (customerData === null || customerData === void 0 ? void 0 : (_customerData$custome2 = customerData.customerDto) === null || _customerData$custome2 === void 0 ? void 0 : _customerData$custome2.salesRepresentativeName) || 'N/A')), /*#__PURE__*/React__default.createElement(material.Grid, {
     item: true,
     xs: 12,
     md: 6,
@@ -4622,7 +4624,7 @@ var Dashboard = function Dashboard(_ref) {
       color: primaryColor,
       marginRight: '1rem'
     }
-  }), (customerData === null || customerData === void 0 ? void 0 : (_customerData$custome6 = customerData.customerDto) === null || _customerData$custome6 === void 0 ? void 0 : _customerData$custome6.salesRepresentativePhone) || 'N/A')), /*#__PURE__*/React__default.createElement(material.Grid, {
+  }), (customerData === null || customerData === void 0 ? void 0 : (_customerData$custome3 = customerData.customerDto) === null || _customerData$custome3 === void 0 ? void 0 : _customerData$custome3.salesRepresentativePhone) || 'N/A')), /*#__PURE__*/React__default.createElement(material.Grid, {
     item: true,
     xs: 12,
     md: 6,
@@ -4641,7 +4643,7 @@ var Dashboard = function Dashboard(_ref) {
       color: primaryColor,
       marginRight: '1rem'
     }
-  }), (customerData === null || customerData === void 0 ? void 0 : (_customerData$custome7 = customerData.customerDto) === null || _customerData$custome7 === void 0 ? void 0 : _customerData$custome7.salesRepresentativeEmail) || 'N/A'))))))), /*#__PURE__*/React__default.createElement(TotalRoot, null, /*#__PURE__*/React__default.createElement(material.Grid, {
+  }), (customerData === null || customerData === void 0 ? void 0 : (_customerData$custome4 = customerData.customerDto) === null || _customerData$custome4 === void 0 ? void 0 : _customerData$custome4.salesRepresentativeEmail) || 'N/A'))))))), /*#__PURE__*/React__default.createElement(TotalRoot, null, /*#__PURE__*/React__default.createElement(material.Grid, {
     container: true,
     spacing: 4
   }, totalDataSource === null || totalDataSource === void 0 ? void 0 : totalDataSource.map(function (data) {
@@ -4944,16 +4946,73 @@ var SideMenu = function SideMenu(props) {
   }));
 };
 
-var _templateObject$e, _templateObject2$c, _templateObject3$b, _templateObject4$9;
+var _templateObject$e, _templateObject2$c;
+function MuiSelect(_ref) {
+  var label = _ref.label,
+    onChange = _ref.onChange,
+    defaultValue = _ref.defaultValue,
+    options = _ref.options,
+    valueKey = _ref.valueKey,
+    _ref$labelKey = _ref.labelKey,
+    labelKey = _ref$labelKey === void 0 ? 'name' : _ref$labelKey,
+    addNone = _ref.addNone,
+    fontColor = _ref.fontColor;
+  var _React$useState = React.useState(defaultValue),
+    value = _React$useState[0],
+    setValue = _React$useState[1];
+  var handleChange = function handleChange(e) {
+    setValue(e.target.value);
+    onChange && onChange(e.target.value);
+  };
+  return /*#__PURE__*/React.createElement(FormControl, {
+    sx: {
+      m: 1,
+      minWidth: 160
+    },
+    size: "small"
+  }, /*#__PURE__*/React.createElement(InputContainer, {
+    id: "demo-select-small",
+    fontColor: fontColor
+  }, label), /*#__PURE__*/React.createElement(SelectContainer, {
+    labelId: "demo-select-small",
+    id: "demo-select-small",
+    value: value,
+    label: label,
+    onChange: handleChange,
+    fontColor: fontColor
+  }, addNone && /*#__PURE__*/React.createElement(MenuItem, {
+    value: ""
+  }, /*#__PURE__*/React.createElement("em", null, "None")), options === null || options === void 0 ? void 0 : options.map(function (data) {
+    return /*#__PURE__*/React.createElement(MenuItem, {
+      value: valueKey ? data[valueKey] : data
+    }, data[labelKey]);
+  })));
+}
+var SelectContainer = styled(Select$1)(_templateObject$e || (_templateObject$e = _taggedTemplateLiteralLoose(["\n  color: ", " !important;\n  svg,\n  input {\n    color: ", " !important;\n  }\n  fieldset {\n    border-color: ", " !important;\n  }\n"])), function (props) {
+  return props.fontColor;
+}, function (props) {
+  return props.fontColor;
+}, function (props) {
+  return props.fontColor;
+});
+var InputContainer = styled(InputLabel)(_templateObject2$c || (_templateObject2$c = _taggedTemplateLiteralLoose(["\n  color: ", " !important;\n"])), function (props) {
+  return props.fontColor;
+});
+
+var _templateObject$f, _templateObject2$d, _templateObject3$b, _templateObject4$9;
 var Statement = function Statement(_ref) {
+  var _customerData$custome3, _customerData$custome4;
   var apiEndPoint = _ref.apiEndPoint,
     serviceApiEndPoint = _ref.serviceApiEndPoint,
     token = _ref.token,
     primaryColor = _ref.primaryColor,
     secondaryColor = _ref.secondaryColor,
     backgroundColor = _ref.backgroundColor,
-    fontColor = _ref.fontColor;
+    fontColor = _ref.fontColor,
+    _ref$storeIdList = _ref.storeIdList,
+    storeIdList = _ref$storeIdList === void 0 ? '1,2,46,47,48,49,50,51,52,53,54' : _ref$storeIdList;
   var _useState = React.useState({}),
+    customerData = _useState[0],
     setCustomerData = _useState[1];
   var _useState2 = React.useState({
       startDate: getUTCTime$1({
@@ -4963,14 +5022,13 @@ var Statement = function Statement(_ref) {
         time: moment$1().endOf('month')
       })
     }),
-    selectDates = _useState2[0],
-    setSelectDates = _useState2[1];
+    queryParams = _useState2[0],
+    setQueryParams = _useState2[1];
   var _useState3 = React.useState(getRandomString()),
     triggerTableData = _useState3[0],
     setTriggerTableData = _useState3[1];
-
   var onDateChange = function onDateChange(data) {
-    setSelectDates({
+    setQueryParams({
       startDate: getUTCTime$1({
         time: data === null || data === void 0 ? void 0 : data.startDate
       }),
@@ -4980,6 +5038,12 @@ var Statement = function Statement(_ref) {
     });
     setTriggerTableData(getRandomString());
   };
+  var onChangeStore = function onChangeStore(data) {
+    setQueryParams(_extends({}, queryParams, {
+      customerStoreIds: data
+    }));
+    setTriggerTableData(getRandomString());
+  };
   var columns = [{
     id: 'date',
     label: 'Date',
@@ -5036,19 +5100,20 @@ var Statement = function Statement(_ref) {
     })();
   }, []);
   var print = function print() {
-    var location = "/cusomter/statement?token=" + token + "&startDate=" + selectDates.startDate + "&endDate=" + selectDates.endDate;
+    var location = "/cusomter/statement?token=" + token + "&startDate=" + queryParams.startDate + "&endDate=" + queryParams.endDate;
     var pdfUrl = "" + serviceApiEndPoint + location;
     var w = window.open(pdfUrl);
     w.print();
   };
   var getStatementAPIData = function getStatementAPIData(_ref2) {
-    var queryParams = _ref2.queryParams;
+    var params = _ref2.params;
     try {
+      var _customerData$custome, _customerData$custome2;
       return Promise.resolve(API({
-        url: "/ecommerce/customer/report/statement?customerStoreIds=1199&storeIds=1,2,46,47,48,49,50,51,52,53,54&page=0&size=20",
+        url: "/ecommerce/customer/report/statement?customerStoreIds=" + ((queryParams === null || queryParams === void 0 ? void 0 : queryParams.customerStoreIds) || (customerData === null || customerData === void 0 ? void 0 : (_customerData$custome = customerData.customerStoreDtoList) === null || _customerData$custome === void 0 ? void 0 : (_customerData$custome2 = _customerData$custome[0]) === null || _customerData$custome2 === void 0 ? void 0 : _customerData$custome2.id)) + "&storeIds=" + storeIdList + "&page=0&size=20",
         apiEndPoint: apiEndPoint,
         token: token,
-        queryParams: _extends({}, queryParams, selectDates)
+        queryParams: _extends({}, params, queryParams)
       })).then(function (data) {
         return data === null || data === void 0 ? void 0 : data.customerDetailedStatementReportDtoList;
       });
@@ -5058,9 +5123,9 @@ var Statement = function Statement(_ref) {
   };
   return /*#__PURE__*/React__default.createElement(Root$3, {
     backgroundColor: backgroundColor
-  }, /*#__PURE__*/React__default.createElement(TableContainer$1, null, /*#__PURE__*/React__default.createElement(APITable, {
+  }, /*#__PURE__*/React__default.createElement(TableContainer$1, null, !lodash.isEmpty(customerData) && /*#__PURE__*/React__default.createElement(APITable, {
     cacheFilters: true,
-    extraFilterParams: selectDates,
+    extraFilterParams: queryParams,
     tableHeaderContent: /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(material.Grid, {
       container: true,
       justifyContent: "space-between",
@@ -5093,6 +5158,17 @@ var Statement = function Statement(_ref) {
       alignItems: "center"
     }, /*#__PURE__*/React__default.createElement(material.Grid, {
       item: true
+    }, /*#__PURE__*/React__default.createElement(MuiSelect, {
+      label: "Select Store",
+      defaultValue: customerData === null || customerData === void 0 ? void 0 : (_customerData$custome3 = customerData.customerStoreDtoList) === null || _customerData$custome3 === void 0 ? void 0 : (_customerData$custome4 = _customerData$custome3[0]) === null || _customerData$custome4 === void 0 ? void 0 : _customerData$custome4.id,
+      onChange: onChangeStore,
+      options: (customerData === null || customerData === void 0 ? void 0 : customerData.customerStoreDtoList) || [],
+      valueKey: "id",
+      labelKey: "storeName",
+      fontColor: fontColor,
+      primaryColor: primaryColor
+    })), /*#__PURE__*/React__default.createElement(material.Grid, {
+      item: true
     }, /*#__PURE__*/React__default.createElement(DateRangePicker, {
       fontColor: fontColor,
       primaryColor: primaryColor,
@@ -5115,14 +5191,14 @@ var Statement = function Statement(_ref) {
     fontColor: fontColor
   })));
 };
-var Root$3 = styled.div(_templateObject$e || (_templateObject$e = _taggedTemplateLiteralLoose([""])));
-var TypographyContainer$1 = styled(material.Typography)(_templateObject2$c || (_templateObject2$c = _taggedTemplateLiteralLoose(["\n  color: ", ";\n  display: flex;\n  align-items: center;\n  // font-family: Poppins !important;\n"])), function (props) {
+var Root$3 = styled.div(_templateObject$f || (_templateObject$f = _taggedTemplateLiteralLoose([""])));
+var TypographyContainer$1 = styled(material.Typography)(_templateObject2$d || (_templateObject2$d = _taggedTemplateLiteralLoose(["\n  color: ", ";\n  display: flex;\n  align-items: center;\n  // font-family: Poppins !important;\n"])), function (props) {
   return props.fontColor;
 });
 var StatusContainer$1 = styled(material.Grid)(_templateObject3$b || (_templateObject3$b = _taggedTemplateLiteralLoose(["\n  display: initial;\n  box-shadow: 0px 0px 1px 0px;\n  padding: 2px 4px;\n"])));
 var TableContainer$1 = styled.div(_templateObject4$9 || (_templateObject4$9 = _taggedTemplateLiteralLoose(["\n  margin: 1.2rem 0;\n  border-radius: 12px;\n"])));
 
-var _templateObject$f, _templateObject2$d, _templateObject3$c;
+var _templateObject$g, _templateObject2$e, _templateObject3$c;
 var drawerWidth = 280;
 var AccountDetails = function AccountDetails(_ref) {
   var _ref$apiEndPoint = _ref.apiEndPoint,
@@ -5136,7 +5212,8 @@ var AccountDetails = function AccountDetails(_ref) {
     fontColor = _ref.fontColor,
     backgroundImage = _ref.backgroundImage,
     darkMode = _ref.darkMode,
-    onChangeColors = _ref.onChangeColors;
+    onChangeColors = _ref.onChangeColors,
+    storeIdList = _ref.storeIdList;
   var serviceApiEndPoint = 'https://dev.salesgent.xyz/api'.replace('/api', '/services/pdf');
   var isMobile = useMediaQuery('(max-width:800px)');
   var _useState = React.useState(true),
@@ -5154,7 +5231,7 @@ var AccountDetails = function AccountDetails(_ref) {
     }),
     colors = _useState3[0],
     setColors = _useState3[1];
-  var _useState4 = React.useState('Dashboard'),
+  var _useState4 = React.useState('Statement'),
     tabValue = _useState4[0],
     setTabValue = _useState4[1];
   var onTabChange = function onTabChange(data) {
@@ -5204,7 +5281,8 @@ var AccountDetails = function AccountDetails(_ref) {
           primaryColor: colors.primaryColor,
           secondaryColor: colors.secondaryColor,
           backgroundColor: colors.backgroundColor,
-          fontColor: colors.fontColor
+          fontColor: colors.fontColor,
+          storeIdList: storeIdList
         });
 
       case 'Statement':
@@ -5215,7 +5293,8 @@ var AccountDetails = function AccountDetails(_ref) {
           primaryColor: colors.primaryColor,
           secondaryColor: colors.secondaryColor,
           backgroundColor: colors.backgroundColor,
-          fontColor: colors.fontColor
+          fontColor: colors.fontColor,
+          storeIdList: storeIdList
         });
 
       default:
@@ -5294,7 +5373,7 @@ var AccountDetails = function AccountDetails(_ref) {
     }
   }, isNightMode ? /*#__PURE__*/React__default.createElement(md.MdDarkMode, null) : /*#__PURE__*/React__default.createElement(md.MdOutlineDarkMode, null)))), /*#__PURE__*/React__default.createElement("div", null, apiEndPoint && token && renderListItemComponent())))));
 };
-var Root$4 = styled(material.Box)(_templateObject$f || (_templateObject$f = _taggedTemplateLiteralLoose(["\n  background-image: url(", ");\n  background-position: center;\n  background-repeat: no-repeat;\n  background-size: cover;\n  padding: 2rem;\n"])), function (props) {
+var Root$4 = styled(material.Box)(_templateObject$g || (_templateObject$g = _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', {
@@ -5325,7 +5404,7 @@ var Main = styles.styled('main', {
     overflow: 'auto'
   });
 });
-var ContainerDrawer = styled(material.Drawer)(_templateObject2$d || (_templateObject2$d = _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) {
+var ContainerDrawer = styled(material.Drawer)(_templateObject2$e || (_templateObject2$e = _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$2 = styled(material.Typography)(_templateObject3$c || (_templateObject3$c = _taggedTemplateLiteralLoose(["\n  color: ", ";\n  display: flex;\n  align-items: center;\n  // font-family: Poppins !important;\n"])), function (props) {