@salesgenterp/ui-components 0.4.312 → 0.4.314

package/dist/index.js

@@ -11,6 +11,7 @@ var lodash = require('lodash');
 var ReCAPTCHA = _interopDefault(require('react-google-recaptcha'));
 var reactHookForm = require('react-hook-form');
 var moment = _interopDefault(require('moment'));
+var qs = _interopDefault(require('qs'));
 var styles = require('@mui/material/styles');
 var useMediaQuery = _interopDefault(require('@mui/material/useMediaQuery'));
 var md = require('react-icons/md');
@@ -641,6 +642,12 @@ var convertCamCaseToSnake = function convertCamCaseToSnake(child) {
   });
   return data;
 };
+var searchQueryParams = function searchQueryParams(data) {
+  var query = _extends({}, qs.parse(data, {
+    ignoreQueryPrefix: true
+  }));
+  return query;
+};
 var convertToTitleCase = function convertToTitleCase(inputString) {
   return inputString.replace(/([A-Z])/g, ' $1').replace(/^./, function (str) {
     return str.toUpperCase();
@@ -1999,7 +2006,7 @@ var AddAuthorizeDotNetCard = function AddAuthorizeDotNetCard(_ref) {
     "aria-labelledby": "customized-dialog-title",
     open: visible,
     fullWidth: true,
-    maxWidth: "lg",
+    maxWidth: "md",
     title: /*#__PURE__*/React__default.createElement("h2", null, "Add New Card"),
     actions: /*#__PURE__*/React__default.createElement("div", {
       style: {
@@ -2150,14 +2157,15 @@ var AddAuthorizeDotNetCard = function AddAuthorizeDotNetCard(_ref) {
 
 var _templateObject$c;
 var PaymentModal = function PaymentModal(_ref) {
-  var _customerCreditCards$, _customerCreditCards$2, _orderData$orderDto4, _orderData$orderDto5, _orderData$orderDto6, _orderData$orderDto7, _orderData$customerDt, _orderData$orderDto8, _orderData$orderDto9, _authorizeDotNetCardD, _authorizeDotNetCardD2, _authorizeDotNetCardD3, _authorizeDotNetCardD4, _authorizeDotNetCardD5, _authorizeDotNetCardD6, _authorizeDotNetCardD7, _authorizeDotNetCardD8, _customerCreditCards$4, _customerCreditCards$5;
+  var _customerCreditCards$, _customerCreditCards$2, _orderData$orderDto5, _orderData$orderDto6, _orderData$orderDto7, _orderData$orderDto8, _orderData$customerDt, _orderData$customerDt2, _orderData$orderDto9, _orderData$orderDto10, _authorizeDotNetCardD, _authorizeDotNetCardD2, _authorizeDotNetCardD3, _authorizeDotNetCardD4, _authorizeDotNetCardD5, _authorizeDotNetCardD6, _authorizeDotNetCardD7, _authorizeDotNetCardD8, _customerCreditCards$4, _customerCreditCards$5;
   var apiEndPoint = _ref.apiEndPoint,
     token = _ref.token,
     visible = _ref.visible,
     onCancel = _ref.onCancel,
     styles = _ref.styles,
     orderId = _ref.orderId,
-    storeIdList = _ref.storeIdList;
+    storeIdList = _ref.storeIdList,
+    setTriggerTableData = _ref.setTriggerTableData;
   var _useState = React.useState(),
     orderData = _useState[0],
     setOrderData = _useState[1];
@@ -2281,11 +2289,11 @@ var PaymentModal = function PaymentModal(_ref) {
       };
       setSubmitLoading(true);
       var _temp4 = _catch(function () {
-        var _orderData$orderDto3, _customerCreditCards$3;
+        var _orderData$orderDto3, _orderData$orderDto4, _customerCreditCards$3;
         var modifyData = lodash.cloneDeep(lodash.omit(_extends({}, formData, {
           status: 'PAID',
-          customerId: customerId,
-          orderId: orderData === null || orderData === void 0 ? void 0 : (_orderData$orderDto3 = orderData.orderDto) === null || _orderData$orderDto3 === void 0 ? void 0 : _orderData$orderDto3.id,
+          customerId: orderData === null || orderData === void 0 ? void 0 : (_orderData$orderDto3 = orderData.orderDto) === null || _orderData$orderDto3 === void 0 ? void 0 : _orderData$orderDto3.customerId,
+          orderId: orderData === null || orderData === void 0 ? void 0 : (_orderData$orderDto4 = orderData.orderDto) === null || _orderData$orderDto4 === void 0 ? void 0 : _orderData$orderDto4.id,
           authorizeDotNetCustomerPaymentProfileId: authorizeDotNetCardData === null || authorizeDotNetCardData === void 0 ? void 0 : authorizeDotNetCardData.customerPaymentProfileId,
           authorizeDotNetCustomerProfileId: customerCreditCards === null || customerCreditCards === void 0 ? void 0 : (_customerCreditCards$3 = customerCreditCards.profile) === null || _customerCreditCards$3 === void 0 ? void 0 : _customerCreditCards$3.customerProfileId
         }), ['authorizeDotNetCard']));
@@ -2298,6 +2306,7 @@ var PaymentModal = function PaymentModal(_ref) {
           successMessage: 'Payment collected successfully.',
           errorMessage: 'Error in payment.'
         })).then(function () {
+          setTriggerTableData && setTriggerTableData(getRandomString());
           onCancel && onCancel();
         });
       }, function () {});
@@ -2318,7 +2327,7 @@ var PaymentModal = function PaymentModal(_ref) {
         return Promise.reject(e);
       }
     },
-    customerId: orderData === null || orderData === void 0 ? void 0 : (_orderData$orderDto4 = orderData.orderDto) === null || _orderData$orderDto4 === void 0 ? void 0 : _orderData$orderDto4.customerId,
+    customerId: orderData === null || orderData === void 0 ? void 0 : (_orderData$orderDto5 = orderData.orderDto) === null || _orderData$orderDto5 === void 0 ? void 0 : _orderData$orderDto5.customerId,
     setListUpdate: setListUpdate,
     styles: styles
   }), visible && /*#__PURE__*/React__default.createElement(MuiModal, {
@@ -2335,7 +2344,7 @@ var PaymentModal = function PaymentModal(_ref) {
       }
     }, /*#__PURE__*/React__default.createElement(material.Grid, {
       container: true,
-      spacing: 4,
+      spacing: 2,
       alignItems: "center",
       justifyContent: "center"
     }, /*#__PURE__*/React__default.createElement(material.Grid, {
@@ -2347,7 +2356,7 @@ var PaymentModal = function PaymentModal(_ref) {
       },
       loading: submitLoading,
       onClick: handleSubmit(onSubmit),
-      disabled: (orderData === null || orderData === void 0 ? void 0 : (_orderData$orderDto5 = orderData.orderDto) === null || _orderData$orderDto5 === void 0 ? void 0 : _orderData$orderDto5.dueAmount) <= 0
+      disabled: (orderData === null || orderData === void 0 ? void 0 : (_orderData$orderDto6 = orderData.orderDto) === null || _orderData$orderDto6 === void 0 ? void 0 : _orderData$orderDto6.dueAmount) <= 0
     }, "Save")), /*#__PURE__*/React__default.createElement(material.Grid, {
       item: true
     }, /*#__PURE__*/React__default.createElement(MuiButton, {
@@ -2359,15 +2368,38 @@ var PaymentModal = function PaymentModal(_ref) {
     }, "Cancel"))))
   }, /*#__PURE__*/React__default.createElement(DataLoader, {
     loading: dataLoading
-  }, /*#__PURE__*/React__default.createElement(InfoContainer, null, /*#__PURE__*/React__default.createElement("h2", null, "Order #", orderData === null || orderData === void 0 ? void 0 : (_orderData$orderDto6 = orderData.orderDto) === null || _orderData$orderDto6 === void 0 ? void 0 : _orderData$orderDto6.id), /*#__PURE__*/React__default.createElement("p", null, getLocalTime({
-    time: orderData === null || orderData === void 0 ? void 0 : (_orderData$orderDto7 = orderData.orderDto) === null || _orderData$orderDto7 === void 0 ? void 0 : _orderData$orderDto7.insertedTimestamp
-  })), /*#__PURE__*/React__default.createElement("p", null, orderData === null || orderData === void 0 ? void 0 : (_orderData$customerDt = orderData.customerDto) === null || _orderData$customerDt === void 0 ? void 0 : _orderData$customerDt.company), /*#__PURE__*/React__default.createElement("p", null, "Due Amount: ", renderMoney(orderData === null || orderData === void 0 ? void 0 : (_orderData$orderDto8 = orderData.orderDto) === null || _orderData$orderDto8 === void 0 ? void 0 : _orderData$orderDto8.dueAmount))), /*#__PURE__*/React__default.createElement("form", null, /*#__PURE__*/React__default.createElement(material.Grid, {
+  }, /*#__PURE__*/React__default.createElement(InfoContainer, null, /*#__PURE__*/React__default.createElement(material.Grid, {
     container: true,
-    columnSpacing: 2
+    spacing: 2
   }, /*#__PURE__*/React__default.createElement(material.Grid, {
     item: true,
     xs: 12,
-    md: 6
+    md: 6,
+    lg: 3
+  }, /*#__PURE__*/React__default.createElement("h2", null, "Order #", orderData === null || orderData === void 0 ? void 0 : (_orderData$orderDto7 = orderData.orderDto) === null || _orderData$orderDto7 === void 0 ? void 0 : _orderData$orderDto7.id)), /*#__PURE__*/React__default.createElement(material.Grid, {
+    item: true,
+    xs: 12,
+    md: 6,
+    lg: 3
+  }, /*#__PURE__*/React__default.createElement("p", null, getLocalTime({
+    time: orderData === null || orderData === void 0 ? void 0 : (_orderData$orderDto8 = orderData.orderDto) === null || _orderData$orderDto8 === void 0 ? void 0 : _orderData$orderDto8.insertedTimestamp
+  }))), /*#__PURE__*/React__default.createElement(material.Grid, {
+    item: true,
+    xs: 12,
+    md: 6,
+    lg: 3
+  }, /*#__PURE__*/React__default.createElement("p", null, orderData === null || orderData === void 0 ? void 0 : (_orderData$customerDt = orderData.customerDto) === null || _orderData$customerDt === void 0 ? void 0 : _orderData$customerDt.name, " (", orderData === null || orderData === void 0 ? void 0 : (_orderData$customerDt2 = orderData.customerDto) === null || _orderData$customerDt2 === void 0 ? void 0 : _orderData$customerDt2.company, ")")), /*#__PURE__*/React__default.createElement(material.Grid, {
+    item: true,
+    xs: 12,
+    md: 6,
+    lg: 3
+  }, /*#__PURE__*/React__default.createElement("h2", null, "Due Amount: ", renderMoney(orderData === null || orderData === void 0 ? void 0 : (_orderData$orderDto9 = orderData.orderDto) === null || _orderData$orderDto9 === void 0 ? void 0 : _orderData$orderDto9.dueAmount))))), /*#__PURE__*/React__default.createElement("form", null, /*#__PURE__*/React__default.createElement(material.Grid, {
+    container: true,
+    spacing: 2
+  }, /*#__PURE__*/React__default.createElement(material.Grid, {
+    item: true,
+    xs: 12,
+    md: 12
   }, /*#__PURE__*/React__default.createElement(FormTextField, {
     label: "Payment Amount",
     name: "amount",
@@ -2375,7 +2407,7 @@ var PaymentModal = function PaymentModal(_ref) {
     required: true,
     control: control,
     fontColor: styles === null || styles === void 0 ? void 0 : styles.fontColor,
-    max: orderData === null || orderData === void 0 ? void 0 : (_orderData$orderDto9 = orderData.orderDto) === null || _orderData$orderDto9 === void 0 ? void 0 : _orderData$orderDto9.dueAmount
+    max: orderData === null || orderData === void 0 ? void 0 : (_orderData$orderDto10 = orderData.orderDto) === null || _orderData$orderDto10 === void 0 ? void 0 : _orderData$orderDto10.dueAmount
   })), defaultPaymentProvider === DEFAULT_PAYMENT_PROVIDER.AUTHORISE_DOT_NET && lodash.includes(lodash.values(CARD_METHODS), paymentModeId) && /*#__PURE__*/React__default.createElement(material.Grid, {
     item: true,
     xs: 12
@@ -2384,7 +2416,7 @@ var PaymentModal = function PaymentModal(_ref) {
     error: cardLoading === API_STATUSES.ERROR
   }, /*#__PURE__*/React__default.createElement(material.Grid, {
     container: true,
-    columnSpacing: 2
+    spacing: 2
   }, /*#__PURE__*/React__default.createElement(material.Grid, {
     item: true,
     xs: 12,
@@ -2424,7 +2456,7 @@ var PaymentModal = function PaymentModal(_ref) {
     })
   }, /*#__PURE__*/React__default.createElement("span", null, "Add New Card")))))))))));
 };
-var InfoContainer = styled__default.div(_templateObject$c || (_templateObject$c = _taggedTemplateLiteralLoose(["\n  border-bottom: 1px solid #00000040;\n  padding-bottom: 1rem;\n  margin-bottom: 1rem;\n  h2 {\n    margin-bottom: 0.8rem;\n  }\n  p {\n    font-size: 1.2rem;\n  }\n"])));
+var InfoContainer = styled__default.div(_templateObject$c || (_templateObject$c = _taggedTemplateLiteralLoose(["\n  border-bottom: 1px solid #00000040;\n  padding-bottom: 1rem;\n  margin-bottom: 1rem;\n  h2 {\n    margin-bottom: 0.6rem;\n  }\n  p {\n    font-size: 1.2rem;\n    margin-bottom: 0.6rem;\n  }\n"])));
 
 var _templateObject$d, _templateObject2$6, _templateObject3$3, _templateObject4$1, _templateObject5$1, _templateObject6$1, _templateObject7$1, _templateObject8$1, _templateObject9$1, _templateObject10$1, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18;
 var totalIcons = [{
@@ -2460,7 +2492,8 @@ var Dashboard = function Dashboard(_ref) {
     discountImageSection = _ref.discountImageSection,
     hideDiscountImage = _ref.hideDiscountImage,
     imgNotFoundUrl = _ref.imgNotFoundUrl,
-    hideInvoiceAction = _ref.hideInvoiceAction;
+    hideInvoiceAction = _ref.hideInvoiceAction,
+    payInvoiceFromDashboard = _ref.payInvoiceFromDashboard;
   var _useState = React.useState({}),
     customerData = _useState[0],
     setCustomerData = _useState[1];
@@ -2601,7 +2634,7 @@ var Dashboard = function Dashboard(_ref) {
         style: {
           fontSize: '1.6rem'
         }
-      })), /*#__PURE__*/React__default.createElement(MuiButton, {
+      })), payInvoiceFromDashboard && /*#__PURE__*/React__default.createElement(MuiButton, {
         onClick: function onClick() {
           setIsPaymentModal({
             open: true,
@@ -2641,7 +2674,7 @@ var Dashboard = function Dashboard(_ref) {
   React.useEffect(function () {
     try {
       try {
-        if (queryParams !== null && queryParams !== void 0 && queryParams.paymentModal && queryParams !== null && queryParams !== void 0 && queryParams.orderId) {
+        if (queryParams !== null && queryParams !== void 0 && queryParams.paymentModal && queryParams !== null && queryParams !== void 0 && queryParams.orderId && payInvoiceFromDashboard) {
           setIsPaymentModal({
             open: true,
             orderId: queryParams === null || queryParams === void 0 ? void 0 : queryParams.orderId
@@ -2685,6 +2718,7 @@ var Dashboard = function Dashboard(_ref) {
       }
     },
     orderId: isPaymentModal === null || isPaymentModal === void 0 ? void 0 : isPaymentModal.orderId,
+    setTriggerTableData: setTriggerTableData,
     styles: styles
   }), /*#__PURE__*/React__default.createElement(material.Grid, {
     container: true,
@@ -4368,7 +4402,6 @@ var AccountDetails = function AccountDetails(_ref) {
     apiEndPoint = _ref$apiEndPoint === void 0 ? 'https://erp.salesgenterp.com/api' : _ref$apiEndPoint,
     _ref$token = _ref.token,
     token = _ref$token === void 0 ? 'eyJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJzYWxlc2dlbnRlcnBAZ21haWwuY29tIiwidGllciI6MiwidXNlclR5cGUiOiJDdXN0b21lciIsInRva2VuVHlwZSI6ImFjY2VzcyIsInN0b3JlSWQiOjIsImV4cCI6MTY3MDI2ODk4OSwidXNlcklkIjoyNDU1LCJpYXQiOjE2NzAyMzI5ODksInJlc2V0UGFzc3dvcmRSZXF1aXJlZCI6ZmFsc2V9.-SdkA9CatCY-g4ln5ZU9hKsYvBfoTPspZV_hSQHo8wI' : _ref$token,
-    queryParams = _ref.queryParams,
     _ref$primaryColor = _ref.primaryColor,
     primaryColor = _ref$primaryColor === void 0 ? '#D2122E' : _ref$primaryColor,
     secondaryColor = _ref.secondaryColor,
@@ -4388,36 +4421,46 @@ var AccountDetails = function AccountDetails(_ref) {
     hideDiscountImage = _ref.hideDiscountImage,
     _ref$imgNotFoundUrl = _ref.imgNotFoundUrl,
     imgNotFoundUrl = _ref$imgNotFoundUrl === void 0 ? noImgAvailable$1 : _ref$imgNotFoundUrl,
-    hideInvoiceAction = _ref.hideInvoiceAction;
+    hideInvoiceAction = _ref.hideInvoiceAction,
+    _ref$payInvoiceFromDa = _ref.payInvoiceFromDashboard,
+    payInvoiceFromDashboard = _ref$payInvoiceFromDa === void 0 ? false : _ref$payInvoiceFromDa;
+  var queryParams = searchQueryParams(window.location.search);
   var serviceApiEndPoint = apiEndPoint.replace('/api', '/services/pdf');
   var isMobile = useMediaQuery('(max-width:768px)');
   var drawerWidth = isMobile ? 200 : 300;
   var _useState = React.useState(true),
     open = _useState[0],
     setOpen = _useState[1];
-  var _useState2 = React.useState(darkMode || false),
-    isNightMode = _useState2[0],
-    setIsNightMode = _useState2[1];
-  var _useState3 = React.useState([]),
-    storeData = _useState3[0],
-    setStoreData = _useState3[1];
-  var storeIdList = (storeData === null || storeData === void 0 ? void 0 : (_storeData$map = storeData.map(function (data) {
-    return data === null || data === void 0 ? void 0 : data.id;
-  })) === null || _storeData$map === void 0 ? void 0 : _storeData$map.join(',')) || 1;
-  var defaultStoreId = (storeData === null || storeData === void 0 ? void 0 : (_storeData$find = storeData.find(function (data) {
-    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({
+  var _useState2 = React.useState(true),
+    dataLoading = _useState2[0],
+    setDataLoading = _useState2[1];
+  var _useState3 = React.useState(darkMode || false),
+    isNightMode = _useState3[0],
+    setIsNightMode = _useState3[1];
+  var _useState4 = React.useState([]),
+    storeData = _useState4[0],
+    setStoreData = _useState4[1];
+  var _useState5 = React.useState((storeData === null || storeData === void 0 ? void 0 : (_storeData$map = storeData.map(function (data) {
+      return data === null || data === void 0 ? void 0 : data.id;
+    })) === null || _storeData$map === void 0 ? void 0 : _storeData$map.join(',')) || 1),
+    storeIdList = _useState5[0],
+    setSoreIdList = _useState5[1];
+  var _useState6 = React.useState((storeData === null || storeData === void 0 ? void 0 : (_storeData$find = storeData.find(function (data) {
+      return (data === null || data === void 0 ? void 0 : data.defaultStore) === true;
+    })) === null || _storeData$find === void 0 ? void 0 : _storeData$find.id) || 2),
+    defaultStoreId = _useState6[0],
+    setDefaultStoreId = _useState6[1];
+  var _useState7 = React.useState({
       primaryColor: primaryColor || '#D2122E',
       secondaryColor: secondaryColor || '#FFFFFF',
       backgroundColor: backgroundColor || '#F5F5F5',
       fontColor: fontColor || '#391111'
     }),
-    colors = _useState4[0],
-    setColors = _useState4[1];
-  var _useState5 = React.useState(path || 'Dashboard'),
-    tabValue = _useState5[0],
-    setTabValue = _useState5[1];
+    colors = _useState7[0],
+    setColors = _useState7[1];
+  var _useState8 = React.useState(path || 'Dashboard'),
+    tabValue = _useState8[0],
+    setTabValue = _useState8[1];
   React.useEffect(function () {
     setTabValue(path || 'Dashboard');
   }, [path]);
@@ -4448,16 +4491,27 @@ var AccountDetails = function AccountDetails(_ref) {
   React.useEffect(function () {
     (function () {
       try {
+        var _temp2 = function _temp2() {
+          setDataLoading(false);
+        };
+        setDataLoading(true);
         var _temp = _catch(function () {
           return Promise.resolve(API$1({
             apiEndPoint: apiEndPoint,
             token: token,
             url: "/store"
           })).then(function (data) {
+            var _data$map, _data$find;
             setStoreData(data);
+            setSoreIdList((data === null || data === void 0 ? void 0 : (_data$map = data.map(function (data) {
+              return data === null || data === void 0 ? void 0 : data.id;
+            })) === null || _data$map === void 0 ? void 0 : _data$map.join(',')) || 1);
+            setDefaultStoreId((data === null || data === void 0 ? void 0 : (_data$find = data.find(function (data) {
+              return (data === null || data === void 0 ? void 0 : data.defaultStore) === true;
+            })) === null || _data$find === void 0 ? void 0 : _data$find.id) || 2);
           });
         }, function () {});
-        return _temp && _temp.then ? _temp.then(function () {}) : void 0;
+        return _temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp);
       } catch (e) {
         Promise.reject(e);
       }
@@ -4504,7 +4558,8 @@ var AccountDetails = function AccountDetails(_ref) {
           discountImageSection: discountImageSection,
           hideDiscountImage: hideDiscountImage,
           imgNotFoundUrl: imgNotFoundUrl,
-          hideInvoiceAction: hideInvoiceAction
+          hideInvoiceAction: hideInvoiceAction,
+          payInvoiceFromDashboard: payInvoiceFromDashboard
         });
       case 'My Profile':
         return /*#__PURE__*/React__default.createElement(MyProfile, {
@@ -4643,7 +4698,9 @@ var AccountDetails = function AccountDetails(_ref) {
         color: colors.fontColor
       }
     }
-  }, isNightMode ? /*#__PURE__*/React__default.createElement(md.MdDarkMode, null) : /*#__PURE__*/React__default.createElement(md.MdOutlineDarkMode, null)))), /*#__PURE__*/React__default.createElement("div", null, apiEndPoint && token && renderListItemComponent()))))));
+  }, isNightMode ? /*#__PURE__*/React__default.createElement(md.MdDarkMode, null) : /*#__PURE__*/React__default.createElement(md.MdOutlineDarkMode, null)))), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(DataLoader, {
+    loading: dataLoading
+  }, apiEndPoint && token && renderListItemComponent())))))));
 };
 var Root$5 = styled__default(material.Box)(_templateObject$n || (_templateObject$n = _taggedTemplateLiteralLoose(["\n  // background-image: url(", ");\n  // background-position: center;\n  // background-repeat: no-repeat;\n  // background-size: cover;\n  padding: 1.4rem;\n  background-color: ", ";\n"])), function (props) {
   var _props$theme;