@bjsdistribution/dms-client-return 0.1.77-prod → 0.1.78-prod

package/dist/components/order-view/index.js

@@ -1,37 +1,38 @@
 import { jsxs as v, jsx as r } from "react/jsx-runtime";
-import { useState as z, useEffect as o, useRef as Gt } from "react";
+import { useState as Z, useEffect as o, useRef as Ut } from "react";
 import p from "styled-components";
-import Tt from "./order-details/index.js";
-import Rt from "./notes/index.js";
-import xt from "./system-event-logs/expanded-content/index.js";
-import bt from "./general-information/index.js";
-import wt from "./products-info/index.js";
-import Ut from "./order-actions/index.js";
-import { useAxios as m, useApiHook as i, DocumentTitle as $t } from "@bjsdistribution/dms-component-library";
-import { useOrderId as Nt, useGsitOrderId as Ht, useOrderDetails as Ft, usePrevOrderDetails as kt, useStatusDetails as Kt, useDepotOptions as Vt, useCustomerInfo as jt, useLocationOptions as qt, useOrderProductsResources as zt, useGsitCUstomerId as Jt, useOrderProductId as Yt, useCUstomerId as Zt, useRouteId as Bt, useLiveRecalling as Mt, useGlobalStateHitOrder as Qt, usegetClientData as Wt, useGlobalEscData as Xt, useOrderProductSystemLogs as te } from "./store.js";
-import { useLocation as ee } from "react-router-dom";
-import { notification as oe, message as J } from "antd";
-import se from "./details-filters/DetailsFilters.js";
-import { useSubContracterData as re, useIsShowNorthSouth as ae } from "../store.js";
-import ie from "./notification/index.js";
-import ne from "./order-resources/expanded-content/index.js";
-import { useAllOrderStatus as de, setResourcesCall as ce } from "./order-actions/store.js";
-import { POSTCODE_LABEL as le } from "../../common/utils.js";
-import { getEnvironment as ue } from "./utils.js";
-import { useAtom as fe } from "jotai";
-function He({ locationloading: Y }) {
-  oe.config({
+import Nt from "./order-details/index.js";
+import kt from "./notes/index.js";
+import Ht from "./system-event-logs/expanded-content/index.js";
+import Ft from "./general-information/index.js";
+import Kt from "./products-info/index.js";
+import Vt from "./order-actions/index.js";
+import { useAxios as u, useApiHook as i, DocumentTitle as jt } from "@bjsdistribution/dms-component-library";
+import { useOrderId as qt, useGsitOrderId as zt, useOrderDetails as Jt, usePrevOrderDetails as Yt, useStatusDetails as Zt, useDepotOptions as Qt, useCustomerInfo as Bt, useLocationOptions as Mt, useOrderProductsResources as Wt, useGsitCUstomerId as Xt, useOrderProductId as te, useCUstomerId as ee, useRouteId as oe, useLiveRecalling as se, useGlobalStateHitOrder as re, usegetClientData as ae, useGlobalEscData as ne, useEpodImages as ie, skeletonTomTom as de, useOrderProductSystemLogs as ce } from "./store.js";
+import { useLocation as le } from "react-router-dom";
+import { notification as ue, message as Q } from "antd";
+import fe from "./details-filters/DetailsFilters.js";
+import { useSubContracterData as me, useIsShowNorthSouth as pe, useClientPortal as ge } from "../store.js";
+import he from "./notification/index.js";
+import De from "./order-resources/expanded-content/index.js";
+import { useAllOrderStatus as _e, setResourcesCall as Se } from "./order-actions/store.js";
+import { POSTCODE_LABEL as Ie } from "../../common/utils.js";
+import { getEnvironment as Oe } from "./utils.js";
+import Pe from "./toolbox-resources/expanded-content/index.js";
+import { useAtom as B } from "jotai";
+function Qe({ locationloading: M }) {
+  ue.config({
     top: 150
   });
-  const [s, y] = Nt(), [Z, G] = Ht(), [n, B] = Ft(), [, M] = kt(), [, g] = z(!1), [, Q] = Kt(), [, T] = Vt(), [R, W] = jt(), [, X] = qt(), [tt, x] = zt(), [h, et] = Jt(), [, ot] = Yt(), [, st] = Zt(), [, rt] = Bt(), [b] = Mt(), [, at] = re(), [w] = Qt(), [, it] = de(), U = n?.id, [$] = fe(ce), [, nt] = Wt(), [, N] = Xt(), [, dt] = ae();
+  const [s, y] = qt(), [W, G] = zt(), [a, X] = Jt(), [, tt] = Yt(), [, g] = Z(!1), [, et] = Zt(), [, x] = Qt(), [R, ot] = Bt(), [, st] = Mt(), [rt, b] = Wt(), [h, at] = Xt(), [, nt] = te(), [, it] = ee(), [, dt] = oe(), [$] = se(), [, ct] = me(), [w] = re(), [, lt] = _e(), U = a?.id, [N] = B(Se), [, ut] = ae(), [, k] = ne(), [, ft] = pe(), [, mt] = ie(), [, pt] = B(de), [gt] = ge();
   o(() => {
-    it(n?.status_value);
-  }, [n?.status_value]);
+    lt(a?.status_value);
+  }, [a?.status_value]);
   const {
     data: D,
-    fetchData: ct,
+    fetchData: ht,
     loading: H
-  } = m({
+  } = u({
     endpoint: "/events/get/event/",
     method: "GET",
     pagination: { page: 1, per_page: 100 },
@@ -43,10 +44,10 @@ function He({ locationloading: Y }) {
       }
     ],
     showLoader: !1
-  }), S = ee(), [F, lt] = z([]), {
-    data: ut,
-    loading: ft,
-    setShouldPerformAction: mt
+  }), _ = le(), [F, Dt] = Z([]), {
+    data: _t,
+    loading: St,
+    setShouldPerformAction: It
   } = i({
     endpoint: "orders/",
     method: "GET",
@@ -54,42 +55,42 @@ function He({ locationloading: Y }) {
     performAction: !1
   });
   o(() => {
-    const t = new URLSearchParams(S.search);
+    const t = new URLSearchParams(_.search);
     if (t?.toString()) {
       const e = [];
-      t?.forEach((a, f) => {
-        f === "order" ? e.push({
+      t?.forEach((n, m) => {
+        m === "order" ? e.push({
           field: "gsit_order_id",
           op: "=",
-          value: a
+          value: n
         }) : e.push({
-          field: f,
+          field: m,
           op: "=",
-          value: a
+          value: n
         });
-      }), lt(e), F && (mt(!0), y(ut?.data[0]?.id));
+      }), Dt(e), F && (It(!0), y(_t?.data[0]?.id));
     } else {
-      const e = S.pathname.split("/");
+      const e = _.pathname.split("/");
       y(e[e?.length - 1]);
     }
-  }, [S.search, ft]);
+  }, [_.search, St]);
   const {
     data: c,
-    loading: _,
-    setShouldPerformAction: pt
+    loading: S,
+    setShouldPerformAction: Ot
   } = i({
     endpoint: `orders/${s}`,
     method: "GET",
     performAction: !1
   }), {
-    data: u,
+    data: f,
     loading: I,
-    setShouldPerformAction: k
+    setShouldPerformAction: K
   } = i({
     endpoint: `/orders/get_live_status/${s}`,
     method: "GET",
     performAction: !1
-  }), { data: O, loading: A } = i({
+  }), { data: O, loading: P } = i({
     endpoint: "/depot/",
     method: "GET",
     filters: [{ field: "visibility", op: "=", value: !0 }],
@@ -97,15 +98,15 @@ function He({ locationloading: Y }) {
     pagination: { is_pagination: !1 }
   });
   o(() => {
-    s && (pt(w), k(!b));
-  }, [s, b, w]), o(() => {
-    if (g(_), c && c.data) {
+    s && (Ot(w), K(!$));
+  }, [s, $, w]), o(() => {
+    if (g(S), c && c.data) {
       const t = c?.data;
-      B(t[0]), st(t[0]?.customer_id), rt(t[0]?.order_routes?.route_id), G(t[0]?.gsit_order_id), ot(t[0]?.id), W({
+      X(t[0]), it(t[0]?.customer_id), dt(t[0]?.order_routes?.route_id), G(t[0]?.gsit_order_id), nt(t[0]?.id), ot({
         recipient_name: t[0]?.order_recipient?.recipient_name ?? null,
         postcode: t[0]?.order_recipient?.postcode ?? null,
         return_action: t[0]?.return_action ?? null
-      }), M(t[0]), c?.data[0]?.gsit_order_id ? localStorage.setItem(
+      }), tt(t[0]), c?.data[0]?.gsit_order_id ? localStorage.setItem(
         "dbSyncAPICall",
         JSON.stringify({
           status: !0,
@@ -116,44 +117,44 @@ function He({ locationloading: Y }) {
     return () => {
       localStorage.removeItem("dbSyncAPICall");
     };
-  }, [_]), o(() => {
-    if (g(I), u && u.data) {
-      const t = u?.data;
-      t && Q(t);
+  }, [S]), o(() => {
+    if (g(I), f && f.data) {
+      const t = f?.data;
+      t && et(t);
     }
-  }, [I, u]);
+  }, [I, f]);
   const {
-    fetchData: gt,
-    loading: ht,
-    data: P
-  } = m({
+    fetchData: Pt,
+    loading: Et,
+    data: E
+  } = u({
     endpoint: "/v1/client/list",
     method: "GET"
   });
   o(() => {
-    s && (gt(), Ot());
+    s && (Pt(), yt());
   }, [s]), o(() => {
-    if (P && P?.data) {
-      const t = P?.data;
-      nt(t);
+    if (E && E?.data) {
+      const t = E?.data;
+      ut(t);
     }
-  }, [ht]), o(() => {
-    if (g(A), O && O.data) {
+  }, [Et]), o(() => {
+    if (g(P), O && O.data) {
       const t = O?.data;
       if (t.length > 0) {
-        const e = t?.map((a) => ({
-          label: a.name,
-          value: a.id
+        const e = t?.map((n) => ({
+          label: n.name,
+          value: n.id
         }));
-        T(e);
+        x(e);
       } else
-        T([]);
+        x([]);
     }
-  }, [A]);
+  }, [P]);
   const {
-    data: K,
+    data: V,
     setShouldPerformAction: d,
-    loading: Dt
+    loading: At
   } = i({
     endpoint: `/orders/${s}/order_resources/`,
     method: "GET",
@@ -161,44 +162,63 @@ function He({ locationloading: Y }) {
     showLoader: !1
   });
   o(() => {
-    s && ($ ? (d(!1), setTimeout(() => {
+    s && (N ? (d(!1), setTimeout(() => {
       d(!0);
     }, 200)) : d(!0));
-  }, [s, d, $]), o(() => {
+  }, [s, d, N]), o(() => {
     s && d(!0);
   }, [s, d]), o(() => {
-    s && x(K);
-  }, [K, tt, x]), o(() => () => {
-    et((t) => ({ ...t, id: void 0 }));
+    s && b(V);
+  }, [V, rt, b]);
+  const {
+    data: A,
+    loading: j,
+    fetchData: Lt
+  } = u({
+    endpoint: `orders/${s}/epod_resources/?finance=false`,
+    method: "GET"
+  });
+  o(() => {
+    s && (Lt(), a?.order_recipient?.postcode != null && J({
+      endPointQuery: `?postcode=${a?.order_recipient?.postcode}`
+    }));
+  }, [s]), o(() => {
+    if (A && A?.data) {
+      const t = A?.data?.resources;
+      mt(t);
+    }
+    pt(j);
+  }, [j]), o(() => () => {
+    at((t) => ({ ...t, id: void 0 }));
   }, []);
   const {
-    data: E,
-    loading: St,
-    setShouldPerformAction: V
+    data: L,
+    loading: Ct,
+    setShouldPerformAction: q
   } = i({
     endpoint: `/return_locations/?customer_id=${h?.id}`,
     method: "GET",
     performAction: !1
   });
   o(() => {
-    h?.id ? V(!0) : V(!1);
+    h?.id ? q(!0) : q(!1);
   }, [h]), o(() => {
-    if (E && E?.data) {
-      const t = E?.data?.map((e) => ({
+    if (L && L?.data) {
+      const t = L?.data?.map((e) => ({
         label: e?.location_name + ", " + e?.postcode,
         value: e?.token,
         is_default: e?.is_default === "True"
       }));
-      X(t);
+      st(t);
     }
-  }, [St]);
-  const [, _t] = te();
+  }, [Ct]);
+  const [, Tt] = ce();
   o(() => {
-    D && D?.data && _t(D?.data);
-  }, [H]), o(() => (Z && ct(), () => {
+    D && D?.data && Tt(D?.data);
+  }, [H]), o(() => (W && ht(), () => {
     G(void 0);
   }), [U]);
-  const { data: l, loading: It } = i({
+  const { data: l, loading: vt } = i({
     endpoint: "/sub-contractor/sub_contractor/get/",
     method: "GET"
   });
@@ -210,99 +230,100 @@ function He({ locationloading: Y }) {
           name: e.name
         })
       );
-      at(t);
+      ct(t);
     }
-  }, [l, l, It]);
+  }, [l, l, vt]);
   const {
-    data: j,
-    fetchData: Ot,
-    loading: At
-  } = m({
+    data: z,
+    fetchData: yt,
+    loading: Gt
+  } = u({
     endpoint: `/orders/escalations/${s}`,
     method: "GET"
   });
   o(() => {
-    if (j?.data) {
-      const e = j?.data?.sort(
-        (f, yt) => new Date(yt?.created_at).getTime() - new Date(f?.created_at).getTime()
-      ), a = e != null && e.length > 0;
-      N(a ? e : []);
+    if (z?.data) {
+      const e = z?.data?.sort(
+        (m, wt) => new Date(wt?.created_at).getTime() - new Date(m?.created_at).getTime()
+      ), n = e != null && e.length > 0;
+      k(n ? e : []);
     }
-  }, [At]);
-  const Pt = `${R?.recipient_name}, ${R?.postcode}`, L = ue(), { fetchData: Et } = m({
+  }, [Gt]);
+  const xt = `${R?.recipient_name}, ${R?.postcode}`, C = Oe(), { fetchData: J } = u({
     endpoint: "v1/orders/customs/postcode/check/",
     method: "GET"
-  }), Lt = async () => {
+  }), Rt = async () => {
     try {
-      const t = await Et({
-        endPointQuery: `?postcode=${n?.order_recipient?.postcode}`
+      const t = await J({
+        endPointQuery: `?postcode=${a?.order_recipient?.postcode}`
       });
       if (t?.code === 200) {
         const e = t?.data?.order_customs_postcodes;
-        dt(e);
+        ft(e);
       } else
-        J.open({
+        Q.open({
           type: "error",
           //@ts-ignore
           content: t?.error || "Something went wrong"
         });
     } catch {
-      J.open({
+      Q.open({
         type: "error",
-        content: `Failed to check ${le.toLowerCase()}. Please try again.`
+        content: `Failed to check ${Ie.toLowerCase()}. Please try again.`
       });
     }
-  }, C = {
+  }, T = {
     UK: /\b(?:[A-Za-z][A-HJ-Ya-hj-y]?[0-9][0-9A-Za-z]? ?[0-9][A-Za-z]{2}|[Gg][Ii][Rr] ?0[Aa]{2})\b/,
     IRISH: /^(?:^[AC-FHKNPRTV-Y][0-9]{2}|D6W)[ -]?[0-9AC-FHKNPRTV-Y]{4}$/,
     US: /^\d{5}(-\d{4})?$/
-  }, Ct = L === "development" || L === "staging" || L === "release_uk", vt = (t) => Ct ? C.UK.test(t) || C.IRISH.test(t) : C.US.test(t), q = Gt(!1);
+  }, bt = C === "development" || C === "staging" || C === "release_uk", $t = (t) => bt ? T.UK.test(t) || T.IRISH.test(t) : T.US.test(t), Y = Ut(!1);
   return o(() => {
-    const t = n?.order_recipient?.postcode?.trim();
-    t && vt(t) && !q.current && (q.current = !0, Lt());
-  }, [n?.order_recipient?.postcode]), /* @__PURE__ */ v(me, { children: [
-    /* @__PURE__ */ r($t, { title: Pt }),
-    /* @__PURE__ */ r(bt, { statusDataLoading: I }),
-    /* @__PURE__ */ r(se, {}),
-    /* @__PURE__ */ r(ie, {}),
+    const t = a?.order_recipient?.postcode?.trim();
+    t && $t(t) && !Y.current && (Y.current = !0, Rt());
+  }, [a?.order_recipient?.postcode]), /* @__PURE__ */ v(Ee, { children: [
+    /* @__PURE__ */ r(jt, { title: xt }),
+    /* @__PURE__ */ r(Ft, { statusDataLoading: I }),
+    /* @__PURE__ */ r(fe, {}),
+    /* @__PURE__ */ r(he, {}),
     /* @__PURE__ */ r(
-      Tt,
+      Nt,
       {
-        orderLoading: _,
-        depotDataLoading: A
+        orderLoading: S,
+        depotDataLoading: P
       }
     ),
-    /* @__PURE__ */ r(wt, { locationloading: Y }),
-    /* @__PURE__ */ v(pe, { children: [
-      /* @__PURE__ */ r(ge, { children: /* @__PURE__ */ r(Rt, {}) }),
-      /* @__PURE__ */ v(he, { children: [
-        /* @__PURE__ */ r(ne, { loading: Dt }),
-        /* @__PURE__ */ r(xt, { loading: H })
+    /* @__PURE__ */ r(Kt, { locationloading: M }),
+    /* @__PURE__ */ v(Ae, { children: [
+      /* @__PURE__ */ r(Le, { children: /* @__PURE__ */ r(kt, {}) }),
+      /* @__PURE__ */ v(Ce, { children: [
+        /* @__PURE__ */ r(De, { loading: At }),
+        !gt && /* @__PURE__ */ r(Pe, {}),
+        /* @__PURE__ */ r(Ht, { loading: H })
       ] })
     ] }),
-    /* @__PURE__ */ r(Ut, {})
+    /* @__PURE__ */ r(Vt, {})
   ] });
 }
-const me = p.div`
+const Ee = p.div`
   display: flex;
   flex-direction: column;
   gap: 10px;
   padding-bottom: 30px;
-`, pe = p.div`
+`, Ae = p.div`
   display: flex;
   gap: 15px;
   @media (max-width: 1024px) {
     display: contents;
   }
-`, ge = p.div`
+`, Le = p.div`
   flex: 1;
-`, he = p.div`
+`, Ce = p.div`
   flex: 1;
   display: flex;
   flex-direction: column;
   gap: 15px;
 `;
 export {
-  He as default
+  Qe as default
 };
 //# sourceMappingURL=index.js.map

package/dist/components/order-view/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/order-view/index.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport styled from 'styled-components';\nimport OrderDetails from './order-details';\nimport Notes from './notes';\nimport SystemLogs from './system-event-logs/expanded-content';\nimport GeneralHeader from './general-information';\nimport ProductsInfo from './products-info';\nimport OrderActions from './order-actions';\nimport {\n  DocumentTitle,\n  useApiHook,\n  useAxios,\n} from '@bjsdistribution/dms-component-library';\nimport {\n  useOrderDetails,\n  // useOrderStaticData,\n  useStatusDetails,\n  useOrderId,\n  useDepotOptions,\n  usePrevOrderDetails,\n  useOrderProductsResources,\n  useCustomerInfo,\n  useLocationOptions,\n  useOrderProductSystemLogs,\n  useGsitCUstomerId,\n  useCUstomerId,\n  useRouteId,\n  useGsitOrderId,\n  useOrderProductId,\n  useLiveRecalling,\n  useGlobalStateHitOrder,\n  useAtom,\n  usegetClientData,\n  useGlobalEscData,\n} from './store';\nimport { OrdersType } from './types';\nimport { useLocation } from 'react-router-dom';\nimport { message, notification } from 'antd';\nimport DetailsFilters from './details-filters/DetailsFilters';\nimport { useIsShowNorthSouth, useSubContracterData } from '../store';\nimport Notification from './notification';\nimport Order from './order-resources/expanded-content';\nimport { setResourcesCall, useAllOrderStatus } from './order-actions/store';\nimport { ClientType } from '../order-daily-overview/common/interface';\nimport { POSTCODE_LABEL } from '../../common/utils';\nimport { getEnvironment } from './utils';\n\ninterface ApiResponse {\n  message: string;\n  code: number;\n  error: string | null;\n  error_traceback: string | null;\n  data: [];\n  setShouldPerformAction: boolean;\n}\n\nfunction OrderView({ locationloading }: any) {\n  notification.config({\n    top: 150,\n  });\n  const [orderId, setOrderId] = useOrderId();\n  const [gsitOrderId, setGsitOrderId] = useGsitOrderId();\n  // For API Call\n  const [orderDetails, setOrderDetails] = useOrderDetails();\n  const [, setPrevOrderDetails] = usePrevOrderDetails();\n  const [, setLoading] = useState<boolean>(false);\n  const [, setOrderStatus] = useStatusDetails();\n  const [, setDepotOptions] = useDepotOptions();\n  const [customerInfo, setCustomerInfo] = useCustomerInfo();\n  const [, setLocationOptions] = useLocationOptions();\n  const [orderResources, setOrderResources] = useOrderProductsResources();\n  const [GsitCUstomerId, setGsitCUstomerId] = useGsitCUstomerId();\n  const [, setOrderProductId] = useOrderProductId();\n  const [, setCUstomerId] = useCUstomerId();\n  const [, setRouteId] = useRouteId();\n  const [liveRecalling] = useLiveRecalling();\n  const [, setSubContracterData] = useSubContracterData();\n  const [recallOrders] = useGlobalStateHitOrder();\n  const [, setStatusVal] = useAllOrderStatus();\n  const order_id = orderDetails?.id;\n  const [getResources] = useAtom(setResourcesCall);\n  const [, setClientData] = usegetClientData();\n  const [, setGlobalEscData] = useGlobalEscData();\n  const [, setIsNorthSouth] = useIsShowNorthSouth();\n\n  useEffect(() => {\n    setStatusVal(orderDetails?.status_value);\n  }, [orderDetails?.status_value]);\n\n  //get system event logs\n  const {\n    data: fetchedSystemLogsData,\n    fetchData: callSystemLogsAPI,\n    loading: logsLoading,\n  } = useAxios<{\n    data: any[];\n  }>({\n    endpoint: `/events/get/event/`,\n    method: 'GET',\n    pagination: { page: 1, per_page: 100 },\n    filters: [\n      {\n        field: 'order_id',\n        op: '=',\n        value: `${order_id}`,\n      },\n    ],\n    showLoader: false,\n  });\n\n  // query param\n  const location = useLocation();\n  const [filters, setFilters] = useState<\n    Array<{ field: string; op: string; value: string | null }>\n  >([]);\n\n  // for third party apps\n  const {\n    data: fetchedDataExternal,\n    loading: loadingExternal,\n    setShouldPerformAction: setShouldPerformExternal,\n  } = useApiHook<{\n    data: any[];\n  }>({\n    endpoint: `orders/`,\n    method: 'GET',\n    filters: filters,\n    performAction: false,\n  });\n\n  useEffect(() => {\n    const searchParams = new URLSearchParams(location.search);\n    if (searchParams?.toString()) {\n      const dynamicFilters: Array<{\n        field: string;\n        op: string;\n        value: string | null;\n      }> = [];\n      searchParams?.forEach((value, key) => {\n        if (key === 'order') {\n          dynamicFilters.push({\n            field: 'gsit_order_id',\n            op: '=',\n            value: value,\n          });\n        } else {\n          dynamicFilters.push({\n            field: key,\n            op: '=',\n            value: value,\n          });\n        }\n      });\n      setFilters(dynamicFilters);\n      if (filters) {\n        setShouldPerformExternal(true);\n        setOrderId(fetchedDataExternal?.data[0]?.id);\n      }\n    } else {\n      const paths = location.pathname.split('/');\n      setOrderId(paths[paths?.length - 1]);\n    }\n  }, [location.search, loadingExternal]);\n\n  const {\n    data: fetchedData,\n    loading,\n    setShouldPerformAction: orderUpdate,\n  } = useApiHook<{\n    data: OrdersType[];\n  }>({\n    endpoint: `orders/${orderId}`,\n    method: 'GET',\n    performAction: false,\n  });\n\n  //Order status api\n  const {\n    data: fetchedStatusData,\n    loading: statusDataLoading,\n    setShouldPerformAction: setLivePerformAction,\n  } = useApiHook<{\n    data: ApiResponse[];\n  }>({\n    endpoint: `/orders/get_live_status/${orderId}`,\n    method: 'GET',\n    performAction: false,\n  });\n  const { data: fetchedDepotData, loading: depotDataLoading } = useApiHook<{\n    data: ApiResponse[];\n  }>({\n    endpoint: `/depot/`,\n    method: 'GET',\n    filters: [{ field: 'visibility', op: '=', value: true }],\n    //@ts-ignore\n    pagination: { is_pagination: false },\n  });\n  useEffect(() => {\n    if (orderId) {\n      orderUpdate(recallOrders);\n      liveRecalling ? setLivePerformAction(false) : setLivePerformAction(true);\n    }\n  }, [orderId, liveRecalling, recallOrders]);\n\n  useEffect(() => {\n    setLoading(loading);\n    if (fetchedData && fetchedData.data) {\n      const requiredData = fetchedData?.data;\n      setOrderDetails(requiredData[0]);\n      //@ts-ignore\n      setCUstomerId(requiredData[0]?.customer_id);\n      setRouteId(requiredData[0]?.order_routes?.route_id);\n      //@ts-ignore\n      setGsitOrderId(requiredData[0]?.gsit_order_id);\n      //@ts-ignore\n      setOrderProductId(requiredData[0]?.id);\n      setCustomerInfo({\n        recipient_name:\n          requiredData[0]?.order_recipient?.recipient_name ?? null,\n        postcode: requiredData[0]?.order_recipient?.postcode ?? null,\n        return_action: requiredData[0]?.return_action ?? null,\n      });\n\n      setPrevOrderDetails(requiredData[0]);\n\n      //dbSync Api call\n      if (fetchedData?.data[0]?.gsit_order_id) {\n        localStorage.setItem(\n          'dbSyncAPICall',\n          JSON.stringify({\n            status: true,\n            gsit_orderId: fetchedData?.data[0]?.gsit_order_id,\n          })\n        );\n      } else {\n        localStorage.setItem('dbSyncAPICall', JSON.stringify({}));\n      }\n    }\n    return () => {\n      localStorage.removeItem('dbSyncAPICall');\n    };\n  }, [loading]);\n\n  useEffect(() => {\n    setLoading(statusDataLoading);\n    if (fetchedStatusData && fetchedStatusData.data) {\n      const requiredData = fetchedStatusData?.data;\n      if (requiredData) {\n        setOrderStatus(requiredData);\n      } else {\n        // setOrderStatus(null);\n      }\n    }\n  }, [statusDataLoading, fetchedStatusData]);\n\n  const {\n    fetchData: callCLientApi,\n    loading: clientLoading,\n    data: clientData,\n  } = useAxios<{\n    data: ClientType[];\n  }>({\n    endpoint: `/v1/client/list`,\n    method: 'GET',\n  });\n\n  useEffect(() => {\n    if (orderId) {\n      callCLientApi();\n      callEscalationApi();\n    }\n  }, [orderId]);\n\n  useEffect(() => {\n    if (clientData && clientData?.data) {\n      const res = clientData?.data;\n      setClientData(res);\n    }\n  }, [clientLoading]);\n\n  useEffect(() => {\n    setLoading(depotDataLoading);\n    if (fetchedDepotData && fetchedDepotData.data) {\n      const requiredData = fetchedDepotData?.data;\n      if (requiredData.length > 0) {\n        const options = requiredData?.map((x: any) => {\n          return {\n            label: x.name,\n            value: x.id,\n          };\n        });\n        setDepotOptions(options);\n      } else {\n        setDepotOptions([]);\n      }\n    }\n  }, [depotDataLoading]);\n\n  // Order resources\n  const {\n    data: fetchedResourcesData,\n    setShouldPerformAction: setActions,\n    loading: loadingResources,\n  } = useApiHook<{\n    data: ApiResponse[];\n  }>({\n    endpoint: `/orders/${orderId}/order_resources/`,\n    method: 'GET',\n    performAction: false,\n    showLoader: false,\n  });\n\n  useEffect(() => {\n    if (orderId) {\n      if (getResources) {\n        setActions(false);\n        setTimeout(() => {\n          setActions(true);\n        }, 200);\n      } else {\n        setActions(true);\n      }\n    }\n  }, [orderId, setActions, getResources]);\n\n  useEffect(() => {\n    if (orderId) {\n      setActions(true);\n    }\n  }, [orderId, setActions]);\n\n  useEffect(() => {\n    if (orderId) {\n      setOrderResources(fetchedResourcesData);\n    }\n  }, [fetchedResourcesData, orderResources, setOrderResources]);\n\n  // // Toolbox resources\n  // const {\n  //   data: fetchedToolboxData,\n  //   setShouldPerformAction: setAction,\n  // } = useApiHook<{\n  //   data: ApiResponse[];\n  // }>({\n  //   endpoint: `/orders/${orderId}/toolbox_resources/`,\n  //   method: 'GET',\n  //   performAction: false,\n  // });\n\n  // useEffect(() => {\n  //   if (orderId) {\n  //     setAction(true);\n  //   }\n  // }, [orderId, setAction]);\n\n  // useEffect(() => {\n  //   if (orderId) {\n  //     setOrderToolbox(fetchedToolboxData);\n  //   }\n  // }, [fetchedToolboxData, orderToolbox, setOrderToolbox]);\n\n  useEffect(() => {\n    return () => {\n      setGsitCUstomerId((prev: any) => ({ ...prev, id: undefined }));\n    };\n  }, []);\n\n  const {\n    data: fetchedLocationData,\n    loading: dataLoading,\n    setShouldPerformAction: shouldFetch,\n  } = useApiHook<{\n    data: ApiResponse[];\n  }>({\n    endpoint: `/return_locations/?customer_id=${GsitCUstomerId?.id}`,\n    method: 'GET',\n    performAction: false,\n  });\n\n  useEffect(() => {\n    if (GsitCUstomerId?.id) {\n      shouldFetch(true);\n    } else {\n      shouldFetch(false);\n    }\n  }, [GsitCUstomerId]);\n\n  useEffect(() => {\n    if (fetchedLocationData && fetchedLocationData?.data) {\n      const locationOptions = fetchedLocationData?.data?.map((item: any) => {\n        return {\n          label: item?.location_name + ', ' + item?.postcode,\n          value: item?.token,\n          is_default: item?.is_default === 'True' ? true : false,\n        };\n      });\n      setLocationOptions(locationOptions);\n    }\n  }, [dataLoading]);\n  const [, setSystemLogsEvents] = useOrderProductSystemLogs();\n\n  useEffect(() => {\n    if (fetchedSystemLogsData && fetchedSystemLogsData?.data) {\n      setSystemLogsEvents(fetchedSystemLogsData?.data);\n    }\n  }, [logsLoading]);\n\n  useEffect(() => {\n    if (gsitOrderId) {\n      callSystemLogsAPI();\n    }\n    return () => {\n      setGsitOrderId(undefined);\n    };\n  }, [order_id]);\n\n  const { data: fetchedSubcontractotData, loading: apiLoading } = useApiHook<{\n    data: ApiResponse[];\n  }>({\n    endpoint: `/sub-contractor/sub_contractor/get/`,\n    method: 'GET',\n  });\n\n  useEffect(() => {\n    if (fetchedSubcontractotData && fetchedSubcontractotData?.data) {\n      const formattedData = fetchedSubcontractotData?.data?.map(\n        (item: any) => ({\n          id: item.id,\n          name: item.name,\n        })\n      );\n      setSubContracterData(formattedData);\n    }\n  }, [fetchedSubcontractotData, fetchedSubcontractotData, apiLoading]);\n\n  // ESCALATIONS API\n\n  const {\n    data: fetchedEscalationData,\n    fetchData: callEscalationApi,\n    loading: escalationDataLoading,\n  } = useAxios<{\n    data: any;\n  }>({\n    endpoint: `/orders/escalations/${orderId}`,\n    method: 'GET',\n  });\n\n  useEffect(() => {\n    if (fetchedEscalationData?.data) {\n      const escalationData = fetchedEscalationData?.data;\n      const sortedEscData = escalationData?.sort(\n        (a: any, b: any) =>\n          new Date(b?.created_at).getTime() - new Date(a?.created_at).getTime()\n      );\n      const showEsc = sortedEscData != null && sortedEscData.length > 0;\n      showEsc ? setGlobalEscData(sortedEscData) : setGlobalEscData([]);\n    }\n  }, [escalationDataLoading]);\n\n  const docTitle = `${customerInfo?.recipient_name}, ${customerInfo?.postcode}`;\n  const environment = getEnvironment();\n  const { fetchData: callCheckPostcode } = useAxios<{\n    data: ApiResponse[];\n  }>({\n    endpoint: `v1/orders/customs/postcode/check/`,\n    method: 'GET',\n  });\n\n  //northern southern\n  const callCheckPostcodeAPI = async () => {\n    try {\n      const response = await callCheckPostcode({\n        endPointQuery: `?postcode=${orderDetails?.order_recipient?.postcode}`,\n      });\n      //@ts-ignore\n      if (response?.code === 200) {\n        //@ts-ignore\n        const isNorthSouth = response?.data?.order_customs_postcodes;\n        setIsNorthSouth(isNorthSouth);\n      } else {\n        message.open({\n          type: 'error',\n          //@ts-ignore\n          content: response?.error || 'Something went wrong',\n        });\n      }\n    } catch (err) {\n      message.open({\n        type: 'error',\n        content: `Failed to check ${POSTCODE_LABEL.toLowerCase()}. Please try again.`,\n      });\n    }\n  };\n  const POSTCODE_REGEX = {\n    UK: /\\b(?:[A-Za-z][A-HJ-Ya-hj-y]?[0-9][0-9A-Za-z]? ?[0-9][A-Za-z]{2}|[Gg][Ii][Rr] ?0[Aa]{2})\\b/,\n    IRISH: /^(?:^[AC-FHKNPRTV-Y][0-9]{2}|D6W)[ -]?[0-9AC-FHKNPRTV-Y]{4}$/,\n    US: /^\\d{5}(-\\d{4})?$/,\n  };\n  const isDevelopmentOrStagingOrReleaseUK =\n    environment === 'development' ||\n    environment === 'staging' ||\n    environment === 'release_uk';\n  const isValidPostcode = (val: any) => {\n    if (isDevelopmentOrStagingOrReleaseUK) {\n      return POSTCODE_REGEX.UK.test(val) || POSTCODE_REGEX.IRISH.test(val);\n    } else {\n      return POSTCODE_REGEX.US.test(val);\n    }\n  };\n  const hasCalledInitialAPI = useRef(false);\n\n  useEffect(() => {\n    const currentPostcode = orderDetails?.order_recipient?.postcode?.trim();\n\n    if (\n      currentPostcode &&\n      isValidPostcode(currentPostcode) &&\n      !hasCalledInitialAPI.current\n    ) {\n      hasCalledInitialAPI.current = true;\n      callCheckPostcodeAPI();\n    }\n  }, [orderDetails?.order_recipient?.postcode]);\n  return (\n    <MainContainer>\n      <DocumentTitle title={docTitle} />\n      <GeneralHeader statusDataLoading={statusDataLoading} />\n\n      <DetailsFilters />\n      <Notification />\n      <OrderDetails\n        orderLoading={loading}\n        depotDataLoading={depotDataLoading}\n      />\n      <ProductsInfo locationloading={locationloading} />\n      <SplitLayout>\n        <NotesContainer>\n          <Notes />\n        </NotesContainer>\n        <TablesContainer>\n          <Order loading={loadingResources} />\n          <SystemLogs loading={logsLoading} />\n        </TablesContainer>\n      </SplitLayout>\n      <OrderActions />\n    </MainContainer>\n  );\n}\n\nconst MainContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  padding-bottom: 30px;\n`;\n\nconst SplitLayout = styled.div`\n  display: flex;\n  gap: 15px;\n  @media (max-width: 1024px) {\n    display: contents;\n  }\n`;\n\nconst NotesContainer = styled.div`\n  flex: 1;\n`;\n\nconst TablesContainer = styled.div`\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  gap: 15px;\n`;\n\nexport default OrderView;\n"],"names":["OrderView","locationloading","notification","orderId","setOrderId","useOrderId","gsitOrderId","setGsitOrderId","useGsitOrderId","orderDetails","setOrderDetails","useOrderDetails","setPrevOrderDetails","usePrevOrderDetails","setLoading","useState","setOrderStatus","useStatusDetails","setDepotOptions","useDepotOptions","customerInfo","setCustomerInfo","useCustomerInfo","setLocationOptions","useLocationOptions","orderResources","setOrderResources","useOrderProductsResources","GsitCUstomerId","setGsitCUstomerId","useGsitCUstomerId","setOrderProductId","useOrderProductId","setCUstomerId","useCUstomerId","setRouteId","useRouteId","liveRecalling","useLiveRecalling","setSubContracterData","useSubContracterData","recallOrders","useGlobalStateHitOrder","setStatusVal","useAllOrderStatus","order_id","getResources","useAtom","setResourcesCall","setClientData","usegetClientData","setGlobalEscData","useGlobalEscData","setIsNorthSouth","useIsShowNorthSouth","useEffect","fetchedSystemLogsData","callSystemLogsAPI","logsLoading","useAxios","location","useLocation","filters","setFilters","fetchedDataExternal","loadingExternal","setShouldPerformExternal","useApiHook","searchParams","dynamicFilters","value","key","paths","fetchedData","loading","orderUpdate","fetchedStatusData","statusDataLoading","setLivePerformAction","fetchedDepotData","depotDataLoading","requiredData","callCLientApi","clientLoading","clientData","callEscalationApi","res","options","x","fetchedResourcesData","setActions","loadingResources","prev","fetchedLocationData","dataLoading","shouldFetch","locationOptions","item","setSystemLogsEvents","useOrderProductSystemLogs","fetchedSubcontractotData","apiLoading","formattedData","fetchedEscalationData","escalationDataLoading","sortedEscData","a","b","showEsc","docTitle","environment","getEnvironment","callCheckPostcode","callCheckPostcodeAPI","response","isNorthSouth","message","POSTCODE_LABEL","POSTCODE_REGEX","isDevelopmentOrStagingOrReleaseUK","isValidPostcode","val","hasCalledInitialAPI","useRef","currentPostcode","MainContainer","jsx","DocumentTitle","GeneralHeader","DetailsFilters","Notification","OrderDetails","ProductsInfo","SplitLayout","NotesContainer","Notes","TablesContainer","Order","SystemLogs","OrderActions","styled"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/components/order-view/index.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport styled from 'styled-components';\nimport OrderDetails from './order-details';\nimport Notes from './notes';\nimport SystemLogs from './system-event-logs/expanded-content';\nimport GeneralHeader from './general-information';\nimport ProductsInfo from './products-info';\nimport OrderActions from './order-actions';\nimport {\n  DocumentTitle,\n  useApiHook,\n  useAxios,\n} from '@bjsdistribution/dms-component-library';\nimport {\n  useOrderDetails,\n  // useOrderStaticData,\n  useStatusDetails,\n  useOrderId,\n  useDepotOptions,\n  usePrevOrderDetails,\n  useOrderProductsResources,\n  useCustomerInfo,\n  useLocationOptions,\n  useOrderProductSystemLogs,\n  useGsitCUstomerId,\n  useCUstomerId,\n  useRouteId,\n  useGsitOrderId,\n  useOrderProductId,\n  useLiveRecalling,\n  useGlobalStateHitOrder,\n  useAtom,\n  usegetClientData,\n  useGlobalEscData,\n  useEpodImages,\n  skeletonTomTom,\n} from './store';\nimport { OrdersType } from './types';\nimport { useLocation } from 'react-router-dom';\nimport { message, notification } from 'antd';\nimport DetailsFilters from './details-filters/DetailsFilters';\nimport {\n  useClientPortal,\n  useIsShowNorthSouth,\n  useSubContracterData,\n} from '../store';\nimport Notification from './notification';\nimport Order from './order-resources/expanded-content';\nimport { setResourcesCall, useAllOrderStatus } from './order-actions/store';\nimport { ClientType } from '../order-daily-overview/common/interface';\nimport { POSTCODE_LABEL } from '../../common/utils';\nimport { getEnvironment } from './utils';\nimport Toolbox from './toolbox-resources/expanded-content';\n\ninterface ApiResponse {\n  message: string;\n  code: number;\n  error: string | null;\n  error_traceback: string | null;\n  data: [];\n  setShouldPerformAction: boolean;\n}\n\nfunction OrderView({ locationloading }: any) {\n  notification.config({\n    top: 150,\n  });\n  const [orderId, setOrderId] = useOrderId();\n  const [gsitOrderId, setGsitOrderId] = useGsitOrderId();\n  // For API Call\n  const [orderDetails, setOrderDetails] = useOrderDetails();\n  const [, setPrevOrderDetails] = usePrevOrderDetails();\n  const [, setLoading] = useState<boolean>(false);\n  const [, setOrderStatus] = useStatusDetails();\n  const [, setDepotOptions] = useDepotOptions();\n  const [customerInfo, setCustomerInfo] = useCustomerInfo();\n  const [, setLocationOptions] = useLocationOptions();\n  const [orderResources, setOrderResources] = useOrderProductsResources();\n  const [GsitCUstomerId, setGsitCUstomerId] = useGsitCUstomerId();\n  const [, setOrderProductId] = useOrderProductId();\n  const [, setCUstomerId] = useCUstomerId();\n  const [, setRouteId] = useRouteId();\n  const [liveRecalling] = useLiveRecalling();\n  const [, setSubContracterData] = useSubContracterData();\n  const [recallOrders] = useGlobalStateHitOrder();\n  const [, setStatusVal] = useAllOrderStatus();\n  const order_id = orderDetails?.id;\n  const [getResources] = useAtom(setResourcesCall);\n  const [, setClientData] = usegetClientData();\n  const [, setGlobalEscData] = useGlobalEscData();\n  const [, setIsNorthSouth] = useIsShowNorthSouth();\n  const [, setEpodImages] = useEpodImages();\n  const [, setSkeletonTomTom] = useAtom(skeletonTomTom);\n  const [clientPortal] = useClientPortal();\n\n  useEffect(() => {\n    setStatusVal(orderDetails?.status_value);\n  }, [orderDetails?.status_value]);\n\n  //get system event logs\n  const {\n    data: fetchedSystemLogsData,\n    fetchData: callSystemLogsAPI,\n    loading: logsLoading,\n  } = useAxios<{\n    data: any[];\n  }>({\n    endpoint: `/events/get/event/`,\n    method: 'GET',\n    pagination: { page: 1, per_page: 100 },\n    filters: [\n      {\n        field: 'order_id',\n        op: '=',\n        value: `${order_id}`,\n      },\n    ],\n    showLoader: false,\n  });\n\n  // query param\n  const location = useLocation();\n  const [filters, setFilters] = useState<\n    Array<{ field: string; op: string; value: string | null }>\n  >([]);\n\n  // for third party apps\n  const {\n    data: fetchedDataExternal,\n    loading: loadingExternal,\n    setShouldPerformAction: setShouldPerformExternal,\n  } = useApiHook<{\n    data: any[];\n  }>({\n    endpoint: `orders/`,\n    method: 'GET',\n    filters: filters,\n    performAction: false,\n  });\n\n  useEffect(() => {\n    const searchParams = new URLSearchParams(location.search);\n    if (searchParams?.toString()) {\n      const dynamicFilters: Array<{\n        field: string;\n        op: string;\n        value: string | null;\n      }> = [];\n      searchParams?.forEach((value, key) => {\n        if (key === 'order') {\n          dynamicFilters.push({\n            field: 'gsit_order_id',\n            op: '=',\n            value: value,\n          });\n        } else {\n          dynamicFilters.push({\n            field: key,\n            op: '=',\n            value: value,\n          });\n        }\n      });\n      setFilters(dynamicFilters);\n      if (filters) {\n        setShouldPerformExternal(true);\n        setOrderId(fetchedDataExternal?.data[0]?.id);\n      }\n    } else {\n      const paths = location.pathname.split('/');\n      setOrderId(paths[paths?.length - 1]);\n    }\n  }, [location.search, loadingExternal]);\n\n  const {\n    data: fetchedData,\n    loading,\n    setShouldPerformAction: orderUpdate,\n  } = useApiHook<{\n    data: OrdersType[];\n  }>({\n    endpoint: `orders/${orderId}`,\n    method: 'GET',\n    performAction: false,\n  });\n\n  //Order status api\n  const {\n    data: fetchedStatusData,\n    loading: statusDataLoading,\n    setShouldPerformAction: setLivePerformAction,\n  } = useApiHook<{\n    data: ApiResponse[];\n  }>({\n    endpoint: `/orders/get_live_status/${orderId}`,\n    method: 'GET',\n    performAction: false,\n  });\n  const { data: fetchedDepotData, loading: depotDataLoading } = useApiHook<{\n    data: ApiResponse[];\n  }>({\n    endpoint: `/depot/`,\n    method: 'GET',\n    filters: [{ field: 'visibility', op: '=', value: true }],\n    //@ts-ignore\n    pagination: { is_pagination: false },\n  });\n  useEffect(() => {\n    if (orderId) {\n      orderUpdate(recallOrders);\n      liveRecalling ? setLivePerformAction(false) : setLivePerformAction(true);\n    }\n  }, [orderId, liveRecalling, recallOrders]);\n\n  useEffect(() => {\n    setLoading(loading);\n    if (fetchedData && fetchedData.data) {\n      const requiredData = fetchedData?.data;\n      setOrderDetails(requiredData[0]);\n      //@ts-ignore\n      setCUstomerId(requiredData[0]?.customer_id);\n      setRouteId(requiredData[0]?.order_routes?.route_id);\n      //@ts-ignore\n      setGsitOrderId(requiredData[0]?.gsit_order_id);\n      //@ts-ignore\n      setOrderProductId(requiredData[0]?.id);\n      setCustomerInfo({\n        recipient_name:\n          requiredData[0]?.order_recipient?.recipient_name ?? null,\n        postcode: requiredData[0]?.order_recipient?.postcode ?? null,\n        return_action: requiredData[0]?.return_action ?? null,\n      });\n\n      setPrevOrderDetails(requiredData[0]);\n\n      //dbSync Api call\n      if (fetchedData?.data[0]?.gsit_order_id) {\n        localStorage.setItem(\n          'dbSyncAPICall',\n          JSON.stringify({\n            status: true,\n            gsit_orderId: fetchedData?.data[0]?.gsit_order_id,\n          })\n        );\n      } else {\n        localStorage.setItem('dbSyncAPICall', JSON.stringify({}));\n      }\n    }\n    return () => {\n      localStorage.removeItem('dbSyncAPICall');\n    };\n  }, [loading]);\n\n  useEffect(() => {\n    setLoading(statusDataLoading);\n    if (fetchedStatusData && fetchedStatusData.data) {\n      const requiredData = fetchedStatusData?.data;\n      if (requiredData) {\n        setOrderStatus(requiredData);\n      } else {\n        // setOrderStatus(null);\n      }\n    }\n  }, [statusDataLoading, fetchedStatusData]);\n\n  const {\n    fetchData: callCLientApi,\n    loading: clientLoading,\n    data: clientData,\n  } = useAxios<{\n    data: ClientType[];\n  }>({\n    endpoint: `/v1/client/list`,\n    method: 'GET',\n  });\n\n  useEffect(() => {\n    if (orderId) {\n      callCLientApi();\n      callEscalationApi();\n    }\n  }, [orderId]);\n\n  useEffect(() => {\n    if (clientData && clientData?.data) {\n      const res = clientData?.data;\n      setClientData(res);\n    }\n  }, [clientLoading]);\n\n  useEffect(() => {\n    setLoading(depotDataLoading);\n    if (fetchedDepotData && fetchedDepotData.data) {\n      const requiredData = fetchedDepotData?.data;\n      if (requiredData.length > 0) {\n        const options = requiredData?.map((x: any) => {\n          return {\n            label: x.name,\n            value: x.id,\n          };\n        });\n        setDepotOptions(options);\n      } else {\n        setDepotOptions([]);\n      }\n    }\n  }, [depotDataLoading]);\n\n  // Order resources\n  const {\n    data: fetchedResourcesData,\n    setShouldPerformAction: setActions,\n    loading: loadingResources,\n  } = useApiHook<{\n    data: ApiResponse[];\n  }>({\n    endpoint: `/orders/${orderId}/order_resources/`,\n    method: 'GET',\n    performAction: false,\n    showLoader: false,\n  });\n\n  useEffect(() => {\n    if (orderId) {\n      if (getResources) {\n        setActions(false);\n        setTimeout(() => {\n          setActions(true);\n        }, 200);\n      } else {\n        setActions(true);\n      }\n    }\n  }, [orderId, setActions, getResources]);\n\n  useEffect(() => {\n    if (orderId) {\n      setActions(true);\n    }\n  }, [orderId, setActions]);\n\n  useEffect(() => {\n    if (orderId) {\n      setOrderResources(fetchedResourcesData);\n    }\n  }, [fetchedResourcesData, orderResources, setOrderResources]);\n\n  //EPOD Images\n  const {\n    data: fetchedEpodImages,\n    loading: epodLoading,\n    fetchData: fetchEpodImages,\n  } = useAxios<{\n    data: ApiResponse[];\n  }>({\n    endpoint: `orders/${orderId}/epod_resources/?finance=false`,\n    method: 'GET',\n  });\n\n  useEffect(() => {\n    if (orderId) {\n      fetchEpodImages();\n      if (orderDetails?.order_recipient?.postcode != null) {\n        callCheckPostcode({\n          endPointQuery: `?postcode=${orderDetails?.order_recipient?.postcode}`,\n        });\n      }\n    }\n  }, [orderId]);\n\n  useEffect(() => {\n    if (fetchedEpodImages && fetchedEpodImages?.data) {\n      //@ts-ignore\n      const result = fetchedEpodImages?.data?.resources;\n      setEpodImages(result);\n    }\n    setSkeletonTomTom(epodLoading);\n  }, [epodLoading]);\n\n  useEffect(() => {\n    return () => {\n      setGsitCUstomerId((prev: any) => ({ ...prev, id: undefined }));\n    };\n  }, []);\n\n  const {\n    data: fetchedLocationData,\n    loading: dataLoading,\n    setShouldPerformAction: shouldFetch,\n  } = useApiHook<{\n    data: ApiResponse[];\n  }>({\n    endpoint: `/return_locations/?customer_id=${GsitCUstomerId?.id}`,\n    method: 'GET',\n    performAction: false,\n  });\n\n  useEffect(() => {\n    if (GsitCUstomerId?.id) {\n      shouldFetch(true);\n    } else {\n      shouldFetch(false);\n    }\n  }, [GsitCUstomerId]);\n\n  useEffect(() => {\n    if (fetchedLocationData && fetchedLocationData?.data) {\n      const locationOptions = fetchedLocationData?.data?.map((item: any) => {\n        return {\n          label: item?.location_name + ', ' + item?.postcode,\n          value: item?.token,\n          is_default: item?.is_default === 'True' ? true : false,\n        };\n      });\n      setLocationOptions(locationOptions);\n    }\n  }, [dataLoading]);\n  const [, setSystemLogsEvents] = useOrderProductSystemLogs();\n\n  useEffect(() => {\n    if (fetchedSystemLogsData && fetchedSystemLogsData?.data) {\n      setSystemLogsEvents(fetchedSystemLogsData?.data);\n    }\n  }, [logsLoading]);\n\n  useEffect(() => {\n    if (gsitOrderId) {\n      callSystemLogsAPI();\n    }\n    return () => {\n      setGsitOrderId(undefined);\n    };\n  }, [order_id]);\n\n  const { data: fetchedSubcontractotData, loading: apiLoading } = useApiHook<{\n    data: ApiResponse[];\n  }>({\n    endpoint: `/sub-contractor/sub_contractor/get/`,\n    method: 'GET',\n  });\n\n  useEffect(() => {\n    if (fetchedSubcontractotData && fetchedSubcontractotData?.data) {\n      const formattedData = fetchedSubcontractotData?.data?.map(\n        (item: any) => ({\n          id: item.id,\n          name: item.name,\n        })\n      );\n      setSubContracterData(formattedData);\n    }\n  }, [fetchedSubcontractotData, fetchedSubcontractotData, apiLoading]);\n\n  // ESCALATIONS API\n\n  const {\n    data: fetchedEscalationData,\n    fetchData: callEscalationApi,\n    loading: escalationDataLoading,\n  } = useAxios<{\n    data: any;\n  }>({\n    endpoint: `/orders/escalations/${orderId}`,\n    method: 'GET',\n  });\n\n  useEffect(() => {\n    if (fetchedEscalationData?.data) {\n      const escalationData = fetchedEscalationData?.data;\n      const sortedEscData = escalationData?.sort(\n        (a: any, b: any) =>\n          new Date(b?.created_at).getTime() - new Date(a?.created_at).getTime()\n      );\n      const showEsc = sortedEscData != null && sortedEscData.length > 0;\n      showEsc ? setGlobalEscData(sortedEscData) : setGlobalEscData([]);\n    }\n  }, [escalationDataLoading]);\n\n  const docTitle = `${customerInfo?.recipient_name}, ${customerInfo?.postcode}`;\n  const environment = getEnvironment();\n  const { fetchData: callCheckPostcode } = useAxios<{\n    data: ApiResponse[];\n  }>({\n    endpoint: `v1/orders/customs/postcode/check/`,\n    method: 'GET',\n  });\n\n  //northern southern\n  const callCheckPostcodeAPI = async () => {\n    try {\n      const response = await callCheckPostcode({\n        endPointQuery: `?postcode=${orderDetails?.order_recipient?.postcode}`,\n      });\n      //@ts-ignore\n      if (response?.code === 200) {\n        //@ts-ignore\n        const isNorthSouth = response?.data?.order_customs_postcodes;\n        setIsNorthSouth(isNorthSouth);\n      } else {\n        message.open({\n          type: 'error',\n          //@ts-ignore\n          content: response?.error || 'Something went wrong',\n        });\n      }\n    } catch (err) {\n      message.open({\n        type: 'error',\n        content: `Failed to check ${POSTCODE_LABEL.toLowerCase()}. Please try again.`,\n      });\n    }\n  };\n  const POSTCODE_REGEX = {\n    UK: /\\b(?:[A-Za-z][A-HJ-Ya-hj-y]?[0-9][0-9A-Za-z]? ?[0-9][A-Za-z]{2}|[Gg][Ii][Rr] ?0[Aa]{2})\\b/,\n    IRISH: /^(?:^[AC-FHKNPRTV-Y][0-9]{2}|D6W)[ -]?[0-9AC-FHKNPRTV-Y]{4}$/,\n    US: /^\\d{5}(-\\d{4})?$/,\n  };\n  const isDevelopmentOrStagingOrReleaseUK =\n    environment === 'development' ||\n    environment === 'staging' ||\n    environment === 'release_uk';\n  const isValidPostcode = (val: any) => {\n    if (isDevelopmentOrStagingOrReleaseUK) {\n      return POSTCODE_REGEX.UK.test(val) || POSTCODE_REGEX.IRISH.test(val);\n    } else {\n      return POSTCODE_REGEX.US.test(val);\n    }\n  };\n  const hasCalledInitialAPI = useRef(false);\n\n  useEffect(() => {\n    const currentPostcode = orderDetails?.order_recipient?.postcode?.trim();\n\n    if (\n      currentPostcode &&\n      isValidPostcode(currentPostcode) &&\n      !hasCalledInitialAPI.current\n    ) {\n      hasCalledInitialAPI.current = true;\n      callCheckPostcodeAPI();\n    }\n  }, [orderDetails?.order_recipient?.postcode]);\n  return (\n    <MainContainer>\n      <DocumentTitle title={docTitle} />\n      <GeneralHeader statusDataLoading={statusDataLoading} />\n\n      <DetailsFilters />\n      <Notification />\n      <OrderDetails\n        orderLoading={loading}\n        depotDataLoading={depotDataLoading}\n      />\n      <ProductsInfo locationloading={locationloading} />\n      <SplitLayout>\n        <NotesContainer>\n          <Notes />\n        </NotesContainer>\n        <TablesContainer>\n          <Order loading={loadingResources} />\n          {!clientPortal && <Toolbox />}\n\n          <SystemLogs loading={logsLoading} />\n        </TablesContainer>\n      </SplitLayout>\n      <OrderActions />\n    </MainContainer>\n  );\n}\n\nconst MainContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  padding-bottom: 30px;\n`;\n\nconst SplitLayout = styled.div`\n  display: flex;\n  gap: 15px;\n  @media (max-width: 1024px) {\n    display: contents;\n  }\n`;\n\nconst NotesContainer = styled.div`\n  flex: 1;\n`;\n\nconst TablesContainer = styled.div`\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  gap: 15px;\n`;\n\nexport default OrderView;\n"],"names":["OrderView","locationloading","notification","orderId","setOrderId","useOrderId","gsitOrderId","setGsitOrderId","useGsitOrderId","orderDetails","setOrderDetails","useOrderDetails","setPrevOrderDetails","usePrevOrderDetails","setLoading","useState","setOrderStatus","useStatusDetails","setDepotOptions","useDepotOptions","customerInfo","setCustomerInfo","useCustomerInfo","setLocationOptions","useLocationOptions","orderResources","setOrderResources","useOrderProductsResources","GsitCUstomerId","setGsitCUstomerId","useGsitCUstomerId","setOrderProductId","useOrderProductId","setCUstomerId","useCUstomerId","setRouteId","useRouteId","liveRecalling","useLiveRecalling","setSubContracterData","useSubContracterData","recallOrders","useGlobalStateHitOrder","setStatusVal","useAllOrderStatus","order_id","getResources","useAtom","setResourcesCall","setClientData","usegetClientData","setGlobalEscData","useGlobalEscData","setIsNorthSouth","useIsShowNorthSouth","setEpodImages","useEpodImages","setSkeletonTomTom","skeletonTomTom","clientPortal","useClientPortal","useEffect","fetchedSystemLogsData","callSystemLogsAPI","logsLoading","useAxios","location","useLocation","filters","setFilters","fetchedDataExternal","loadingExternal","setShouldPerformExternal","useApiHook","searchParams","dynamicFilters","value","key","paths","fetchedData","loading","orderUpdate","fetchedStatusData","statusDataLoading","setLivePerformAction","fetchedDepotData","depotDataLoading","requiredData","callCLientApi","clientLoading","clientData","callEscalationApi","res","options","x","fetchedResourcesData","setActions","loadingResources","fetchedEpodImages","epodLoading","fetchEpodImages","callCheckPostcode","result","prev","fetchedLocationData","dataLoading","shouldFetch","locationOptions","item","setSystemLogsEvents","useOrderProductSystemLogs","fetchedSubcontractotData","apiLoading","formattedData","fetchedEscalationData","escalationDataLoading","sortedEscData","a","b","showEsc","docTitle","environment","getEnvironment","callCheckPostcodeAPI","response","isNorthSouth","message","POSTCODE_LABEL","POSTCODE_REGEX","isDevelopmentOrStagingOrReleaseUK","isValidPostcode","val","hasCalledInitialAPI","useRef","currentPostcode","MainContainer","jsx","DocumentTitle","GeneralHeader","DetailsFilters","Notification","OrderDetails","ProductsInfo","SplitLayout","NotesContainer","Notes","TablesContainer","Order","Toolbox","SystemLogs","OrderActions","styled"],"mappings":"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"}

package/dist/components/order-view/order-actions/Dropdown.js

@@ -2,7 +2,7 @@ import { jsxs as a, jsx as o } from "react/jsx-runtime";
 import l from "styled-components";
 import { AntSelect as t } from "@bjsdistribution/dms-component-library";
 function f(e) {
-  return /* @__PURE__ */ a(i, { className: e.className, children: [
+  return /* @__PURE__ */ a(s, { className: e.className, children: [
     /* @__PURE__ */ a(r, { children: [
       e.label,
       e.required && /* @__PURE__ */ o(n, { children: "*" })
@@ -17,7 +17,7 @@ function f(e) {
         style: { width: "100%" },
         onSearch: e.onSearch,
         showSearch: !0,
-        popupClassName: "dropDownStyle",
+        popupClassName: e.popupClassName ? `dropDownStyle ${e.popupClassName}` : "dropDownStyle",
         selectWrapperClass: "rounded",
         defaultValue: e.value
       }
@@ -33,7 +33,7 @@ const n = l.span`
   font-size: 14px;
   font-style: normal;
   font-weight: 500;
-`, i = l.div`
+`, s = l.div`
   display: flex;
   flex-direction: column;
   gap: 6px;

package/dist/components/order-view/order-actions/Dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.js","sources":["../../../../src/components/order-view/order-actions/Dropdown.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport React from 'react';\nimport {\n  AntSelect,\n  StandardOptionsType,\n} from '@bjsdistribution/dms-component-library';\n\ninterface ActionsDropdownProps {\n  label: string;\n  placeholder: string;\n  options: StandardOptionsType[];\n  onSelect: (value: string) => void;\n  onSearch?: () => void;\n  className?: string;\n  value?: string;\n  disabled?: boolean;\n  defaultValue?: any;\n  onChange?: any;\n  required?: boolean;\n}\n\nfunction OrderActionsDropdown(props: ActionsDropdownProps) {\n  return (\n    <Container className={props.className}>\n      <Label>\n        {props.label}\n        {props.required && <RequiredAsterisk>*</RequiredAsterisk>}\n      </Label>\n      <AntSelect\n        options={props.options}\n        placeholder={props.placeholder}\n        onChange={props.onSelect}\n        disabled={props.disabled}\n        style={{ width: '100%' }}\n        onSearch={props.onSearch}\n        showSearch={true}\n        popupClassName={'dropDownStyle'}\n        selectWrapperClass={'rounded'}\n        defaultValue={props.value}\n      />\n    </Container>\n  );\n}\n\nconst RequiredAsterisk = styled.span`\n  color: red;\n  margin-left: 2px;\n`;\n\nconst Label = styled.label`\n  color: #6a7378;\n  font-family: 'Lato', sans-serif;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n`;\n\nconst Container = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n`;\n\nexport default OrderActionsDropdown;\n"],"names":["OrderActionsDropdown","props","jsxs","Container","Label","jsx","RequiredAsterisk","AntSelect","styled"],"mappings":";;;AAqBA,SAASA,EAAqBC,GAA6B;AACzD,SACE,gBAAAC,EAACC,GAAA,EAAU,WAAWF,EAAM,WAC1B,UAAA;AAAA,IAAA,gBAAAC,EAACE,GAAA,EACE,UAAA;AAAA,MAAAH,EAAM;AAAA,MACNA,EAAM,YAAY,gBAAAI,EAACC,GAAA,EAAiB,UAAA,IAAA,CAAC;AAAA,IAAA,GACxC;AAAA,IACA,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,SAASN,EAAM;AAAA,QACf,aAAaA,EAAM;AAAA,QACnB,UAAUA,EAAM;AAAA,QAChB,UAAUA,EAAM;AAAA,QAChB,OAAO,EAAE,OAAO,OAAA;AAAA,QAChB,UAAUA,EAAM;AAAA,QAChB,YAAY;AAAA,QACZ,gBAAgB;AAAA,QAChB,oBAAoB;AAAA,QACpB,cAAcA,EAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EACtB,GACF;AAEJ;AAEA,MAAMK,IAAmBE,EAAO;AAAA;AAAA;AAAA,GAK1BJ,IAAQI,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQfL,IAAYK,EAAO;AAAA;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"Dropdown.js","sources":["../../../../src/components/order-view/order-actions/Dropdown.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport React from 'react';\nimport {\n  AntSelect,\n  StandardOptionsType,\n} from '@bjsdistribution/dms-component-library';\n\ninterface ActionsDropdownProps {\n  label: string;\n  placeholder: string;\n  options: StandardOptionsType[];\n  onSelect: (value: string) => void;\n  onSearch?: () => void;\n  className?: string;\n  popupClassName?: string;\n  value?: string;\n  disabled?: boolean;\n  defaultValue?: any;\n  onChange?: any;\n  required?: boolean;\n}\n\nfunction OrderActionsDropdown(props: ActionsDropdownProps) {\n  return (\n    <Container className={props.className}>\n      <Label>\n        {props.label}\n        {props.required && <RequiredAsterisk>*</RequiredAsterisk>}\n      </Label>\n      <AntSelect\n        options={props.options}\n        placeholder={props.placeholder}\n        onChange={props.onSelect}\n        disabled={props.disabled}\n        style={{ width: '100%' }}\n        onSearch={props.onSearch}\n        showSearch={true}\n        popupClassName={\n          props.popupClassName\n            ? `dropDownStyle ${props.popupClassName}`\n            : 'dropDownStyle'\n        }\n        selectWrapperClass={'rounded'}\n        defaultValue={props.value}\n      />\n    </Container>\n  );\n}\n\nconst RequiredAsterisk = styled.span`\n  color: red;\n  margin-left: 2px;\n`;\n\nconst Label = styled.label`\n  color: #6a7378;\n  font-family: 'Lato', sans-serif;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n`;\n\nconst Container = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n`;\n\nexport default OrderActionsDropdown;\n"],"names":["OrderActionsDropdown","props","jsxs","Container","Label","jsx","RequiredAsterisk","AntSelect","styled"],"mappings":";;;AAsBA,SAASA,EAAqBC,GAA6B;AACzD,SACE,gBAAAC,EAACC,GAAA,EAAU,WAAWF,EAAM,WAC1B,UAAA;AAAA,IAAA,gBAAAC,EAACE,GAAA,EACE,UAAA;AAAA,MAAAH,EAAM;AAAA,MACNA,EAAM,YAAY,gBAAAI,EAACC,GAAA,EAAiB,UAAA,IAAA,CAAC;AAAA,IAAA,GACxC;AAAA,IACA,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,SAASN,EAAM;AAAA,QACf,aAAaA,EAAM;AAAA,QACnB,UAAUA,EAAM;AAAA,QAChB,UAAUA,EAAM;AAAA,QAChB,OAAO,EAAE,OAAO,OAAA;AAAA,QAChB,UAAUA,EAAM;AAAA,QAChB,YAAY;AAAA,QACZ,gBACEA,EAAM,iBACF,iBAAiBA,EAAM,cAAc,KACrC;AAAA,QAEN,oBAAoB;AAAA,QACpB,cAAcA,EAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EACtB,GACF;AAEJ;AAEA,MAAMK,IAAmBE,EAAO;AAAA;AAAA;AAAA,GAK1BJ,IAAQI,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQfL,IAAYK,EAAO;AAAA;AAAA;AAAA;AAAA;"}