@bjsdistribution/dms-client-return 0.0.43 → 0.0.45

package/dist/dms-client-return.esm.js

@@ -8930,7 +8930,7 @@ function SelectionFilter() {
     }
   }, [accountNumber, urlCustomerId]);
   useEffect(function () {
-    if (urlCustomerId && (clientOptions == null ? void 0 : clientOptions.length) > 0) {
+    if (urlCustomerId) {
       var filteredClient = clientOptions == null ? void 0 : clientOptions.find(function (client) {
         return (client == null ? void 0 : client.value) == urlCustomerId;
       });
@@ -8985,8 +8985,8 @@ function SelectionFilter() {
     }) : []);
     setLocationOptions(Array.isArray(clientLocations) ? clientLocations == null ? void 0 : clientLocations.map(function (location) {
       return {
-        label: location,
-        value: location
+        label: location == null ? void 0 : location.location_name,
+        value: location == null ? void 0 : location.token
       };
     }) : []);
     //client value
@@ -9127,7 +9127,7 @@ function SelectionFilter() {
     placeholder: "Select Location",
     onChange: handleLocationChange,
     style: {
-      minWidth: '14vw'
+      minWidth: '150px'
     },
     allowClear: true,
     mode: "multiple"
@@ -10378,6 +10378,46 @@ var OrderTable = function OrderTable(_ref) {
     setAssign = _useState[1];
   var _useCallApiAgain = useCallApiAgain(),
     setCallAPi = _useCallApiAgain[1];
+  //sorting
+  var _useState2 = useState(null),
+    sortConfig = _useState2[0],
+    setSortConfig = _useState2[1];
+  var handleSort = function handleSort(key) {
+    setSortConfig(function (prev) {
+      if ((prev == null ? void 0 : prev.key) === key && prev.direction === 'asc') {
+        return {
+          key: key,
+          direction: 'desc'
+        };
+      }
+      return {
+        key: key,
+        direction: 'asc'
+      };
+    });
+  };
+  var sortedData = useMemo(function () {
+    if (!returnAfterOrder || !sortConfig) return returnAfterOrder;
+    var key = sortConfig.key,
+      direction = sortConfig.direction;
+    return [].concat(returnAfterOrder).sort(function (a, b) {
+      var valueA = a[key];
+      var valueB = b[key];
+      if (typeof valueA === 'number' && typeof valueB === 'number') {
+        return direction === 'asc' ? valueA - valueB : valueB - valueA;
+      }
+      if (typeof valueA === 'string' && typeof valueB === 'string') {
+        return direction === 'asc' ? valueA.localeCompare(valueB) : valueB.localeCompare(valueA);
+      }
+      return 0;
+    });
+  }, [returnAfterOrder, sortConfig]);
+  var renderSortIcon = function renderSortIcon(columnKey) {
+    if (!sortConfig || sortConfig.key !== columnKey) {
+      return React.createElement(SortIcon, null);
+    }
+    return sortConfig.direction === 'asc' ? React.createElement(CaretDownFilledIcon, null) : React.createElement(CaretDownFilledIcon, null);
+  };
   var OpenDropDown = function OpenDropDown(index) {
     setPrintToggle(function (prevIndex) {
       return prevIndex === index ? null : index;
@@ -10513,7 +10553,37 @@ var OrderTable = function OrderTable(_ref) {
   }, [actionResponse, apiError]);
   return React.createElement(React.Fragment, null, AssignLoading && React.createElement(Loader, null), React.createElement(StyledTableWrapper, {
     className: "fortables"
-  }, React.createElement(StyledTable$1, null, React.createElement("thead", null, React.createElement("tr", null, React.createElement("th", null, "Created"), React.createElement("th", null, "Return Location"), React.createElement("th", null, "Pick Up Location"), React.createElement("th", null, "Recipient"), React.createElement("th", null, " Client"), React.createElement("th", null, "Consignment"), React.createElement("th", null, "Return Order No"), React.createElement("th", null, " Total Parts"), React.createElement("th", null, "Total Weight"), React.createElement("th", null, "Total CBM"), React.createElement("th", null, "Assign"), React.createElement("th", null, "Status"), React.createElement("th", {
+  }, React.createElement(StyledTable$1, null, React.createElement("thead", null, React.createElement("tr", null, React.createElement("th", {
+    onClick: function onClick() {
+      return handleSort('created_at');
+    }
+  }, React.createElement("div", {
+    className: "sortIconClass"
+  }, "Created ", renderSortIcon('created_at'))), React.createElement("th", {
+    onClick: function onClick() {
+      return handleSort('return_locations.location_name');
+    }
+  }, React.createElement("div", {
+    className: "sortIconClass"
+  }, "Return Location", ' ', renderSortIcon('return_locations.location_name'))), React.createElement("th", null, "Pick Up Location"), React.createElement("th", {
+    onClick: function onClick() {
+      return handleSort('order_recipient.recipient_name');
+    }
+  }, React.createElement("div", {
+    className: "sortIconClass"
+  }, "Recipient ", renderSortIcon('order_recipient.recipient_name'))), React.createElement("th", null, " Client"), React.createElement("th", null, "Consignment"), React.createElement("th", null, "Return Order No"), React.createElement("th", null, " Total Parts"), React.createElement("th", {
+    onClick: function onClick() {
+      return handleSort('weight');
+    }
+  }, React.createElement("div", {
+    className: "sortIconClass"
+  }, "Total Weight ", renderSortIcon('weight'))), React.createElement("th", {
+    onClick: function onClick() {
+      return handleSort('cube');
+    }
+  }, React.createElement("div", {
+    className: "sortIconClass"
+  }, "Total CBM ", renderSortIcon('cube'))), React.createElement("th", null, "Assign"), React.createElement("th", null, "Status"), React.createElement("th", {
     className: "emailInvoiceShare"
   }, "Labels"))), React.createElement("tbody", null, loadingskeleton ? React.createElement("tr", null, React.createElement("td", {
     colSpan: 16
@@ -10521,9 +10591,9 @@ var OrderTable = function OrderTable(_ref) {
     active: true
   })), React.createElement("td", {
     colSpan: 16
-  })) : (returnAfterOrder == null ? void 0 : returnAfterOrder.length) === 0 ? React.createElement("tr", null, React.createElement("td", {
+  })) : (sortedData == null ? void 0 : sortedData.length) === 0 ? React.createElement("tr", null, React.createElement("td", {
     colSpan: 16
-  }, React.createElement(EmptyDataContainer$1, null, React.createElement(Empty, null)))) : returnAfterOrder == null ? void 0 : returnAfterOrder.map(function (item, index) {
+  }, React.createElement(EmptyDataContainer$1, null, React.createElement(Empty, null)))) : sortedData == null ? void 0 : sortedData.map(function (item, index) {
     var _item$return_location, _item$order_recipient, _item$order_recipient2, _item$customer_data;
     var statusMapping = {
       cancelled: 'Cancelled',
@@ -11528,9 +11598,9 @@ var ReturnTable$1 = function ReturnTable() {
         fontWeight: (key == null ? void 0 : key.RTS) > 0 ? 600 : 'normal',
         cursor: (key == null ? void 0 : key.RTS) > 0 ? 'pointer' : 'default'
       },
-      onClick: function onClick() {
+      onClick: (key == null ? void 0 : key.RTS) > 0 ? function () {
         return handleRedirectRTS(key == null ? void 0 : key.customer_id, 'RTS');
-      }
+      } : undefined
     }, React.createElement(ColumStyle, null, React.createElement(GreyBox, {
       style: {
         backgroundColor: (key == null ? void 0 : key.RTS) > 0 ? 'rgba(99, 150, 229, 0.1)' : 'rgba(153, 153, 153, 0.1)'