@bjsdistribution/dms-client-return 0.0.89 → 0.0.91

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.0.89",
+  "version": "0.0.91",
   "license": "MIT",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",
@@ -59,7 +59,7 @@
     "testEnvironment": "jest-environment-jsdom-sixteen"
   },
   "devDependencies": {
-    "@bjsdistribution/dms-component-library": "0.1.82",
+    "@bjsdistribution/dms-component-library": "0.1.87",
     "@size-limit/preset-small-lib": "^11.0.1",
     "@tippyjs/react": "^4.2.6",
     "@types/react": "^18.2.47",

package/src/components/order-daily-overview/return-after-table/table/OrderTable.tsx

@@ -24,7 +24,6 @@ import {
 import styled from 'styled-components';
 import { useApiHook } from '@bjsdistribution/dms-component-library';
 import { ApiResponse } from '../../common/interface';
-import Loader from '../../header/loader/Loader';
 import CaretDownFilledIcon from '../../../../common/CaretDownFilledIcon';
 import SortIcon from '../../../../common/SortIcon';
 
@@ -163,7 +162,6 @@ const OrderTable = () => {
   const {
     data: actionResponse,
     setShouldPerformAction: setAssignAction,
-    loading: AssignLoading,
     error: apiError,
   } = useApiHook<{
     data: ApiResponse[];
@@ -212,7 +210,6 @@ const OrderTable = () => {
 
   return (
     <>
-      {AssignLoading && <Loader />}
       <StyledTableWrapper className="fortables">
         <StyledTable>
           <thead>

package/src/components/order-daily-overview/return-order-table/return-orders-filters/ReturnOrderTable.tsx

@@ -7,7 +7,6 @@ import {
   useGroupedPayload,
   useLocationData,
   useNewReturnPayload,
-  usePostLoading,
   useReturnPayload,
   useSelectAll,
   useSelectedOrders,
@@ -27,7 +26,6 @@ import { filtersReducerAtom } from '../../header-filters/filterStore';
 import { displayValueOrNA } from '../../shared/utlis';
 import PrintDropDownReturn from '../../../order-view/details-filters/left-side-filters/dropdowns/PrintDropDownReturn';
 import { format } from 'date-fns';
-import Loader from '../../header/loader/Loader';
 import CaretDownFilledIcon from '../../../../common/CaretDownFilledIcon';
 import SortIcon from '../../../../common/SortIcon';
 const ReturnOrderTable = () => {
@@ -38,7 +36,7 @@ const ReturnOrderTable = () => {
   const { 'x-filters': filters, 'x-pagination': pagination } = state;
   const [returnData, setReturnData] = useReturnData();
   const [load, setLoading] = useLoading();
-  const [postLoading] = usePostLoading();
+  // const [postLoading] = usePostLoading();
   const dropdownRefParent = useRef<HTMLDivElement>(null);
   const dropdownRef = useRef<HTMLDivElement>(null);
   const [printToogle, setPrintToggle] = usePrintOptionTOggle();
@@ -318,7 +316,6 @@ const ReturnOrderTable = () => {
 
   return (
     <>
-      {postLoading && <Loader />}
       <StyledTableWrapper className="fortables">
         <StyledTable>
           <thead>

package/src/components/order-daily-overview/table/ReturnTable.tsx

@@ -19,7 +19,6 @@ import { filtersReducerAtom } from '../header-filters/filterStore';
 import { useCustomerData } from '../../store';
 import SortIcon from '../../../common/SortIcon';
 import CaretDownFilledIcon from '../../../common/CaretDownFilledIcon';
-import Loader from '../header/loader/Loader';
 
 interface ApiResponse {
   message: string;
@@ -177,7 +176,6 @@ const ReturnTable: React.FC = () => {
 
   return (
     <>
-      {statsLoading && <Loader />}
       <StyledTableWrapper>
         <StyledTable>
           <thead>

package/src/components/order-view/flags-action-modal/Actions.tsx

@@ -3,33 +3,49 @@ import styled from 'styled-components';
 import {
   Button,
   RadioButtonGroup,
+  useAxios,
 } from '@bjsdistribution/dms-component-library';
-
-import {
-  useFlagsLoading,
-  useSingleFlagData,
-  useSinglePayload,
-} from '../order-actions/store';
+import { useSingleFlagData, useSinglePayload } from '../order-actions/store';
 import { useCurrentAction } from '../store';
 import Tippy from '@tippyjs/react';
-import useUpdateFlag from '../order-actions/hooks/useUpdateFlag';
-import useFetchUnresolvedTasks from '../order-actions/hooks/useAllTaskData';
+import { notification } from 'antd';
+import { ApiResponse } from '../types';
 
-function ActionSection() {
+function ActionSection({ callUnresolvedTaskApi }: any) {
   const [, setCurrentAction] = useCurrentAction();
   const [payload] = useSinglePayload();
   const [dataArray] = useSingleFlagData();
-  const fetchData = useFetchUnresolvedTasks();
-  const [, setLoading] = useFlagsLoading();
 
-  const updateFlag = useUpdateFlag();
+  //flag PUT API
+  const { fetchData: callFlagUpdateAPI } = useAxios<{
+    data: ApiResponse[];
+  }>({
+    endpoint: `/tasks/update/`,
+    method: 'PUT',
+  });
 
   const onSubmit = async () => {
-    setLoading(true);
-    await updateFlag([payload]);
-    setCurrentAction(undefined);
-    setLoading(false);
-    await fetchData();
+    let response = (await callFlagUpdateAPI({
+      payload: [payload],
+    })) as {
+      code: number | null;
+      error?: string | null | undefined;
+      [key: string]: any;
+    };
+    if (response.code == 200 && response.data) {
+      notification.success({
+        message: 'Success',
+        description: `${response.message}`,
+      });
+      setCurrentAction(undefined);
+      await callUnresolvedTaskApi();
+    }
+    if (response?.code == null && response.error) {
+      return notification.error({
+        message: 'Failure',
+        description: `${response.error}`,
+      });
+    }
   };
 
   const onCancel = () => {

package/src/components/order-view/flags-action-modal/Header.tsx

@@ -4,20 +4,27 @@ import {
   CancelAndCompleteAction,
   CancelationModal,
   CrossIcon,
+  useAxios,
 } from '@bjsdistribution/dms-component-library';
 import { useResolvedPayload, useSingleFlagData } from '../order-actions/store';
-import useUpdateFlag from '../order-actions/hooks/useUpdateFlag';
 import { useCurrentAction } from '../store';
-import useFetchUnresolvedTasks from '../order-actions/hooks/useAllTaskData';
+import { notification } from 'antd';
+import { ApiResponse } from '../types';
 
-function HeaderSection() {
+function HeaderSection({ callUnresolvedTaskApi }: any) {
   const [dataArray] = useSingleFlagData();
   const [forResolvedPayload, setPayload] = useResolvedPayload();
   const [, setCurrentAction] = useCurrentAction();
-  const updateFlag = useUpdateFlag();
-  const fetchData = useFetchUnresolvedTasks();
   const [isModalOpen, setIsModalOpen] = useState(false);
 
+  //flag PUT API
+  const { fetchData: callFlagUpdateAPI } = useAxios<{
+    data: ApiResponse[];
+  }>({
+    endpoint: `/tasks/update/`,
+    method: 'PUT',
+  });
+
   useEffect(() => {
     if (dataArray) {
       setPayload({
@@ -37,10 +44,28 @@ function HeaderSection() {
   };
 
   const saveButton = async () => {
-    await updateFlag([forResolvedPayload]);
-    await fetchData();
-    setIsModalOpen(false); // Close modal after API call
-    onCancel()
+    let response = (await callFlagUpdateAPI({
+      payload: [forResolvedPayload],
+    })) as {
+      code: number | null;
+      error?: string | null | undefined;
+      [key: string]: any;
+    };
+    if (response.code == 200 && response.data) {
+      notification.success({
+        message: 'Success',
+        description: `${response?.message}`,
+      });
+      setIsModalOpen(false); // Close modal after API call
+      setCurrentAction(undefined);
+      await callUnresolvedTaskApi();
+    }
+    if (response?.code == null && response.error) {
+      return notification.error({
+        message: 'Failure',
+        description: `${response?.error}`,
+      });
+    }
   };
 
   const onCancel = () => {

package/src/components/order-view/flags-action-modal/index.tsx

@@ -3,6 +3,7 @@ import styled from 'styled-components';
 import {
   BackgroundModal,
   useApiHook,
+  useAxios,
 } from '@bjsdistribution/dms-component-library';
 import HeaderSection from './Header';
 import TextSection from './TextSection';
@@ -13,7 +14,6 @@ import {
   useCategoryData,
   useDepartmentData,
   useFlagRefId,
-  useFlagsLoading,
   useSingleFlagData,
   useSinglePayload,
   useTaskPriority,
@@ -21,8 +21,6 @@ import {
   useTaskTypeExtended,
 } from '../order-actions/store';
 import DetailSection from './DetailSection';
-import Loader from '../../order-daily-overview/header/loader/Loader';
-import useFetchSingleFlagsData from '../order-actions/hooks/useFetchSingleFlagData';
 import { allTypes } from '../order-actions/types';
 
 interface ApiResponse {
@@ -36,10 +34,8 @@ interface ApiResponse {
 function ViewFlag() {
   const [dataArray, setSingleFlag] = useSingleFlagData();
   const [flagRefId] = useFlagRefId();
-  //const [ssoToken] = useSsoToken();
-  const [loading, setLoading] = useFlagsLoading();
   const [payload, setPayload] = useSinglePayload();
-  const fetchData = useFetchSingleFlagsData();
+  // const fetchData = useFetchSingleFlagsData();
   const [staticData, setStaticData] = useAllStaticData();
   const [, setPriority] = useTaskPriority();
   const [, setTaskCategory] = useCategoryData();
@@ -47,6 +43,25 @@ function ViewFlag() {
   const [, setTaskTypeExtended] = useTaskTypeExtended();
   const [, setDepartmentData] = useDepartmentData();
 
+  //single flag data
+  const {
+    data: singleFlagData,
+    fetchData: fetchedSingleFlagData,
+    loading,
+  } = useAxios<ApiResponse>({
+    endpoint: `/tasks/${flagRefId}`,
+    method: 'GET',
+  });
+
+  //Unresolved API
+  const { fetchData: callUnresolvedTaskApi } = useAxios<{
+    data: ApiResponse[];
+  }>({
+    endpoint: `/tasks/`,
+    method: 'GET',
+    pagination: { is_pagination: false },
+  });
+
   // API Call
   const { data: fetchedStaticData } = useApiHook<ApiResponse>({
     endpoint: `/tasks/getStaticData/all/`,
@@ -72,17 +87,18 @@ function ViewFlag() {
     }
   }, [staticData]);
 
-  const fetchAndSetSingleFlagData = async () => {
-    setLoading(true);
-    const result = await fetchData();
-    setSingleFlag(result);
-    setLoading(false);
-  };
-
   useEffect(() => {
-    fetchAndSetSingleFlagData();
+    if (flagRefId) {
+      fetchedSingleFlagData();
+    }
   }, [flagRefId]);
 
+  useEffect(() => {
+    if (singleFlagData && singleFlagData?.data) {
+      setSingleFlag(singleFlagData?.data[0]);
+    }
+  }, [loading]);
+
   useEffect(() => {
     setPayload({
       ...payload,
@@ -97,19 +113,20 @@ function ViewFlag() {
 
   return (
     <>
-      <BackgroundModals>
-        {dataArray && loading && <Loader />}
-        <MainContainer>
-          <HeaderSection />
-          <DetailSection />
-          <TextSection />
-          <ButtonsSection />
-          <SectionsContainer>
-            <ActionSection />
-            <RadioButtonsSection />
-          </SectionsContainer>
-        </MainContainer>
-      </BackgroundModals>
+      {dataArray && (
+        <BackgroundModals>
+          <MainContainer>
+            <HeaderSection callUnresolvedTaskApi={callUnresolvedTaskApi} />
+            <DetailSection />
+            <TextSection />
+            <ButtonsSection />
+            <SectionsContainer>
+              <ActionSection callUnresolvedTaskApi={callUnresolvedTaskApi} />
+              <RadioButtonsSection />
+            </SectionsContainer>
+          </MainContainer>
+        </BackgroundModals>
+      )}
     </>
   );
 }

package/src/components/order-view/index.tsx

@@ -6,8 +6,7 @@ import SystemLogs from './system-event-logs/expanded-content';
 import GeneralHeader from './general-information';
 import ProductsInfo from './products-info';
 import OrderActions from './order-actions';
-import { useApiHook } from '@bjsdistribution/dms-component-library';
-
+import { useApiHook, useAxios } from '@bjsdistribution/dms-component-library';
 import {
   useOrderDetails,
   useOrderStaticData,
@@ -16,7 +15,6 @@ import {
   useDepotOptions,
   usePrevOrderDetails,
   useOrderProductsResources,
-  // useOrderProductsToolbox,
   useCustomerInfo,
   useLocationOptions,
   useOrderProductSystemLogs,
@@ -31,9 +29,7 @@ import {
 } from './store';
 import { OrdersType } from './types';
 import { useLocation } from 'react-router-dom';
-import useSystemLogs from './hooks/useGetSystemLogs';
 import { notification } from 'antd';
-// import { useAssignData } from '../store';
 import DetailsFilters from './details-filters/DetailsFilters';
 import { useSubContracterData, useVisibilityData } from '../store';
 import Notification from './notification';
@@ -65,22 +61,41 @@ function OrderView() {
   const [, setCustomerInfo] = useCustomerInfo();
   const [, setLocationOptions] = useLocationOptions();
   const [orderResources, setOrderResources] = useOrderProductsResources();
-  // const [orderToolbox, setOrderToolbox] = useOrderProductsToolbox();
   const [GsitCUstomerId, setGsitCUstomerId] = useGsitCUstomerId();
   const [, setOrderProductId] = useOrderProductId();
   const [, setCUstomerId] = useCUstomerId();
   const [, setRouteId] = useRouteId();
   const [liveRecalling] = useLiveRecalling();
-  const systemLogsData = useSystemLogs();
   const [, setVisibilityData] = useVisibilityData();
   const [, setSubContracterData] = useSubContracterData();
   const [recallOrders] = useGlobalStateHitOrder();
   const [, setStatusVal] = useAllOrderStatus();
+  const gsitId = orderDetails?.gsit_order_id;
 
   useEffect(() => {
     setStatusVal(orderDetails?.status_value);
   }, [orderDetails?.status_value]);
 
+  //get system event logs
+  const {
+    data: fetchedSystemLogsData,
+    fetchData: callSystemLogsAPI,
+    loading: logsLoading,
+  } = useAxios<{
+    data: any[];
+  }>({
+    endpoint: `/events/get/event/`,
+    method: 'GET',
+    pagination: { page: 1, per_page: 100 },
+    filters: [
+      {
+        field: 'object_id',
+        op: '=',
+        value: `${gsitId}`,
+      },
+    ],
+  });
+
   // query param
   const location = useLocation();
   const [filters, setFilters] = useState<
@@ -131,7 +146,6 @@ function OrderView() {
       }
     } else {
       const paths = location.pathname.split('/');
-      console.log(paths[paths.length - 1], 'paths');
       setOrderId(paths[paths.length - 1]);
     }
   }, [location.search, loadingExternal]);
@@ -359,25 +373,23 @@ function OrderView() {
       setLocationOptions(locationOptions);
     }
   }, [dataLoading]);
-  let gsitId = orderDetails?.gsit_order_id;
   const [, setSystemLogsEvents] = useOrderProductSystemLogs();
 
-  const fetchReminderData = async () => {
-    const result = await systemLogsData();
-    setSystemLogsEvents(result);
-  };
+  useEffect(() => {
+    if (fetchedSystemLogsData && fetchedSystemLogsData?.data) {
+      setSystemLogsEvents(fetchedSystemLogsData?.data);
+    }
+  }, [logsLoading]);
 
   useEffect(() => {
     if (gsitOrderId) {
-      fetchReminderData();
+      callSystemLogsAPI();
     }
     return () => {
       setGsitOrderId(undefined);
     };
   }, [gsitId]);
 
-  console.log(orderId, 'orderId');
-
   const { data: fetchedSubcontractotData, loading: apiLoading } = useApiHook<{
     data: ApiResponse[];
   }>({

package/src/components/order-view/notes/AddNote.tsx

@@ -1,33 +1,35 @@
 import {
   Button,
   Label,
+  useAxios,
   // SelectDropdown,
 } from '@bjsdistribution/dms-component-library';
 import React, { useEffect, useState } from 'react';
 import styled from 'styled-components';
-// import NoteType from './NoteType';
-import { getBaseEndpoint } from '@bjsdistribution/dms-component-library';
-import { getCookie } from '../utils';
 import { useLocation } from 'react-router-dom';
 import { useGlobalStateHitAuditLog, usemoduleIds, useOrderId } from '../store';
 import { notification } from 'antd';
 import NoteType from './NoteType';
 import { useSelectedData } from '../../store';
+import { ApiResponse } from '../types';
 
 function AddNote() {
   const [noteText, setNoteText] = useState('');
   const [orderId] = useOrderId();
-
   const location = useLocation();
   const pathname = location.pathname;
   const orderIdLocaation = pathname.split('/')[1];
-
-  const ssoToken = getCookie('id_token');
   const [moduleIds] = usemoduleIds();
   const [, setRecallAuditLog] = useGlobalStateHitAuditLog();
   const [selected] = useSelectedData();
 
   // Save New Note
+  const { fetchData: callAuditLogs } = useAxios<{
+    data: ApiResponse[];
+  }>({
+    endpoint: `/audit_logs/orders/`,
+    method: 'POST',
+  });
 
   const [notificationData, setNotificationData] = useState<{
     type: 'success' | 'error';
@@ -38,7 +40,6 @@ function AddNote() {
   const saveNote = async () => {
     setRecallAuditLog(false);
     if (!noteText) return;
-    const endpoint = `${getBaseEndpoint()}/audit_logs/orders/`;
     const payload = {
       audit_logs: [
         {
@@ -54,30 +55,25 @@ function AddNote() {
         },
       ],
     };
-
     try {
-      const response = await fetch(endpoint, {
-        method: 'POST',
-        headers: {
-          'Content-Type': 'application/json',
-          Authorization: `Bearer ${ssoToken}`,
-        },
-        body: JSON.stringify(payload),
-      });
-
-      // setNoteLoadingStore(false);
-
-      if (response.ok) {
+      let response = (await callAuditLogs({
+        payload: payload,
+      })) as {
+        code: number | null;
+        error?: string | null | undefined;
+        [key: string]: any;
+      };
+      if (response.code == 200 && response?.data) {
         notification.success({
           message: 'Success',
-          description: 'Note saved successfully.',
+          description: `${response?.message}`,
         });
         setNoteText('');
         setRecallAuditLog(true);
       } else {
         notification.error({
           message: 'Error',
-          description: 'Failed to save note.',
+          description: `${response?.error}`,
         });
       }
     } catch (error) {