@salesgenterp/ui-components 0.4.306 → 0.4.308

package/dist/index.js

@@ -29,9 +29,9 @@ var tfi = require('react-icons/tfi');
 var go = require('react-icons/go');
 var ri = require('react-icons/ri');
 var bi = require('react-icons/bi');
+var FormControl = _interopDefault(require('@mui/material/FormControl'));
 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'));
 var Slider = _interopDefault(require('react-slick'));
 var Paper = _interopDefault(require('@mui/material/Paper'));
@@ -1258,7 +1258,7 @@ var Loader = function Loader(_ref) {
 var LoaderContainer = styled__default.div(_templateObject$6 || (_templateObject$6 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  width: 100%;\n  & > div {\n    margin: auto;\n    width: 50px;\n    height: 50px;\n  }\n"])));
 
 var _templateObject$7, _templateObject2$2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
-var _excluded = ["apiData", "columns", "listUpdate", "onDataLoad", "expandedRowRender", "onDataLoadError", "pagination", "extraFilterParams", "setExtraFilterParams", "cacheFilters", "tableId", "asyncService", "tableDataList", "filterData"];
+var _excluded = ["apiData", "columns", "listUpdate", "onDataLoad", "expandedRowRender", "onDataLoadError", "pagination", "extraFilterParams", "setExtraFilterParams", "cacheFilters", "tableId", "asyncService", "tableDataList", "filterData", "loading"];
 var APITable = React.forwardRef(function (_ref, ref) {
   var _tableData$data, _tableData$data2, _tableData$pagination, _tableData$data3, _tableData$pagination2, _tableData$pagination3;
   var apiData = _ref.apiData,
@@ -1273,6 +1273,7 @@ var APITable = React.forwardRef(function (_ref, ref) {
     tableId = _ref.tableId,
     asyncService = _ref.asyncService,
     tableDataList = _ref.tableDataList,
+    loading = _ref.loading,
     props = _objectWithoutPropertiesLoose(_ref, _excluded);
   var getJSONItem = erLocalStorage.getJSONItem;
   var tableCache = getJSONItem(STORAGE_KEYS.TABLE_DATA);
@@ -1447,7 +1448,11 @@ var APITable = React.forwardRef(function (_ref, ref) {
       key: column.id,
       align: column.align
     }, props), column.label);
-  }))), (tableData.apiStatus !== API_STATUSES.PENDING || tableData.apiStatus !== API_STATUSES.LOADING) && (tableData === null || tableData === void 0 ? void 0 : (_tableData$data = tableData.data) === null || _tableData$data === void 0 ? void 0 : _tableData$data.length) > 0 ? /*#__PURE__*/React__default.createElement(TableBodyContainer, null, tableData === null || tableData === void 0 ? void 0 : (_tableData$data2 = tableData.data) === null || _tableData$data2 === void 0 ? void 0 : _tableData$data2.map(function (row) {
+  }))), (tableData.apiStatus === API_STATUSES.PENDING || tableData.apiStatus === API_STATUSES.LOADING || loading) && /*#__PURE__*/React__default.createElement("div", {
+    style: {
+      display: 'block'
+    }
+  }, /*#__PURE__*/React__default.createElement(Loader, null)), !(tableData.apiStatus === API_STATUSES.PENDING || tableData.apiStatus === API_STATUSES.LOADING || loading) && (tableData === null || tableData === void 0 ? void 0 : (_tableData$data = tableData.data) === null || _tableData$data === void 0 ? void 0 : _tableData$data.length) > 0 && /*#__PURE__*/React__default.createElement(TableBodyContainer, null, tableData === null || tableData === void 0 ? void 0 : (_tableData$data2 = tableData.data) === null || _tableData$data2 === void 0 ? void 0 : _tableData$data2.map(function (row) {
     return /*#__PURE__*/React__default.createElement(TableRowContainer, {
       hover: true,
       key: row === null || row === void 0 ? void 0 : row[(props === null || props === void 0 ? void 0 : props.rowKey) || 'id']
@@ -1458,11 +1463,7 @@ var APITable = React.forwardRef(function (_ref, ref) {
         align: column.align
       }, props), /*#__PURE__*/React__default.createElement("span", null, column.format ? column.format(value, row) : value));
     }));
-  })) : (tableData.apiStatus === API_STATUSES.PENDING || tableData.apiStatus === API_STATUSES.LOADING) && /*#__PURE__*/React__default.createElement("div", {
-    style: {
-      display: 'block'
-    }
-  }, /*#__PURE__*/React__default.createElement(Loader, null)))), /*#__PURE__*/React__default.createElement(TablePaginationContainer, _extends({
+  })))), /*#__PURE__*/React__default.createElement(TablePaginationContainer, _extends({
     rowsPerPageOptions: [10, 20, 50, 100],
     component: "div",
     count: (tableData === null || tableData === void 0 ? void 0 : (_tableData$pagination = tableData.pagination) === null || _tableData$pagination === void 0 ? void 0 : _tableData$pagination.total) || (tableData === null || tableData === void 0 ? void 0 : (_tableData$data3 = tableData.data) === null || _tableData$data3 === void 0 ? void 0 : _tableData$data3.length),
@@ -2603,16 +2604,19 @@ var SideMenu = function SideMenu(props) {
 };
 
 var _templateObject$c, _templateObject2$6;
+var _excluded$1 = ["label", "onChange", "defaultValue", "options", "valueKey", "labelKey", "addNone", "fontColor"];
 function MuiSelect(_ref) {
   var label = _ref.label,
     onChange = _ref.onChange,
     defaultValue = _ref.defaultValue,
-    options = _ref.options,
+    _ref$options = _ref.options,
+    options = _ref$options === void 0 ? [] : _ref$options,
     valueKey = _ref.valueKey,
     _ref$labelKey = _ref.labelKey,
     labelKey = _ref$labelKey === void 0 ? 'name' : _ref$labelKey,
     addNone = _ref.addNone,
-    fontColor = _ref.fontColor;
+    fontColor = _ref.fontColor,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$1);
   var _React$useState = React.useState(defaultValue),
     value = _React$useState[0],
     setValue = _React$useState[1];
@@ -2629,19 +2633,22 @@ function MuiSelect(_ref) {
   }, /*#__PURE__*/React.createElement(InputContainer, {
     id: "demo-select-small",
     fontColor: fontColor
-  }, label), /*#__PURE__*/React.createElement(SelectContainer, {
+  }, label), /*#__PURE__*/React.createElement(SelectContainer, _extends({
     labelId: "demo-select-small",
     id: "demo-select-small",
     value: value,
     label: label,
     onChange: handleChange,
     fontColor: fontColor
-  }, addNone && /*#__PURE__*/React.createElement(MenuItem, {
+  }, props), 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]);
+    }, getLabelValue({
+      labelKey: labelKey,
+      option: data
+    }));
   })));
 }
 var SelectContainer = styled__default(Select$1)(_templateObject$c || (_templateObject$c = _taggedTemplateLiteralLoose(["\n  color: ", " !important;\n  svg,\n  input {\n    color: ", " !important;\n  }\n  fieldset {\n    border-color: ", " !important;\n  }\n"])), function (props) {
@@ -2657,7 +2664,6 @@ var InputContainer = styled__default(InputLabel)(_templateObject2$6 || (_templat
 
 var _templateObject$d, _templateObject2$7, _templateObject3$4, _templateObject4$3;
 var Statement = function Statement(_ref) {
-  var _customerData$custome3, _customerData$custome4, _customerData$custome5;
   var apiEndPoint = _ref.apiEndPoint,
     serviceApiEndPoint = _ref.serviceApiEndPoint,
     token = _ref.token,
@@ -2667,10 +2673,16 @@ var Statement = function Statement(_ref) {
     fontColor = _ref.fontColor,
     defaultStoreId = _ref.defaultStoreId,
     storeIdList = _ref.storeIdList;
-  var _useState = React.useState({}),
-    customerData = _useState[0],
-    setCustomerData = _useState[1];
-  var _useState2 = React.useState({
+  var _useState = React.useState(false),
+    loading = _useState[0],
+    setLoading = _useState[1];
+  var _useState2 = React.useState({}),
+    customerData = _useState2[0],
+    setCustomerData = _useState2[1];
+  var _useState3 = React.useState([]),
+    childCustomers = _useState3[0],
+    setChildCustomers = _useState3[1];
+  var _useState4 = React.useState({
       startDate: getUTCTime({
         time: moment$1().startOf('month')
       }),
@@ -2678,25 +2690,25 @@ var Statement = function Statement(_ref) {
         time: moment$1().endOf('month')
       })
     }),
-    queryParams = _useState2[0],
-    setQueryParams = _useState2[1];
-  var _useState3 = React.useState(getRandomString()),
-    triggerTableData = _useState3[0],
-    setTriggerTableData = _useState3[1];
+    queryParams = _useState4[0],
+    setQueryParams = _useState4[1];
+  var _useState5 = React.useState(getRandomString()),
+    triggerTableData = _useState5[0],
+    setTriggerTableData = _useState5[1];
   var onDateChange = function onDateChange(data) {
-    setQueryParams({
+    setQueryParams(_extends({}, queryParams, {
       startDate: getUTCTime({
         time: data === null || data === void 0 ? void 0 : data.startDate
       }),
       endDate: getUTCTime({
         time: data === null || data === void 0 ? void 0 : data.endDate
       })
-    });
+    }));
     setTriggerTableData(getRandomString());
   };
-  var onChangeStore = function onChangeStore(data) {
+  var onChangeCustomer = function onChangeCustomer(data) {
     setQueryParams(_extends({}, queryParams, {
-      customerIds: data
+      customerIds: data === null || data === void 0 ? void 0 : data.join(',')
     }));
     setTriggerTableData(getRandomString());
   };
@@ -2745,24 +2757,36 @@ var Statement = function Statement(_ref) {
   React.useEffect(function () {
     (function () {
       try {
-        var _temp = _catch(function () {
-          return Promise.resolve(API$1({
-            url: "/ecommerce/customer",
-            apiEndPoint: apiEndPoint,
-            token: token
-          })).then(function (customerDataResponse) {
-            setCustomerData(customerDataResponse);
-          });
-        }, function () {});
-        return _temp && _temp.then ? _temp.then(function () {}) : void 0;
+        var _temp2 = function () {
+          if (token && apiEndPoint) {
+            var _temp = _catch(function () {
+              return Promise.resolve(API$1({
+                url: "/ecommerce/customer",
+                apiEndPoint: apiEndPoint,
+                token: token
+              })).then(function (customerDataResponse) {
+                setCustomerData(customerDataResponse);
+                return Promise.resolve(API$1({
+                  apiEndPoint: apiEndPoint,
+                  token: token,
+                  url: "/ecommerce/customer/child"
+                })).then(function (response) {
+                  setChildCustomers(response);
+                });
+              });
+            }, function () {});
+            if (_temp && _temp.then) return _temp.then(function () {});
+          }
+        }();
+        return _temp2 && _temp2.then ? _temp2.then(function () {}) : void 0;
       } catch (e) {
         Promise.reject(e);
       }
     })();
-  }, []);
+  }, [token]);
   var print = function print() {
-    var _customerData$custome;
-    var location = "/cusomter/statement?token=" + token + "&startDate=" + queryParams.startDate + "&endDate=" + queryParams.endDate + "&customerIds=" + (customerData === null || customerData === void 0 ? void 0 : (_customerData$custome = customerData.customerDto) === null || _customerData$custome === void 0 ? void 0 : _customerData$custome.id) + "&storeIdList=" + storeIdList + "&defaultStoreId=" + defaultStoreId;
+    var _customerData$custome, _customerData$custome2;
+    var location = "/cusomter/statement?token=" + token + "&startDate=" + queryParams.startDate + "&endDate=" + queryParams.endDate + "&customerIds=" + (queryParams !== null && queryParams !== void 0 && queryParams.customerIds ? (queryParams === null || queryParams === void 0 ? void 0 : queryParams.customerIds) + "," + (customerData === null || customerData === void 0 ? void 0 : (_customerData$custome = customerData.customerDto) === null || _customerData$custome === void 0 ? void 0 : _customerData$custome.id) : customerData === null || customerData === void 0 ? void 0 : (_customerData$custome2 = customerData.customerDto) === null || _customerData$custome2 === void 0 ? void 0 : _customerData$custome2.id) + "&storeIdList=" + storeIdList + "&defaultStoreId=" + defaultStoreId;
     var pdfUrl = "" + serviceApiEndPoint + location;
     var w = window.open(pdfUrl);
     w.print();
@@ -2770,13 +2794,18 @@ var Statement = function Statement(_ref) {
   var getStatementAPIData = function getStatementAPIData(_ref2) {
     var params = _ref2.params;
     try {
-      var _customerData$custome2;
+      var _customerData$custome3, _customerData$custome4;
+      setLoading(true);
+      var customerIds = queryParams !== null && queryParams !== void 0 && queryParams.customerIds ? (queryParams === null || queryParams === void 0 ? void 0 : queryParams.customerIds) + "," + (customerData === null || customerData === void 0 ? void 0 : (_customerData$custome3 = customerData.customerDto) === null || _customerData$custome3 === void 0 ? void 0 : _customerData$custome3.id) : customerData === null || customerData === void 0 ? void 0 : (_customerData$custome4 = customerData.customerDto) === null || _customerData$custome4 === void 0 ? void 0 : _customerData$custome4.id;
       return Promise.resolve(API$1({
-        url: "/ecommerce/customer/report/statement?customerIds=" + (customerData === null || customerData === void 0 ? void 0 : (_customerData$custome2 = customerData.customerDto) === null || _customerData$custome2 === void 0 ? void 0 : _customerData$custome2.id) + "&storeIds=" + storeIdList + "&page=0&size=20",
+        url: "/ecommerce/customer/report/statement?storeIds=" + storeIdList + "&page=0&size=20",
         apiEndPoint: apiEndPoint,
         token: token,
-        queryParams: _extends({}, params, queryParams)
+        queryParams: _extends({}, params, queryParams, {
+          customerIds: customerIds
+        })
       })).then(function (data) {
+        setLoading(false);
         return data === null || data === void 0 ? void 0 : data.customerDetailedStatementReportDtoList;
       });
     } catch (e) {
@@ -2818,15 +2847,16 @@ var Statement = function Statement(_ref) {
       container: true,
       justifyContent: "flex-end",
       alignItems: "center"
-    }, (customerData === null || customerData === void 0 ? void 0 : (_customerData$custome3 = customerData.customerList) === null || _customerData$custome3 === void 0 ? void 0 : _customerData$custome3[0]) && /*#__PURE__*/React__default.createElement(material.Grid, {
+    }, /*#__PURE__*/React__default.createElement(material.Grid, {
       item: true
     }, /*#__PURE__*/React__default.createElement(MuiSelect, {
       label: "Select Customer",
-      defaultValue: customerData === null || customerData === void 0 ? void 0 : (_customerData$custome4 = customerData.customerList) === null || _customerData$custome4 === void 0 ? void 0 : (_customerData$custome5 = _customerData$custome4[0]) === null || _customerData$custome5 === void 0 ? void 0 : _customerData$custome5.id,
-      onChange: onChangeStore,
-      options: (customerData === null || customerData === void 0 ? void 0 : customerData.customerList) || [],
+      defaultValue: [],
+      onChange: onChangeCustomer,
+      options: childCustomers || [],
       valueKey: "id",
-      labelKey: "customerName",
+      labelKey: "${firstName} ${lastName} (${company})",
+      multiple: true,
       fontColor: fontColor,
       primaryColor: primaryColor
     })), /*#__PURE__*/React__default.createElement(material.Grid, {
@@ -2838,6 +2868,7 @@ var Statement = function Statement(_ref) {
       initialStartDate: moment$1().startOf('month'),
       initialEndDate: moment$1().endOf('month')
     })))),
+    loading: loading,
     listUpdate: triggerTableData,
     pagination: false,
     scroll: {
@@ -3226,7 +3257,7 @@ var HeaderContainer = styled__default.h2(_templateObject$g || (_templateObject$g
 });
 
 var _templateObject$h;
-var _excluded$1 = ["children", "onClose", "fontColor"];
+var _excluded$2 = ["children", "onClose", "fontColor"];
 var MuiModal = function MuiModal(props) {
   var fontColor = props.fontColor,
     children = props.children,
@@ -3251,7 +3282,7 @@ function BootstrapDialogTitle(props) {
   var children = props.children,
     onClose = props.onClose,
     fontColor = props.fontColor,
-    other = _objectWithoutPropertiesLoose(props, _excluded$1);
+    other = _objectWithoutPropertiesLoose(props, _excluded$2);
   return /*#__PURE__*/React__default.createElement(material.DialogTitle, _extends({
     sx: {
       m: 0,
@@ -3404,12 +3435,12 @@ var AddressCardContainer = styled__default.div(_templateObject6$2 || (_templateO
 });
 
 var _templateObject$j;
-var _excluded$2 = ["children", "value", "index"];
+var _excluded$3 = ["children", "value", "index"];
 function TabPanel(props) {
   var children = props.children,
     value = props.value,
     index = props.index,
-    other = _objectWithoutPropertiesLoose(props, _excluded$2);
+    other = _objectWithoutPropertiesLoose(props, _excluded$3);
   return /*#__PURE__*/React__default.createElement("div", _extends({
     role: "tabpanel",
     hidden: value !== index,
@@ -6993,7 +7024,7 @@ var SelectStyle = function SelectStyle(hasError) {
   };
 };
 
-var _excluded$3 = ["value", "onChange", "placeholder", "searchProductLable", "apiData", "selectedValueKey", "loadOptionsMethod", "onScanUpdate", "minSearchChar", "searchLabelRequired", "onUpdate", "autoFocus", "defaultOptions", "initialOptions", "addItemLabel", "onAddItem", "searchResultSize"];
+var _excluded$4 = ["value", "onChange", "placeholder", "searchProductLable", "apiData", "selectedValueKey", "loadOptionsMethod", "onScanUpdate", "minSearchChar", "searchLabelRequired", "onUpdate", "autoFocus", "defaultOptions", "initialOptions", "addItemLabel", "onAddItem", "searchResultSize"];
 var AsyncSelectField = function AsyncSelectField(_ref) {
   var value = _ref.value,
     onChange = _ref.onChange,
@@ -7014,7 +7045,7 @@ var AsyncSelectField = function AsyncSelectField(_ref) {
     addItemLabel = _ref.addItemLabel,
     onAddItem = _ref.onAddItem,
     searchResultSize = _ref.searchResultSize,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$3);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$4);
   var DEFAULT_SEARCH_RESULT_SIZE = searchResultSize || 20;
   var labelKey = apiData.labelKey || 'name';
   var queryParam = apiData.queryParam || 'name';
@@ -8016,7 +8047,7 @@ var StaticPage = function StaticPage(_ref) {
 };
 var Root$c = styled__default(material.Box)(_templateObject$E || (_templateObject$E = _taggedTemplateLiteralLoose([""])));
 
-var _excluded$4 = ["userName", "children", "style"];
+var _excluded$5 = ["userName", "children", "style"];
 var colors$1 = ['#FFB900', '#D83B01', '#B50E0E', '#E81123', '#B4009E', '#5C2D91', '#0078D7', '#00B4FF', '#008272', '#107C10'];
 var getRandomColor = function getRandomColor(userName) {
   return colors$1[(userName === null || userName === void 0 ? void 0 : userName.length) % (colors$1 === null || colors$1 === void 0 ? void 0 : colors$1.length)];
@@ -8035,7 +8066,7 @@ var Avatar = function Avatar(_ref) {
   var userName = _ref.userName,
     children = _ref.children,
     style = _ref.style,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$4);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$5);
   var backgroundColor = '#1f62ff';
   if (userName) {
     backgroundColor = getRandomColor(userName);
@@ -10038,7 +10069,7 @@ var Step4 = function Step4(_ref) {
     colSpan: 1
   }, /*#__PURE__*/React__default.createElement("p", {
     className: "max sm"
-  }, "Total(", orderTotal === null || orderTotal === void 0 ? void 0 : orderTotal.totalCartQuantity, " items)")), /*#__PURE__*/React__default.createElement(StyledTableCell, {
+  }, "Total(", orderTotal === null || orderTotal === void 0 ? void 0 : orderTotal.totalQuantity, " items)")), /*#__PURE__*/React__default.createElement(StyledTableCell, {
     align: "right"
   }, /*#__PURE__*/React__default.createElement("p", {
     className: "max sm price"
@@ -10460,7 +10491,7 @@ var CheckoutPageComponent = function CheckoutPageComponent(_ref) {
         };
         var taxAmount = 0;
         var _temp8 = function (_cartData$cartLineIte) {
-          if (shippingAddressId && (cartData === null || cartData === void 0 ? void 0 : (_cartData$cartLineIte = cartData.cartLineItemDtoList) === null || _cartData$cartLineIte === void 0 ? void 0 : _cartData$cartLineIte.length) > 0) {
+          if (taxExempt && shippingAddressId && (cartData === null || cartData === void 0 ? void 0 : (_cartData$cartLineIte = cartData.cartLineItemDtoList) === null || _cartData$cartLineIte === void 0 ? void 0 : _cartData$cartLineIte.length) > 0) {
             return Promise.resolve(API$1({
               apiEndPoint: apiEndPoint,
               token: token,