@bjsdistribution/dms-client-return 0.1.99-prod → 0.2.0-prod

package/dist/components/order-view/order-actions/actions/force-debrief/order-info/dropdowns/FailureReasonDropdown.js

@@ -1,65 +1,66 @@
-import { jsxs as b, jsx as n } from "react/jsx-runtime";
-import { Label as I, SelectDropdown as O } from "@bjsdistribution/dms-component-library";
-import x from "styled-components";
-import { useOrderStaticData as C, useFailureReason as S, useIsFailureReasonChanged as w } from "../../../../../store.js";
-function q() {
-  const [a] = C(), [i, u] = S(), [, c] = w(), d = a?.failure_reasons, t = a?.escalation_category, s = a?.escalation_types, l = a?.fault_non_fault_reasons, p = t?.find(
+import { jsxs as C, jsx as t } from "react/jsx-runtime";
+import { Label as I, SelectDropdown as O, toReverseDeliveryLabel as x } from "@bjsdistribution/dms-component-library";
+import v from "styled-components";
+import { useOrderStaticData as D, useFailureReason as S, useIsFailureReasonChanged as w } from "../../../../../store.js";
+import { useClientPortal as N } from "../../../../../../store.js";
+function z() {
+  const [a] = D(), [i] = N(), [u, c] = S(), [, d] = w(), p = a?.failure_reasons, n = a?.escalation_category, s = a?.escalation_types, l = a?.fault_non_fault_reasons, f = n?.find(
     (e) => e?.type === "Failure - Non Fault"
-  )?.id, f = t?.find(
+  )?.id, F = n?.find(
     (e) => e?.type === "Failure - Fault"
-  )?.id, F = s?.filter(
-    (e) => e?.escalation_category_id === p
-  )[0]?.id, R = s?.filter(
+  )?.id, R = s?.filter(
     (e) => e?.escalation_category_id === f
-  )[0]?.id, _ = l?.filter(
-    (e) => e?.escalation_type_id === F
-  ), m = l?.filter(
+  )[0]?.id, m = s?.filter(
+    (e) => e?.escalation_category_id === F
+  )[0]?.id, y = l?.filter(
     (e) => e?.escalation_type_id === R
+  ), _ = l?.filter(
+    (e) => e?.escalation_type_id === m
   ), r = (e) => {
     const h = new Set(
       e?.map((o) => o?.order_reason_id)
     );
-    return d?.filter((o) => h?.has(o?.id))?.map((o) => ({
+    return p?.filter((o) => h?.has(o?.id))?.map((o) => ({
       value: o?.reason,
-      label: o?.title,
+      label: i ? o?.title : x(o?.title),
       id: o?.id
     }));
-  }, y = r(m), g = r(_);
-  return /* @__PURE__ */ b(D, { children: [
-    /* @__PURE__ */ n(I, { label: "Failure Reason", htmlFor: "failurereasondropdown", required: !0 }),
-    /* @__PURE__ */ n(
+  }, g = r(_), b = r(y);
+  return /* @__PURE__ */ C(L, { children: [
+    /* @__PURE__ */ t(I, { label: "Failure Reason", htmlFor: "failurereasondropdown", required: !0 }),
+    /* @__PURE__ */ t(
       O,
       {
         placeholder: "Select Reason",
         options: [
           {
             label: "Fault Reasons",
-            options: y
+            options: g
           },
           {
             label: "Non-Fault Reasons",
-            options: g
+            options: b
           }
         ] || [],
         inputId: "failurereasondropdown",
         openMenuOnFocus: !0,
-        value: i,
+        value: u,
         onChange: (e) => {
-          u(e), c(!0);
+          c(e), d(!0);
         },
-        formatGroupLabel: (e) => /* @__PURE__ */ n("div", { style: { color: "rgba(0,0,0,0.8)" }, children: /* @__PURE__ */ n("span", { children: e?.label }) }),
+        formatGroupLabel: (e) => /* @__PURE__ */ t("div", { style: { color: "rgba(0,0,0,0.8)" }, children: /* @__PURE__ */ t("span", { children: e?.label }) }),
         isDisabled: !1
       }
     )
   ] });
 }
-const D = x.div`
+const L = v.div`
   display: flex;
   flex-direction: column;
   gap: 6px;
   flex: 1;
 `;
 export {
-  q as default
+  z as default
 };
 //# sourceMappingURL=FailureReasonDropdown.js.map

package/dist/components/order-view/order-actions/actions/force-debrief/order-info/dropdowns/FailureReasonDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"FailureReasonDropdown.js","sources":["../../../../../../../../src/components/order-view/order-actions/actions/force-debrief/order-info/dropdowns/FailureReasonDropdown.tsx"],"sourcesContent":["import { Label, SelectDropdown } from '@bjsdistribution/dms-component-library';\nimport React from 'react';\nimport styled from 'styled-components';\nimport {\n  useFailureReason,\n  useIsFailureReasonChanged,\n  useOrderStaticData,\n} from '../../../../../store';\n\nfunction FailureReasonDropdown() {\n  const [orderStaticData] = useOrderStaticData();\n  const [failureReasonState, setFailureReason] = useFailureReason();\n  const [, setIsFailureReasonChanged] = useIsFailureReasonChanged(); // to map esc reason properly\n  const failureReasons = orderStaticData?.failure_reasons;\n  const escalationCategory = orderStaticData?.escalation_category;\n  const escalationTypes = orderStaticData?.escalation_types;\n  const faultNonFaultReasons = orderStaticData?.fault_non_fault_reasons;\n\n  // Step 1: Get IDs of \"Failure-Non_Fault\" and \"Failure-Fault\"\n  const failureNonFaultId = escalationCategory?.find(\n    (category: any) => category?.type === 'Failure - Non Fault'\n  )?.id;\n  const failureFaultId = escalationCategory?.find(\n    (category: any) => category?.type === 'Failure - Fault'\n  )?.id;\n\n  // Step 2: Map to get escalation type IDs\n\n  const failureNonFaultEscTypeId = escalationTypes?.filter(\n    (type: any) => type?.escalation_category_id === failureNonFaultId\n  )[0]?.id;\n  const failureFaultEscTypeId = escalationTypes?.filter(\n    (type: any) => type?.escalation_category_id === failureFaultId\n  )[0]?.id;\n\n  // Step 3: Separate fault and non-fault reasons\n  const nonFaultReasons = faultNonFaultReasons?.filter(\n    (reason: any) => reason?.escalation_type_id === failureNonFaultEscTypeId\n  );\n  const faultReasons = faultNonFaultReasons?.filter(\n    (reason: any) => reason?.escalation_type_id === failureFaultEscTypeId\n  );\n\n  // Step 4: Simplified mapping to failureReasons\n  const mapReasonsToFailures = (reasons: any) => {\n    const reasonIds = new Set(\n      reasons?.map((reason: any) => reason?.order_reason_id)\n    );\n    return failureReasons\n      ?.filter((failure: any) => reasonIds?.has(failure?.id))\n      ?.map((failure: any) => ({\n        value: failure?.reason,\n        label: failure?.title,\n        id: failure?.id,\n      }));\n  };\n\n  const faultReasonOptions = mapReasonsToFailures(faultReasons);\n  const nonFaultReasonOptions = mapReasonsToFailures(nonFaultReasons);\n\n  const groupedOptions: any = [\n    {\n      label: 'Fault Reasons',\n      options: faultReasonOptions,\n    },\n    {\n      label: 'Non-Fault Reasons',\n      options: nonFaultReasonOptions,\n    },\n  ];\n\n  const onChangeOption = (option: any) => {\n    setFailureReason(option);\n    setIsFailureReasonChanged(true);\n  };\n\n  const formatGroupLabel = (data: any) => (\n    <div style={{ color: 'rgba(0,0,0,0.8)' }}>\n      <span>{data?.label}</span>\n      {/* <span>{data?.options?.length}</span> */}\n    </div>\n  );\n\n  return (\n    <Container>\n      <Label label=\"Failure Reason\" htmlFor=\"failurereasondropdown\" required />\n      <SelectDropdown\n        placeholder=\"Select Reason\"\n        options={groupedOptions || []}\n        inputId=\"failurereasondropdown\"\n        openMenuOnFocus\n        value={failureReasonState}\n        onChange={onChangeOption}\n        formatGroupLabel={formatGroupLabel}\n        isDisabled={false}\n      />\n    </Container>\n  );\n}\n\nconst Container = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  flex: 1;\n`;\n\nexport default FailureReasonDropdown;\n"],"names":["FailureReasonDropdown","orderStaticData","useOrderStaticData","failureReasonState","setFailureReason","useFailureReason","setIsFailureReasonChanged","useIsFailureReasonChanged","failureReasons","escalationCategory","escalationTypes","faultNonFaultReasons","failureNonFaultId","category","failureFaultId","failureNonFaultEscTypeId","type","failureFaultEscTypeId","nonFaultReasons","reason","faultReasons","mapReasonsToFailures","reasons","reasonIds","failure","faultReasonOptions","nonFaultReasonOptions","Container","jsx","Label","SelectDropdown","option","data","styled"],"mappings":";;;;AASA,SAASA,IAAwB;AAC/B,QAAM,CAACC,CAAe,IAAIC,EAAA,GACpB,CAACC,GAAoBC,CAAgB,IAAIC,EAAA,GACzC,CAAA,EAAGC,CAAyB,IAAIC,EAAA,GAChCC,IAAiBP,GAAiB,iBAClCQ,IAAqBR,GAAiB,qBACtCS,IAAkBT,GAAiB,kBACnCU,IAAuBV,GAAiB,yBAGxCW,IAAoBH,GAAoB;AAAA,IAC5C,CAACI,MAAkBA,GAAU,SAAS;AAAA,EAAA,GACrC,IACGC,IAAiBL,GAAoB;AAAA,IACzC,CAACI,MAAkBA,GAAU,SAAS;AAAA,EAAA,GACrC,IAIGE,IAA2BL,GAAiB;AAAA,IAChD,CAACM,MAAcA,GAAM,2BAA2BJ;AAAA,EAAA,EAChD,CAAC,GAAG,IACAK,IAAwBP,GAAiB;AAAA,IAC7C,CAACM,MAAcA,GAAM,2BAA2BF;AAAA,EAAA,EAChD,CAAC,GAAG,IAGAI,IAAkBP,GAAsB;AAAA,IAC5C,CAACQ,MAAgBA,GAAQ,uBAAuBJ;AAAA,EAAA,GAE5CK,IAAeT,GAAsB;AAAA,IACzC,CAACQ,MAAgBA,GAAQ,uBAAuBF;AAAA,EAAA,GAI5CI,IAAuB,CAACC,MAAiB;AAC7C,UAAMC,IAAY,IAAI;AAAA,MACpBD,GAAS,IAAI,CAACH,MAAgBA,GAAQ,eAAe;AAAA,IAAA;AAEvD,WAAOX,GACH,OAAO,CAACgB,MAAiBD,GAAW,IAAIC,GAAS,EAAE,CAAC,GACpD,IAAI,CAACA,OAAkB;AAAA,MACvB,OAAOA,GAAS;AAAA,MAChB,OAAOA,GAAS;AAAA,MAChB,IAAIA,GAAS;AAAA,IAAA,EACb;AAAA,EACN,GAEMC,IAAqBJ,EAAqBD,CAAY,GACtDM,IAAwBL,EAAqBH,CAAe;AAyBlE,2BACGS,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACC,KAAM,OAAM,kBAAiB,SAAQ,yBAAwB,UAAQ,IAAC;AAAA,IACvE,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,aAAY;AAAA,QACZ,SA5BsB;AAAA,UAC1B;AAAA,YACE,OAAO;AAAA,YACP,SAASL;AAAA,UAAA;AAAA,UAEX;AAAA,YACE,OAAO;AAAA,YACP,SAASC;AAAA,UAAA;AAAA,QACX,KAoB+B,CAAA;AAAA,QAC3B,SAAQ;AAAA,QACR,iBAAe;AAAA,QACf,OAAOvB;AAAA,QACP,UArBiB,CAAC4B,MAAgB;AACtC,UAAA3B,EAAiB2B,CAAM,GACvBzB,EAA0B,EAAI;AAAA,QAChC;AAAA,QAmBM,kBAjBmB,CAAC0B,MACxB,gBAAAJ,EAAC,SAAI,OAAO,EAAE,OAAO,kBAAA,GACnB,UAAA,gBAAAA,EAAC,QAAA,EAAM,UAAAI,GAAM,OAAM,GAErB;AAAA,QAcI,YAAY;AAAA,MAAA;AAAA,IAAA;AAAA,EACd,GACF;AAEJ;AAEA,MAAML,IAAYM,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"FailureReasonDropdown.js","sources":["../../../../../../../../src/components/order-view/order-actions/actions/force-debrief/order-info/dropdowns/FailureReasonDropdown.tsx"],"sourcesContent":["import { Label, SelectDropdown, toReverseDeliveryLabel } from '@bjsdistribution/dms-component-library';\nimport React from 'react';\nimport styled from 'styled-components';\nimport {\n  useFailureReason,\n  useIsFailureReasonChanged,\n  useOrderStaticData,\n} from '../../../../../store';\nimport { useClientPortal } from '../../../../../../store';\n\nfunction FailureReasonDropdown() {\n  const [orderStaticData] = useOrderStaticData();\n  const [isClientPortal] = useClientPortal();\n  const [failureReasonState, setFailureReason] = useFailureReason();\n  const [, setIsFailureReasonChanged] = useIsFailureReasonChanged(); // to map esc reason properly\n  const failureReasons = orderStaticData?.failure_reasons;\n  const escalationCategory = orderStaticData?.escalation_category;\n  const escalationTypes = orderStaticData?.escalation_types;\n  const faultNonFaultReasons = orderStaticData?.fault_non_fault_reasons;\n\n  // Step 1: Get IDs of \"Failure-Non_Fault\" and \"Failure-Fault\"\n  const failureNonFaultId = escalationCategory?.find(\n    (category: any) => category?.type === 'Failure - Non Fault'\n  )?.id;\n  const failureFaultId = escalationCategory?.find(\n    (category: any) => category?.type === 'Failure - Fault'\n  )?.id;\n\n  // Step 2: Map to get escalation type IDs\n\n  const failureNonFaultEscTypeId = escalationTypes?.filter(\n    (type: any) => type?.escalation_category_id === failureNonFaultId\n  )[0]?.id;\n  const failureFaultEscTypeId = escalationTypes?.filter(\n    (type: any) => type?.escalation_category_id === failureFaultId\n  )[0]?.id;\n\n  // Step 3: Separate fault and non-fault reasons\n  const nonFaultReasons = faultNonFaultReasons?.filter(\n    (reason: any) => reason?.escalation_type_id === failureNonFaultEscTypeId\n  );\n  const faultReasons = faultNonFaultReasons?.filter(\n    (reason: any) => reason?.escalation_type_id === failureFaultEscTypeId\n  );\n\n  // Step 4: Simplified mapping to failureReasons\n  const mapReasonsToFailures = (reasons: any) => {\n    const reasonIds = new Set(\n      reasons?.map((reason: any) => reason?.order_reason_id)\n    );\n    return failureReasons\n      ?.filter((failure: any) => reasonIds?.has(failure?.id))\n      ?.map((failure: any) => ({\n        value: failure?.reason,\n        label: isClientPortal\n          ? failure?.title\n          : toReverseDeliveryLabel(failure?.title),\n        id: failure?.id,\n      }));\n  };\n\n  const faultReasonOptions = mapReasonsToFailures(faultReasons);\n  const nonFaultReasonOptions = mapReasonsToFailures(nonFaultReasons);\n\n  const groupedOptions: any = [\n    {\n      label: 'Fault Reasons',\n      options: faultReasonOptions,\n    },\n    {\n      label: 'Non-Fault Reasons',\n      options: nonFaultReasonOptions,\n    },\n  ];\n\n  const onChangeOption = (option: any) => {\n    setFailureReason(option);\n    setIsFailureReasonChanged(true);\n  };\n\n  const formatGroupLabel = (data: any) => (\n    <div style={{ color: 'rgba(0,0,0,0.8)' }}>\n      <span>{data?.label}</span>\n      {/* <span>{data?.options?.length}</span> */}\n    </div>\n  );\n\n  return (\n    <Container>\n      <Label label=\"Failure Reason\" htmlFor=\"failurereasondropdown\" required />\n      <SelectDropdown\n        placeholder=\"Select Reason\"\n        options={groupedOptions || []}\n        inputId=\"failurereasondropdown\"\n        openMenuOnFocus\n        value={failureReasonState}\n        onChange={onChangeOption}\n        formatGroupLabel={formatGroupLabel}\n        isDisabled={false}\n      />\n    </Container>\n  );\n}\n\nconst Container = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  flex: 1;\n`;\n\nexport default FailureReasonDropdown;\n"],"names":["FailureReasonDropdown","orderStaticData","useOrderStaticData","isClientPortal","useClientPortal","failureReasonState","setFailureReason","useFailureReason","setIsFailureReasonChanged","useIsFailureReasonChanged","failureReasons","escalationCategory","escalationTypes","faultNonFaultReasons","failureNonFaultId","category","failureFaultId","failureNonFaultEscTypeId","type","failureFaultEscTypeId","nonFaultReasons","reason","faultReasons","mapReasonsToFailures","reasons","reasonIds","failure","toReverseDeliveryLabel","faultReasonOptions","nonFaultReasonOptions","Container","jsx","Label","SelectDropdown","option","data","styled"],"mappings":";;;;;AAUA,SAASA,IAAwB;AAC/B,QAAM,CAACC,CAAe,IAAIC,EAAA,GACpB,CAACC,CAAc,IAAIC,EAAA,GACnB,CAACC,GAAoBC,CAAgB,IAAIC,EAAA,GACzC,CAAA,EAAGC,CAAyB,IAAIC,EAAA,GAChCC,IAAiBT,GAAiB,iBAClCU,IAAqBV,GAAiB,qBACtCW,IAAkBX,GAAiB,kBACnCY,IAAuBZ,GAAiB,yBAGxCa,IAAoBH,GAAoB;AAAA,IAC5C,CAACI,MAAkBA,GAAU,SAAS;AAAA,EAAA,GACrC,IACGC,IAAiBL,GAAoB;AAAA,IACzC,CAACI,MAAkBA,GAAU,SAAS;AAAA,EAAA,GACrC,IAIGE,IAA2BL,GAAiB;AAAA,IAChD,CAACM,MAAcA,GAAM,2BAA2BJ;AAAA,EAAA,EAChD,CAAC,GAAG,IACAK,IAAwBP,GAAiB;AAAA,IAC7C,CAACM,MAAcA,GAAM,2BAA2BF;AAAA,EAAA,EAChD,CAAC,GAAG,IAGAI,IAAkBP,GAAsB;AAAA,IAC5C,CAACQ,MAAgBA,GAAQ,uBAAuBJ;AAAA,EAAA,GAE5CK,IAAeT,GAAsB;AAAA,IACzC,CAACQ,MAAgBA,GAAQ,uBAAuBF;AAAA,EAAA,GAI5CI,IAAuB,CAACC,MAAiB;AAC7C,UAAMC,IAAY,IAAI;AAAA,MACpBD,GAAS,IAAI,CAACH,MAAgBA,GAAQ,eAAe;AAAA,IAAA;AAEvD,WAAOX,GACH,OAAO,CAACgB,MAAiBD,GAAW,IAAIC,GAAS,EAAE,CAAC,GACpD,IAAI,CAACA,OAAkB;AAAA,MACvB,OAAOA,GAAS;AAAA,MAChB,OAAOvB,IACHuB,GAAS,QACTC,EAAuBD,GAAS,KAAK;AAAA,MACzC,IAAIA,GAAS;AAAA,IAAA,EACb;AAAA,EACN,GAEME,IAAqBL,EAAqBD,CAAY,GACtDO,IAAwBN,EAAqBH,CAAe;AAyBlE,2BACGU,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACC,KAAM,OAAM,kBAAiB,SAAQ,yBAAwB,UAAQ,IAAC;AAAA,IACvE,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,aAAY;AAAA,QACZ,SA5BsB;AAAA,UAC1B;AAAA,YACE,OAAO;AAAA,YACP,SAASL;AAAA,UAAA;AAAA,UAEX;AAAA,YACE,OAAO;AAAA,YACP,SAASC;AAAA,UAAA;AAAA,QACX,KAoB+B,CAAA;AAAA,QAC3B,SAAQ;AAAA,QACR,iBAAe;AAAA,QACf,OAAOxB;AAAA,QACP,UArBiB,CAAC6B,MAAgB;AACtC,UAAA5B,EAAiB4B,CAAM,GACvB1B,EAA0B,EAAI;AAAA,QAChC;AAAA,QAmBM,kBAjBmB,CAAC2B,MACxB,gBAAAJ,EAAC,SAAI,OAAO,EAAE,OAAO,kBAAA,GACnB,UAAA,gBAAAA,EAAC,QAAA,EAAM,UAAAI,GAAM,OAAM,GAErB;AAAA,QAcI,YAAY;AAAA,MAAA;AAAA,IAAA;AAAA,EACd,GACF;AAEJ;AAEA,MAAML,IAAYM,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/components/order-view/order-actions/actions/hold-order/HoldOrderModal.js

@@ -1,42 +1,42 @@
 import { jsx as o, jsxs as i } from "react/jsx-runtime";
-import { useState as f, useEffect as T } from "react";
-import { useAxios as Y, Label as h, AntSelect as _ } from "@bjsdistribution/dms-component-library";
-import { useOrderId as x, useCurrentAction as y, useOrderStaticData as I, useCustomerInfo as R } from "../../../store.js";
-import P from "../../../../../common/modals/order-action-modal/OrderActionModal.js";
-import { HoldContentContainer as k, SplitText as j, HoldRow as p, HoldDatePickerWrap as B } from "../modalstyle.js";
+import { useState as h, useEffect as y } from "react";
+import { toReverseDeliveryLabel as T, useAxios as Y, Label as p, AntSelect as _ } from "@bjsdistribution/dms-component-library";
+import { useOrderId as x, useCurrentAction as R, useOrderStaticData as I, useCustomerInfo as P } from "../../../store.js";
+import k from "../../../../../common/modals/order-action-modal/OrderActionModal.js";
+import { HoldContentContainer as j, SplitText as B, HoldRow as S, HoldDatePickerWrap as L } from "../modalstyle.js";
 import { notification as d, DatePicker as U } from "antd";
-import S from "dayjs";
+import D from "dayjs";
 import { useClientPortal as W } from "../../../../store.js";
-function X(n) {
-  const [a] = x(), [, l] = y(), [H] = I(), [t, c] = f(null), [s, C] = f(void 0), [m] = R(), [D] = W(), b = `${m?.recipient_name}, ${m?.postcode}`, w = H?.onhold_reasons?.map(
+function Z(n) {
+  const [a] = x(), [, l] = R(), [H] = I(), [t, c] = h(null), [s, C] = h(void 0), [u] = P(), [m] = W(), b = `${u?.recipient_name}, ${u?.postcode}`, v = H?.onhold_reasons?.map(
     (e) => ({
-      label: e?.reason,
+      label: m ? e?.reason : T(e?.reason),
       value: e?.reason
     })
-  ), g = t ? `orders/${a}/hold/?hold_reason=${s}&hold_until=${t}` : `orders/${a}/hold/?hold_reason=${s}
-`, { fetchData: v, error: r } = Y({
-    endpoint: g,
+  ), w = t ? `orders/${a}/hold/?hold_reason=${s}&hold_until=${t}` : `orders/${a}/hold/?hold_reason=${s}
+`, { fetchData: g, error: r } = Y({
+    endpoint: w,
     method: "POST"
   }), A = () => {
     l(void 0);
   }, O = (e) => {
     C(e);
-  }, $ = (e, L) => {
-    const u = e?.format("YYYY-MM-DDTHH:mm:ss");
-    c(u !== void 0 ? u : null);
+  }, $ = (e, q) => {
+    const f = e?.format("YYYY-MM-DDTHH:mm:ss");
+    c(f !== void 0 ? f : null);
   }, M = async () => {
     if (a) {
-      const e = await v();
+      const e = await g();
       e?.code === 200 && (d.success({
         message: "Success",
         description: `${e.message}`
-      }), D && await n?.callUnresolvedTaskApi(), await n?.callOrderAlertsApi(), await n?.callOrderStatusApi(), await n?.callOrdersApi()), e?.code !== 200 && (d.error({
+      }), m && await n?.callUnresolvedTaskApi(), await n?.callOrderAlertsApi(), await n?.callOrderStatusApi(), await n?.callOrdersApi()), e?.code !== 200 && (d.error({
         message: "Error",
         description: `${e.error}`
       }), l(void 0));
     }
   };
-  return T(() => {
+  return y(() => {
     r !== null && r?.code !== 200 && (console.log("entered"), d.error({
       //@ts-ignore
       message: `${r?.error}`,
@@ -46,7 +46,7 @@ function X(n) {
       )
     }), l(void 0));
   }, [r]), /* @__PURE__ */ o(
-    P,
+    k,
     {
       minWidth: "24vw",
       headerTitle: "Hold order",
@@ -56,26 +56,26 @@ function X(n) {
       infoText: b,
       submitBtnTitle: "Save Details",
       isSubmitDisabled: !(s !== void 0),
-      children: /* @__PURE__ */ o(k, { children: /* @__PURE__ */ i(j, { children: [
-        /* @__PURE__ */ i(p, { children: [
-          /* @__PURE__ */ o(h, { label: "Hold Until (leave blank for indefinite)" }),
-          /* @__PURE__ */ o(B, { children: /* @__PURE__ */ o(
+      children: /* @__PURE__ */ o(j, { children: /* @__PURE__ */ i(B, { children: [
+        /* @__PURE__ */ i(S, { children: [
+          /* @__PURE__ */ o(p, { label: "Hold Until (leave blank for indefinite)" }),
+          /* @__PURE__ */ o(L, { children: /* @__PURE__ */ o(
             U,
             {
               needConfirm: !0,
               format: "MMMM D, YYYY",
               onChange: $,
-              value: t === null ? t : S(t),
-              disabledDate: (e) => e && e < S().startOf("day")
+              value: t === null ? t : D(t),
+              disabledDate: (e) => e && e < D().startOf("day")
             }
           ) })
         ] }),
-        /* @__PURE__ */ i(p, { children: [
-          /* @__PURE__ */ o(h, { label: "Hold Reason", required: !0 }),
+        /* @__PURE__ */ i(S, { children: [
+          /* @__PURE__ */ o(p, { label: "Hold Reason", required: !0 }),
           /* @__PURE__ */ o(
             _,
             {
-              options: w || [],
+              options: v || [],
               placeholder: "Select Hold Reason",
               onChange: O,
               disabled: !1,
@@ -92,6 +92,6 @@ function X(n) {
   );
 }
 export {
-  X as default
+  Z as default
 };
 //# sourceMappingURL=HoldOrderModal.js.map

package/dist/components/order-view/order-actions/actions/hold-order/HoldOrderModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"HoldOrderModal.js","sources":["../../../../../../src/components/order-view/order-actions/actions/hold-order/HoldOrderModal.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport {\n  AntSelect,\n  Label,\n  useAxios,\n} from '@bjsdistribution/dms-component-library';\nimport {\n  useCurrentAction,\n  useCustomerInfo,\n  useOrderId,\n  useOrderStaticData,\n} from '../../../store';\nimport OrderActionModal from '../../../../../common/modals/order-action-modal/OrderActionModal';\nimport {\n  HoldContentContainer,\n  HoldDatePickerWrap,\n  HoldRow,\n  SplitText,\n} from '../modalstyle';\nimport { DatePicker, DatePickerProps, notification } from 'antd';\nimport dayjs from 'dayjs';\nimport { ApiResponse } from '../../../types';\nimport { useClientPortal } from '../../../../store';\n\ninterface IProps {\n  callOrderAlertsApi: any;\n  callOrdersApi?: any;\n  callOrderStatusApi: any;\n  callUnresolvedTaskApi?: any;\n}\n\nfunction HoldOrderModal(props: IProps) {\n  const [orderId] = useOrderId();\n  const [, setCurrentAction] = useCurrentAction();\n  const [orderStaticData] = useOrderStaticData();\n  const [selectedDate, setDate] = useState<Date | string | null>(null);\n  const [holdReason, setHoldReason] = useState<string | undefined>(undefined);\n  const [customerInfo] = useCustomerInfo();\n  const [isClientPortal] = useClientPortal();\n  const infoText = `${customerInfo?.recipient_name}, ${customerInfo?.postcode}`;\n\n  const onHoldReasonOptions = orderStaticData?.onhold_reasons?.map(\n    (item: any) => {\n      return {\n        label: item?.reason,\n        value: item?.reason,\n      };\n    }\n  );\n\n  const dynamicUrl = selectedDate\n    ? `orders/${orderId}/hold/?hold_reason=${holdReason}&hold_until=${selectedDate}`\n    : `orders/${orderId}/hold/?hold_reason=${holdReason}\n`;\n\n  const { fetchData: callOnHoldApi, error } = useAxios<{\n    data: ApiResponse[];\n  }>({\n    endpoint: dynamicUrl,\n    method: 'POST',\n  });\n\n  const onClose = () => {\n    setCurrentAction(undefined);\n  };\n\n  const onChangeHold = (value: string) => {\n    setHoldReason(value);\n  };\n\n  const handleDateChange: DatePickerProps['onChange'] = (date, _dateString) => {\n    const newDate = date?.format('YYYY-MM-DDTHH:mm:ss');\n    if (newDate !== undefined) {\n      setDate(newDate);\n    } else {\n      setDate(null);\n    }\n  };\n\n  const onSubmitHold = async () => {\n    if (orderId) {\n      const response = (await callOnHoldApi()) as {\n        code: number | null;\n        error?: string | null | undefined;\n        [key: string]: any;\n      };\n      if (response?.code === 200) {\n        notification.success({\n          message: 'Success',\n          description: `${response.message}`,\n        });\n        // call orders api to update status\n        if (isClientPortal) {\n          await props?.callUnresolvedTaskApi();\n        }\n        await props?.callOrderAlertsApi();\n        await props?.callOrderStatusApi();\n        await props?.callOrdersApi();\n      }\n      if (response?.code !== 200) {\n        notification.error({\n          message: 'Error',\n          description: `${response.error}`,\n        });\n        setCurrentAction(undefined);\n      }\n    }\n  };\n\n  useEffect(() => {\n    //@ts-ignore\n    if (error !== null && error?.code !== 200) {\n      console.log('entered');\n      notification.error({\n        //@ts-ignore\n        message: `${error?.error}`,\n        description: (\n          //@ts-ignore\n          <span dangerouslySetInnerHTML={{ __html: error?.message }} />\n        ),\n      });\n      setCurrentAction(undefined);\n    }\n  }, [error]);\n\n  const showSubmitBtn = holdReason !== undefined;\n\n  return (\n    <OrderActionModal\n      minWidth=\"24vw\"\n      headerTitle=\"Hold order\"\n      onCloseHeader={onClose}\n      onSubmit={onSubmitHold}\n      showAdditionalInfo\n      infoText={infoText}\n      submitBtnTitle=\"Save Details\"\n      isSubmitDisabled={!showSubmitBtn}\n    >\n      <HoldContentContainer>\n        <SplitText>\n          <HoldRow>\n            <Label label=\"Hold Until (leave blank for indefinite)\" />\n            <HoldDatePickerWrap>\n              <DatePicker\n                needConfirm\n                format={'MMMM D, YYYY'}\n                onChange={handleDateChange}\n                value={\n                  selectedDate === null ? selectedDate : dayjs(selectedDate)\n                }\n                disabledDate={current => {\n                  return current && current < dayjs().startOf('day');\n                }}\n              />\n            </HoldDatePickerWrap>\n          </HoldRow>\n\n          <HoldRow>\n            <Label label=\"Hold Reason\" required />\n            <AntSelect\n              options={onHoldReasonOptions || []}\n              placeholder=\"Select Hold Reason\"\n              onChange={onChangeHold}\n              disabled={false}\n              style={{ width: '346px', height: 40 }}\n              showSearch={true}\n              popupClassName={'dropDownStyle'}\n              selectWrapperClass={'rounded'}\n              defaultValue={holdReason}\n            />\n          </HoldRow>\n        </SplitText>\n      </HoldContentContainer>\n    </OrderActionModal>\n  );\n}\n\nexport default HoldOrderModal;\n"],"names":["HoldOrderModal","props","orderId","useOrderId","setCurrentAction","useCurrentAction","orderStaticData","useOrderStaticData","selectedDate","setDate","useState","holdReason","setHoldReason","customerInfo","useCustomerInfo","isClientPortal","useClientPortal","infoText","onHoldReasonOptions","item","dynamicUrl","callOnHoldApi","error","useAxios","onClose","onChangeHold","value","handleDateChange","date","_dateString","newDate","onSubmitHold","response","notification","useEffect","jsx","OrderActionModal","HoldContentContainer","jsxs","SplitText","HoldRow","Label","HoldDatePickerWrap","DatePicker","dayjs","current","AntSelect"],"mappings":"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"}
+{"version":3,"file":"HoldOrderModal.js","sources":["../../../../../../src/components/order-view/order-actions/actions/hold-order/HoldOrderModal.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport {\n  AntSelect,\n  Label,\n  toReverseDeliveryLabel,\n  useAxios,\n} from '@bjsdistribution/dms-component-library';\nimport {\n  useCurrentAction,\n  useCustomerInfo,\n  useOrderId,\n  useOrderStaticData,\n} from '../../../store';\nimport OrderActionModal from '../../../../../common/modals/order-action-modal/OrderActionModal';\nimport {\n  HoldContentContainer,\n  HoldDatePickerWrap,\n  HoldRow,\n  SplitText,\n} from '../modalstyle';\nimport { DatePicker, DatePickerProps, notification } from 'antd';\nimport dayjs from 'dayjs';\nimport { ApiResponse } from '../../../types';\nimport { useClientPortal } from '../../../../store';\n\ninterface IProps {\n  callOrderAlertsApi: any;\n  callOrdersApi?: any;\n  callOrderStatusApi: any;\n  callUnresolvedTaskApi?: any;\n}\n\nfunction HoldOrderModal(props: IProps) {\n  const [orderId] = useOrderId();\n  const [, setCurrentAction] = useCurrentAction();\n  const [orderStaticData] = useOrderStaticData();\n  const [selectedDate, setDate] = useState<Date | string | null>(null);\n  const [holdReason, setHoldReason] = useState<string | undefined>(undefined);\n  const [customerInfo] = useCustomerInfo();\n  const [isClientPortal] = useClientPortal();\n  const infoText = `${customerInfo?.recipient_name}, ${customerInfo?.postcode}`;\n\n  const onHoldReasonOptions = orderStaticData?.onhold_reasons?.map(\n    (item: any) => {\n      return {\n        label: isClientPortal\n          ? item?.reason\n          : toReverseDeliveryLabel(item?.reason),\n        value: item?.reason,\n      };\n    }\n  );\n\n  const dynamicUrl = selectedDate\n    ? `orders/${orderId}/hold/?hold_reason=${holdReason}&hold_until=${selectedDate}`\n    : `orders/${orderId}/hold/?hold_reason=${holdReason}\n`;\n\n  const { fetchData: callOnHoldApi, error } = useAxios<{\n    data: ApiResponse[];\n  }>({\n    endpoint: dynamicUrl,\n    method: 'POST',\n  });\n\n  const onClose = () => {\n    setCurrentAction(undefined);\n  };\n\n  const onChangeHold = (value: string) => {\n    setHoldReason(value);\n  };\n\n  const handleDateChange: DatePickerProps['onChange'] = (date, _dateString) => {\n    const newDate = date?.format('YYYY-MM-DDTHH:mm:ss');\n    if (newDate !== undefined) {\n      setDate(newDate);\n    } else {\n      setDate(null);\n    }\n  };\n\n  const onSubmitHold = async () => {\n    if (orderId) {\n      const response = (await callOnHoldApi()) as {\n        code: number | null;\n        error?: string | null | undefined;\n        [key: string]: any;\n      };\n      if (response?.code === 200) {\n        notification.success({\n          message: 'Success',\n          description: `${response.message}`,\n        });\n        // call orders api to update status\n        if (isClientPortal) {\n          await props?.callUnresolvedTaskApi();\n        }\n        await props?.callOrderAlertsApi();\n        await props?.callOrderStatusApi();\n        await props?.callOrdersApi();\n      }\n      if (response?.code !== 200) {\n        notification.error({\n          message: 'Error',\n          description: `${response.error}`,\n        });\n        setCurrentAction(undefined);\n      }\n    }\n  };\n\n  useEffect(() => {\n    //@ts-ignore\n    if (error !== null && error?.code !== 200) {\n      console.log('entered');\n      notification.error({\n        //@ts-ignore\n        message: `${error?.error}`,\n        description: (\n          //@ts-ignore\n          <span dangerouslySetInnerHTML={{ __html: error?.message }} />\n        ),\n      });\n      setCurrentAction(undefined);\n    }\n  }, [error]);\n\n  const showSubmitBtn = holdReason !== undefined;\n\n  return (\n    <OrderActionModal\n      minWidth=\"24vw\"\n      headerTitle=\"Hold order\"\n      onCloseHeader={onClose}\n      onSubmit={onSubmitHold}\n      showAdditionalInfo\n      infoText={infoText}\n      submitBtnTitle=\"Save Details\"\n      isSubmitDisabled={!showSubmitBtn}\n    >\n      <HoldContentContainer>\n        <SplitText>\n          <HoldRow>\n            <Label label=\"Hold Until (leave blank for indefinite)\" />\n            <HoldDatePickerWrap>\n              <DatePicker\n                needConfirm\n                format={'MMMM D, YYYY'}\n                onChange={handleDateChange}\n                value={\n                  selectedDate === null ? selectedDate : dayjs(selectedDate)\n                }\n                disabledDate={current => {\n                  return current && current < dayjs().startOf('day');\n                }}\n              />\n            </HoldDatePickerWrap>\n          </HoldRow>\n\n          <HoldRow>\n            <Label label=\"Hold Reason\" required />\n            <AntSelect\n              options={onHoldReasonOptions || []}\n              placeholder=\"Select Hold Reason\"\n              onChange={onChangeHold}\n              disabled={false}\n              style={{ width: '346px', height: 40 }}\n              showSearch={true}\n              popupClassName={'dropDownStyle'}\n              selectWrapperClass={'rounded'}\n              defaultValue={holdReason}\n            />\n          </HoldRow>\n        </SplitText>\n      </HoldContentContainer>\n    </OrderActionModal>\n  );\n}\n\nexport default HoldOrderModal;\n"],"names":["HoldOrderModal","props","orderId","useOrderId","setCurrentAction","useCurrentAction","orderStaticData","useOrderStaticData","selectedDate","setDate","useState","holdReason","setHoldReason","customerInfo","useCustomerInfo","isClientPortal","useClientPortal","infoText","onHoldReasonOptions","item","toReverseDeliveryLabel","dynamicUrl","callOnHoldApi","error","useAxios","onClose","onChangeHold","value","handleDateChange","date","_dateString","newDate","onSubmitHold","response","notification","useEffect","jsx","OrderActionModal","HoldContentContainer","jsxs","SplitText","HoldRow","Label","HoldDatePickerWrap","DatePicker","dayjs","current","AntSelect"],"mappings":"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"}

package/dist/components/order-view/order-actions/actions/split-order/SplitOrderTable.js

@@ -1,104 +1,105 @@
-import { jsx as t, Fragment as x, jsxs as i } from "react/jsx-runtime";
-import L, { useState as u, useMemo as p, useEffect as _ } from "react";
-import { useReturnProductDetails as j } from "../../../store.js";
-import { Skeleton as z, Empty as B } from "antd";
-import { Checkbox as m } from "@bjsdistribution/dms-component-library";
-import { useLoading as F } from "../../../../order-daily-overview/store/store.js";
-import { useSelectedSplit as H, useSplitOrderPayload as M } from "../../store.js";
-import { StyledTableWrapper as O, StyledTable as U, EmptyDataContainer as q } from "../confirm-order/tables/ReminderStyles.js";
-import a from "styled-components";
-import W from "../../../../../assets/icons/ChevronDownIcon.js";
-import { groupProductsByPallet as J, hasAnyPallet as K, toggleGroupSelectionIds as Q } from "../../../return-client-products/product-table/palletGrouping.js";
+import { jsx as t, Fragment as x, jsxs as n } from "react/jsx-runtime";
+import L, { useState as u, useMemo as h, useEffect as j } from "react";
+import { useReturnProductDetails as z } from "../../../store.js";
+import { Skeleton as B, Empty as F } from "antd";
+import { Checkbox as m, toReverseDeliveryLabel as H } from "@bjsdistribution/dms-component-library";
+import { useLoading as M } from "../../../../order-daily-overview/store/store.js";
+import { useSelectedSplit as O, useSplitOrderPayload as U } from "../../store.js";
+import { StyledTableWrapper as q, StyledTable as W, EmptyDataContainer as J } from "../confirm-order/tables/ReminderStyles.js";
+import { useClientPortal as K } from "../../../../store.js";
+import d from "styled-components";
+import Q from "../../../../../assets/icons/ChevronDownIcon.js";
+import { groupProductsByPallet as V, hasAnyPallet as X, toggleGroupSelectionIds as Y } from "../../../return-client-products/product-table/palletGrouping.js";
 const y = 7;
-function pe() {
-  const [n] = j(), [S] = F(), [r, c] = H(), [P, h] = u(!1), [k, f] = M(), g = p(
-    () => (r ?? []).map((e) => e?.id),
-    [r]
-  ), N = p(
-    () => J(n),
-    [n]
-  ), v = p(() => K(n), [
-    n
-  ]), [w, C] = u({}), D = (e) => e.isNoPallet || !!w[e.key], I = (e) => C((l) => ({ ...l, [e]: !l[e] })), G = (e) => {
-    c(e.map((l) => ({ id: l }))), h(e.length === n?.length);
-  }, T = (e) => {
+function be() {
+  const [i] = z(), [P] = M(), [s, c] = O(), [S, p] = u(!1), [v, f] = U(), [k] = K(), g = h(
+    () => (s ?? []).map((e) => e?.id),
+    [s]
+  ), N = h(
+    () => V(i),
+    [i]
+  ), w = h(() => X(i), [
+    i
+  ]), [C, D] = u({}), I = (e) => e.isNoPallet || !!C[e.key], G = (e) => D((l) => ({ ...l, [e]: !l[e] })), T = (e) => {
+    c(e.map((l) => ({ id: l }))), p(e.length === i?.length);
+  }, E = (e) => {
     const l = e.target.checked;
-    h(l), c(
-      l ? n?.map((o) => ({ id: o.id })) : []
+    p(l), c(
+      l ? i?.map((o) => ({ id: o.id })) : []
     );
-  }, E = (e) => {
+  }, R = (e) => {
     c((l) => {
-      const s = l?.some(
-        (d) => d.id === e
-      ) ? l?.filter((d) => d.id !== e) : [...l, { id: e }];
-      return h(s?.length === n?.length), s;
+      const r = l?.some(
+        (a) => a.id === e
+      ) ? l?.filter((a) => a.id !== e) : [...l, { id: e }];
+      return p(r?.length === i?.length), r;
     });
-  }, R = (e, l) => {
-    const o = e.items.map((s) => s?.id);
-    G(Q(g, o, l));
+  }, _ = (e, l) => {
+    const o = e.items.map((r) => r?.id);
+    T(Y(g, o, l));
   };
-  _(() => {
+  j(() => {
     f({
-      ...k,
+      ...v,
       return_order: 1,
       // FOR SPLIT ORDER WE ARE ASKED TO SET THIS AS 1
-      products: r?.map((e) => e.id),
+      products: s?.map((e) => e.id),
       force: !0
     });
-  }, [r, f]);
-  const b = (e) => /* @__PURE__ */ i("tr", { children: [
+  }, [s, f]);
+  const b = (e) => /* @__PURE__ */ n("tr", { children: [
     /* @__PURE__ */ t("td", { style: { position: "relative" }, children: /* @__PURE__ */ t(
       m,
       {
-        checked: r?.some(
+        checked: s?.some(
           (l) => l.id === e.id
         ),
-        onChange: () => E(e.id)
+        onChange: () => R(e.id)
       }
     ) }),
-    /* @__PURE__ */ t("td", { children: e?.order_product_type?.type }),
+    /* @__PURE__ */ t("td", { children: k ? e?.order_product_type?.type : H(e?.order_product_type?.type) }),
     /* @__PURE__ */ t("td", { children: e?.code }),
     /* @__PURE__ */ t("td", { children: e?.description }),
     /* @__PURE__ */ t("td", { children: e?.description }),
     /* @__PURE__ */ t("td", { children: e?.description }),
     /* @__PURE__ */ t("td", { children: e?.sku })
   ] }, e.id), $ = (e) => {
-    const l = D(e), o = e.items.filter(
+    const l = I(e), o = e.items.filter(
       (A) => g.includes(A?.id)
-    ).length, s = e.items.length > 0 && o === e.items.length, d = `${e.items.length} ${e.items.length === 1 ? "item" : "items"}`;
-    return /* @__PURE__ */ i(L.Fragment, { children: [
-      /* @__PURE__ */ t(V, { children: /* @__PURE__ */ t("td", { colSpan: y, children: /* @__PURE__ */ t("div", { className: e.isNoPallet ? "no-pallet-divider" : void 0, children: /* @__PURE__ */ i(X, { children: [
+    ).length, r = e.items.length > 0 && o === e.items.length, a = `${e.items.length} ${e.items.length === 1 ? "item" : "items"}`;
+    return /* @__PURE__ */ n(L.Fragment, { children: [
+      /* @__PURE__ */ t(Z, { children: /* @__PURE__ */ t("td", { colSpan: y, children: /* @__PURE__ */ t("div", { className: e.isNoPallet ? "no-pallet-divider" : void 0, children: /* @__PURE__ */ n(ee, { children: [
         /* @__PURE__ */ t(
           m,
           {
-            checked: s,
-            onChange: () => R(e, s),
+            checked: r,
+            onChange: () => _(e, r),
             "aria-label": e.isNoPallet ? "Select all items with no pallet ID" : `Select whole pallet ${e.label}`
           }
         ),
-        /* @__PURE__ */ i(
-          Y,
+        /* @__PURE__ */ n(
+          te,
           {
             type: "button",
             disabled: e.isNoPallet,
-            onClick: e.isNoPallet ? void 0 : () => I(e.key),
+            onClick: e.isNoPallet ? void 0 : () => G(e.key),
             "aria-expanded": e.isNoPallet ? void 0 : l,
             children: [
-              !e.isNoPallet && /* @__PURE__ */ t(Z, { $isExpanded: l, children: /* @__PURE__ */ t(W, {}) }),
-              /* @__PURE__ */ t("span", { className: "title", children: e.isNoPallet ? /* @__PURE__ */ t("span", { children: "No Pallet ID" }) : /* @__PURE__ */ i(x, { children: [
+              !e.isNoPallet && /* @__PURE__ */ t(le, { $isExpanded: l, children: /* @__PURE__ */ t(Q, {}) }),
+              /* @__PURE__ */ t("span", { className: "title", children: e.isNoPallet ? /* @__PURE__ */ t("span", { children: "No Pallet ID" }) : /* @__PURE__ */ n(x, { children: [
                 /* @__PURE__ */ t("span", { children: "Pallet ID:" }),
                 /* @__PURE__ */ t("strong", { children: e.label })
               ] }) }),
-              /* @__PURE__ */ i("span", { className: "count", children: [
+              /* @__PURE__ */ n("span", { className: "count", children: [
                 "(",
-                d,
+                a,
                 ")"
               ] }),
-              o > 0 && /* @__PURE__ */ i("span", { className: "selected", children: [
+              o > 0 && /* @__PURE__ */ n("span", { className: "selected", children: [
                 o,
                 " selected"
               ] }),
-              !e.isNoPallet && /* @__PURE__ */ t(ee, { "aria-hidden": "true", children: l ? "−" : "+" })
+              !e.isNoPallet && /* @__PURE__ */ t(ie, { "aria-hidden": "true", children: l ? "−" : "+" })
             ]
           }
         )
@@ -106,14 +107,14 @@ function pe() {
       l && e.items.map(b)
     ] }, e.key);
   };
-  return /* @__PURE__ */ t(x, { children: /* @__PURE__ */ t(O, { id: "tableScrolling", children: /* @__PURE__ */ i(U, { children: [
-    /* @__PURE__ */ t("thead", { children: /* @__PURE__ */ i("tr", { children: [
+  return /* @__PURE__ */ t(x, { children: /* @__PURE__ */ t(q, { id: "tableScrolling", children: /* @__PURE__ */ n(W, { children: [
+    /* @__PURE__ */ t("thead", { children: /* @__PURE__ */ n("tr", { children: [
       /* @__PURE__ */ t("th", { style: { position: "relative" }, children: /* @__PURE__ */ t(
         m,
         {
-          checked: P,
-          onChange: T,
-          disabled: n?.length === 0 || n?.length === null
+          checked: S,
+          onChange: E,
+          disabled: i?.length === 0 || i?.length === null
         }
       ) }),
       /* @__PURE__ */ t("th", { children: "Type" }),
@@ -123,15 +124,15 @@ function pe() {
       /* @__PURE__ */ t("th", { children: "Delivery Instructions" }),
       /* @__PURE__ */ t("th", { children: "Barcode" })
     ] }) }),
-    /* @__PURE__ */ t("tbody", { children: S ? /* @__PURE__ */ i("tr", { children: [
-      /* @__PURE__ */ t("td", { colSpan: 6, children: /* @__PURE__ */ t(z, { active: !0 }) }),
+    /* @__PURE__ */ t("tbody", { children: P ? /* @__PURE__ */ n("tr", { children: [
+      /* @__PURE__ */ t("td", { colSpan: 6, children: /* @__PURE__ */ t(B, { active: !0 }) }),
       /* @__PURE__ */ t("td", { colSpan: 6 })
-    ] }) : n?.length === 0 ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", { className: "emptyTd", colSpan: y, children: /* @__PURE__ */ t(q, { children: /* @__PURE__ */ t(B, { description: "No Data Found" }) }) }) }) : v ? N.map($) : n?.length > 0 && n?.map(
+    ] }) : i?.length === 0 ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", { className: "emptyTd", colSpan: y, children: /* @__PURE__ */ t(J, { children: /* @__PURE__ */ t(F, { description: "No Data Found" }) }) }) }) : w ? N.map($) : i?.length > 0 && i?.map(
       (e) => b(e)
     ) })
   ] }) }) });
 }
-const V = a.tr`
+const Z = d.tr`
   && > td {
     padding: 4px 0;
     background: transparent;
@@ -149,7 +150,7 @@ const V = a.tr`
     padding-top: 10px;
     margin-top: 4px;
   }
-`, X = a.div`
+`, ee = d.div`
   /*
     Required. The library Checkbox renders its real <input> as position:absolute
     with no offsets, so it needs a positioned ancestor here — otherwise its
@@ -171,7 +172,7 @@ const V = a.tr`
   font-weight: 500;
   color: #3a3630;
 
-`, Y = a.button`
+`, te = d.button`
   display: flex;
   align-items: center;
   gap: 8px;
@@ -213,12 +214,12 @@ const V = a.tr`
     font-weight: 600;
     font-size: 12px;
   }
-`, Z = a.span`
+`, le = d.span`
   display: inline-flex;
   align-items: center;
   transition: transform 0.15s ease-in-out;
-  transform: rotate(${(n) => n.$isExpanded ? "0deg" : "-90deg"});
-`, ee = a.span`
+  transform: rotate(${(i) => i.$isExpanded ? "0deg" : "-90deg"});
+`, ie = d.span`
   margin-left: auto;
   display: inline-flex;
   align-items: center;
@@ -233,6 +234,6 @@ const V = a.tr`
   color: #475569;
 `;
 export {
-  pe as default
+  be as default
 };
 //# sourceMappingURL=SplitOrderTable.js.map