@salesgenterp/ui-components 0.4.465 → 0.4.467

package/dist/index.js

@@ -2764,7 +2764,7 @@ var InfoContainer = styled__default.div(_templateObject$9 || (_templateObject$9
   return props.fontColor;
 });
 
-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;
+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(ai.AiOutlineShoppingCart, null)
@@ -2779,7 +2779,7 @@ var totalIcons = [{
   icon: /*#__PURE__*/React__default.createElement(gi.GiCardboardBoxClosed, null)
 }];
 var Dashboard = function Dashboard(_ref) {
-  var _customerData$custome, _customerData$custome2, _customerData$custome3, _customerData$custome4;
+  var _customerData$custome, _selectDates$recentIn, _selectDates$salesOrd, _selectDates$recentIn2, _selectDates$salesOrd2, _customerData$custome2, _customerData$custome3, _customerData$custome4;
   var apiEndPoint = _ref.apiEndPoint,
     serviceApiEndPoint = _ref.serviceApiEndPoint,
     token = _ref.token,
@@ -2804,14 +2804,24 @@ var Dashboard = function Dashboard(_ref) {
     removeSocialLinks = _ref.removeSocialLinks,
     hideTotalCardInDashboardSummary = _ref.hideTotalCardInDashboardSummary,
     _ref$showOnlyRecentOr = _ref.showOnlyRecentOrder,
-    showOnlyRecentOrder = _ref$showOnlyRecentOr === void 0 ? false : _ref$showOnlyRecentOr;
+    showOnlyRecentOrder = _ref$showOnlyRecentOr === void 0 ? false : _ref$showOnlyRecentOr,
+    hidePayActionButton = _ref.hidePayActionButton;
   var _useState = React.useState({}),
     customerData = _useState[0],
     setCustomerData = _useState[1];
   var _useState2 = React.useState({}),
     dashboardData = _useState2[0],
     setDashboardData = _useState2[1];
-  var _useState3 = React.useState({}),
+  var _useState3 = React.useState({
+      recentInvoices: {
+        startDate: null,
+        endDate: null
+      },
+      salesOrders: {
+        startDate: null,
+        endDate: null
+      }
+    }),
     selectDates = _useState3[0],
     setSelectDates = _useState3[1];
   var _useState4 = React.useState(getRandomString()),
@@ -2828,20 +2838,37 @@ var Dashboard = function Dashboard(_ref) {
     }),
     isPaymentModal = _useState6[0],
     setIsPaymentModal = _useState6[1];
+  var _useState7 = React.useState(0),
+    value = _useState7[0],
+    setValue = _useState7[1];
+  var handleChange = function handleChange(event, newValue) {
+    setValue(newValue);
+    setTriggerTableData(getRandomString());
+  };
+  function a11yProps(index) {
+    return {
+      id: "simple-tab-" + index,
+      'aria-controls': "simple-tabpanel-" + index
+    };
+  }
   var openInvoiceData = function openInvoiceData(orderId) {
     serviceApiEndPoint && setInvoiceModal({
       open: true,
-      url: serviceApiEndPoint + "/sales-order/invoice/" + orderId + "?token=" + token + "&defaultStoreId=" + defaultStoreId + "&storeIdList=" + storeIdList + "&isEcommerce=true"
+      url: serviceApiEndPoint + "/" + (value === 0 ? 'sales-order' : 'salesOrder') + "/invoice/" + orderId + "?token=" + token + "&defaultStoreId=" + defaultStoreId + "&storeIdList=" + storeIdList + "&isEcommerce=true"
     });
   };
   var onDateChange = function onDateChange(data) {
-    setSelectDates({
+    var newDates = {
       startDate: getUTCTime({
         time: data === null || data === void 0 ? void 0 : data.startDate
       }),
       endDate: getUTCTime({
         time: data === null || data === void 0 ? void 0 : data.endDate
       })
+    };
+    setSelectDates(function (prev) {
+      var _extends2;
+      return _extends({}, prev, (_extends2 = {}, _extends2[value === 0 ? 'recentInvoices' : 'salesOrders'] = newDates, _extends2));
     });
     setTriggerTableData(getRandomString());
   };
@@ -2948,7 +2975,7 @@ var Dashboard = function Dashboard(_ref) {
         style: {
           fontSize: '1.6rem'
         }
-      })), payInvoiceFromDashboard && /*#__PURE__*/React__default.createElement(MuiButton, {
+      })), payInvoiceFromDashboard && !hidePayActionButton && /*#__PURE__*/React__default.createElement(MuiButton, {
         onClick: function onClick() {
           setIsPaymentModal({
             open: true,
@@ -2960,6 +2987,72 @@ var Dashboard = function Dashboard(_ref) {
       }, "Pay"));
     }
   }];
