@bjsdistribution/dms-client-return 0.0.7 → 0.0.9

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

@@ -1,5 +1,5 @@
 import React, { useEffect, useState, useMemo, useRef, Suspense } from 'react';
-import { useLocation, useParams, NavLink, useNavigate, Routes, Route, Navigate } from 'react-router-dom';
+import { useLocation, useParams, NavLink, useNavigate, Routes, Route } from 'react-router-dom';
 import styled, { css, keyframes } from 'styled-components';
 import { Label as Label$h, Input as Input$1, TextArea, FormSection, displayValueOrNA, SelectDropdown, dropdownStyles, RadioButtonGroup as RadioButtonGroup$1, Switch, Button as Button$1, useApiHook, getBaseEndpoint, formatDateTime, Alert, Checkbox as Checkbox$1, SectionHeader, CrossIcon, AntSelect, AntTable, CustomRating, DeleteIcon, CancelationModal, CancelAndCompleteAction, filterDropdownStyles, BackgroundModal as BackgroundModal$1, AntModal } from '@bjsdistribution/dms-component-library';
 import { useAtom, atom } from 'jotai';
@@ -10641,12 +10641,17 @@ var Container$1f = /*#__PURE__*/styled.div(_templateObject2$1I || (_templateObje
 var DashBoardWrapper$3 = /*#__PURE__*/styled.section(_templateObject3$Z || (_templateObject3$Z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  .Tableconatiner {\n    border-radius: 12px;\n    background: #fff;\n    box-shadow: -2px 0px 12px 0px rgba(56, 71, 109, 0.1);\n    display: block;\n    padding: 15px 20px;\n  }\n  .headerWrap,\n  .tableData,\n  .styleCovered {\n    transition: all ease 0.5s;\n  }\n  &.stickyTableHead {\n    h2 {\n      font-size: 21px;\n    }\n    .headerWrap {\n      height: 84px;\n      padding: 10px;\n      border-radius: 0px 0px 15px 15px;\n      > div {\n        position: relative;\n        z-index: 10;\n      }\n    }\n    .styleCovered {\n      margin-top: -32px;\n      width: 67%;\n      float: right;\n      gap: 5px;\n      padding-right: 11px;\n\n      li {\n        padding: 4px 10px 5px 5px;\n        gap: 5px;\n        .svgCover {\n          width: 30px;\n          height: 30px;\n          svg {\n            height: auto;\n            width: 58%;\n          }\n        }\n        .countDigit {\n          font-size: 19px;\n        }\n      }\n      .countMess {\n        font-size: 13px;\n      }\n    }\n    .dmsBulkFilter {\n      min-height: unset;\n      gap: 4px;\n      > div {\n        padding: 4px 12px;\n        label {\n          font-size: 11px;\n        }\n      }\n    }\n\n    .StyledFilterList {\n      gap: 4px;\n      li {\n        height: 29px;\n        padding: 3px 8px;\n        gap: 4px;\n        .StyledFilterBtnIcon {\n          width: 20px;\n          height: 20px;\n          svh {\n            width: 10px;\n            height: auto;\n          }\n        }\n        .StyledFilterBtnLabel {\n          font-size: 13px;\n        }\n      }\n    }\n    .StyledFilterLabel {\n      padding-left: 10px;\n      span {\n        font-size: 13px;\n      }\n    }\n    .cardcontainer.tableData {\n      max-height: calc(100vh - 310px);\n      min-height: calc(100vh - 310px);\n    }\n\n    .tableData {\n      max-height: calc(100vh - 320px);\n      min-height: calc(100vh - 320px);\n\n      margin-top: 8px;\n      thead {\n        position: sticky;\n        top: 0;\n        z-index: 9;\n        th {\n          font-size: 13px;\n          padding: 2px 15px;\n        }\n      }\n    }\n  }\n"])));
 
 function ReturnClient() {
+  var _selectedClientString;
   var LoadingMessage = function LoadingMessage() {
     return React.createElement("div", null, "Loading...");
   };
   var _useTableName = useTableName(),
     selectedClient = _useTableName[0];
   var navigate = useNavigate();
+  var selectedClientString = selectedClient == null ? void 0 : selectedClient.replace(/\s+/g, '-');
+  selectedClientString = (_selectedClientString = selectedClientString) == null ? void 0 : _selectedClientString.toLowerCase();
+  console.log(selectedClientString, 'selectedClient');
+  console.log("../return/:" + selectedClientString);
   useEffect(function () {
     if (!location.pathname.includes('/return')) {
       localStorage.removeItem('clientName');
@@ -10655,10 +10660,10 @@ function ReturnClient() {
   }, [location.pathname]);
   useEffect(function () {
     if (selectedClient) {
-      var selectedClientString = selectedClient.replace(/\s+/g, '-');
-      navigate("returnclient/return/" + selectedClientString);
+      var _selectedClientString2 = selectedClient.replace(/\s+/g, '-');
+      navigate("return/" + _selectedClientString2);
     }
-  }, [selectedClient, navigate]);
+  }, [selectedClient]);
   return React.createElement(Suspense, {
     fallback: React.createElement(LoadingMessage, null)
   }, React.createElement(Routes, null, React.createElement(Route, {
@@ -10671,13 +10676,8 @@ function ReturnClient() {
     path: "order-return/:id",
     element: React.createElement(OrderView, null)
   }), React.createElement(Route, {
-    path: "returnclient/return/:selectedClient",
+    path: "return/:name",
     element: React.createElement(ReturnTable, null)
-  }), React.createElement(Route, {
-    path: "",
-    element: selectedClient ? React.createElement(Navigate, {
-      to: "returnclient/return/" + selectedClient
-    }) : React.createElement(ReturnMainTable, null)
   })));
 }