@bjsdistribution/dms-client-return 0.0.64 → 0.0.65

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.0.64",
+  "version": "0.0.65",
   "license": "MIT",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",

package/src/components/order-view/details-filters/right-side-filters/Details.tsx

@@ -1,11 +1,12 @@
 import React from 'react';
 import styled from 'styled-components';
-import { useOrderDetails } from '../../store';
+import { useCustomerInfo } from '../../store';
 
 const Details = () => {
-  const [orderDetails] = useOrderDetails();
-  const recipient = orderDetails?.order_recipient?.recipient_name || '';
-  const postcodeShow = orderDetails?.order_recipient?.postcode || '';
+  // const [orderDetails] = useOrderDetails();
+  const [customerInfo] = useCustomerInfo();
+  const recipient = customerInfo?.recipient_name || '';
+  const postcodeShow = customerInfo?.postcode || '';
 
   return (
     <DetailsContainer>

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

@@ -16,7 +16,7 @@ import {
   useDepotOptions,
   usePrevOrderDetails,
   useOrderProductsResources,
-  useOrderProductsToolbox,
+  // useOrderProductsToolbox,
   useCustomerInfo,
   useLocationOptions,
   useOrderProductSystemLogs,
@@ -59,7 +59,7 @@ function OrderView() {
   const [, setCustomerInfo] = useCustomerInfo();
   const [, setLocationOptions] = useLocationOptions();
   const [orderResources, setOrderResources] = useOrderProductsResources();
-  const [orderToolbox, setOrderToolbox] = useOrderProductsToolbox();
+  // const [orderToolbox, setOrderToolbox] = useOrderProductsToolbox();
   const [GsitCUstomerId, setGsitCUstomerId] = useGsitCUstomerId();
   const [, setOrderProductId] = useOrderProductId();
   const [, setCUstomerId] = useCUstomerId();
@@ -194,9 +194,11 @@ function OrderView() {
       //@ts-ignore
       setOrderProductId(requiredData[0]?.id);
       setCustomerInfo({
-        recipient_name: requiredData[0]?.order_recipient?.recipient_name,
-        postcode: requiredData[0]?.order_recipient?.postcode,
+        recipient_name:
+          requiredData[0]?.order_recipient?.recipient_name ?? null,
+        postcode: requiredData[0]?.order_recipient?.postcode ?? null,
       });
+
       setPrevOrderDetails(requiredData[0]);
     }
   }, [loading]);
@@ -264,32 +266,32 @@ function OrderView() {
     };
   }, [fetchedResourcesData, orderResources, setOrderResources]);
 
-  // Toolbox resources
-  const {
-    data: fetchedToolboxData,
-    setShouldPerformAction: setAction,
-  } = useApiHook<{
-    data: ApiResponse[];
-  }>({
-    endpoint: `/orders/${orderId}/toolbox_resources/`,
-    method: 'GET',
-    performAction: false,
-  });
-
-  useEffect(() => {
-    if (orderId) {
-      setAction(true);
-    }
-  }, [orderId, setAction]);
-
-  useEffect(() => {
-    if (orderId) {
-      setOrderToolbox(fetchedToolboxData);
-    }
-    return () => {
-      // setOrderId(undefined);
-    };
-  }, [fetchedToolboxData, orderToolbox, setOrderToolbox]);
+  // // Toolbox resources
+  // const {
+  //   data: fetchedToolboxData,
+  //   setShouldPerformAction: setAction,
+  // } = useApiHook<{
+  //   data: ApiResponse[];
+  // }>({
+  //   endpoint: `/orders/${orderId}/toolbox_resources/`,
+  //   method: 'GET',
+  //   performAction: false,
+  // });
+
+  // useEffect(() => {
+  //   if (orderId) {
+  //     setAction(true);
+  //   }
+  // }, [orderId, setAction]);
+
+  // useEffect(() => {
+  //   if (orderId) {
+  //     setOrderToolbox(fetchedToolboxData);
+  //   }
+  //   return () => {
+  //     // setOrderId(undefined);
+  //   };
+  // }, [fetchedToolboxData, orderToolbox, setOrderToolbox]);
 
   useEffect(() => {
     return () => {

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

@@ -24,6 +24,7 @@ import { useLoading } from '../../../../order-daily-overview/store/store';
 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() {
@@ -37,7 +38,7 @@ function ConfirmOrder() {
   const [, setLoading] = useLoading();
   const [customerInfo] = useCustomerInfo();
   const infoText = `${customerInfo?.recipient_name}, ${customerInfo?.postcode}`;
-  const [deliveryDate] = useConfirmOrderDate();
+  const [deliveryDate, setDeliveryDate] = useConfirmOrderDate();
   const [liveRecalling, setRecalling] = useLiveRecalling();
   const [orderId] = useOrderId();
   const [errorState] = useErrorConfirmOrder();
@@ -164,6 +165,9 @@ function ConfirmOrder() {
     }
     if (orderId && deliveryDate) {
       //call order update api then call confirm order if required
+      const formattedDate = format(new Date(deliveryDate), 'yyyy-MM-dd');
+
+      setDeliveryDate(formattedDate);
       setPerformAction(true);
     }
   };

package/src/components/order-view/store.ts

@@ -18,10 +18,16 @@ const date = atom(new Date());
 
 const orderStaticDataAtom = atom<any>({});
 
-const customerInfoAtom = atom<{
-  recipient_name: string | null | undefined;
-  postcode: string | null | undefined;
-}>({ recipient_name: '', postcode: '' });
+interface OrderRecipient {
+  recipient_name: string | null;
+  postcode: string | null;
+}
+
+const customerInfoAtom = atom<OrderRecipient>({
+    recipient_name: '',
+    postcode: '',
+});
+
 
 export const ordersInitialValue: OrdersType = {
   depot_id: null,