+  var salesOrderColumns = [{
+    id: 'salesOrderId',
+    label: 'SO #'
+  }, {
+    id: 'orderId',
+    label: 'Invoice #'
+  }, {
+    id: 'insertedTimestamp',
+    label: 'Date',
+    format: function format(value) {
+      return getLocalTime({
+        time: value
+      });
+    }
+  }, {
+    id: 'totalQuantity',
+    label: 'Total Quantity'
+  }, {
+    id: 'totalAmount',
+    label: 'Total Amount',
+    format: function format(value) {
+      return renderMoney(value);
+    }
+  }, {
+    id: 'status',
+    label: 'Status',
+    format: function format(value) {
+      return /*#__PURE__*/React__default.createElement(material.Grid, {
+        container: true
+      }, /*#__PURE__*/React__default.createElement(StatusContainer, {
+        item: true,
+        primaryColor: primaryColor
+      }, value));
+    }
+  }, !hideInvoiceAction && {
+    id: 'salesOrderId',
+    label: 'Action',
+    align: 'center',
+    format: function format(value, record) {
+      return /*#__PURE__*/React__default.createElement("span", null, /*#__PURE__*/React__default.createElement(material.IconButton, {
+        onClick: function onClick() {
+          return openInvoiceData(value);
+        },
+        style: {
+          color: primaryColor,
+          padding: 2
+        }
+      }, /*#__PURE__*/React__default.createElement(md.MdRemoveRedEye, {
+        style: {
+          fontSize: '1.6rem'
+        }
+      })), /*#__PURE__*/React__default.createElement(material.IconButton, {
+        onClick: function onClick() {
+          return downloadInvoice(value);
+        },
+        style: {
+          color: primaryColor,
+          padding: 2
+        }
+      }, /*#__PURE__*/React__default.createElement(md.MdOutlineFileDownload, {
+        style: {
+          fontSize: '1.6rem'
+        }
+      })));
+    }
+  }];
   React.useEffect(function () {
     (function () {
       try {
@@ -3168,13 +3261,32 @@ var Dashboard = function Dashboard(_ref) {
   }, /*#__PURE__*/React__default.createElement("iframe", {
     src: invoiceModal.url
   }))), /*#__PURE__*/React__default.createElement(APITable, {
+    key: value,
     cacheFilters: true,
-    extraFilterParams: selectDates,
+    extraFilterParams: value === 0 ? selectDates.recentInvoices : selectDates.salesOrders,
     tableHeaderContent: /*#__PURE__*/React__default.createElement(material.Grid, {
       container: true,
       justifyContent: "space-between",
       alignItems: "center"
-    }, /*#__PURE__*/React__default.createElement(TypographyContainer$2, {
+    }, /*#__PURE__*/React__default.createElement(material.Grid, {
+      item: true,
+      xs: 12
+    }, /*#__PURE__*/React__default.createElement(material.Box, {
+      sx: {
+        borderBottom: 1,
+        borderColor: 'divider'
+      }
+    }, /*#__PURE__*/React__default.createElement(TabsContainer, {
+      value: value,
+      onChange: handleChange,
+      "aria-label": "basic tabs example",
+      primaryColor: primaryColor,
+      fontColor: fontColor
+    }, /*#__PURE__*/React__default.createElement(material.Tab, _extends({
+      label: "Recent Invoices"
+    }, a11yProps(0))), /*#__PURE__*/React__default.createElement(material.Tab, _extends({
+      label: "Sales Orders"
+    }, a11yProps(1)))))), /*#__PURE__*/React__default.createElement(TypographyContainer$2, {
       variant: "h4",
       gutterBottom: true,
       fontColor: fontColor,
@@ -3184,14 +3296,14 @@ var Dashboard = function Dashboard(_ref) {
         padding: '1rem 0',
         margin: 0
       }
-    }, "Recent Invoices"), /*#__PURE__*/React__default.createElement(material.Grid, {
+    }, value === 0 ? 'Recent Invoices' : 'Sales orders'), /*#__PURE__*/React__default.createElement(material.Grid, {
       item: true
     }, /*#__PURE__*/React__default.createElement(DateRangePicker, {
       fontColor: fontColor,
       primaryColor: primaryColor,
       onChange: onDateChange,
-      initialStartDate: null,
-      initialEndDate: null
+      initialStartDate: value === 0 ? selectDates === null || selectDates === void 0 ? void 0 : (_selectDates$recentIn = selectDates.recentInvoices) === null || _selectDates$recentIn === void 0 ? void 0 : _selectDates$recentIn.startDate : selectDates === null || selectDates === void 0 ? void 0 : (_selectDates$salesOrd = selectDates.salesOrders) === null || _selectDates$salesOrd === void 0 ? void 0 : _selectDates$salesOrd.startDate,
+      initialEndDate: value === 0 ? selectDates === null || selectDates === void 0 ? void 0 : (_selectDates$recentIn2 = selectDates.recentInvoices) === null || _selectDates$recentIn2 === void 0 ? void 0 : _selectDates$recentIn2.endDate : selectDates === null || selectDates === void 0 ? void 0 : (_selectDates$salesOrd2 = selectDates.salesOrders) === null || _selectDates$salesOrd2 === void 0 ? void 0 : _selectDates$salesOrd2.endDate
     }))),
     listUpdate: triggerTableData,
     pagination: false,
@@ -3199,9 +3311,9 @@ var Dashboard = function Dashboard(_ref) {
       x: 1000
     },
     tableId: "master-child-map",
-    columns: columns,
+    columns: value === 0 ? columns : salesOrderColumns,
     apiData: {
-      url: "/ecommerce/dashboard/orderTable",
+      url: "/ecommerce/dashboard/" + (value === 0 ? 'orderTable' : 'salesOrderTable'),
       apiEndPoint: apiEndPoint,
       token: token
     },
@@ -3409,6 +3521,13 @@ var StatusContainer = styled__default(material.Stack)(_templateObject16 || (_tem
 });
 var TableContainer = styled__default.div(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n  margin-top: 2rem;\n  border-radius: 14px;\n"])));
 var InvoiceDialog = styled__default(material.Dialog)(_templateObject18 || (_templateObject18 = _taggedTemplateLiteralLoose(["\n  iframe {\n    width: 900px;\n    border: none;\n    height: 600px;\n  }\n"])));
+var TabsContainer = styled__default(material.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;
+}, function (props) {
+  return props.primaryColor;
+});
 
 var _templateObject$b, _templateObject2$6, _templateObject3$4, _templateObject4$3, _templateObject5$2;
 var MyProfile = function MyProfile(_ref) {
@@ -4628,7 +4747,7 @@ var StoreTabs = function StoreTabs(_ref) {
       borderBottom: 1,
       borderColor: 'divider'
     }
-  }, /*#__PURE__*/React__default.createElement(TabsContainer, {
+  }, /*#__PURE__*/React__default.createElement(TabsContainer$1, {
     value: value,
     onChange: handleChange,
     "aria-label": "basic tabs example",
@@ -4651,7 +4770,7 @@ var StoreTabs = function StoreTabs(_ref) {
     customer: customer
   })))));
 };
-var TabsContainer = styled__default(material.Tabs)(_templateObject$i || (_templateObject$i = _taggedTemplateLiteralLoose(["\n  button {\n    color: ", " !important;\n    font-size: 1.1rem;\n  }\n  .Mui-selected {\n    color: ", " !important;\n  }\n  .MuiTabs-indicator {\n    background-color: ", " !important;\n  }\n"])), function (props) {
+var TabsContainer$1 = styled__default(material.Tabs)(_templateObject$i || (_templateObject$i = _taggedTemplateLiteralLoose(["\n  button {\n    color: ", " !important;\n    font-size: 1.1rem;\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;
@@ -4739,7 +4858,9 @@ var AccountDetails = function AccountDetails(_ref) {
     _ref$hideTotalCardInD = _ref.hideTotalCardInDashboardSummary,
     hideTotalCardInDashboardSummary = _ref$hideTotalCardInD === void 0 ? false : _ref$hideTotalCardInD,
     _ref$showOnlyRecentOr = _ref.showOnlyRecentOrder,
-    showOnlyRecentOrder = _ref$showOnlyRecentOr === void 0 ? false : _ref$showOnlyRecentOr;
+    showOnlyRecentOrder = _ref$showOnlyRecentOr === void 0 ? false : _ref$showOnlyRecentOr,
+    _ref$hidePayActionBut = _ref.hidePayActionButton,
+    hidePayActionButton = _ref$hidePayActionBut === void 0 ? false : _ref$hidePayActionBut;
   var _useAllSystemFeatureV = useAllSystemFeatureValues({
       apiEndPoint: apiEndPoint,
       token: token
@@ -4908,7 +5029,8 @@ var AccountDetails = function AccountDetails(_ref) {
             payInvoiceFromDashboard: authoriseDotNet,
             removeSocialLinks: removeSocialLinks,
             hideTotalCardInDashboardSummary: hideTotalCardInDashboardSummary,
-            showOnlyRecentOrder: showOnlyRecentOrder
+            showOnlyRecentOrder: showOnlyRecentOrder,
+            hidePayActionButton: hidePayActionButton
           });
         case 'myProfile':
           return /*#__PURE__*/React__default.createElement(MyProfile, {
@@ -13071,7 +13193,7 @@ var CheckoutPageComponent = function CheckoutPageComponent(_ref) {
     try {
       var taxAmount = totalTaxAmount || 0;
       var _temp11 = 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 && shippingAddressId !== previousShippingAddressIdRef.current) {
+        if (shippingAddressId && (cartData === null || cartData === void 0 ? void 0 : (_cartData$cartLineIte = cartData.cartLineItemDtoList) === null || _cartData$cartLineIte === void 0 ? void 0 : _cartData$cartLineIte.length) > 0 && shippingAddressId && (shippingAddressId !== previousShippingAddressIdRef.current || (cartData === null || cartData === void 0 ? void 0 : cartData.cartSubTotal) !== previousSubTotalRef.current)) {
           previousShippingAddressIdRef.current = shippingAddressId;
           var _temp10 = _catch(function () {
             return Promise.resolve(getTaxData({