@bjsdistribution/dms-client-return 0.0.89 → 0.0.90

package/src/components/order-view/view-reminder/ViewReminder.tsx

@@ -3,17 +3,14 @@ import OrderActionModal from '../../../common/modals/order-action-modal/OrderAct
 import { useCurrentAction } from '../store';
 import { DatePickerWrap, Label } from '../order-actions/actions/modalstyle';
 import {
-  useFlagsLoading,
   useReminderRefId,
   useSingleReminderData,
   useUpdateReminderData,
 } from '../order-actions/store';
-import Loader from '../../order-daily-overview/header/loader/Loader';
 import StatusIndicator from '../flags-action-modal/StatusIndicator';
 import styled from 'styled-components';
 import { format, isValid } from 'date-fns';
-import useFetchReminders from '../order-actions/hooks/useAllReminderData';
-import { DatePicker } from 'antd';
+import { DatePicker, notification } from 'antd';
 import dayjs from 'dayjs';
 import {
   ReferenceContainer,
@@ -29,35 +26,53 @@ import {
   MiniContainer,
   TimeWrapper,
 } from './reminder-styles';
-import useFetchSingleReminderData from '../order-actions/hooks/useFetchSingleReminder';
-import useUpdateReminder from '../order-actions/hooks/useUpdateReminder';
 import AssigneeDropdown from './AssigneeDropdown';
+import { useAxios } from '@bjsdistribution/dms-component-library';
+import { ApiResponse } from '../types';
 
 const ViewReminderModal = () => {
   const [, setCurrentAction] = useCurrentAction();
-  const fetchData = useFetchSingleReminderData();
-  const fetchRemindersData = useFetchReminders();
-
-  const updateReminder = useUpdateReminder();
   const [, setDueDate] = useState<any | null>(null);
   const [reminderData, setReminderData] = useSingleReminderData();
   const [reminderRefId] = useReminderRefId();
-  const [loading, setLoading] = useFlagsLoading();
   const [reminderPayload, setPayload] = useUpdateReminderData();
 
+  //reminder get
+  const {
+    data: fetchedReminderData,
+    loading: reminderLoading,
+    fetchData: callReminderApi,
+  } = useAxios<{
+    data: ApiResponse[];
+  }>({
+    endpoint: `/tasks/reminder/${reminderRefId}`,
+    method: 'GET',
+    pagination: { is_pagination: false },
+    filters: [{ field: 'order_id', op: '=', value: reminderRefId }],
+  });
+
+  //use Axios Reminder
+  const { fetchData: callReminderEditAPI } = useAxios<{
+    data: ApiResponse[];
+  }>({
+    endpoint: `/tasks/reminder/update/`,
+    method: 'PUT',
+  });
+
   const closeModal = () => {
     setCurrentAction(undefined);
   };
 
-  const fetchReminderData = async () => {
-    setLoading(true);
-    const result = await fetchData();
-    setReminderData(result);
-    setLoading(false);
-  };
+  useEffect(() => {
+    if (fetchedReminderData && fetchedReminderData?.data) {
+      setReminderData(fetchedReminderData?.data);
+    }
+  }, [reminderLoading]);
 
   useEffect(() => {
-    fetchReminderData();
+    if (reminderRefId) {
+      callReminderApi();
+    }
   }, [reminderRefId]);
 
   useEffect(() => {
@@ -116,10 +131,33 @@ const ViewReminderModal = () => {
   };
 
   const handleEditReminder = async () => {
-    setLoading(true);
-    await updateReminder([reminderPayload]);
-    fetchRemindersData();
-    closeModal();
+    try {
+      const apiResponse = (await callReminderEditAPI({
+        payload: [reminderPayload],
+      })) as {
+        code: number | null;
+        error?: string | null | undefined;
+        [key: string]: any;
+      };
+      if (apiResponse?.code === 200 && apiResponse?.data) {
+        notification.success({
+          message: 'Success',
+          description: apiResponse.message,
+        });
+        callReminderApi();
+        closeModal();
+      } else {
+        notification.error({
+          message: 'Failure',
+          description: apiResponse?.error || 'An error occurred.',
+        });
+      }
+    } catch (error) {
+      notification.error({
+        message: 'Error',
+        description: 'Failed to update the reminder. Please try again later.',
+      });
+    }
   };
 
   const isDisabled = reminderData?.reminder_status?.name_alias === 'resolved';
@@ -131,104 +169,105 @@ const ViewReminderModal = () => {
 
   return (
     <>
-      {reminderData && loading && <Loader />}
-      <OrderActionModal
-        headerTitle="View Reminder"
-        onCloseHeader={closeModal}
-        onSubmit={handleEditReminder}
-        submitBtnTitle="Save Details"
-        isSubmitDisabled={isDisabled}
-        showAdditionalInfo
-        infoText={additional || 'NA'}
-        headerActions={
-          <OuterDiv>
-            {reminderData?.reminder_status?.name_alias === 'pending' ||
-            reminderData?.reminder_status?.name_alias === 'unresolved' ? (
-              <>
-                <StyledWrapper>
-                  <StyledLabel>
-                    <StyledCheckbox>
-                      <input
-                        type="checkbox"
-                        onChange={() => handleResolved(2)}
-                      />
-                      <RoundCheckbox />
-                    </StyledCheckbox>
-                    <StyledSpan>Mark As Complete</StyledSpan>
-                  </StyledLabel>
-                </StyledWrapper>
-              </>
-            ) : null}
-          </OuterDiv>
-        }
-      >
-        <ReferenceContainer style={{ marginTop: '20px' }}>
-          <InnerContainer>
-            <MiniContainer>
-              {' '}
-              <Label>Reference {} </Label>
-              <LabelText>{reminderData?.reference || 'N/A'}</LabelText>
-            </MiniContainer>
-            <MiniContainer>
-              {' '}
-              <Label>Status </Label>
-              <LabelText>
-                {reminderData?.reminder_status?.name_alias === 'pending' ||
-                reminderData?.reminder_status?.name_alias === 'unresolved' ? (
-                  <StatusIndicator text="Incomplete" status="AD" />
-                ) : (
-                  <StatusIndicator
-                    text={`Completed on ${reminderData?.completed} by ${reminderData?.completed_by}`}
-                    status="SD"
-                  />
-                )}
-              </LabelText>
-            </MiniContainer>
-          </InnerContainer>
-        </ReferenceContainer>
-        <ContentsContainer>
-          <Left>
-            <AssigneeDropdown />
-            <DateTimeContainer>
-              <Label>Due </Label>
-              <Row>
-                <StyleContainer>
-                  <DatePickerWrap>
-                    <DatePicker
-                      format="DD/MM/YYYY"
-                      value={
-                        reminderPayload?.due_date
-                          ? dayjs(reminderPayload?.due_date)
-                          : null
-                      }
-                      onChange={handleDateChange}
+      {reminderData && (
+        <OrderActionModal
+          headerTitle="View Reminder"
+          onCloseHeader={closeModal}
+          onSubmit={handleEditReminder}
+          submitBtnTitle="Save Details"
+          isSubmitDisabled={isDisabled}
+          showAdditionalInfo
+          infoText={additional || 'NA'}
+          headerActions={
+            <OuterDiv>
+              {reminderData?.reminder_status?.name_alias === 'pending' ||
+              reminderData?.reminder_status?.name_alias === 'unresolved' ? (
+                <>
+                  <StyledWrapper>
+                    <StyledLabel>
+                      <StyledCheckbox>
+                        <input
+                          type="checkbox"
+                          onChange={() => handleResolved(2)}
+                        />
+                        <RoundCheckbox />
+                      </StyledCheckbox>
+                      <StyledSpan>Mark As Complete</StyledSpan>
+                    </StyledLabel>
+                  </StyledWrapper>
+                </>
+              ) : null}
+            </OuterDiv>
+          }
+        >
+          <ReferenceContainer style={{ marginTop: '20px' }}>
+            <InnerContainer>
+              <MiniContainer>
+                {' '}
+                <Label>Reference {} </Label>
+                <LabelText>{reminderData?.reference || 'N/A'}</LabelText>
+              </MiniContainer>
+              <MiniContainer>
+                {' '}
+                <Label>Status </Label>
+                <LabelText>
+                  {reminderData?.reminder_status?.name_alias === 'pending' ||
+                  reminderData?.reminder_status?.name_alias === 'unresolved' ? (
+                    <StatusIndicator text="Incomplete" status="AD" />
+                  ) : (
+                    <StatusIndicator
+                      text={`Completed on ${reminderData?.completed} by ${reminderData?.completed_by}`}
+                      status="SD"
                     />
-                  </DatePickerWrap>
-                </StyleContainer>
+                  )}
+                </LabelText>
+              </MiniContainer>
+            </InnerContainer>
+          </ReferenceContainer>
+          <ContentsContainer>
+            <Left>
+              <AssigneeDropdown />
+              <DateTimeContainer>
+                <Label>Due </Label>
+                <Row>
+                  <StyleContainer>
+                    <DatePickerWrap>
+                      <DatePicker
+                        format="DD/MM/YYYY"
+                        value={
+                          reminderPayload?.due_date
+                            ? dayjs(reminderPayload?.due_date)
+                            : null
+                        }
+                        onChange={handleDateChange}
+                      />
+                    </DatePickerWrap>
+                  </StyleContainer>
 
-                <TimeWrapper>
-                  <StyledTime
-                    onChange={handleTime}
-                    value={reminderPayload?.due_time}
-                    type="time"
-                  />
-                </TimeWrapper>
-              </Row>
-            </DateTimeContainer>
-          </Left>
-          <Right>
-            <DetailedContainer>
-              <Label>Details</Label>
-              <StyledText
-                name="text"
-                required
-                value={reminderPayload?.details}
-                onChange={onChangeDetails}
-              />
-            </DetailedContainer>
-          </Right>
-        </ContentsContainer>
-      </OrderActionModal>
+                  <TimeWrapper>
+                    <StyledTime
+                      onChange={handleTime}
+                      value={reminderPayload?.due_time}
+                      type="time"
+                    />
+                  </TimeWrapper>
+                </Row>
+              </DateTimeContainer>
+            </Left>
+            <Right>
+              <DetailedContainer>
+                <Label>Details</Label>
+                <StyledText
+                  name="text"
+                  required
+                  value={reminderPayload?.details}
+                  onChange={onChangeDetails}
+                />
+              </DetailedContainer>
+            </Right>
+          </ContentsContainer>
+        </OrderActionModal>
+      )}
     </>
   );
 };

package/dist/components/order-view/hooks/AddResources.d.ts

@@ -1,2 +0,0 @@
-declare function useUploadFiles(): (formData: FormData) => Promise<any>;
-export default useUploadFiles;

package/dist/components/order-view/hooks/useGetEventNotes.d.ts

@@ -1,2 +0,0 @@
-declare function useGetEventNotes(): () => Promise<any>;
-export default useGetEventNotes;

package/dist/components/order-view/hooks/useGetSystemLogs.d.ts

@@ -1,2 +0,0 @@
-declare function useSystemLogs(): () => Promise<any>;
-export default useSystemLogs;

package/dist/components/order-view/hooks/useUpdateOrder.d.ts

@@ -1,2 +0,0 @@
-declare function useUpdateOrder(): (data: any) => Promise<any>;
-export default useUpdateOrder;

package/dist/components/order-view/order-actions/hooks/useAllReminderData.d.ts

@@ -1,2 +0,0 @@
-declare function useFetchReminders(): () => Promise<any>;
-export default useFetchReminders;

package/dist/components/order-view/order-actions/hooks/useAllTaskData.d.ts

@@ -1,2 +0,0 @@
-declare function useFetchUnresolvedTasks(): () => Promise<any>;
-export default useFetchUnresolvedTasks;

package/dist/components/order-view/order-actions/hooks/useCreateReminder.d.ts

@@ -1,3 +0,0 @@
-import { CreateReminderPayload } from '../types';
-declare function useCreateReminder(): (data: CreateReminderPayload[]) => Promise<any>;
-export default useCreateReminder;

package/dist/components/order-view/order-actions/hooks/useCreateTask.d.ts

@@ -1,3 +0,0 @@
-import { CreateTaskPayload } from '../types';
-declare function useCreateTask(): (data: CreateTaskPayload[]) => Promise<any>;
-export default useCreateTask;

package/dist/components/order-view/order-actions/hooks/useFetchSingleFlagData.d.ts

@@ -1,2 +0,0 @@
-declare function useFetchSingleFlagsData(): () => Promise<any>;
-export default useFetchSingleFlagsData;

package/dist/components/order-view/order-actions/hooks/useFetchSingleReminder.d.ts

@@ -1,2 +0,0 @@
-declare function useFetchSingleReminderData(): () => Promise<any>;
-export default useFetchSingleReminderData;

package/dist/components/order-view/order-actions/hooks/useUpdateFlag.d.ts

@@ -1,3 +0,0 @@
-import { SingleFlagPayload } from '../types';
-declare function useUpdateFlag(): (data: SingleFlagPayload[]) => Promise<any>;
-export default useUpdateFlag;

package/dist/components/order-view/order-actions/hooks/useUpdateReminder.d.ts

@@ -1,3 +0,0 @@
-import { UpdateReminderPayload } from '../types';
-declare function useUpdateReminder(): (data: UpdateReminderPayload[]) => Promise<any>;
-export default useUpdateReminder;

package/src/components/order-view/hooks/AddResources.tsx

@@ -1,54 +0,0 @@
-import { getBaseEndpoint } from '@bjsdistribution/dms-component-library';
-import { notification } from 'antd';
-import { getCookie } from '../utils';
-import {
-  selectedCategoryIdAtom,
-  selectedDocumentTypeAtom,
-  selectedTypeAtom,
-  selectedVisibilityAtom,
-} from '../order-actions/store';
-import { useAtom } from 'jotai';
-import { useOrderId } from '../store';
-
-function useUploadFiles() {
-  const ssoToken = getCookie('id_token');
-
-  const [selectedCategoryId] = useAtom(selectedCategoryIdAtom);
-  const [selectedDocumentType] = useAtom(selectedDocumentTypeAtom);
-  const [selectedType] = useAtom(selectedTypeAtom);
-  const [orderId] = useOrderId();
-  const [selectedVisibility] = useAtom(selectedVisibilityAtom);
-
-  const create = async (formData: FormData) => {
-    const endpoint = `${getBaseEndpoint()}/orders/${orderId}/order_resources/?document_type=${selectedDocumentType}&type=${selectedType}&category=${selectedCategoryId}&visibility=${selectedVisibility}`;
-
-    try {
-      const requestOptions = {
-        headers: {
-          Authorization: `Bearer ${ssoToken}`,
-        },
-        method: 'POST',
-        body: formData,
-      };
-
-      const response = await fetch(endpoint, requestOptions);
-      if (!response.ok) {
-        throw new Error('Failed to upload files');
-      }
-
-      const json = await response.json();
-      return json;
-    } catch (err) {
-      notification.error({
-        message: 'Error',
-        //@ts-ignore
-        description: `${err.message}` || 'Upload error:', // Using err.message for clearer output
-      });
-      throw err;
-    }
-  };
-
-  return create;
-}
-
-export default useUploadFiles;

package/src/components/order-view/hooks/useGetEventNotes.tsx

@@ -1,60 +0,0 @@
-import { getBaseEndpoint } from '@bjsdistribution/dms-component-library';
-import { getCookie } from '../utils';
-import { notification } from 'antd';
-// import { useOrderDetails, useOrderProductSystemLogs } from '../store';
-
-function useGetEventNotes() {
-  const ssoToken = getCookie('id_token');
-
-  const perform = async () => {
-    const endpoint = `${getBaseEndpoint()}/events/get/event_information/`;
-    // setLoading(true);
-    try {
-      const headers = {
-        accept: 'application/json',
-        'Content-Type': 'application/json',
-        Authorization: `Bearer ${ssoToken}`,
-        'x-pagination': JSON.stringify({
-          is_pagination: false,
-        }),
-      };
-      const response = await fetch(endpoint, {
-        method: 'GET',
-        headers,
-      });
-      if (!response.ok) {
-        const json = await response.json();
-        const detail = json?.detail;
-        const msg = detail[0]?.msg;
-        // console.error('Error response:', msg);
-
-        notification.error({
-          message: 'Error',
-          description:
-            `${msg}` || 'An error has occurred. Please try again later.',
-        });
-        // setLoading(false);
-        return [];
-      }
-      const json = await response.json();
-      if (json.code === 200) {
-        return json?.data;
-      }
-      return [];
-    } catch (err) {
-      // console.error('Error fetching data:', err);
-      notification.error({
-        message: 'Error',
-        description:
-          `${err}` || 'An error has occurred. Please try again later.',
-      });
-
-      return [];
-    } finally {
-      //   setLoading(false);
-    }
-  };
-  return perform;
-}
-
-export default useGetEventNotes;

package/src/components/order-view/hooks/useGetSystemLogs.tsx

@@ -1,71 +0,0 @@
-import { getBaseEndpoint } from '@bjsdistribution/dms-component-library';
-import { getCookie } from '../utils';
-import { useOrderDetails, useOrderProductSystemLogs } from '../store';
-import { notification } from 'antd';
-
-function useSystemLogs() {
-  const ssoToken = getCookie('id_token');
-  const [orderDetails] = useOrderDetails();
-  const gsitId = orderDetails?.gsit_order_id;
-  const [, setSystemLogsEvents] = useOrderProductSystemLogs();
-
-  const perform = async () => {
-    const endpoint = `${getBaseEndpoint()}/events/get/event/`;
-    // setLoading(true);
-    try {
-      const headers = {
-        accept: 'application/json',
-        'Content-Type': 'application/json',
-        Authorization: `Bearer ${ssoToken}`,
-        'x-pagination': JSON.stringify({
-          is_pagination: false,
-        }),
-        'x-filters': JSON.stringify([
-          {
-            field: 'object_id',
-            op: '=',
-            value: `${gsitId}`,
-          },
-        ]),
-      };
-      const response = await fetch(endpoint, {
-        method: 'GET',
-        headers,
-      });
-      if (!response.ok) {
-        const json = await response.json();
-        const detail = json?.detail;
-        const msg = detail[0]?.msg;
-        // console.error('Error response:', msg);
-
-        notification.error({
-          message: 'Error',
-          description:
-            `${msg}` || 'An error has occurred. Please try again later.',
-        });
-        // setLoading(false);
-        return [];
-      }
-      const json = await response.json();
-      if (json.code === 200) {
-        // setLoading(false);
-        setSystemLogsEvents(json.data);
-        return json.data;
-      }
-      return [];
-    } catch (err) {
-      // console.error('Error fetching data:', err);
-      notification.error({
-        message: 'Error',
-        description:
-          `${err}` || 'An error has occurred. Please try again later.',
-      });
-      return [];
-    } finally {
-      //   setLoading(false);
-    }
-  };
-  return perform;
-}
-
-export default useSystemLogs;

package/src/components/order-view/hooks/useUpdateOrder.ts

@@ -1,62 +0,0 @@
-import { getBaseEndpoint } from '@bjsdistribution/dms-component-library';
-import { getCookie } from '../utils';
-import { notification } from 'antd';
-import { useUpdateApiCall } from '../store';
-
-function useUpdateOrder() {
-  let controller: AbortController;
-  const ssoToken = getCookie('id_token');
-  const [, setCallApi] = useUpdateApiCall(); //single detail
-
-  const update = async (data: any) => {
-    const endpoint = `${getBaseEndpoint()}/orders/update/`;
-
-    if (controller) {
-      controller.abort();
-    }
-
-    // Create new AbortController
-    controller = new AbortController();
-    const signal = controller.signal;
-    // setLoading(true); // Set loading to true
-    try {
-      const requestOptions = {
-        headers: {
-          'Content-Type': 'application/json',
-          Authorization: `Bearer ${ssoToken}`,
-        },
-        method: 'PUT',
-        body: JSON.stringify(data),
-        signal,
-      };
-      const response = await fetch(endpoint, requestOptions);
-      if (!response.ok) {
-        // setLoading(false);
-        throw new Error('response is not ok');
-      }
-      const json = await response.json();
-      // alert('Order has been updated');
-      notification.success({
-        message: 'Success',
-        description: 'Order has been updated.',
-      });
-      setCallApi(true);
-      return json;
-    } catch (err) {
-      //   setLoading(false);
-      // console.log(err, 'error');
-
-      notification.error({
-        message: 'Error',
-        description:
-          `${err}` || 'An error has occurred. Please try again later.',
-      });
-    } finally {
-      //   setLoading(false); // Set loading to false after fetching
-    }
-  };
-
-  return update;
-}
-
-export default useUpdateOrder;