@bjsdistribution/dms-client-return 0.1.93-prod → 0.1.94-prod

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

@@ -46,22 +46,8 @@ const e = [
   },
   { label: "Charge Log", value: "charge-log" },
   { label: "Force Debrief", value: "force-debrief" }
-], r = [
-  {
-    label: "Proof of Delivery",
-    value: "proofofdelivery"
-  },
-  {
-    label: "Return Labels",
-    value: "returnlabels"
-  },
-  {
-    label: "Return Cover Notes",
-    value: "returncovernote"
-  }
 ];
 export {
-  r as PrintMenu,
   e as bjsMenu,
   a as optionsMenu,
   l as optionsMenuClientPortal

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

@@ -1 +1 @@
-{"version":3,"file":"fakedata.js","sources":["../../../src/components/order-view/fakedata.ts"],"sourcesContent":["import { ChargeLogData } from './types';\n\nexport const bjsMenu = [\n  {\n    label: 'Add Order Resources',\n    value: 'add-resources',\n  },\n  {\n    label: 'Split Order',\n    value: 'split-order',\n  },\n];\n\nexport const optionsMenuClientPortal = [\n  { label: 'Create Task', value: 'create-task' },\n  {\n    label: 'On Hold',\n    value: 'hold-order',\n  },\n  {\n    label: 'Un Hold',\n    value: 'unhold-order',\n  },\n  {\n    label: 'Cancel',\n    value: 'cancel-order',\n  },\n  {\n    label: 'Un-Cancel',\n    value: 'uncancel-order',\n  },\n];\n\nexport const optionsMenu = [\n  { label: 'Create Reminder', value: 'create-reminder' },\n  { label: 'Create Task', value: 'create-task' },\n  { label: 'Confirm', value: 'confirm-order' },\n  { label: 'Hold', value: 'hold-order' },\n  { label: 'Cancel', value: 'cancel-order' },\n  { label: 'Un Hold', value: 'unhold-order' },\n  {\n    label: 'Remove from Route',\n    value: 'remove-from-route',\n  },\n  {\n    label: 'Un-Cancel',\n    value: 'uncancel-order',\n  },\n  {\n    label: 'Clear Booking Status',\n    value: 'clear-date',\n  },\n  { label: 'Charge Log', value: 'charge-log' },\n  { label: 'Force Debrief', value: 'force-debrief' },\n];\n\nexport const PrintMenu = [\n  {\n    label: 'Proof of Delivery',\n    value: 'proofofdelivery',\n  },\n  {\n    label: 'Return Labels',\n    value: 'returnlabels',\n  },\n  {\n    label: 'Return Cover Notes',\n    value: 'returncovernote',\n  },\n];\n\nexport const orderResources = [\n  {\n    date: '15/01/2024 06:22:47',\n    updated_at: '15/01/2024 06:22:47',\n    type: 'Workflow',\n    category: 'Epod',\n    reference: 'Success Note',\n    id: 1,\n  },\n  {\n    date: '22/01/2024 07:22:47',\n    updated_at: '22/01/2024 07:22:47',\n    type: 'Workflow',\n    category: 'Epod',\n    reference: 'Success Note',\n    id: 2,\n  },\n  {\n    date: '22/01/2024 07:22:47',\n    updated_at: '22/01/2024 07:22:47',\n    type: 'Workflow',\n    category: 'Epod',\n    reference: 'Success Note',\n    id: 3,\n  },\n  {\n    date: '22/01/2024 07:22:47',\n    updated_at: '22/01/2024 07:22:47',\n    type: 'Workflow',\n    category: 'Epod',\n    reference: 'Success Note',\n    id: 4,\n  },\n  {\n    date: '22/01/2024 07:22:47',\n    updated_at: '22/01/2024 07:22:47',\n    type: 'Workflow',\n    category: 'Epod',\n    reference: 'Success Note',\n    id: 5,\n  },\n  {\n    date: '22/01/2024 07:22:47',\n    updated_at: '22/01/2024 07:22:47',\n    type: 'Workflow',\n    category: 'Epod',\n    reference: 'Success Note',\n    id: 6,\n  },\n];\n\nexport const HoldOptionMenu = [\n  {\n    label: 'STOCK RECEIPT / DAMAGED - Awaiting Client Instructions',\n    value: 'STOCK RECEIPT / DAMAGED - Awaiting Client Instructions',\n  },\n  {\n    label: 'STOCK RECEIPT / EXTRA ITEMS - Awaiting Client Instructions',\n    value: 'STOCK RECEIPT / EXTRA ITEMS - Awaiting Client Instructions',\n  },\n  {\n    label: 'STOCK RECEIPT / NO STOCK - Awaiting Client Instructions',\n    value: 'STOCK RECEIPT / NO STOCK - Awaiting Client Instructions',\n  },\n  {\n    label: 'STOCK RECEIPT / DAMAGED - Awaiting Client Instructions',\n    value: 'STOCK RECEIPT / DAMAGED - Awaiting Client Instructions',\n  },\n  {\n    label: 'STOCK RECEIPT / NO STOCK - CANX',\n    value: 'STOCK RECEIPT / NO STOCK - CANX',\n  },\n  {\n    label: 'STOCK RECEIPT / RE-ALLOCATION',\n    value: 'STOCK RECEIPT / RE-ALLOCATION',\n  },\n  {\n    label: 'CONTACT DETAILS / MISSING TEL NUMBER',\n    value: 'CONTACT DETAILS / MISSING TEL NUMBER',\n  },\n  {\n    label: 'CONTACT DETAILS / INCORRECT ADDRESS',\n    value: 'CONTACT DETAILS / INCORRECT ADDRESS',\n  },\n];\n\nexport const initialData: ChargeLogData[] = [\n  {\n    id: 1,\n    date: '17/05/2024',\n    description: 'Delivery Success - 17/05/2024',\n    amount: '0.00',\n    status: '2024-06-02 - Moreham Wood Direct - 34113',\n  },\n  {\n    id: 2,\n    date: '17/05/2024',\n    description: 'Delivery Success - 17/05/2024',\n    amount: '0.45',\n    status: '2024-06-02 - Moreham Wood Direct - 34113',\n  },\n  {\n    id: 3,\n    date: '17/05/2024',\n    description: 'Delivery Success - 17/05/2024',\n    amount: '0.00',\n    status: '',\n  },\n  {\n    id: 4,\n    date: '17/05/2024',\n    description: 'Delivery Success - 17/05/2024',\n    amount: '0.78',\n    status: 'Awaiting Invoice',\n  },\n  {\n    id: 5,\n    date: '17/05/2024',\n    description: 'Delivery Success - 17/05/2024',\n    amount: '0.108',\n    status: 'Awaiting',\n  },\n];\n"],"names":["bjsMenu","optionsMenuClientPortal","optionsMenu","PrintMenu"],"mappings":"AAEO,MAAMA,IAAU;AAAA,EACrB;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EAAA;AAAA,EAET;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EAAA;AAEX,GAEaC,IAA0B;AAAA,EACrC,EAAE,OAAO,eAAe,OAAO,cAAA;AAAA,EAC/B;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EAAA;AAAA,EAET;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EAAA;AAAA,EAET;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EAAA;AAAA,EAET;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EAAA;AAEX,GAEaC,IAAc;AAAA,EACzB,EAAE,OAAO,mBAAmB,OAAO,kBAAA;AAAA,EACnC,EAAE,OAAO,eAAe,OAAO,cAAA;AAAA,EAC/B,EAAE,OAAO,WAAW,OAAO,gBAAA;AAAA,EAC3B,EAAE,OAAO,QAAQ,OAAO,aAAA;AAAA,EACxB,EAAE,OAAO,UAAU,OAAO,eAAA;AAAA,EAC1B,EAAE,OAAO,WAAW,OAAO,eAAA;AAAA,EAC3B;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EAAA;AAAA,EAET;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EAAA;AAAA,EAET;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EAAA;AAAA,EAET,EAAE,OAAO,cAAc,OAAO,aAAA;AAAA,EAC9B,EAAE,OAAO,iBAAiB,OAAO,gBAAA;AACnC,GAEaC,IAAY;AAAA,EACvB;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EAAA;AAAA,EAET;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EAAA;AAAA,EAET;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EAAA;AAEX;"}
+{"version":3,"file":"fakedata.js","sources":["../../../src/components/order-view/fakedata.ts"],"sourcesContent":["import { ChargeLogData } from './types';\n\nexport const bjsMenu = [\n  {\n    label: 'Add Order Resources',\n    value: 'add-resources',\n  },\n  {\n    label: 'Split Order',\n    value: 'split-order',\n  },\n];\n\nexport const optionsMenuClientPortal = [\n  { label: 'Create Task', value: 'create-task' },\n  {\n    label: 'On Hold',\n    value: 'hold-order',\n  },\n  {\n    label: 'Un Hold',\n    value: 'unhold-order',\n  },\n  {\n    label: 'Cancel',\n    value: 'cancel-order',\n  },\n  {\n    label: 'Un-Cancel',\n    value: 'uncancel-order',\n  },\n];\n\nexport const optionsMenu = [\n  { label: 'Create Reminder', value: 'create-reminder' },\n  { label: 'Create Task', value: 'create-task' },\n  { label: 'Confirm', value: 'confirm-order' },\n  { label: 'Hold', value: 'hold-order' },\n  { label: 'Cancel', value: 'cancel-order' },\n  { label: 'Un Hold', value: 'unhold-order' },\n  {\n    label: 'Remove from Route',\n    value: 'remove-from-route',\n  },\n  {\n    label: 'Un-Cancel',\n    value: 'uncancel-order',\n  },\n  {\n    label: 'Clear Booking Status',\n    value: 'clear-date',\n  },\n  { label: 'Charge Log', value: 'charge-log' },\n  { label: 'Force Debrief', value: 'force-debrief' },\n];\n\nexport const PrintMenu = [\n  {\n    label: 'Proof of Delivery',\n    value: 'proofofdelivery',\n  },\n  {\n    label: 'Return Labels',\n    value: 'returnlabels',\n  },\n  {\n    label: 'Return Cover Notes',\n    value: 'returncovernote',\n  },\n];\n\nexport const orderResources = [\n  {\n    date: '15/01/2024 06:22:47',\n    updated_at: '15/01/2024 06:22:47',\n    type: 'Workflow',\n    category: 'Epod',\n    reference: 'Success Note',\n    id: 1,\n  },\n  {\n    date: '22/01/2024 07:22:47',\n    updated_at: '22/01/2024 07:22:47',\n    type: 'Workflow',\n    category: 'Epod',\n    reference: 'Success Note',\n    id: 2,\n  },\n  {\n    date: '22/01/2024 07:22:47',\n    updated_at: '22/01/2024 07:22:47',\n    type: 'Workflow',\n    category: 'Epod',\n    reference: 'Success Note',\n    id: 3,\n  },\n  {\n    date: '22/01/2024 07:22:47',\n    updated_at: '22/01/2024 07:22:47',\n    type: 'Workflow',\n    category: 'Epod',\n    reference: 'Success Note',\n    id: 4,\n  },\n  {\n    date: '22/01/2024 07:22:47',\n    updated_at: '22/01/2024 07:22:47',\n    type: 'Workflow',\n    category: 'Epod',\n    reference: 'Success Note',\n    id: 5,\n  },\n  {\n    date: '22/01/2024 07:22:47',\n    updated_at: '22/01/2024 07:22:47',\n    type: 'Workflow',\n    category: 'Epod',\n    reference: 'Success Note',\n    id: 6,\n  },\n];\n\nexport const HoldOptionMenu = [\n  {\n    label: 'STOCK RECEIPT / DAMAGED - Awaiting Client Instructions',\n    value: 'STOCK RECEIPT / DAMAGED - Awaiting Client Instructions',\n  },\n  {\n    label: 'STOCK RECEIPT / EXTRA ITEMS - Awaiting Client Instructions',\n    value: 'STOCK RECEIPT / EXTRA ITEMS - Awaiting Client Instructions',\n  },\n  {\n    label: 'STOCK RECEIPT / NO STOCK - Awaiting Client Instructions',\n    value: 'STOCK RECEIPT / NO STOCK - Awaiting Client Instructions',\n  },\n  {\n    label: 'STOCK RECEIPT / DAMAGED - Awaiting Client Instructions',\n    value: 'STOCK RECEIPT / DAMAGED - Awaiting Client Instructions',\n  },\n  {\n    label: 'STOCK RECEIPT / NO STOCK - CANX',\n    value: 'STOCK RECEIPT / NO STOCK - CANX',\n  },\n  {\n    label: 'STOCK RECEIPT / RE-ALLOCATION',\n    value: 'STOCK RECEIPT / RE-ALLOCATION',\n  },\n  {\n    label: 'CONTACT DETAILS / MISSING TEL NUMBER',\n    value: 'CONTACT DETAILS / MISSING TEL NUMBER',\n  },\n  {\n    label: 'CONTACT DETAILS / INCORRECT ADDRESS',\n    value: 'CONTACT DETAILS / INCORRECT ADDRESS',\n  },\n];\n\nexport const initialData: ChargeLogData[] = [\n  {\n    id: 1,\n    date: '17/05/2024',\n    description: 'Delivery Success - 17/05/2024',\n    amount: '0.00',\n    status: '2024-06-02 - Moreham Wood Direct - 34113',\n  },\n  {\n    id: 2,\n    date: '17/05/2024',\n    description: 'Delivery Success - 17/05/2024',\n    amount: '0.45',\n    status: '2024-06-02 - Moreham Wood Direct - 34113',\n  },\n  {\n    id: 3,\n    date: '17/05/2024',\n    description: 'Delivery Success - 17/05/2024',\n    amount: '0.00',\n    status: '',\n  },\n  {\n    id: 4,\n    date: '17/05/2024',\n    description: 'Delivery Success - 17/05/2024',\n    amount: '0.78',\n    status: 'Awaiting Invoice',\n  },\n  {\n    id: 5,\n    date: '17/05/2024',\n    description: 'Delivery Success - 17/05/2024',\n    amount: '0.108',\n    status: 'Awaiting',\n  },\n];\n"],"names":["bjsMenu","optionsMenuClientPortal","optionsMenu"],"mappings":"AAEO,MAAMA,IAAU;AAAA,EACrB;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EAAA;AAAA,EAET;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EAAA;AAEX,GAEaC,IAA0B;AAAA,EACrC,EAAE,OAAO,eAAe,OAAO,cAAA;AAAA,EAC/B;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EAAA;AAAA,EAET;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EAAA;AAAA,EAET;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EAAA;AAAA,EAET;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EAAA;AAEX,GAEaC,IAAc;AAAA,EACzB,EAAE,OAAO,mBAAmB,OAAO,kBAAA;AAAA,EACnC,EAAE,OAAO,eAAe,OAAO,cAAA;AAAA,EAC/B,EAAE,OAAO,WAAW,OAAO,gBAAA;AAAA,EAC3B,EAAE,OAAO,QAAQ,OAAO,aAAA;AAAA,EACxB,EAAE,OAAO,UAAU,OAAO,eAAA;AAAA,EAC1B,EAAE,OAAO,WAAW,OAAO,eAAA;AAAA,EAC3B;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EAAA;AAAA,EAET;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EAAA;AAAA,EAET;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EAAA;AAAA,EAET,EAAE,OAAO,cAAc,OAAO,aAAA;AAAA,EAC9B,EAAE,OAAO,iBAAiB,OAAO,gBAAA;AACnC;"}

package/dist/components/order-view/general-information/dropdowns/Print.js

@@ -1,17 +1,21 @@
-import { jsx as t, jsxs as f } from "react/jsx-runtime";
-import { useMemo as v } from "react";
-import i from "styled-components";
-import { PrintMenu as g } from "../../fakedata.js";
-import { useOrderDetails as _ } from "../../store.js";
-import { Space as h, Dropdown as b } from "antd";
+import { jsx as o, jsxs as b } from "react/jsx-runtime";
+import { useMemo as f } from "react";
+import a from "styled-components";
+import { useOrderDetails as g } from "../../store.js";
+import { Space as h, Dropdown as _ } from "antd";
 import y from "../../../../assets/icons/ArrowDownIcon.js";
-import { getBaseEndpoint as w } from "@bjsdistribution/dms-component-library";
-function T() {
-  const [o] = _(), s = o?.gsit_order_id, l = v(() => o?.id, [o]), a = () => {
+import { getBaseEndpoint as i } from "@bjsdistribution/dms-component-library";
+const l = [
+  { key: "pdf", label: "PDF", noteFormat: "pdf" },
+  { key: "doc", label: "Word", noteFormat: "word" },
+  { key: "zpl", label: "ZPL", noteFormat: "zpl" }
+];
+function D() {
+  const [t] = g(), n = t?.consignment, s = f(() => t?.id, [t]), c = () => {
     const e = process.env.REACT_APP_PROJECT_ENV, r = process.env.REACT_APP_API_PATH;
     return r === "https://us.dms.api.bjshomedelivery.com" ? "release_us" : r === "https://development.dms.api.bjshomedelivery.com" ? "development" : r === "https://staging.dms.api.bjshomedelivery.com" ? "staging" : e === "release_uk" ? "release_uk" : e === "release_us" ? "release_us" : e === "staging" ? "staging" : "development";
   }, d = () => {
-    switch (a()) {
+    switch (c()) {
       case "release_uk":
         return "https://api.bjshomedelivery.com/v2/orders/labels";
       case "release_us":
@@ -21,51 +25,60 @@ function T() {
       default:
         return "https://api.development.bjshomedelivery.com/v2/orders/labels";
     }
-  }, c = (e) => {
-    const r = e?.toLowerCase()?.replaceAll(" ", ""), n = d();
-    return s ? r === "returnlabels" ? `${n}/generate_labels?pdf=true&product_type=Return&order_id=${s}` : "" : (console.error("Missing orderId. Cannot generate Return Labels URL."), "");
-  }, p = (e) => {
-    const r = e?.value, n = w();
-    if (r)
-      if (r === "returncovernote")
-        window.open(
-          `${n}/orders/return_cover_notes/?order_id=${l}`,
-          "_blank"
-        );
-      else if (r === "proofofdelivery")
-        window.open(
-          `${n}/orders/generate_note/?order_id=${l}&output_format=pdf`,
-          "_blank"
-        );
-      else {
-        const m = c(r);
-        window.open(m, "_blank");
+  }, p = (e) => n ? `${d()}/generate_labels?consignment_no=${n}&product_type=Return&${e}=1` : (console.error(
+    "Missing consignment number. Cannot generate Return Labels URL."
+  ), ""), m = (e) => `${i()}/orders/generate_note/?order_id=${s}&output_format=${e}`, u = () => {
+    const e = i();
+    window.open(
+      `${e}/orders/return_cover_notes/?order_id=${s}`,
+      "_blank"
+    );
+  }, v = {
+    items: [
+      ...l.map((e) => ({
+        key: `proofofdelivery-${e.key}`,
+        label: /* @__PURE__ */ o(
+          "div",
+          {
+            onClick: (r) => {
+              r.stopPropagation(), window.open(m(e.noteFormat), "_blank");
+            },
+            children: `Proof of Delivery - ${e.label}`
+          }
+        )
+      })),
+      ...l.map((e) => ({
+        key: `returnlabels-${e.key}`,
+        label: /* @__PURE__ */ o(
+          "div",
+          {
+            onClick: (r) => {
+              r.stopPropagation(), window.open(p(e.key), "_blank");
+            },
+            children: `Return Labels - ${e.label}`
+          }
+        )
+      })),
+      {
+        key: "returncovernote",
+        label: /* @__PURE__ */ o(
+          "div",
+          {
+            onClick: (e) => {
+              e.stopPropagation(), u();
+            },
+            children: "Return Cover Notes"
+          }
+        )
       }
-  }, u = {
-    items: g?.map((e) => ({
-      key: e.value,
-      label: e.label,
-      value: e.value
-    }))?.map((e) => ({
-      key: e.value,
-      label: /* @__PURE__ */ t(
-        "div",
-        {
-          onClick: (r) => {
-            r.stopPropagation(), p(e);
-          },
-          children: e.label
-        }
-      )
-      // disabled,
-    }))
+    ]
   };
-  return /* @__PURE__ */ t(P, { children: /* @__PURE__ */ t(b, { menu: u, trigger: ["hover"], children: /* @__PURE__ */ t("a", { onClick: (e) => e.preventDefault(), style: { cursor: "pointer" }, children: /* @__PURE__ */ f(j, { children: [
+  return /* @__PURE__ */ o(k, { children: /* @__PURE__ */ o(_, { menu: v, trigger: ["hover"], children: /* @__PURE__ */ o("a", { onClick: (e) => e.preventDefault(), style: { cursor: "pointer" }, children: /* @__PURE__ */ b(P, { children: [
     "PRINT",
-    /* @__PURE__ */ t(y, { fill: "#f0f2f2" })
+    /* @__PURE__ */ o(y, { fill: "#f0f2f2" })
   ] }) }) }) });
 }
-const P = i.div``, j = i(h)`
+const k = a.div``, P = a(h)`
   .ant-space-item {
     color: #6a7378;
     text-align: center;
@@ -76,6 +89,6 @@ const P = i.div``, j = i(h)`
   }
 `;
 export {
-  T as default
+  D as default
 };
 //# sourceMappingURL=Print.js.map

package/dist/components/order-view/general-information/dropdowns/Print.js.map

@@ -1 +1 @@
-{"version":3,"file":"Print.js","sources":["../../../../../src/components/order-view/general-information/dropdowns/Print.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport styled from 'styled-components';\nimport { PrintMenu } from '../../fakedata';\nimport { useOrderDetails } from '../../store';\nimport { Dropdown, Space } from 'antd';\nimport ArrowDownIcon from '../../../../assets/icons/ArrowDownIcon';\nimport { getBaseEndpoint } from '@bjsdistribution/dms-component-library';\n\nfunction Print() {\n  const [orderDetails] = useOrderDetails();\n  const gsitId = orderDetails?.gsit_order_id;\n\n  const orderId = useMemo(() => {\n    return orderDetails?.id;\n  }, [orderDetails]);\n\n  const getEnvironment = ():\n    | 'development'\n    | 'release_us'\n    | 'release_uk'\n    | 'staging' => {\n    const projectEnv = process.env.REACT_APP_PROJECT_ENV;\n    const apiPath = process.env.REACT_APP_API_PATH;\n\n    if (apiPath === 'https://us.dms.api.bjshomedelivery.com') {\n      return 'release_us';\n    }\n    if (apiPath === 'https://development.dms.api.bjshomedelivery.com') {\n      return 'development';\n    }\n    if (apiPath === 'https://staging.dms.api.bjshomedelivery.com') {\n      return 'staging';\n    }\n\n    if (projectEnv === 'release_uk') {\n      return 'release_uk';\n    }\n    if (projectEnv === 'release_us') {\n      return 'release_us';\n    }\n    if (projectEnv === 'staging') {\n      return 'staging';\n    }\n    return 'development';\n  };\n\n  const getBaseUrl = (): string => {\n    const environment = getEnvironment();\n    switch (environment) {\n      case 'release_uk':\n        return 'https://api.bjshomedelivery.com/v2/orders/labels';\n      case 'release_us':\n        return 'https://us.api.bjshomedelivery.com/v2/orders/labels';\n      case 'staging':\n        return 'https://staging.api.bjshomedelivery.com/v2/orders/labels';\n      default:\n        return 'https://api.development.bjshomedelivery.com/v2/orders/labels';\n    }\n  };\n\n  const getUrl = (option: string) => {\n    const val = option?.toLowerCase()?.replaceAll(' ', '');\n    const baseUrl = getBaseUrl();\n\n    if (!gsitId) {\n      console.error('Missing orderId. Cannot generate Return Labels URL.');\n      return '';\n    }\n    if (val === 'returnlabels') {\n      return `${baseUrl}/generate_labels?pdf=true&product_type=Return&order_id=${gsitId}`;\n    } else {\n      return '';\n    }\n  };\n\n  const handleSelectChange = (selectedOption: any) => {\n    const selectedValue = selectedOption?.value;\n    const baseEndpoint = getBaseEndpoint();\n    if (selectedValue) {\n      //return\n      if (selectedValue === 'returncovernote') {\n        window.open(\n          `${baseEndpoint}/orders/return_cover_notes/?order_id=${orderId}`,\n          '_blank'\n        );\n        //proof\n      } else if (selectedValue === 'proofofdelivery') {\n        window.open(\n          `${baseEndpoint}/orders/generate_note/?order_id=${orderId}&output_format=pdf`,\n          '_blank'\n        );\n      } else {\n        const url = getUrl(selectedValue);\n        window.open(url, '_blank');\n      }\n    }\n  };\n\n  // const optionToLabelKey: Record<string, keyof typeof orderDetails.labels> = {\n  //   proofofdelivery: 'deliver',\n  //   returnlabels: 'return',\n  //   returncovernote: 'collect',\n  // };\n\n  // const isOptionDisabled = (optionValue: string) => {\n  //   const labels = orderDetails?.labels || {};\n  //   const labelKey = optionToLabelKey[optionValue];\n\n  //   if (!labelKey) return false;\n  //   return !labels[labelKey];\n  // };\n\n  const filteredOptions = PrintMenu?.map((option: any) => ({\n    key: option.value,\n    label: option.label,\n    value: option.value,\n  }));\n\n  const menuItems = {\n    items: filteredOptions?.map((option: any) => {\n      // const disabled = isOptionDisabled(option.value);\n\n      return {\n        key: option.value,\n        label: (\n          <div\n            onClick={e => {\n              e.stopPropagation();\n              // if (!disabled) {\n              handleSelectChange(option);\n              // }\n            }}\n          // style={{\n          //   color: disabled ? '#bfbfbf' : undefined,\n          //   cursor: disabled ? 'not-allowed' : 'pointer',\n          // }}\n          >\n            {option.label}\n          </div>\n        ),\n        // disabled,\n      };\n    }),\n  };\n\n  return (\n    <Container>\n      <Dropdown menu={menuItems} trigger={['hover']}>\n        <a onClick={e => e.preventDefault()} style={{ cursor: 'pointer' }}>\n          <StyledSpace>\n            PRINT\n            <ArrowDownIcon fill={'#f0f2f2'} />\n          </StyledSpace>\n        </a>\n      </Dropdown>\n    </Container>\n  );\n}\n\nconst Container = styled.div``;\n\nconst StyledSpace = styled(Space)`\n  .ant-space-item {\n    color: #6a7378;\n    text-align: center;\n    font-family: Lato;\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 500;\n  }\n`;\n\nexport default Print;\n"],"names":["Print","orderDetails","useOrderDetails","gsitId","orderId","useMemo","getEnvironment","projectEnv","apiPath","getBaseUrl","getUrl","option","val","baseUrl","handleSelectChange","selectedOption","selectedValue","baseEndpoint","getBaseEndpoint","url","menuItems","PrintMenu","jsx","e","Container","Dropdown","jsxs","StyledSpace","ArrowDownIcon","styled","Space"],"mappings":";;;;;;;;AAQA,SAASA,IAAQ;AACf,QAAM,CAACC,CAAY,IAAIC,EAAA,GACjBC,IAASF,GAAc,eAEvBG,IAAUC,EAAQ,MACfJ,GAAc,IACpB,CAACA,CAAY,CAAC,GAEXK,IAAiB,MAIN;AACf,UAAMC,IAAa,QAAA,IAAY,uBACzBC,IAAU,QAAA,IAAY;AAE5B,WAAIA,MAAY,2CACP,eAELA,MAAY,oDACP,gBAELA,MAAY,gDACP,YAGLD,MAAe,eACV,eAELA,MAAe,eACV,eAELA,MAAe,YACV,YAEF;AAAA,EACT,GAEME,IAAa,MAAc;AAE/B,YADoBH,EAAA,GACZ;AAAA,MACN,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT;AACE,eAAO;AAAA,IAAA;AAAA,EAEb,GAEMI,IAAS,CAACC,MAAmB;AACjC,UAAMC,IAAMD,GAAQ,YAAA,GAAe,WAAW,KAAK,EAAE,GAC/CE,IAAUJ,EAAA;AAEhB,WAAKN,IAIDS,MAAQ,iBACH,GAAGC,CAAO,0DAA0DV,CAAM,KAE1E,MANP,QAAQ,MAAM,qDAAqD,GAC5D;AAAA,EAOX,GAEMW,IAAqB,CAACC,MAAwB;AAClD,UAAMC,IAAgBD,GAAgB,OAChCE,IAAeC,EAAA;AACrB,QAAIF;AAEF,UAAIA,MAAkB;AACpB,eAAO;AAAA,UACL,GAAGC,CAAY,wCAAwCb,CAAO;AAAA,UAC9D;AAAA,QAAA;AAAA,eAGOY,MAAkB;AAC3B,eAAO;AAAA,UACL,GAAGC,CAAY,mCAAmCb,CAAO;AAAA,UACzD;AAAA,QAAA;AAAA,WAEG;AACL,cAAMe,IAAMT,EAAOM,CAAa;AAChC,eAAO,KAAKG,GAAK,QAAQ;AAAA,MAC3B;AAAA,EAEJ,GAsBMC,IAAY;AAAA,IAChB,OAPsBC,GAAW,IAAI,CAACV,OAAiB;AAAA,MACvD,KAAKA,EAAO;AAAA,MACZ,OAAOA,EAAO;AAAA,MACd,OAAOA,EAAO;AAAA,IAAA,EACd,GAGwB,IAAI,CAACA,OAGpB;AAAA,MACL,KAAKA,EAAO;AAAA,MACZ,OACE,gBAAAW;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,SAAS,CAAAC,MAAK;AACZ,YAAAA,EAAE,gBAAA,GAEFT,EAAmBH,CAAM;AAAA,UAE3B;AAAA,UAMC,UAAAA,EAAO;AAAA,QAAA;AAAA,MAAA;AAAA;AAAA,IACV,EAIL;AAAA,EAAA;AAGH,SACE,gBAAAW,EAACE,KACC,4BAACC,GAAA,EAAS,MAAML,GAAW,SAAS,CAAC,OAAO,GAC1C,UAAA,gBAAAE,EAAC,OAAE,SAAS,CAAA,MAAK,EAAE,eAAA,GAAkB,OAAO,EAAE,QAAQ,UAAA,GACpD,UAAA,gBAAAI,EAACC,GAAA,EAAY,UAAA;AAAA,IAAA;AAAA,IAEX,gBAAAL,EAACM,GAAA,EAAc,MAAM,WAAW;AAAA,EAAA,GAClC,EAAA,CACF,EAAA,CACF,GACF;AAEJ;AAEA,MAAMJ,IAAYK,EAAO,OAEnBF,IAAcE,EAAOC,CAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"Print.js","sources":["../../../../../src/components/order-view/general-information/dropdowns/Print.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport styled from 'styled-components';\nimport { useOrderDetails } from '../../store';\nimport { Dropdown, Space } from 'antd';\nimport ArrowDownIcon from '../../../../assets/icons/ArrowDownIcon';\nimport { getBaseEndpoint } from '@bjsdistribution/dms-component-library';\n\nconst LABEL_FORMATS = [\n  { key: 'pdf', label: 'PDF', noteFormat: 'pdf' },\n  { key: 'doc', label: 'Word', noteFormat: 'word' },\n  { key: 'zpl', label: 'ZPL', noteFormat: 'zpl' },\n] as const;\n\nfunction Print() {\n  const [orderDetails] = useOrderDetails();\n  const consignmentNo = orderDetails?.consignment;\n\n  const orderId = useMemo(() => {\n    return orderDetails?.id;\n  }, [orderDetails]);\n\n  const getEnvironment = ():\n    | 'development'\n    | 'release_us'\n    | 'release_uk'\n    | 'staging' => {\n    const projectEnv = process.env.REACT_APP_PROJECT_ENV;\n    const apiPath = process.env.REACT_APP_API_PATH;\n\n    if (apiPath === 'https://us.dms.api.bjshomedelivery.com') {\n      return 'release_us';\n    }\n    if (apiPath === 'https://development.dms.api.bjshomedelivery.com') {\n      return 'development';\n    }\n    if (apiPath === 'https://staging.dms.api.bjshomedelivery.com') {\n      return 'staging';\n    }\n\n    if (projectEnv === 'release_uk') {\n      return 'release_uk';\n    }\n    if (projectEnv === 'release_us') {\n      return 'release_us';\n    }\n    if (projectEnv === 'staging') {\n      return 'staging';\n    }\n    return 'development';\n  };\n\n  const getBaseUrl = (): string => {\n    const environment = getEnvironment();\n    switch (environment) {\n      case 'release_uk':\n        return 'https://api.bjshomedelivery.com/v2/orders/labels';\n      case 'release_us':\n        return 'https://us.api.bjshomedelivery.com/v2/orders/labels';\n      case 'staging':\n        return 'https://staging.api.bjshomedelivery.com/v2/orders/labels';\n      default:\n        return 'https://api.development.bjshomedelivery.com/v2/orders/labels';\n    }\n  };\n\n  const getReturnLabelUrl = (format: (typeof LABEL_FORMATS)[number]['key']) => {\n    if (!consignmentNo) {\n      console.error(\n        'Missing consignment number. Cannot generate Return Labels URL.'\n      );\n      return '';\n    }\n    const baseUrl = getBaseUrl();\n    return `${baseUrl}/generate_labels?consignment_no=${consignmentNo}&product_type=Return&${format}=1`;\n  };\n\n  const getProofOfDeliveryUrl = (\n    noteFormat: (typeof LABEL_FORMATS)[number]['noteFormat']\n  ) => {\n    const baseEndpoint = getBaseEndpoint();\n    return `${baseEndpoint}/orders/generate_note/?order_id=${orderId}&output_format=${noteFormat}`;\n  };\n\n  const handleReturnCoverNote = () => {\n    const baseEndpoint = getBaseEndpoint();\n    window.open(\n      `${baseEndpoint}/orders/return_cover_notes/?order_id=${orderId}`,\n      '_blank'\n    );\n  };\n\n  const menuItems = {\n    items: [\n      ...LABEL_FORMATS.map(format => ({\n        key: `proofofdelivery-${format.key}`,\n        label: (\n          <div\n            onClick={e => {\n              e.stopPropagation();\n              window.open(getProofOfDeliveryUrl(format.noteFormat), '_blank');\n            }}\n          >\n            {`Proof of Delivery - ${format.label}`}\n          </div>\n        ),\n      })),\n      ...LABEL_FORMATS.map(format => ({\n        key: `returnlabels-${format.key}`,\n        label: (\n          <div\n            onClick={e => {\n              e.stopPropagation();\n              window.open(getReturnLabelUrl(format.key), '_blank');\n            }}\n          >\n            {`Return Labels - ${format.label}`}\n          </div>\n        ),\n      })),\n      {\n        key: 'returncovernote',\n        label: (\n          <div\n            onClick={e => {\n              e.stopPropagation();\n              handleReturnCoverNote();\n            }}\n          >\n            Return Cover Notes\n          </div>\n        ),\n      },\n    ],\n  };\n\n  return (\n    <Container>\n      <Dropdown menu={menuItems} trigger={['hover']}>\n        <a onClick={e => e.preventDefault()} style={{ cursor: 'pointer' }}>\n          <StyledSpace>\n            PRINT\n            <ArrowDownIcon fill={'#f0f2f2'} />\n          </StyledSpace>\n        </a>\n      </Dropdown>\n    </Container>\n  );\n}\n\nconst Container = styled.div``;\n\nconst StyledSpace = styled(Space)`\n  .ant-space-item {\n    color: #6a7378;\n    text-align: center;\n    font-family: Lato;\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 500;\n  }\n`;\n\nexport default Print;\n"],"names":["LABEL_FORMATS","Print","orderDetails","useOrderDetails","consignmentNo","orderId","useMemo","getEnvironment","projectEnv","apiPath","getBaseUrl","getReturnLabelUrl","format","getProofOfDeliveryUrl","noteFormat","getBaseEndpoint","handleReturnCoverNote","baseEndpoint","menuItems","jsx","e","Container","Dropdown","jsxs","StyledSpace","ArrowDownIcon","styled","Space"],"mappings":"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"}

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

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

@@ -1,5 +1,5 @@
 {
-  "version": " 0.1.93-prod",
+  "version": "0.1.94-prod",
   "license": "MIT",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -88,4 +88,4 @@
     "react-switch-selector": "^2.2.1",
     "uuid": "^10.0.0"
   }
-}
+}