@salesgenterp/ui-components 0.4.85 → 0.4.87

package/dist/index.js

@@ -3458,7 +3458,39 @@ var CheckoutPageComponent = function CheckoutPageComponent(_ref) {
   }));
 };
 
-var API_END_POINT = 'https://dev.salesgent.xyz/api';
+// A type of promise-like that resolves synchronously and supports only one observer
+
+const _iteratorSymbol = /*#__PURE__*/ typeof Symbol !== "undefined" ? (Symbol.iterator || (Symbol.iterator = Symbol("Symbol.iterator"))) : "@@iterator";
+
+const _asyncIteratorSymbol = /*#__PURE__*/ typeof Symbol !== "undefined" ? (Symbol.asyncIterator || (Symbol.asyncIterator = Symbol("Symbol.asyncIterator"))) : "@@asyncIterator";
+
+// Asynchronously call a function and send errors to recovery continuation
+function _catch(body, recover) {
+	try {
+		var result = body();
+	} catch(e) {
+		return recover(e);
+	}
+	if (result && result.then) {
+		return result.then(void 0, recover);
+	}
+	return result;
+}
+
+// Asynchronously await a promise and pass the result to a finally continuation
+function _finallyRethrows(body, finalizer) {
+	try {
+		var result = body();
+	} catch (e) {
+		return finalizer(true, e);
+	}
+	if (result && result.then) {
+		return result.then(finalizer.bind(null, false), finalizer.bind(null, true));
+	}
+	return finalizer(false, result);
+}
+
+var API_END_POINT = '';
 var STORAGE_KEYS = {
   ACCESS_TOKEN: 'accessToken',
   REFRESH_TOKEN: 'refreshToken',
@@ -3526,38 +3558,6 @@ var getLocalTime = function getLocalTime(_ref) {
   return convertedTime;
 };
 
-// A type of promise-like that resolves synchronously and supports only one observer
-
-const _iteratorSymbol = /*#__PURE__*/ typeof Symbol !== "undefined" ? (Symbol.iterator || (Symbol.iterator = Symbol("Symbol.iterator"))) : "@@iterator";
-
-const _asyncIteratorSymbol = /*#__PURE__*/ typeof Symbol !== "undefined" ? (Symbol.asyncIterator || (Symbol.asyncIterator = Symbol("Symbol.asyncIterator"))) : "@@asyncIterator";
-
-// Asynchronously call a function and send errors to recovery continuation
-function _catch(body, recover) {
-	try {
-		var result = body();
-	} catch(e) {
-		return recover(e);
-	}
-	if (result && result.then) {
-		return result.then(void 0, recover);
-	}
-	return result;
-}
-
-// Asynchronously await a promise and pass the result to a finally continuation
-function _finallyRethrows(body, finalizer) {
-	try {
-		var result = body();
-	} catch (e) {
-		return finalizer(true, e);
-	}
-	if (result && result.then) {
-		return result.then(finalizer.bind(null, false), finalizer.bind(null, true));
-	}
-	return finalizer(false, result);
-}
-
 var erLocalStorage = {
   setItem: function setItem(key, value) {
     localStorage.setItem(key, value);
@@ -3585,14 +3585,6 @@ var erLocalStorage = {
   }
 };
 
-var getJSONItem = erLocalStorage.getJSONItem;
-var loadCachedTableState = function loadCachedTableState(_ref2) {
-  var tableId = _ref2.tableId;
-  return (getJSONItem(STORAGE_KEYS.TABLE_STATE) || {})[tableId] || {
-    filters: {}
-  };
-};
-
 var ErCache = /*#__PURE__*/function () {
   function ErCache() {
     this.sessionStorage = typeof window !== 'undefined' ? window.sessionStorage : {};
@@ -3639,7 +3631,7 @@ var ErCache = /*#__PURE__*/function () {
 var erCache = new ErCache();
 
 var getItem = erLocalStorage.getItem,
-    getJSONItem$1 = erLocalStorage.getJSONItem,
+    getJSONItem = erLocalStorage.getJSONItem,
     setItem = erLocalStorage.setItem;
 var ACCESS_TOKEN = STORAGE_KEYS.ACCESS_TOKEN,
     REFRESH_TOKEN = STORAGE_KEYS.REFRESH_TOKEN;
@@ -3692,7 +3684,9 @@ var API = function API(apiData) {
         headers = _apiData$headers === void 0 ? {} : _apiData$headers,
         successMessage = apiData.successMessage,
         hideErrorMessage = apiData.hideErrorMessage,
-        responseTypeData = apiData.responseTypeData;
+        responseTypeData = apiData.responseTypeData,
+        apiEndPoint = apiData.apiEndPoint,
+        token = apiData.token;
     return Promise.resolve(_finallyRethrows(function () {
       return _catch(function () {
         function _temp2() {
@@ -3708,7 +3702,7 @@ var API = function API(apiData) {
         }
 
         var apiUrl = ("/" + url).replace(/\/\//g, '/');
-        var accessToken = getItem(ACCESS_TOKEN) || 'eyJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJzYWxlc2dlbnRlcnBAZ21haWwuY29tIiwidGllciI6MiwidXNlclR5cGUiOiJDdXN0b21lciIsInRva2VuVHlwZSI6ImFjY2VzcyIsInN0b3JlSWQiOjIsImV4cCI6MTY2NDk5MzU2OCwidXNlcklkIjoyNDU1LCJpYXQiOjE2NjQ5NTc1NjgsInJlc2V0UGFzc3dvcmRSZXF1aXJlZCI6ZmFsc2V9.AZ9BKlpRSQwQtTztiPu8VEYjd3N0zCa6lmKFEtXr8JU';
+        var accessToken = getItem(ACCESS_TOKEN) || token;
         var requestHeaders = headers;
 
         if (byPassAuthAPIs.indexOf(url) === -1) {
@@ -3729,7 +3723,7 @@ var API = function API(apiData) {
         if (apiUrl.indexOf('/services') === 0) {
           queryParams.token = accessToken;
         } else {
-          apiUrl = "" + API_END_POINT + apiUrl;
+          apiUrl = "" + (API_END_POINT || apiEndPoint) + apiUrl;
         }
 
         var _temp = function () {
@@ -3863,7 +3857,7 @@ var handle401Error = function handle401Error(_ref4) {
   try {
     return Promise.resolve(_catch(function () {
       var _accessToken$refreshT = {
-        accessToken: getJSONItem$1(ACCESS_TOKEN),
+        accessToken: getJSONItem(ACCESS_TOKEN),
         refreshToken: getItem(REFRESH_TOKEN)
       },
           oldAccessToken = _accessToken$refreshT.accessToken,
@@ -3950,6 +3944,29 @@ var handleError = function handleError(_ref6) {
   }
 };
 
+var getJSONItem$1 = erLocalStorage.getJSONItem;
+var loadCachedTableState = function loadCachedTableState(_ref2) {
+  var tableId = _ref2.tableId;
+  return (getJSONItem$1(STORAGE_KEYS.TABLE_STATE) || {})[tableId] || {
+    filters: {}
+  };
+};
+var getcsvData = function getcsvData(url) {
+  try {
+    return Promise.resolve(_catch(function () {
+      return Promise.resolve(API({
+        method: 'GET',
+        url: url,
+        responseTypeData: 'blob'
+      }));
+    }, function () {
+      message.error('Error in getting csv data.');
+    }));
+  } catch (e) {
+    return Promise.reject(e);
+  }
+};
+
 var _templateObject$9, _templateObject2$9, _templateObject3$9, _templateObject4$7, _templateObject5$7;
 
 var _excluded = ["apiData", "columns", "listUpdate", "onDataLoad", "expandedRowRender", "onDataLoadError", "pagination", "extraFilterParams", "setExtraFilterParams", "cacheFilters", "tableId", "asyncService", "tableDataList", "filterData"];
@@ -4211,76 +4228,12 @@ var TablePaginationContainer = styled(material.TablePagination)(_templateObject5
 
 var _templateObject$a, _templateObject2$a, _templateObject3$a, _templateObject4$8, _templateObject5$8, _templateObject6$7, _templateObject7$5, _templateObject8$2, _templateObject9$2;
 
-var openInvoiceData = function openInvoiceData(orderId) {};
-
-var downloadInvoice = function downloadInvoice(orderId) {
-  return Promise.resolve();
-};
-
-var columns = [{
-  id: 'orderId',
-  label: 'Order'
-}, {
-  id: 'insertedTimestamp',
-  label: 'Date',
-  format: function format(value) {
-    return getLocalTime({
-      time: value
-    });
-  }
-}, {
-  id: 'customerName',
-  label: 'Ship To'
-}, {
-  id: 'totalAmount',
-  label: 'Total Amount',
-  format: function format(value) {
-    return renderMoney(value);
-  }
-}, {
-  id: 'dueBalance',
-  label: 'Total Due',
-  format: function format(value) {
-    return renderMoney(value);
-  }
-}, {
-  id: 'status',
-  label: 'Status',
-  format: function format(value) {
-    return /*#__PURE__*/React__default.createElement(Fragment, null, value);
-  }
-}, {
-  id: 'trackingNumber',
-  label: 'Tracking Number',
-  format: function format(value, _ref) {
-    var trackingNumber = _ref.trackingNumber,
-        trackingNumberUrl = _ref.trackingNumberUrl;
-    return /*#__PURE__*/React__default.createElement("a", {
-      href: trackingNumberUrl,
-      target: '_blank'
-    }, trackingNumber);
-  }
-}, {
-  id: 'orderId',
-  label: 'Action',
-  align: 'center',
-  format: function format(value) {
-    return /*#__PURE__*/React__default.createElement(Fragment, null, /*#__PURE__*/React__default.createElement(material.Button, {
-      onClick: function onClick() {
-        return openInvoiceData();
-      }
-    }, /*#__PURE__*/React__default.createElement(md.MdRemoveRedEye, null)), /*#__PURE__*/React__default.createElement(material.Button, {
-      onClick: function onClick() {
-        return downloadInvoice();
-      }
-    }, /*#__PURE__*/React__default.createElement(md.MdOutlineFileDownload, null)));
-  }
-}];
-
-var Dashboard = function Dashboard(_ref2) {
+var Dashboard = function Dashboard(_ref) {
   var _customerData$custome, _customerData$custome2, _customerData$custome3, _customerData$custome4;
 
-  var primaryColor = _ref2.primaryColor;
+  var primaryColor = _ref.primaryColor,
+      apiEndPoint = _ref.apiEndPoint,
+      token = _ref.token;
 
   var _useState = React.useState({}),
       customerData = _useState[0],
@@ -4290,19 +4243,120 @@ var Dashboard = function Dashboard(_ref2) {
       dashboardData = _useState2[0],
       setDashboardData = _useState2[1];
 
-  React.useEffect(function () {
+  var getJSONItem = erLocalStorage.getJSONItem;
+  var STORE_IDS = STORAGE_KEYS.STORE_IDS;
+
+  var openInvoiceData = function openInvoiceData(orderId) {};
+
+  var downloadInvoice = function downloadInvoice(orderId) {
     try {
-      try {
-        API.get('/ecommerce/customer').then(function (response) {
-          setCustomerData(response);
-        });
-        API.get('/ecommerce/dashboard').then(function (response) {
-          setDashboardData(response);
-        });
-      } catch (error) {}
+      var _getStoreIdsData$stor;
+
+      var getStoreIdsData = getJSONItem(STORE_IDS);
+      var storeIdList = (getStoreIdsData === null || getStoreIdsData === void 0 ? void 0 : (_getStoreIdsData$stor = getStoreIdsData.storeIds) === null || _getStoreIdsData$stor === void 0 ? void 0 : _getStoreIdsData$stor.map(function (data) {
+        return data.id;
+      }).join(',')) || 1;
+      var url1 = "/ecommerce/order/" + orderId + "/export/csv?storeIds=" + storeIdList;
+      return Promise.resolve(getcsvData(url1)).then(function (data) {
+        if (data) {
+          var blob = new Blob([data]);
+          var url = window.URL.createObjectURL(blob);
+          var link = document.createElement('a');
+          link.href = url;
+          link.setAttribute('download', "invoice-" + orderId + ".xlsx");
+          document.body.appendChild(link);
+          link.click();
+        }
+      });
     } catch (e) {
-      Promise.reject(e);
+      return Promise.reject(e);
+    }
+  };
+
+  var columns = [{
+    id: 'orderId',
+    label: 'Order'
+  }, {
+    id: 'insertedTimestamp',
+    label: 'Date',
+    format: function format(value) {
+      return getLocalTime({
+        time: value
+      });
+    }
+  }, {
+    id: 'customerName',
+    label: 'Ship To'
+  }, {
+    id: 'totalAmount',
+    label: 'Total Amount',
+    format: function format(value) {
+      return renderMoney(value);
+    }
+  }, {
+    id: 'dueBalance',
+    label: 'Total Due',
+    format: function format(value) {
+      return renderMoney(value);
+    }
+  }, {
+    id: 'status',
+    label: 'Status',
+    format: function format(value) {
+      return /*#__PURE__*/React__default.createElement(Fragment, null, value);
     }
+  }, {
+    id: 'trackingNumber',
+    label: 'Tracking Number',
+    format: function format(value, _ref2) {
+      var trackingNumber = _ref2.trackingNumber,
+          trackingNumberUrl = _ref2.trackingNumberUrl;
+      return /*#__PURE__*/React__default.createElement("a", {
+        href: trackingNumberUrl,
+        target: '_blank'
+      }, trackingNumber);
+    }
+  }, {
+    id: 'orderId',
+    label: 'Action',
+    align: 'center',
+    format: function format(value) {
+      return /*#__PURE__*/React__default.createElement(Fragment, null, /*#__PURE__*/React__default.createElement(material.Button, {
+        onClick: function onClick() {
+          return openInvoiceData();
+        }
+      }, /*#__PURE__*/React__default.createElement(md.MdRemoveRedEye, null)), /*#__PURE__*/React__default.createElement(material.Button, {
+        onClick: function onClick() {
+          return downloadInvoice(value);
+        }
+      }, /*#__PURE__*/React__default.createElement(md.MdOutlineFileDownload, null)));
+    }
+  }];
+  React.useEffect(function () {
+    (function () {
+      try {
+        var _temp2 = _catch(function () {
+          return Promise.resolve(API({
+            url: "/ecommerce/customer",
+            apiEndPoint: apiEndPoint,
+            token: token
+          })).then(function (customerDataResponse) {
+            setCustomerData(customerDataResponse);
+            return Promise.resolve(API({
+              url: "/ecommerce/dashboard",
+              apiEndPoint: apiEndPoint,
+              token: token
+            })).then(function (dashboardDataResponse) {
+              setDashboardData(dashboardDataResponse);
+            });
+          });
+        }, function () {});
+
+        return _temp2 && _temp2.then ? _temp2.then(function () {}) : void 0;
+      } catch (e) {
+        Promise.reject(e);
+      }
+    })();
   }, []);
   var totalDataSource = convertCamCaseToSnake(dashboardData);
   return /*#__PURE__*/React__default.createElement(Root, null, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(TitleContainer, {
@@ -4408,7 +4462,9 @@ var Dashboard = function Dashboard(_ref2) {
     tableId: "master-child-map",
     columns: columns,
     apiData: {
-      url: "/ecommerce/dashboard/orderTable"
+      url: "/ecommerce/dashboard/orderTable",
+      apiEndPoint: apiEndPoint,
+      token: token
     },
     rowKey: 'masterProductId'
   })));
@@ -4540,7 +4596,11 @@ var SideMenu = function SideMenu() {
 var _templateObject$c, _templateObject2$b, _templateObject3$b;
 
 var AccountDetails = function AccountDetails(_ref) {
-  var _ref$primaryColor = _ref.primaryColor,
+  var _ref$apiEndPoint = _ref.apiEndPoint,
+      apiEndPoint = _ref$apiEndPoint === void 0 ? 'https://dev.salesgent.xyz/api' : _ref$apiEndPoint,
+      _ref$token = _ref.token,
+      token = _ref$token === void 0 ? 'eyJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJzYWxlc2dlbnRlcnBAZ21haWwuY29tIiwidGllciI6MiwidXNlclR5cGUiOiJDdXN0b21lciIsInRva2VuVHlwZSI6ImFjY2VzcyIsInN0b3JlSWQiOjIsImV4cCI6MTY2NDk5MzU2OCwidXNlcklkIjoyNDU1LCJpYXQiOjE2NjQ5NTc1NjgsInJlc2V0UGFzc3dvcmRSZXF1aXJlZCI6ZmFsc2V9.AZ9BKlpRSQwQtTztiPu8VEYjd3N0zCa6lmKFEtXr8JU' : _ref$token,
+      _ref$primaryColor = _ref.primaryColor,
       primaryColor = _ref$primaryColor === void 0 ? '#BF262D' : _ref$primaryColor;
   return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(material.CssBaseline, null), /*#__PURE__*/React__default.createElement(Root$1, {
     primaryColor: primaryColor
@@ -4549,8 +4609,10 @@ var AccountDetails = function AccountDetails(_ref) {
     primaryColor: primaryColor
   }, /*#__PURE__*/React__default.createElement(SideMenu, {
     primaryColor: primaryColor
-  })), /*#__PURE__*/React__default.createElement(Main, null, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(Dashboard, {
-    primaryColor: primaryColor
+  })), /*#__PURE__*/React__default.createElement(Main, null, /*#__PURE__*/React__default.createElement("div", null, apiEndPoint && token && /*#__PURE__*/React__default.createElement(Dashboard, {
+    primaryColor: primaryColor,
+    apiEndPoint: apiEndPoint,
+    token: token
   })))));
 };
 var Root$1 = styled.div(_templateObject$c || (_templateObject$c = _taggedTemplateLiteralLoose(["\n  display: flex;\n  background-color: ", "30;\n"])), function (props) {