@salesgenterp/ui-components 0.4.552 → 0.4.554

package/dist/index.modern.js

@@ -1,8 +1,8 @@
-import { Skeleton as Skeleton$1, CircularProgress, TextField, Button, IconButton, Stack, Typography, Grid, InputAdornment, Popover, TableHead, TableRow, TableSortLabel, Paper, TableContainer as TableContainer$4, Table, TableBody, TableCell, TablePagination, Dialog, DialogContent, DialogActions, DialogTitle as DialogTitle$1, RadioGroup, Radio, FormControlLabel, FormLabel, FormControl, FormHelperText, Select as Select$1, InputLabel, MenuItem, CardMedia, Divider, Tabs, Tooltip, Box, Tab, CardContent, ListItemIcon, ListItem, Collapse, List, ListItemText, Checkbox as Checkbox$1, Card as Card$1, CardHeader as CardHeader$1, CssBaseline, Toolbar, Drawer, useMediaQuery as useMediaQuery$1, Pagination, CardActionArea, Avatar as Avatar$1, alpha, Stepper, Step, StepLabel, StepContent, Container as Container$4 } from '@mui/material';
+import { Skeleton as Skeleton$1, CircularProgress, TextField, Button, IconButton, Stack, Typography, Grid, InputAdornment, Popover, TableHead, TableRow, TableSortLabel, Paper, TableContainer as TableContainer$4, Table, TableBody, TableCell, TablePagination, Dialog, DialogContent, DialogActions, DialogTitle as DialogTitle$1, RadioGroup, Radio, FormControlLabel, FormLabel, FormControl, FormHelperText, Select as Select$1, InputLabel, MenuItem, CardMedia, Divider, Tabs, Box, Tab, CardContent, ListItemIcon, ListItem, Collapse, List, ListItemText, Checkbox as Checkbox$1, Card as Card$1, CardHeader as CardHeader$1, CssBaseline, Toolbar, Drawer, useMediaQuery as useMediaQuery$1, Tooltip, Pagination, CardActionArea, Avatar as Avatar$1, alpha, Stepper, Step, StepLabel, StepContent, Container as Container$4 } from '@mui/material';
 import { styled as styled$1 } from '@mui/material/styles';
 import useMediaQuery from '@mui/material/useMediaQuery';
 import React__default, { useState, useEffect, forwardRef, memo, createElement, useCallback, Fragment as Fragment$1, useRef, useMemo } from 'react';
-import { MdVisibilityOff, MdVisibility, MdClose, MdMonetizationOn, MdAdd, MdOutlineStorefront, MdRemoveRedEye, MdOutlineFileDownload, MdPersonOutline, MdOutlineCall, MdMailOutline, MdExpandMore, MdExpandLess, MdStore, MdOutlineMenuOpen, MdMenu, MdDarkMode, MdOutlineDarkMode, MdLocalOffer, MdDelete, MdCheckCircle, MdArrowBack, MdOutlineCircle, MdOutlineStickyNote2, MdOutlineNumbers, MdDateRange, MdOutlineWarehouse } from 'react-icons/md';
+import { MdVisibilityOff, MdVisibility, MdClose, MdMonetizationOn, MdOutlineStorefront, MdRemoveRedEye, MdOutlineFileDownload, MdPersonOutline, MdOutlineCall, MdMailOutline, MdExpandMore, MdExpandLess, MdStore, MdOutlineMenuOpen, MdMenu, MdDarkMode, MdOutlineDarkMode, MdLocalOffer, MdDelete, MdCheckCircle, MdArrowBack, MdOutlineCircle, MdOutlineStickyNote2, MdOutlineNumbers, MdDateRange, MdOutlineWarehouse } from 'react-icons/md';
 import styled, { css, ThemeProvider, keyframes } from 'styled-components';
 import { isEmpty, isString, toNumber, reduce, concat, omit, replace, template, isArray, some, toLower, isPlainObject, includes, values, cloneDeep, filter, sortBy, isObject, sumBy, get, isNumber, remove } from 'lodash';
 import axios from 'axios';
@@ -3125,7 +3125,7 @@ var ExcessPaymentDialog = function ExcessPaymentDialog(_ref2) {
   })));
 };
 
