@bjsdistribution/dms-client-return 0.0.89 → 0.0.91

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

@@ -1,21 +1,20 @@
 import {
   SectionHeader,
   useApiHook,
+  useAxios,
 } from '@bjsdistribution/dms-component-library';
 import React, { useEffect, useState } from 'react';
 import Tabs from './Tabs';
 import styled from 'styled-components';
 import { useInfoType, useOrderDetails, useTabType } from '../store';
 import NotifyFlag from '../../../assets/icons/NotifyFlag';
-import useFetchUnresolvedTasks from '../order-actions/hooks/useAllTaskData';
 import {
   useNotificationData,
   useOrderNotify,
   useReminderNotiData,
   useRouteDetails,
-  useTaskLoading,
+  // useTaskLoading,
 } from '../order-actions/store';
-import useFetchReminders from '../order-actions/hooks/useAllReminderData';
 
 interface ApiResponse {
   message: string;
@@ -29,11 +28,9 @@ interface ApiResponse {
 function Notification() {
   const [activeTab, setActiveTab] = useTabType();
   const [, setShowMoreInfo] = useInfoType();
-  const TaskData = useFetchUnresolvedTasks();
-  const ReminderData = useFetchReminders();
   const [OrderData] = useOrderDetails();
   const [notificationData, setNotififcationData] = useNotificationData();
-  const [flagLoading] = useTaskLoading();
+  // const [flagLoading] = useTaskLoading();
   const [reminderData, setReminderData] = useReminderNotiData();
   const routeId = OrderData?.order_routes?.route_id;
   const [, setRouteData] = useRouteDetails();
@@ -43,22 +40,52 @@ function Notification() {
   const [activeReminders, setActiveReminders] = useState([]);
   const [closedReminders, setCloseReminders] = useState([]);
 
+  //Unresolved API
+  const {
+    data: fetchedUnresolvedData,
+    loading: unresolvedLoading,
+    fetchData: callUnresolvedTaskApi,
+  } = useAxios<{
+    data: ApiResponse[];
+  }>({
+    endpoint: `/tasks/`,
+    method: 'GET',
+    pagination: { is_pagination: false },
+    filters: [{ field: 'order_id', op: '=', value: OrderData.id }],
+  });
+
+  //reminder get
+  const {
+    data: fetchedReminderData,
+    loading: reminderLoading,
+    fetchData: callReminderApi,
+  } = useAxios<{
+    data: ApiResponse[];
+  }>({
+    endpoint: `/tasks/reminder/get/`,
+    method: 'GET',
+    pagination: { is_pagination: false },
+    filters: [{ field: 'order_id', op: '=', value: OrderData.id }],
+  });
+
   const handleTabChange = (tab: string) => {
     setActiveTab(tab);
     setShowMoreInfo(false);
   };
 
   //flags notification data
-  const fetchTaskData = async () => {
-    const result = await TaskData();
-    setNotififcationData(result);
-  };
+  useEffect(() => {
+    if (fetchedUnresolvedData && fetchedUnresolvedData?.data) {
+      setNotififcationData(fetchedUnresolvedData?.data);
+    }
+  }, [unresolvedLoading]);
 
-  //reminder noitification
-  const fetchReminderData = async () => {
-    const result = await ReminderData();
-    setReminderData(result);
-  };
+  //reminder data set
+  useEffect(() => {
+    if (fetchedReminderData && fetchedReminderData?.data) {
+      setReminderData(fetchedReminderData?.data);
+    }
+  }, [reminderLoading]);
 
   //route API calling...
   const { data: fetchedData, setShouldPerformAction } = useApiHook<{
@@ -71,8 +98,8 @@ function Notification() {
 
   useEffect(() => {
     if (OrderData.id) {
-      fetchTaskData();
-      fetchReminderData();
+      callReminderApi();
+      callUnresolvedTaskApi();
     }
   }, [OrderData.id]);
 
@@ -154,14 +181,7 @@ function Notification() {
             </StyledTab>
           </TabsData>
         </Container>
-        {flagLoading ? (
-          <Loader>
-            <Spinner />
-            <Text>Fetching Notifications...</Text>
-          </Loader>
-        ) : notificationData.length > 0 ||
-          reminderData.length > 0 ||
-          OrderData ? (
+        {notificationData.length > 0 || reminderData.length > 0 || OrderData ? (
           <TabsWrapper>
             <Tabs
               activeNotifications={activeNotifications}
@@ -188,31 +208,31 @@ const Container = styled.div`
   border-bottom: 1px solid #ccc;
 `;
 
-const Loader = styled.div`
-  align-items: center;
-  justify-content: center;
-  display: flex;
-  flex-direction: column;
-  gap: 10px;
-`;
+// const Loader = styled.div`
+//   align-items: center;
+//   justify-content: center;
+//   display: flex;
+//   flex-direction: column;
+//   gap: 10px;
+// `;
 
-const Spinner = styled.div`
-  border: 4px solid rgba(0, 0, 0, 0.1);
-  border-left-color: #3a3630;
-  border-radius: 50%;
-  width: 40px;
-  height: 40px;
-  animation: spin 1s linear infinite;
-
-  @keyframes spin {
-    0% {
-      transform: rotate(0deg);
-    }
-    100% {
-      transform: rotate(360deg);
-    }
-  }
-`;
+// const Spinner = styled.div`
+//   border: 4px solid rgba(0, 0, 0, 0.1);
+//   border-left-color: #3a3630;
+//   border-radius: 50%;
+//   width: 40px;
+//   height: 40px;
+//   animation: spin 1s linear infinite;
+
+//   @keyframes spin {
+//     0% {
+//       transform: rotate(0deg);
+//     }
+//     100% {
+//       transform: rotate(360deg);
+//     }
+//   }
+// `;
 
 const FlagContainer = styled.div`
   padding: 8px;
@@ -299,11 +319,11 @@ const TabsWrapper = styled.div`
   }
 `;
 
-const Text = styled.div`
-  color: var(--tonal-brown-651, #6a7378);
-  font-family: Lato;
-  font-size: 13px;
-  font-style: normal;
-  font-weight: 600;
-`;
+// const Text = styled.div`
+//   color: var(--tonal-brown-651, #6a7378);
+//   font-family: Lato;
+//   font-size: 13px;
+//   font-style: normal;
+//   font-weight: 600;
+// `;
 export default Notification;

package/src/components/order-view/order-actions/actions/add-resources/index.tsx

@@ -9,29 +9,33 @@ import {
   useAtom,
   useCurrentAction,
   useCustomerInfo,
+  useOrderId,
   useOrderStaticData,
 } from '../../../store';
 import {
   selectedCategoryIdAtom,
   selectedDocumentTypeAtom,
   selectedTypeAtom,
+  selectedVisibilityAtom,
   setResourcesCall,
 } from '../../store';
 import OrderActionsDropdown from '../../Dropdown';
 import { notification } from 'antd';
-import useUploadFiles from '../../../hooks/AddResources';
+import { ApiResponse } from '../../../types';
+import { useAxios } from '@bjsdistribution/dms-component-library';
 
 function AddResources() {
   const [, setCurrentAction] = useCurrentAction();
   const [staticOrderData] = useOrderStaticData();
   const [, setSelectedType] = useAtom(selectedTypeAtom);
   const [uploadedFiles, setUploadedFiles] = useAtom(uploadedFilesAtom);
-  const uploadFiles = useUploadFiles();
   const [isFormValid, setIsFormValid] = useState(false);
   const [selectedCategoryId] = useAtom(selectedCategoryIdAtom);
   const [selectedDocumentType] = useAtom(selectedDocumentTypeAtom);
   const [selectedType] = useAtom(selectedTypeAtom);
   const [, setResources] = useAtom(setResourcesCall);
+  const [orderId] = useOrderId();
+  const [selectedVisibility] = useAtom(selectedVisibilityAtom);
 
   const onClose = () => {
     setCurrentAction(undefined);
@@ -54,6 +58,17 @@ function AddResources() {
       setSelectedType(selectedOption.value);
     }
   };
+
+  // upload files
+  const { fetchData: callUploadFile } = useAxios<{
+    data: ApiResponse[];
+  }>({
+    endpoint: `/orders/${orderId}/order_resources/?document_type=${selectedDocumentType}&type=${selectedType}&category=${selectedCategoryId}&visibility=${selectedVisibility}`,
+    method: 'POST',
+  });
+
+  //upload files
+
   const handleSubmit = async () => {
     if (!uploadedFiles) {
       notification.error({ message: 'No files selected' });
@@ -68,15 +83,29 @@ function AddResources() {
     }
 
     try {
-      const response = await uploadFiles(formData);
-      console.log('Upload successful:', response);
-      notification.success({ message: 'Files uploaded successfully' });
-      onClose(); // Close modal after successful upload
-      setResources(false);
-
-      setTimeout(() => {
-        setResources(true);
-      }, 1000);
+      let response = (await callUploadFile({
+        payload: formData,
+      })) as {
+        code: number | null;
+        error?: string | null | undefined;
+        [key: string]: any;
+      };
+      if (response?.code == 200 && response?.data?.length > 0) {
+        notification.success({
+          message: 'Success',
+          description: `${response?.message}`,
+        });
+        onClose(); // Close modal after successful upload
+        setResources(false);
+        setTimeout(() => {
+          setResources(true);
+        }, 1000);
+      } else {
+        notification.error({
+          message: 'Error',
+          description: `${response?.error}`,
+        });
+      }
     } catch (error) {
       console.error('Upload failed:', error);
     }

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

@@ -5,7 +5,7 @@ import CustomerInformation from './customer-info';
 import ProductTable from './tables/ProductTable';
 import NotesTable from './tables/NotesTable';
 import SlotAndInstructions from './slot-and-instructions';
-import { useApiHook } from '@bjsdistribution/dms-component-library';
+import { useApiHook, useAxios } from '@bjsdistribution/dms-component-library';
 import {
   useCurrentAction,
   useCustomerInfo,
@@ -23,9 +23,7 @@ import {
 import { ApiResponse } from '../../../types';
 import { notification } from 'antd';
 import { compareOrderDetailsStates, filterObject } from '../../../utils';
-import useUpdateOrder from '../../../hooks/useUpdateOrder';
 import { format } from 'date-fns';
-// import { filterObject } from '../../../utils';
 
 function ConfirmOrder() {
   const [, setCurrentAction] = useCurrentAction();
@@ -41,13 +39,21 @@ function ConfirmOrder() {
   const [, setRecalling] = useLiveRecalling();
   const [orderId] = useOrderId();
   const [errorState] = useErrorConfirmOrder();
-  const updateOrder = useUpdateOrder();
+  // const updateOrder = useUpdateOrder();
   const [, setRecallOrders] = useGlobalStateHitOrder();
 
   const onClose = () => {
     setCurrentAction(undefined);
   };
 
+  //update Order API
+  const { fetchData: callUpdateOrderAPI } = useAxios<{
+    data: ApiResponse[];
+  }>({
+    endpoint: `/orders/update/`,
+    method: 'PUT',
+  });
+
   useEffect(() => {
     const clone = JSON.parse(JSON.stringify(orderDetails));
     setOrderDetailsConfirmOrder(clone);
@@ -129,7 +135,13 @@ function ConfirmOrder() {
 
     const notUpdateOrder = hasOnlyIdKey(payload);
     if (!notUpdateOrder) {
-      const response = await updateOrder([payload]);
+      let response = (await callUpdateOrderAPI({
+        payload: [payload],
+      })) as {
+        code: number | null;
+        error?: string | null | undefined;
+        [key: string]: any;
+      };
       if (response && response?.data?.length > 0) {
         setOrderDetails(response?.data[0]);
         setPrevOrderDetails(response?.data[0]);

package/src/components/order-view/order-actions/actions/create-task-reminder/CreateTaskModal.tsx

@@ -3,7 +3,6 @@ import {
   useCategoryData,
   useCreateTaskPayload,
   useNotiifcationLabel,
-  useTaskLoading,
   useTaskTypeData,
   useTaskTypeExtended,
 } from '../../store';
@@ -18,7 +17,6 @@ import RadioButtonGroup from '../../../../../common/radio-group/RadioButtonGroup
 import styled from 'styled-components';
 import { isValid } from 'date-fns';
 import { TextArea } from '@bjsdistribution/dms-component-library';
-import Loader from '../../../../order-daily-overview/header/loader/Loader';
 import { StandardOptionsType } from '../../../../../common/radio-group/types';
 import { DatePicker } from 'antd';
 import dayjs from 'dayjs';
@@ -33,7 +31,6 @@ function CreateTaskModal() {
   const [subCategory] = useTaskTypeExtended();
   const [createTask, setPayload] = useCreateTaskPayload();
   const [, setLabel] = useNotiifcationLabel();
-  const [loading] = useTaskLoading();
 
   const handleSelectChange = () => console.log('');
 
@@ -132,7 +129,6 @@ function CreateTaskModal() {
 
   return (
     <Wrapper>
-      {loading && <Loader />}
       <SplitContainer>
         <FormRow label="Task Type" required>
           <StyledAntSelect

package/src/components/order-view/order-actions/actions/create-task-reminder/TaskModal.tsx

@@ -2,6 +2,7 @@ import React, { useEffect } from 'react';
 import {
   RadioButtonGroup,
   useApiHook,
+  useAxios,
 } from '@bjsdistribution/dms-component-library';
 import 'react-datepicker/dist/react-datepicker.css';
 import {
@@ -10,22 +11,20 @@ import {
   useCategoryData,
   useCreateTaskPayload,
   useDepartmentData,
+  useNotificationData,
   useNotiifcationLabel,
-  useTaskLoading,
   useTaskPriority,
   useTaskTypeData,
   useTaskTypeExtended,
 } from '../../store';
-import Loader from '../../../../order-daily-overview/header/loader/Loader';
 import { allTypes } from '../../types';
 import { ContentContainer } from './SharedComponents';
 import { useCurrentAction, useOrderDetails } from '../../../store';
 import OrderActionModal from '../../../../../common/modals/order-action-modal/OrderActionModal';
 import styled from 'styled-components';
-import useFetchUnresolvedTasks from '../../hooks/useAllTaskData';
 import CreateTaskModal from './CreateTaskModal';
-import useCreateTask from '../../hooks/useCreateTask';
 import { CustomOptions } from '../../../../fakeData';
+import { notification } from 'antd';
 
 interface ApiResponse {
   message: string;
@@ -36,17 +35,15 @@ interface ApiResponse {
 }
 
 function TaskModal() {
-  const createTaskAPI = useCreateTask();
   const [, setCurrentAction] = useCurrentAction();
   const [createTask, setPayload] = useCreateTaskPayload();
-  const [loading, setLoading] = useTaskLoading();
   const [staticData, setStaticData] = useAllStaticData();
   const [, setPriority] = useTaskPriority();
   const [, setTaskCategory] = useCategoryData();
   const [, setTaskTypes] = useTaskTypeData();
   const [, setTaskTypeExtended] = useTaskTypeExtended();
   const [, setDepartmentData] = useDepartmentData();
-  const fetchData = useFetchUnresolvedTasks();
+  const [, setNotififcationData] = useNotificationData();
   const [, setLabel] = useNotiifcationLabel();
   const [orderDetails] = useOrderDetails();
 
@@ -56,12 +53,32 @@ function TaskModal() {
     method: 'GET',
   });
 
+  //create task API
+  const { fetchData: createFlagAPI } = useAxios<{
+    data: ApiResponse[];
+  }>({
+    endpoint: `/tasks/`,
+    method: 'POST',
+  });
+
+  //Unresolved API
+  const {
+    fetchData: callUnresolvedTaskApi,
+    data: fetchedUnresolvedData,
+    loading: unresolvedLoading,
+  } = useAxios<{
+    data: ApiResponse[];
+  }>({
+    endpoint: `/tasks/`,
+    method: 'GET',
+    pagination: { is_pagination: false },
+    filters: [{ field: 'order_id', op: '=', value: orderDetails?.id }],
+  });
+
   useEffect(() => {
-    setLoading(true);
     if (fetchedStaticData) {
       setStaticData(fetchedStaticData.data);
     }
-    setLoading(false);
   }, [fetchedStaticData]);
 
   //extracted types from whole static data
@@ -92,12 +109,36 @@ function TaskModal() {
   };
 
   const handleTaskSubmit = async () => {
-    setLoading(true);
-    await createTaskAPI([createTask]);
-    fetchData();
-    closeModal();
+    let response = (await createFlagAPI({
+      payload: { flags: [createTask] },
+    })) as {
+      code: number | null;
+      error?: string | null | undefined;
+      [key: string]: any;
+    };
+    if (response?.code == 200 && response?.data) {
+      notification.success({
+        message: 'Success',
+        description: `${response.message}`,
+      });
+      callUnresolvedTaskApi();
+      closeModal();
+    }
+    if (response?.code == null && response.error) {
+      return notification.error({
+        message: 'Failure',
+        description: `${response.error}`,
+      });
+    }
   };
 
+  //flags data set
+  useEffect(() => {
+    if (fetchedUnresolvedData && fetchedUnresolvedData.data) {
+      setNotififcationData(fetchedUnresolvedData?.data);
+    }
+  }, [unresolvedLoading]);
+
   const isSubmitDisabled = () => {
     const { description, due_datetime, task_type_id } = createTask;
     return !description || !due_datetime || !task_type_id;
@@ -117,7 +158,6 @@ function TaskModal() {
 
   return (
     <>
-      {loading && <Loader />}
       <OrderModal
         headerTitle={'CREATE TASK'}
         onCloseHeader={closeModal}

package/src/components/order-view/order-actions/actions/create-task-reminder/index.tsx

@@ -1,5 +1,5 @@
 import React, { useEffect } from 'react';
-import { useApiHook } from '@bjsdistribution/dms-component-library';
+import { useApiHook, useAxios } from '@bjsdistribution/dms-component-library';
 import 'react-datepicker/dist/react-datepicker.css';
 import CreateReminder from './CreateReminderModal';
 import {
@@ -8,21 +8,17 @@ import {
   useCategoryData,
   useCreateReminderPayload,
   useDepartmentData,
-  useTaskLoading,
+  useReminderNotiData,
   useTaskPriority,
   useTaskTypeData,
   useTaskTypeExtended,
 } from '../../store';
-import Loader from '../../../../order-daily-overview/header/loader/Loader';
-import useCreateReminder from '../../hooks/useCreateReminder';
 import { allTypes } from '../../types';
-
 import { ContentContainer } from './SharedComponents';
-import { useCurrentAction } from '../../../store';
+import { useCurrentAction, useOrderDetails } from '../../../store';
 import OrderActionModal from '../../../../../common/modals/order-action-modal/OrderActionModal';
 import styled from 'styled-components';
-import useFetchUnresolvedTasks from '../../hooks/useAllTaskData';
-import useFetchReminders from '../../hooks/useAllReminderData';
+import { notification } from 'antd';
 
 interface ApiResponse {
   message: string;
@@ -33,19 +29,38 @@ interface ApiResponse {
 }
 
 function TaskReminderModal() {
-  const createReminderAPI = useCreateReminder();
   const [, setCurrentAction] = useCurrentAction();
-  // const [modalType, setModalTypeState] = useState<string>('task');
   const [createReminder, setReminderPayload] = useCreateReminderPayload();
-  const [loading, setLoading] = useTaskLoading();
   const [staticData, setStaticData] = useAllStaticData();
   const [, setPriority] = useTaskPriority();
   const [, setTaskCategory] = useCategoryData();
   const [, setTaskTypes] = useTaskTypeData();
   const [, setTaskTypeExtended] = useTaskTypeExtended();
   const [, setDepartmentData] = useDepartmentData();
-  const fetchData = useFetchUnresolvedTasks();
-  const ReminderData = useFetchReminders();
+  const [, setReminderData] = useReminderNotiData();
+  const [OrderData] = useOrderDetails();
+
+  //create reminder API
+  const { fetchData: createReminderAPI } = useAxios<{
+    data: ApiResponse[];
+  }>({
+    endpoint: `/tasks/reminders/create/`,
+    method: 'POST',
+  });
+
+  //reminder get
+  const {
+    fetchData: callReminderApi,
+    data: fetchedReminderData,
+    loading: reminderLoading,
+  } = useAxios<{
+    data: ApiResponse[];
+  }>({
+    endpoint: `/tasks/reminder/get/`,
+    method: 'GET',
+    pagination: { is_pagination: false },
+    filters: [{ field: 'order_id', op: '=', value: OrderData.id }],
+  });
 
   // API Call
   const { data: fetchedStaticData } = useApiHook<ApiResponse>({
@@ -54,11 +69,9 @@ function TaskReminderModal() {
   });
 
   useEffect(() => {
-    setLoading(true);
     if (fetchedStaticData) {
-      setStaticData(fetchedStaticData.data);
+      setStaticData(fetchedStaticData?.data);
     }
-    setLoading(false);
   }, [fetchedStaticData]);
 
   //extracted types from whole static data
@@ -81,13 +94,36 @@ function TaskReminderModal() {
   };
 
   const handleReminderSubmit = async () => {
-    setLoading(true);
-    await createReminderAPI([createReminder]);
-    ReminderData();
-    fetchData();
-    closeModal();
+    let response = (await createReminderAPI({
+      payload: { reminder: createReminder },
+    })) as {
+      code: number | null;
+      error?: string | null | undefined;
+      [key: string]: any;
+    };
+    if (response.code == 200 && response.data) {
+      notification.success({
+        message: 'Success',
+        description: `${response.message}`,
+      });
+      callReminderApi();
+      closeModal();
+    }
+    if (response?.code == null && response.error) {
+      return notification.error({
+        message: 'Failure',
+        description: `${response.error}`,
+      });
+    }
   };
 
+  //reminder data set
+  useEffect(() => {
+    if (fetchedReminderData && fetchedReminderData?.data) {
+      setReminderData(fetchedReminderData?.data);
+    }
+  }, [reminderLoading]);
+
   const isSubmitDisabled = () => {
     const { details, due } = createReminder;
     return !details || !due;
@@ -97,7 +133,6 @@ function TaskReminderModal() {
 
   return (
     <>
-      {loading && <Loader />}
       <OrderModal
         headerTitle={'CREATE REMINDER'}
         onCloseHeader={closeModal}