-var _templateObject$a, _templateObject2$5, _templateObject3$3, _templateObject4$2, _templateObject5$1, _templateObject6$1, _templateObject7$1, _templateObject8$1, _templateObject9$1, _templateObject10$1, _templateObject11$1, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20;
+var _templateObject$a, _templateObject2$5, _templateObject3$3, _templateObject4$2, _templateObject5$1, _templateObject6$1, _templateObject7$1, _templateObject8$1, _templateObject9$1, _templateObject10$1, _templateObject11$1, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19;
 var totalIcons = [{
   name: '',
   icon: /*#__PURE__*/React__default.createElement(AiOutlineShoppingCart, null)
@@ -3171,8 +3171,7 @@ var Dashboard = function Dashboard(_ref) {
     showOnlyRecentOrder = _ref$showOnlyRecentOr === void 0 ? false : _ref$showOnlyRecentOr,
     hidePayActionButton = _ref.hidePayActionButton,
     hideInvoiceTab = _ref.hideInvoiceTab,
-    hideSalesOrderTab = _ref.hideSalesOrderTab,
-    hideAddAccessPaymentButton = _ref.hideAddAccessPaymentButton;
+    hideSalesOrderTab = _ref.hideSalesOrderTab;
   var _useState = useState({}),
     customerData = _useState[0],
     setCustomerData = _useState[1];
@@ -3198,24 +3197,18 @@ var Dashboard = function Dashboard(_ref) {
     triggerTableData = _useState5[0],
     setTriggerTableData = _useState5[1];
   var _useState6 = useState({
-      open: false,
-      url: ''
-    }),
-    invoiceModal = _useState6[0],
-    setInvoiceModal = _useState6[1];
-  var _useState7 = useState({
       open: false
     }),
-    isPaymentModal = _useState7[0],
-    setIsPaymentModal = _useState7[1];
-  var _useState8 = useState({
+    isPaymentModal = _useState6[0],
+    setIsPaymentModal = _useState6[1];
+  var _useState7 = useState({
       open: false
     }),
-    isExcessPaymentModal = _useState8[0],
-    setIsExcessPaymentModal = _useState8[1];
-  var _useState9 = useState(0),
-    value = _useState9[0],
-    setValue = _useState9[1];
+    isExcessPaymentModal = _useState7[0],
+    setIsExcessPaymentModal = _useState7[1];
+  var _useState8 = useState(0),
+    value = _useState8[0],
+    setValue = _useState8[1];
   useEffect(function () {
     if (hideSalesOrderTab) {
       setValue(1);
@@ -3235,10 +3228,9 @@ var Dashboard = function Dashboard(_ref) {
     };
   }
   var openInvoiceData = function openInvoiceData(orderId) {
-    serviceApiEndPoint && setInvoiceModal({
-      open: true,
-      url: serviceApiEndPoint + "/" + (value === 0 ? 'salesOrder' : 'sales-order') + "/invoice/" + orderId + "?token=" + token + "&defaultStoreId=" + defaultStoreId + "&storeIdList=" + storeIdList + "&isEcommerce=true"
-    });
+    if (serviceApiEndPoint) {
+      window.open(serviceApiEndPoint + "/" + (value === 0 ? 'salesOrder' : 'sales-order') + "/invoice/" + orderId + "?token=" + token + "&defaultStoreId=" + defaultStoreId + "&storeIdList=" + storeIdList + "&isEcommerce=true", '_blank', 'noopener,noreferrer');
+    }
   };
   var onDateChange = function onDateChange(data) {
     var startDate = moment(data === null || data === void 0 ? void 0 : data.startDate).startOf('day');
@@ -3466,6 +3458,19 @@ var Dashboard = function Dashboard(_ref) {
       Promise.reject(e);
     }
   }, [queryParams]);
+  useEffect(function () {
+    try {
+      try {
+        if (queryParams !== null && queryParams !== void 0 && queryParams.excessModal) {
+          setIsExcessPaymentModal({
+            open: true
+          });
+        }
+      } catch (error) {}
+    } catch (e) {
+      Promise.reject(e);
+    }
+  }, [queryParams]);
   var totalDataSource = filter(convertCamCaseToSnake(dashboardData) || [], function (data) {
     var list = ['totalNumberOfOrders', 'totalAmountSpend'];
     return hideTotalCardInDashboardSummary ? !includesCaseInsensitive(list, data === null || data === void 0 ? void 0 : data.name) : data;
@@ -3546,7 +3551,6 @@ var Dashboard = function Dashboard(_ref) {
   }, totalDataSource === null || totalDataSource === void 0 ? void 0 : totalDataSource.map(function (data) {
     var _data$name, _data$name2, _data$name3, _totalIcons$find;
     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 || (data === null || data === void 0 ? void 0 : data.name) === 'Excess Payment';
-    var isExcessPayment = (data === null || data === void 0 ? void 0 : data.name) === 'Excess Payment';
     return /*#__PURE__*/React__default.createElement(Grid, {
       item: true,
       xs: 12,
@@ -3570,19 +3574,7 @@ var Dashboard = function Dashboard(_ref) {
       style: {
         flex: 1
       }
-    }, /*#__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))), isExcessPayment && !hideAddAccessPaymentButton && /*#__PURE__*/React__default.createElement(Tooltip, {
-      title: "Add Excess Payment",
-      arrow: true
-    }, /*#__PURE__*/React__default.createElement(AddExcessPaymentButton, {
-      className: "add-excess-payment-btn",
-      primaryColor: primaryColor,
-      onClick: function onClick() {
-        return setIsExcessPaymentModal({
-          open: true
-        });
-      },
-      "aria-label": "Add excess payment"
-    }, /*#__PURE__*/React__default.createElement(MdAdd, null), /*#__PURE__*/React__default.createElement("span", null, "Add")))));
+    }, /*#__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)))));
   }))), !hideBannerSection && /*#__PURE__*/React__default.createElement(BannerContainer, null, /*#__PURE__*/React__default.createElement(Grid, {
     container: true,
     spacing: 3,
@@ -3661,20 +3653,7 @@ var Dashboard = function Dashboard(_ref) {
     style: {
       marginTop: '1rem'
     }
-  })))))), /*#__PURE__*/React__default.createElement(TableContainer, null, /*#__PURE__*/React__default.createElement(InvoiceDialog, {
-    onClose: function onClose() {
-      return setInvoiceModal({
-        open: false
-      });
-    },
-    "aria-labelledby": "customized-dialog-title",
-    open: invoiceModal === null || invoiceModal === void 0 ? void 0 : invoiceModal.open,
-    maxWidth: "lg"
-  }, /*#__PURE__*/React__default.createElement(DialogContent, {
-    dividers: true
-  }, /*#__PURE__*/React__default.createElement("iframe", {
-    src: invoiceModal.url
-  }))), /*#__PURE__*/React__default.createElement(APITable, {
+  })))))), /*#__PURE__*/React__default.createElement(TableContainer, null, /*#__PURE__*/React__default.createElement(APITable, {
     key: value,
     cacheFilters: true,
     extraFilterParams: value === 0 ? selectDates.recentInvoices : selectDates.salesOrders,
@@ -3945,8 +3924,7 @@ var StatusContainer = styled(Stack)(_templateObject17 || (_templateObject17 = _t
   return props.primaryColor;
 });
 var TableContainer = styled.div(_templateObject18 || (_templateObject18 = _taggedTemplateLiteralLoose(["\n  margin-top: 2rem;\n  border-radius: 14px;\n"])));
-var InvoiceDialog = styled(Dialog)(_templateObject19 || (_templateObject19 = _taggedTemplateLiteralLoose(["\n  iframe {\n    width: 900px;\n    border: none;\n    height: 600px;\n  }\n"])));
-var TabsContainer = styled(Tabs)(_templateObject20 || (_templateObject20 = _taggedTemplateLiteralLoose(["\n  button {\n    color: ", " !important;\n    font-size: 1.1rem;\n    font-weight: 600;\n  }\n  .Mui-selected {\n    color: ", " !important;\n  }\n  .MuiTabs-indicator {\n    background-color: ", " !important;\n  }\n"])), function (props) {
+var TabsContainer = styled(Tabs)(_templateObject19 || (_templateObject19 = _taggedTemplateLiteralLoose(["\n  button {\n    color: ", " !important;\n    font-size: 1.1rem;\n    font-weight: 600;\n  }\n  .Mui-selected {\n    color: ", " !important;\n  }\n  .MuiTabs-indicator {\n    background-color: ", " !important;\n  }\n"])), function (props) {
   return props.fontColor;
 }, function (props) {
   return props.primaryColor;
@@ -5281,7 +5259,7 @@ var getDropzoneRejectionError = function getDropzoneRejectionError(fileRejection
   return (error === null || error === void 0 ? void 0 : error.message) || 'Invalid file';
 };
 
-var _templateObject$k, _templateObject2$c, _templateObject3$8, _templateObject4$6, _templateObject5$4, _templateObject6$3, _templateObject7$2, _templateObject8$2, _templateObject9$2, _templateObject10$2, _templateObject11$2, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15$1, _templateObject16$1, _templateObject17$1, _templateObject18$1, _templateObject19$1, _templateObject20$1, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34;
+var _templateObject$k, _templateObject2$c, _templateObject3$8, _templateObject4$6, _templateObject5$4, _templateObject6$3, _templateObject7$2, _templateObject8$2, _templateObject9$2, _templateObject10$2, _templateObject11$2, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15$1, _templateObject16$1, _templateObject17$1, _templateObject18$1, _templateObject19$1, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34;
 var DEFAULT_PRIMARY_COLOR = "#437c0f";
 var Container = styled.div(_templateObject$k || (_templateObject$k = _taggedTemplateLiteralLoose(["\n  width: 100%;\n  min-height: 80vh;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background: #f6f6f6;\n  padding: 2rem 1rem;\n"])));
 var Card = styled.div(_templateObject2$c || (_templateObject2$c = _taggedTemplateLiteralLoose(["\n  width: min(100%, 720px);\n  background: #fff;\n  border: 1px solid #cac8c8;\n  border-radius: 8px;\n  padding: 1.5rem;\n"])));
@@ -5321,7 +5299,7 @@ var DropzoneBtn = styled.span(_templateObject16$1 || (_templateObject16$1 = _tag
 var DropzoneText = styled.span(_templateObject17$1 || (_templateObject17$1 = _taggedTemplateLiteralLoose(["\n  font-size: 0.875rem;\n  color: #666;\n"])));
 var DropzoneError = styled.p(_templateObject18$1 || (_templateObject18$1 = _taggedTemplateLiteralLoose(["\n  margin: 0.5rem 0 0;\n  font-size: 0.8rem;\n  color: #c62828;\n"])));
 var SelectedFileRow = styled.div(_templateObject19$1 || (_templateObject19$1 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 1rem;\n  padding: 0.6rem 0.75rem;\n  border: 1px solid #e0e0e0;\n  border-radius: 6px;\n  background: #fafafa;\n"])));
-var SelectedFileInfo = styled.div(_templateObject20$1 || (_templateObject20$1 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  min-width: 0;\n  flex: 1;\n"])));
+var SelectedFileInfo = styled.div(_templateObject20 || (_templateObject20 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  min-width: 0;\n  flex: 1;\n"])));
 var SelectedFileName = styled.span(_templateObject21 || (_templateObject21 = _taggedTemplateLiteralLoose(["\n  font-size: 0.875rem;\n  color: #333;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n"])));
 var ClearFileBtn = styled.button(_templateObject22 || (_templateObject22 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0;\n  border: none;\n  background: none;\n  color: #c62828;\n  font-size: 1.1rem;\n  cursor: pointer;\n  flex-shrink: 0;\n\n  &:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n"])));
 var UploadedFiles = styled.ul(_templateObject23 || (_templateObject23 = _taggedTemplateLiteralLoose(["\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n\n  li {\n    display: flex;\n    align-items: center;\n    gap: 0.75rem;\n    font-size: 0.875rem;\n    color: #555;\n    padding: 0.65rem 0.75rem;\n    background: #fff;\n    border: 1px solid #eee;\n    border-radius: 4px;\n  }\n"])));
@@ -8171,7 +8149,7 @@ var TotalAfterDiscount = function TotalAfterDiscount(_ref2) {
   }, renderMoney(totalAmount)) : /*#__PURE__*/createElement(Fragment$1, null), /*#__PURE__*/createElement("b", null, renderMoney(total))));
 };
 
-var _templateObject$v, _templateObject2$m, _templateObject3$g, _templateObject4$d, _templateObject5$9, _templateObject6$7, _templateObject7$6, _templateObject8$5, _templateObject9$5, _templateObject10$4, _templateObject11$3, _templateObject12$2, _templateObject13$2, _templateObject14$2, _templateObject15$2, _templateObject16$2, _templateObject17$2, _templateObject18$2, _templateObject19$2, _templateObject20$2, _templateObject21$1, _templateObject22$1, _templateObject23$1, _templateObject24$1, _templateObject25$1, _templateObject26$1, _templateObject27$1, _templateObject28$1, _templateObject29$1, _templateObject30$1, _templateObject31$1, _templateObject32$1, _templateObject33$1, _templateObject34$1, _templateObject35, _templateObject36, _templateObject37, _templateObject38, _templateObject39, _templateObject40, _templateObject41, _templateObject42, _templateObject43, _templateObject44, _templateObject45, _templateObject46, _templateObject47, _templateObject48, _templateObject49, _templateObject50, _templateObject51, _templateObject52, _templateObject53, _templateObject54, _templateObject55, _templateObject56, _templateObject57, _templateObject58, _templateObject59;
+var _templateObject$v, _templateObject2$m, _templateObject3$g, _templateObject4$d, _templateObject5$9, _templateObject6$7, _templateObject7$6, _templateObject8$5, _templateObject9$5, _templateObject10$4, _templateObject11$3, _templateObject12$2, _templateObject13$2, _templateObject14$2, _templateObject15$2, _templateObject16$2, _templateObject17$2, _templateObject18$2, _templateObject19$2, _templateObject20$1, _templateObject21$1, _templateObject22$1, _templateObject23$1, _templateObject24$1, _templateObject25$1, _templateObject26$1, _templateObject27$1, _templateObject28$1, _templateObject29$1, _templateObject30$1, _templateObject31$1, _templateObject32$1, _templateObject33$1, _templateObject34$1, _templateObject35, _templateObject36, _templateObject37, _templateObject38, _templateObject39, _templateObject40, _templateObject41, _templateObject42, _templateObject43, _templateObject44, _templateObject45, _templateObject46, _templateObject47, _templateObject48, _templateObject49, _templateObject50, _templateObject51, _templateObject52, _templateObject53, _templateObject54, _templateObject55, _templateObject56, _templateObject57, _templateObject58, _templateObject59;
 var DEFAULT_PRIMARY_COLOR$1 = '#437C0F';
 var formatCurrency = function formatCurrency(amount) {
   return Number(amount).toLocaleString('en-US', {
@@ -8781,7 +8759,7 @@ var HeaderIconWrap = styled.div(_templateObject19$2 || (_templateObject19$2 = _t
   var $accentColor = _ref21.$accentColor;
   return $accentColor + "cc";
 });
-var HeaderCopy = styled.div(_templateObject20$2 || (_templateObject20$2 = _taggedTemplateLiteralLoose(["\n  flex: 1;\n  min-width: 0;\n  z-index: 1;\n"])));
+var HeaderCopy = styled.div(_templateObject20$1 || (_templateObject20$1 = _taggedTemplateLiteralLoose(["\n  flex: 1;\n  min-width: 0;\n  z-index: 1;\n"])));
 var Eyebrow = styled.span(_templateObject21$1 || (_templateObject21$1 = _taggedTemplateLiteralLoose(["\n  display: inline-flex;\n  align-items: center;\n  gap: 0.25rem;\n  font-size: 0.6rem;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  color: ", ";\n\n  svg {\n    font-size: 0.65rem;\n  }\n"])), function (_ref22) {
   var $accentColor = _ref22.$accentColor;
   return $accentColor;