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

package/dist/components/order-view/order-actions/actions/force-debrief/escalation/EscalationReason.js

@@ -1,45 +1,47 @@
-import { jsxs as u, jsx as i } from "react/jsx-runtime";
-import { Label as m, SelectDropdown as f, dropdownStyles as R } from "@bjsdistribution/dms-component-library";
-import { useEffect as D } from "react";
-import b from "styled-components";
-import { useEscalationReason as h, useOrderStaticData as g, useEscalationCategory as S, useFailureReason as y, useIsFailureReasonChanged as C } from "../../../../store.js";
-function j() {
+import { jsxs as m, jsx as i } from "react/jsx-runtime";
+import { Label as f, SelectDropdown as R, dropdownStyles as D } from "@bjsdistribution/dms-component-library";
+import { useEffect as b } from "react";
+import h from "styled-components";
+import { useEscalationReason as g, useOrderStaticData as C, useEscalationCategory as S, useFailureReason as v, useIsFailureReasonChanged as y } from "../../../../store.js";
+import { toReverseDeliveryLabel as E } from "../../../../../../common/utils.js";
+import { useClientPortal as I } from "../../../../../store.js";
+function $() {
   const [
     l,
     s
-  ] = h(), [n] = g(), [t] = S(), [p] = y(), [
+  ] = g(), [t] = C(), [p] = I(), [n] = S(), [c] = v(), [
     r,
-    c
-  ] = C(), d = t?.value, a = n?.escalation_reasons?.filter(
-    (e) => e?.escalation_type_id === d
+    d
+  ] = y(), x = n?.value, a = t?.escalation_reasons?.filter(
+    (e) => e?.escalation_type_id === x
   )?.map((e) => {
-    const o = n?.order_escalation_reasons?.find(
-      (x) => x?.id === e?.order_reason_id
+    const o = t?.order_escalation_reasons?.find(
+      (u) => u?.id === e?.order_reason_id
     );
     if (o !== void 0)
       return {
-        label: o?.reason,
+        label: p ? o?.reason : E(o?.reason),
         value: o?.id
       };
   })?.filter(
     (e) => e !== void 0
   );
-  return D(() => {
+  return b(() => {
     if (r && a?.length > 0) {
       const e = a?.find(
-        (o) => o?.label === p?.label
+        (o) => o?.label === c?.label
       );
-      s(e), c(!1);
+      s(e), d(!1);
     }
     !r && a?.length > 0 && s(a[0]);
-  }, [t]), /* @__PURE__ */ u(v, { children: [
-    /* @__PURE__ */ i(m, { label: "Escalation Reason" }),
+  }, [n]), /* @__PURE__ */ m(_, { children: [
+    /* @__PURE__ */ i(f, { label: "Escalation Reason" }),
     /* @__PURE__ */ i(
-      f,
+      R,
       {
         options: a || [],
         styles: {
-          ...R,
+          ...D,
           control: (e, o) => ({
             ...e,
             border: "1px solid #D0D5DD",
@@ -74,13 +76,13 @@ function j() {
     )
   ] });
 }
-const v = b.div`
+const _ = h.div`
   display: flex;
   flex-direction: column;
   gap: 8px;
   flex: 1;
 `;
 export {
-  j as default
+  $ as default
 };
 //# sourceMappingURL=EscalationReason.js.map

package/dist/components/order-view/order-actions/actions/force-debrief/escalation/EscalationReason.js.map

@@ -1 +1 @@
-{"version":3,"file":"EscalationReason.js","sources":["../../../../../../../src/components/order-view/order-actions/actions/force-debrief/escalation/EscalationReason.tsx"],"sourcesContent":["import {\n  Label,\n  SelectDropdown,\n  dropdownStyles,\n} from '@bjsdistribution/dms-component-library';\nimport React, { useEffect } from 'react';\nimport styled from 'styled-components';\n\nimport {\n  useEscalationCategory,\n  useEscalationReason,\n  useFailureReason,\n  useIsFailureReasonChanged,\n  useOrderStaticData,\n} from '../../../../store';\n\nfunction EscalationReason() {\n  const [\n    escalationReasonState,\n    setEscalationReasonState,\n  ] = useEscalationReason();\n  const [orderStaticData] = useOrderStaticData();\n  const [escalationCategory] = useEscalationCategory();\n  const [failureReason] = useFailureReason();\n  const [\n    isFailureReasonChanged,\n    setIsFailureReasonChanged,\n  ] = useIsFailureReasonChanged();\n\n  // escalationCategory.value is now escalation_type.id directly (same as orders force-debrief)\n  const escalationTypeId = escalationCategory?.value;\n\n  const escalationReasons = orderStaticData?.escalation_reasons?.filter(\n    (x: any) => x?.escalation_type_id === escalationTypeId\n  );\n\n  const escalationReasonsOptions = escalationReasons?.map((item: any) => {\n    const matchedItem = orderStaticData?.order_escalation_reasons?.find(\n      (x: any) => x?.id === item?.order_reason_id\n    );\n    if (matchedItem !== undefined) {\n      return {\n        label: matchedItem?.reason,\n        value: matchedItem?.id,\n      };\n    } else {\n      return;\n    }\n  });\n  const filteredEscReasonOptions = escalationReasonsOptions?.filter(\n    (option: any) => option !== undefined\n  );\n\n  useEffect(() => {\n    if (isFailureReasonChanged && filteredEscReasonOptions?.length > 0) {\n      // ids of both esc reason options and failure reason not matched but their labels matched\n      const reason = filteredEscReasonOptions?.find(\n        (option: any) => option?.label === failureReason?.label\n      );\n      setEscalationReasonState(reason);\n      setIsFailureReasonChanged(false);\n    }\n    if (!isFailureReasonChanged && filteredEscReasonOptions?.length > 0) {\n      setEscalationReasonState(filteredEscReasonOptions[0]);\n    }\n  }, [escalationCategory]);\n\n  return (\n    <Container>\n      <Label label=\"Escalation Reason\" />\n      <SelectDropdown\n        options={filteredEscReasonOptions || []}\n        styles={{\n          ...dropdownStyles,\n          control: (styles, state) => ({\n            ...styles,\n            border: '1px solid #D0D5DD',\n            cursor: 'pointer',\n            borderRadius: `${\n              state.selectProps.menuIsOpen ? '0px 0px 6px 6px' : '6px'\n            }`,\n            boxShadow: '0px 3px 22px #00000014',\n            minHeight: '40px',\n            '&:hover': {\n              borderColor: '#D0D5DD',\n              boxShadow: '0px 3px 22px #00000014',\n            },\n          }),\n          menu: styles => ({\n            ...styles,\n            marginBottom: '0px',\n            borderRadius: '6px 6px 0px 0px',\n            boxShadow: '0px 3px 22px #00000014',\n            border: '1px solid #D0D5DD',\n            borderBottom: '0px',\n          }),\n          dropdownIndicator: (styles, state) => ({\n            ...styles,\n            transition: 'all 0.3s ease-in-out',\n            transform: state.selectProps.menuIsOpen ? 'rotate(180deg)' : 'null',\n          }),\n        }}\n        placeholder=\"Select Reason\"\n        menuPlacement=\"top\"\n        value={escalationReasonState}\n        onChange={selectedOption => setEscalationReasonState(selectedOption)}\n      />\n    </Container>\n  );\n}\n\nconst Container = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  flex: 1;\n`;\n\nexport default EscalationReason;\n"],"names":["EscalationReason","escalationReasonState","setEscalationReasonState","useEscalationReason","orderStaticData","useOrderStaticData","escalationCategory","useEscalationCategory","failureReason","useFailureReason","isFailureReasonChanged","setIsFailureReasonChanged","useIsFailureReasonChanged","escalationTypeId","filteredEscReasonOptions","x","item","matchedItem","option","useEffect","reason","Container","jsx","Label","SelectDropdown","dropdownStyles","styles","state","selectedOption","styled"],"mappings":";;;;;AAgBA,SAASA,IAAmB;AAC1B,QAAM;AAAA,IACJC;AAAA,IACAC;AAAA,EAAA,IACEC,EAAA,GACE,CAACC,CAAe,IAAIC,EAAA,GACpB,CAACC,CAAkB,IAAIC,EAAA,GACvB,CAACC,CAAa,IAAIC,EAAA,GAClB;AAAA,IACJC;AAAA,IACAC;AAAA,EAAA,IACEC,EAAA,GAGEC,IAAmBP,GAAoB,OAmBvCQ,IAjBoBV,GAAiB,oBAAoB;AAAA,IAC7D,CAACW,MAAWA,GAAG,uBAAuBF;AAAA,EAAA,GAGY,IAAI,CAACG,MAAc;AACrE,UAAMC,IAAcb,GAAiB,0BAA0B;AAAA,MAC7D,CAAC,MAAW,GAAG,OAAOY,GAAM;AAAA,IAAA;AAE9B,QAAIC,MAAgB;AAClB,aAAO;AAAA,QACL,OAAOA,GAAa;AAAA,QACpB,OAAOA,GAAa;AAAA,MAAA;AAAA,EAK1B,CAAC,GAC0D;AAAA,IACzD,CAACC,MAAgBA,MAAW;AAAA,EAAA;AAG9B,SAAAC,EAAU,MAAM;AACd,QAAIT,KAA0BI,GAA0B,SAAS,GAAG;AAElE,YAAMM,IAASN,GAA0B;AAAA,QACvC,CAACI,MAAgBA,GAAQ,UAAUV,GAAe;AAAA,MAAA;AAEpD,MAAAN,EAAyBkB,CAAM,GAC/BT,EAA0B,EAAK;AAAA,IACjC;AACA,IAAI,CAACD,KAA0BI,GAA0B,SAAS,KAChEZ,EAAyBY,EAAyB,CAAC,CAAC;AAAA,EAExD,GAAG,CAACR,CAAkB,CAAC,qBAGpBe,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAM,OAAM,oBAAA,CAAoB;AAAA,IACjC,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,SAASV,KAA4B,CAAA;AAAA,QACrC,QAAQ;AAAA,UACN,GAAGW;AAAA,UACH,SAAS,CAACC,GAAQC,OAAW;AAAA,YAC3B,GAAGD;AAAA,YACH,QAAQ;AAAA,YACR,QAAQ;AAAA,YACR,cAAc,GACZC,EAAM,YAAY,aAAa,oBAAoB,KACrD;AAAA,YACA,WAAW;AAAA,YACX,WAAW;AAAA,YACX,WAAW;AAAA,cACT,aAAa;AAAA,cACb,WAAW;AAAA,YAAA;AAAA,UACb;AAAA,UAEF,MAAM,CAAAD,OAAW;AAAA,YACf,GAAGA;AAAA,YACH,cAAc;AAAA,YACd,cAAc;AAAA,YACd,WAAW;AAAA,YACX,QAAQ;AAAA,YACR,cAAc;AAAA,UAAA;AAAA,UAEhB,mBAAmB,CAACA,GAAQC,OAAW;AAAA,YACrC,GAAGD;AAAA,YACH,YAAY;AAAA,YACZ,WAAWC,EAAM,YAAY,aAAa,mBAAmB;AAAA,UAAA;AAAA,QAC/D;AAAA,QAEF,aAAY;AAAA,QACZ,eAAc;AAAA,QACd,OAAO1B;AAAA,QACP,UAAU,CAAA2B,MAAkB1B,EAAyB0B,CAAc;AAAA,MAAA;AAAA,IAAA;AAAA,EACrE,GACF;AAEJ;AAEA,MAAMP,IAAYQ,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"EscalationReason.js","sources":["../../../../../../../src/components/order-view/order-actions/actions/force-debrief/escalation/EscalationReason.tsx"],"sourcesContent":["import {\n  Label,\n  SelectDropdown,\n  dropdownStyles,\n} from '@bjsdistribution/dms-component-library';\nimport React, { useEffect } from 'react';\nimport styled from 'styled-components';\n\nimport {\n  useEscalationCategory,\n  useEscalationReason,\n  useFailureReason,\n  useIsFailureReasonChanged,\n  useOrderStaticData,\n} from '../../../../store';\nimport { toReverseDeliveryLabel } from '../../../../../../common/utils';\nimport { useClientPortal } from '../../../../../store';\n\nfunction EscalationReason() {\n  const [\n    escalationReasonState,\n    setEscalationReasonState,\n  ] = useEscalationReason();\n  const [orderStaticData] = useOrderStaticData();\n  const [isClientPortal] = useClientPortal();\n  const [escalationCategory] = useEscalationCategory();\n  const [failureReason] = useFailureReason();\n  const [\n    isFailureReasonChanged,\n    setIsFailureReasonChanged,\n  ] = useIsFailureReasonChanged();\n\n  // escalationCategory.value is now escalation_type.id directly (same as orders force-debrief)\n  const escalationTypeId = escalationCategory?.value;\n\n  const escalationReasons = orderStaticData?.escalation_reasons?.filter(\n    (x: any) => x?.escalation_type_id === escalationTypeId\n  );\n\n  const escalationReasonsOptions = escalationReasons?.map((item: any) => {\n    const matchedItem = orderStaticData?.order_escalation_reasons?.find(\n      (x: any) => x?.id === item?.order_reason_id\n    );\n    if (matchedItem !== undefined) {\n      return {\n        label: isClientPortal\n          ? matchedItem?.reason\n          : toReverseDeliveryLabel(matchedItem?.reason),\n        value: matchedItem?.id,\n      };\n    } else {\n      return;\n    }\n  });\n  const filteredEscReasonOptions = escalationReasonsOptions?.filter(\n    (option: any) => option !== undefined\n  );\n\n  useEffect(() => {\n    if (isFailureReasonChanged && filteredEscReasonOptions?.length > 0) {\n      // ids of both esc reason options and failure reason not matched but their labels matched\n      const reason = filteredEscReasonOptions?.find(\n        (option: any) => option?.label === failureReason?.label\n      );\n      setEscalationReasonState(reason);\n      setIsFailureReasonChanged(false);\n    }\n    if (!isFailureReasonChanged && filteredEscReasonOptions?.length > 0) {\n      setEscalationReasonState(filteredEscReasonOptions[0]);\n    }\n  }, [escalationCategory]);\n\n  return (\n    <Container>\n      <Label label=\"Escalation Reason\" />\n      <SelectDropdown\n        options={filteredEscReasonOptions || []}\n        styles={{\n          ...dropdownStyles,\n          control: (styles, state) => ({\n            ...styles,\n            border: '1px solid #D0D5DD',\n            cursor: 'pointer',\n            borderRadius: `${\n              state.selectProps.menuIsOpen ? '0px 0px 6px 6px' : '6px'\n            }`,\n            boxShadow: '0px 3px 22px #00000014',\n            minHeight: '40px',\n            '&:hover': {\n              borderColor: '#D0D5DD',\n              boxShadow: '0px 3px 22px #00000014',\n            },\n          }),\n          menu: styles => ({\n            ...styles,\n            marginBottom: '0px',\n            borderRadius: '6px 6px 0px 0px',\n            boxShadow: '0px 3px 22px #00000014',\n            border: '1px solid #D0D5DD',\n            borderBottom: '0px',\n          }),\n          dropdownIndicator: (styles, state) => ({\n            ...styles,\n            transition: 'all 0.3s ease-in-out',\n            transform: state.selectProps.menuIsOpen ? 'rotate(180deg)' : 'null',\n          }),\n        }}\n        placeholder=\"Select Reason\"\n        menuPlacement=\"top\"\n        value={escalationReasonState}\n        onChange={selectedOption => setEscalationReasonState(selectedOption)}\n      />\n    </Container>\n  );\n}\n\nconst Container = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  flex: 1;\n`;\n\nexport default EscalationReason;\n"],"names":["EscalationReason","escalationReasonState","setEscalationReasonState","useEscalationReason","orderStaticData","useOrderStaticData","isClientPortal","useClientPortal","escalationCategory","useEscalationCategory","failureReason","useFailureReason","isFailureReasonChanged","setIsFailureReasonChanged","useIsFailureReasonChanged","escalationTypeId","filteredEscReasonOptions","x","item","matchedItem","toReverseDeliveryLabel","option","useEffect","reason","Container","jsx","Label","SelectDropdown","dropdownStyles","styles","state","selectedOption","styled"],"mappings":";;;;;;;AAkBA,SAASA,IAAmB;AAC1B,QAAM;AAAA,IACJC;AAAA,IACAC;AAAA,EAAA,IACEC,EAAA,GACE,CAACC,CAAe,IAAIC,EAAA,GACpB,CAACC,CAAc,IAAIC,EAAA,GACnB,CAACC,CAAkB,IAAIC,EAAA,GACvB,CAACC,CAAa,IAAIC,EAAA,GAClB;AAAA,IACJC;AAAA,IACAC;AAAA,EAAA,IACEC,EAAA,GAGEC,IAAmBP,GAAoB,OAqBvCQ,IAnBoBZ,GAAiB,oBAAoB;AAAA,IAC7D,CAACa,MAAWA,GAAG,uBAAuBF;AAAA,EAAA,GAGY,IAAI,CAACG,MAAc;AACrE,UAAMC,IAAcf,GAAiB,0BAA0B;AAAA,MAC7D,CAACa,MAAWA,GAAG,OAAOC,GAAM;AAAA,IAAA;AAE9B,QAAIC,MAAgB;AAClB,aAAO;AAAA,QACL,OAAOb,IACHa,GAAa,SACbC,EAAuBD,GAAa,MAAM;AAAA,QAC9C,OAAOA,GAAa;AAAA,MAAA;AAAA,EAK1B,CAAC,GAC0D;AAAA,IACzD,CAACE,MAAgBA,MAAW;AAAA,EAAA;AAG9B,SAAAC,EAAU,MAAM;AACd,QAAIV,KAA0BI,GAA0B,SAAS,GAAG;AAElE,YAAMO,IAASP,GAA0B;AAAA,QACvC,CAACK,MAAgBA,GAAQ,UAAUX,GAAe;AAAA,MAAA;AAEpD,MAAAR,EAAyBqB,CAAM,GAC/BV,EAA0B,EAAK;AAAA,IACjC;AACA,IAAI,CAACD,KAA0BI,GAA0B,SAAS,KAChEd,EAAyBc,EAAyB,CAAC,CAAC;AAAA,EAExD,GAAG,CAACR,CAAkB,CAAC,qBAGpBgB,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAM,OAAM,oBAAA,CAAoB;AAAA,IACjC,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,SAASX,KAA4B,CAAA;AAAA,QACrC,QAAQ;AAAA,UACN,GAAGY;AAAA,UACH,SAAS,CAACC,GAAQC,OAAW;AAAA,YAC3B,GAAGD;AAAA,YACH,QAAQ;AAAA,YACR,QAAQ;AAAA,YACR,cAAc,GACZC,EAAM,YAAY,aAAa,oBAAoB,KACrD;AAAA,YACA,WAAW;AAAA,YACX,WAAW;AAAA,YACX,WAAW;AAAA,cACT,aAAa;AAAA,cACb,WAAW;AAAA,YAAA;AAAA,UACb;AAAA,UAEF,MAAM,CAAAD,OAAW;AAAA,YACf,GAAGA;AAAA,YACH,cAAc;AAAA,YACd,cAAc;AAAA,YACd,WAAW;AAAA,YACX,QAAQ;AAAA,YACR,cAAc;AAAA,UAAA;AAAA,UAEhB,mBAAmB,CAACA,GAAQC,OAAW;AAAA,YACrC,GAAGD;AAAA,YACH,YAAY;AAAA,YACZ,WAAWC,EAAM,YAAY,aAAa,mBAAmB;AAAA,UAAA;AAAA,QAC/D;AAAA,QAEF,aAAY;AAAA,QACZ,eAAc;AAAA,QACd,OAAO7B;AAAA,QACP,UAAU,CAAA8B,MAAkB7B,EAAyB6B,CAAc;AAAA,MAAA;AAAA,IAAA;AAAA,EACrE,GACF;AAEJ;AAEA,MAAMP,IAAYQ,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;"}

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

@@ -1,98 +1,103 @@
-import { jsxs as O, jsx as i } from "react/jsx-runtime";
+import { jsxs as x, jsx as i } from "react/jsx-runtime";
 import { RadioButtonGroup as n } from "@bjsdistribution/dms-component-library";
-import v from "styled-components";
-import { useOrderStaticData as x, useOrderDetails as w } from "../../../../store.js";
+import u from "styled-components";
+import { useOrderStaticData as L, useOrderDetails as P } from "../../../../store.js";
 import { capitalize as c } from "../../../../utils.js";
+import { toReverseDeliveryLabel as _ } from "../../../../../../common/utils.js";
+import { useClientPortal as A } from "../../../../../store.js";
 const q = [
   { label: "Yes", value: "true" },
   { label: "No", value: "false" }
 ];
-function G() {
-  const [l] = x(), [r, s] = w(), _ = l?.order_service_levels?.map(
+function z() {
+  const [l] = L(), [t, a] = P(), [p] = A(), y = l?.order_service_levels?.map(
     (e) => ({
       label: c(e.type.replaceAll("_", " ")),
       value: e.id.toString()
     })
-  ), u = l?.order_delivery_point?.map(
+  ), g = l?.order_delivery_point?.map(
     (e) => ({
       label: c(e.type.replaceAll("_", " ")),
       value: e.id.toString()
     })
-  ), g = l?.order_type?.map(
-    (e) => ({
-      label: c(e.type.replaceAll("_", " ")),
-      value: e.id.toString()
-    })
-  ), p = l?.order_service_list, y = r?.order_services_detail?.order_delivery_point_id?.toString(), f = r?.order_services_detail?.order_service_level_id?.toString(), h = r?.order_type_id?.toString(), S = (e) => {
-    const t = {
-      ...r?.order_services_detail,
+  ), f = l?.order_type?.map(
+    (e) => {
+      const r = c(e.type.replaceAll("_", " "));
+      return {
+        label: p ? r : _(r),
+        value: e.id.toString()
+      };
+    }
+  ), v = l?.order_service_list, m = t?.order_services_detail?.order_delivery_point_id?.toString(), h = t?.order_services_detail?.order_service_level_id?.toString(), S = t?.order_type_id?.toString(), D = (e) => {
+    const r = {
+      ...t?.order_services_detail,
       order_delivery_point_id: +e.target.value
-    }, o = { ...r, order_services_detail: t };
-    s(o);
-  }, m = (e) => {
-    const t = {
-      ...r?.order_services_detail,
-      order_service_level_id: +e.target.value
-    }, o = { ...r, order_services_detail: t };
-    s(o);
-  }, D = (e) => {
-    const t = { ...r, order_type_id: +e.target.value };
-    s(t);
+    }, o = { ...t, order_services_detail: r };
+    a(o);
   }, b = (e) => {
-    const o = p?.find(
+    const r = {
+      ...t?.order_services_detail,
+      order_service_level_id: +e.target.value
+    }, o = { ...t, order_services_detail: r };
+    a(o);
+  }, C = (e) => {
+    const r = { ...t, order_type_id: +e.target.value };
+    a(r);
+  }, O = (e) => {
+    const o = v?.find(
       (d) => d.id === e
-    )?.type, C = !r[o];
-    s((d) => ({
+    )?.type, w = !t[o];
+    a((d) => ({
       ...d,
-      [o]: C
+      [o]: w
     }));
   };
-  return /* @__PURE__ */ O(A, { children: [
-    /* @__PURE__ */ i(a, { children: /* @__PURE__ */ i(
+  return /* @__PURE__ */ x(T, { children: [
+    /* @__PURE__ */ i(s, { children: /* @__PURE__ */ i(
       n,
       {
         heading: "Service Type",
-        onChange: D,
-        options: g || [],
-        selectedValue: h || "",
+        onChange: C,
+        options: f || [],
+        selectedValue: S || "",
         direction: "vertical",
         required: !1,
         isDisabled: !0
       }
     ) }),
-    /* @__PURE__ */ i(a, { children: /* @__PURE__ */ i(
+    /* @__PURE__ */ i(s, { children: /* @__PURE__ */ i(
       n,
       {
         heading: "Service Level ",
-        onChange: m,
-        options: _ || [],
-        selectedValue: f || "",
+        onChange: b,
+        options: y || [],
+        selectedValue: h || "",
         direction: "vertical",
         required: !1,
         isDisabled: !0
       }
     ) }),
-    /* @__PURE__ */ i(a, { children: /* @__PURE__ */ i(
+    /* @__PURE__ */ i(s, { children: /* @__PURE__ */ i(
       n,
       {
         heading: "Delivery Point",
-        onChange: S,
-        options: u || [],
-        selectedValue: y || "",
+        onChange: D,
+        options: g || [],
+        selectedValue: m || "",
         direction: "vertical",
         required: !1,
         isDisabled: !0
       }
     ) }),
-    p?.map((e) => {
-      const t = r[e?.type];
-      return /* @__PURE__ */ i(a, { children: /* @__PURE__ */ i(
+    v?.map((e) => {
+      const r = t[e?.type];
+      return /* @__PURE__ */ i(s, { children: /* @__PURE__ */ i(
         n,
         {
-          heading: e?.type?.replaceAll("_", " "),
-          onChange: () => b(e?.id),
+          heading: p ? e?.type?.replaceAll("_", " ") : _(e?.type?.replaceAll("_", " ")),
+          onChange: () => O(e?.id),
           options: q || [],
-          selectedValue: t ? "true" : "false",
+          selectedValue: r ? "true" : "false",
           direction: "vertical",
           required: !1,
           isDisabled: !0
@@ -101,7 +106,7 @@ function G() {
     })
   ] });
 }
-const A = v.div`
+const T = u.div`
   display: flex;
   flex-wrap: wrap;
   gap: 16px;
@@ -109,11 +114,11 @@ const A = v.div`
   width: 100%;
   align-items: flex-start;
   pointer-events: none;
-`, a = v.div`
+`, s = u.div`
   flex: 1;
 `;
 export {
-  G as default,
+  z as default,
   q as radioButtonFilterOptions
 };
 //# sourceMappingURL=RadioButtons.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"RadioButtons.js","sources":["../../../../../../../src/components/order-view/order-actions/actions/force-debrief/order-info/RadioButtons.tsx"],"sourcesContent":["import { RadioButtonGroup } from '@bjsdistribution/dms-component-library';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { useOrderDetails, useOrderStaticData } from '../../../../store';\nimport { OrdersType } from '../../../../types';\nimport { capitalize } from '../../../../utils';\n\nexport const radioButtonFilterOptions = [\n  { label: 'Yes', value: 'true' },\n  { label: 'No', value: 'false' },\n];\n\nfunction RadioButtonGroups() {\n  const [orderStaticData] = useOrderStaticData();\n  const [orderDetails, setOrderDetails] = useOrderDetails();\n\n  const serviceLevelOptions = orderStaticData?.order_service_levels?.map(\n    (x: any) => ({\n      label: capitalize(x.type.replaceAll('_', ' ')),\n      value: x.id.toString(),\n    })\n  );\n\n  const deliveryPointOptions = orderStaticData?.order_delivery_point?.map(\n    (x: any) => ({\n      label: capitalize(x.type.replaceAll('_', ' ')),\n      value: x.id.toString(),\n    })\n  );\n\n  const serviceTypeOptions = orderStaticData?.order_type?.map(\n    (option: any) => ({\n      label: capitalize(option.type.replaceAll('_', ' ')),\n      value: option.id.toString(),\n    })\n  );\n\n  const orderServicesOptions = orderStaticData?.order_service_list;\n  const deliveryPointId = orderDetails?.order_services_detail?.order_delivery_point_id?.toString();\n  const serviceLevelId = orderDetails?.order_services_detail?.order_service_level_id?.toString();\n  const orderTypeId = orderDetails?.order_type_id?.toString();\n\n  // ON CHANGE HANDLERS\n  const onChangeDeliveryPoint = (\n    event: React.ChangeEvent<HTMLInputElement>\n  ) => {\n    const updatedServices = {\n      ...orderDetails?.order_services_detail!,\n      order_delivery_point_id: +event.target.value,\n    };\n    const newData = { ...orderDetails, order_services_detail: updatedServices };\n    setOrderDetails(newData);\n  };\n\n  const onChangeServiceLevel = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const updatedServices = {\n      ...orderDetails?.order_services_detail!,\n      order_service_level_id: +event.target.value,\n    };\n    const newData = { ...orderDetails, order_services_detail: updatedServices };\n    setOrderDetails(newData);\n  };\n\n  const onChangeServiceType = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const newData = { ...orderDetails, order_type_id: +event.target.value };\n    setOrderDetails(newData);\n  };\n\n  const onChangeServices = (id: number) => {\n    const selectedService = orderServicesOptions?.find(\n      (item: any) => item.id === id\n    );\n    const key = selectedService?.type;\n    const value = !orderDetails[key as keyof OrdersType];\n    setOrderDetails(prev => ({\n      ...prev,\n      [key]: value,\n    }));\n  };\n\n  return (\n    <Container>\n      <Group>\n        <RadioButtonGroup\n          heading=\"Service Type\"\n          onChange={onChangeServiceType}\n          options={serviceTypeOptions || []}\n          selectedValue={orderTypeId || ''}\n          direction=\"vertical\"\n          required={false}\n          isDisabled\n        />\n      </Group>\n      <Group>\n        <RadioButtonGroup\n          heading=\"Service Level \"\n          onChange={onChangeServiceLevel}\n          options={serviceLevelOptions || []}\n          selectedValue={serviceLevelId || ''}\n          direction=\"vertical\"\n          required={false}\n          isDisabled\n        />\n      </Group>\n      <Group>\n        <RadioButtonGroup\n          heading=\"Delivery Point\"\n          onChange={onChangeDeliveryPoint}\n          options={deliveryPointOptions || []}\n          selectedValue={deliveryPointId || ''}\n          direction=\"vertical\"\n          required={false}\n          isDisabled\n        />\n      </Group>\n\n      {orderServicesOptions?.map((service: any) => {\n        const selected = orderDetails[service?.type as keyof OrdersType];\n        return (\n          <Group>\n            <RadioButtonGroup\n              heading={service?.type?.replaceAll('_', ' ')}\n              onChange={() => onChangeServices(service?.id)}\n              options={radioButtonFilterOptions || []}\n              selectedValue={selected ? 'true' : 'false'}\n              direction=\"vertical\"\n              required={false}\n              isDisabled\n            />\n          </Group>\n        );\n      })}\n    </Container>\n  );\n}\nconst Container = styled.div`\n  display: flex;\n  flex-wrap: wrap;\n  gap: 16px;\n  padding: 8px;\n  width: 100%;\n  align-items: flex-start;\n  pointer-events: none;\n`;\n\nconst Group = styled.div`\n  flex: 1;\n`;\n\nexport default RadioButtonGroups;\n"],"names":["radioButtonFilterOptions","RadioButtonGroups","orderStaticData","useOrderStaticData","orderDetails","setOrderDetails","useOrderDetails","serviceLevelOptions","x","capitalize","deliveryPointOptions","serviceTypeOptions","option","orderServicesOptions","deliveryPointId","serviceLevelId","orderTypeId","onChangeDeliveryPoint","event","updatedServices","newData","onChangeServiceLevel","onChangeServiceType","onChangeServices","id","key","item","value","prev","Container","jsx","Group","RadioButtonGroup","service","selected","styled"],"mappings":"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"}
+{"version":3,"file":"RadioButtons.js","sources":["../../../../../../../src/components/order-view/order-actions/actions/force-debrief/order-info/RadioButtons.tsx"],"sourcesContent":["import { RadioButtonGroup } from '@bjsdistribution/dms-component-library';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { useOrderDetails, useOrderStaticData } from '../../../../store';\nimport { OrdersType } from '../../../../types';\nimport { capitalize } from '../../../../utils';\nimport { toReverseDeliveryLabel } from '../../../../../../common/utils';\nimport { useClientPortal } from '../../../../../store';\n\nexport const radioButtonFilterOptions = [\n  { label: 'Yes', value: 'true' },\n  { label: 'No', value: 'false' },\n];\n\nfunction RadioButtonGroups() {\n  const [orderStaticData] = useOrderStaticData();\n  const [orderDetails, setOrderDetails] = useOrderDetails();\n  const [isClientPortal] = useClientPortal();\n\n  const serviceLevelOptions = orderStaticData?.order_service_levels?.map(\n    (x: any) => ({\n      label: capitalize(x.type.replaceAll('_', ' ')),\n      value: x.id.toString(),\n    })\n  );\n\n  const deliveryPointOptions = orderStaticData?.order_delivery_point?.map(\n    (x: any) => ({\n      label: capitalize(x.type.replaceAll('_', ' ')),\n      value: x.id.toString(),\n    })\n  );\n\n  const serviceTypeOptions = orderStaticData?.order_type?.map(\n    (option: any) => {\n      const rawLabel = capitalize(option.type.replaceAll('_', ' '));\n      return {\n        label: isClientPortal ? rawLabel : toReverseDeliveryLabel(rawLabel),\n        value: option.id.toString(),\n      };\n    }\n  );\n\n  const orderServicesOptions = orderStaticData?.order_service_list;\n  const deliveryPointId = orderDetails?.order_services_detail?.order_delivery_point_id?.toString();\n  const serviceLevelId = orderDetails?.order_services_detail?.order_service_level_id?.toString();\n  const orderTypeId = orderDetails?.order_type_id?.toString();\n\n  // ON CHANGE HANDLERS\n  const onChangeDeliveryPoint = (\n    event: React.ChangeEvent<HTMLInputElement>\n  ) => {\n    const updatedServices = {\n      ...orderDetails?.order_services_detail!,\n      order_delivery_point_id: +event.target.value,\n    };\n    const newData = { ...orderDetails, order_services_detail: updatedServices };\n    setOrderDetails(newData);\n  };\n\n  const onChangeServiceLevel = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const updatedServices = {\n      ...orderDetails?.order_services_detail!,\n      order_service_level_id: +event.target.value,\n    };\n    const newData = { ...orderDetails, order_services_detail: updatedServices };\n    setOrderDetails(newData);\n  };\n\n  const onChangeServiceType = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const newData = { ...orderDetails, order_type_id: +event.target.value };\n    setOrderDetails(newData);\n  };\n\n  const onChangeServices = (id: number) => {\n    const selectedService = orderServicesOptions?.find(\n      (item: any) => item.id === id\n    );\n    const key = selectedService?.type;\n    const value = !orderDetails[key as keyof OrdersType];\n    setOrderDetails(prev => ({\n      ...prev,\n      [key]: value,\n    }));\n  };\n\n  return (\n    <Container>\n      <Group>\n        <RadioButtonGroup\n          heading=\"Service Type\"\n          onChange={onChangeServiceType}\n          options={serviceTypeOptions || []}\n          selectedValue={orderTypeId || ''}\n          direction=\"vertical\"\n          required={false}\n          isDisabled\n        />\n      </Group>\n      <Group>\n        <RadioButtonGroup\n          heading=\"Service Level \"\n          onChange={onChangeServiceLevel}\n          options={serviceLevelOptions || []}\n          selectedValue={serviceLevelId || ''}\n          direction=\"vertical\"\n          required={false}\n          isDisabled\n        />\n      </Group>\n      <Group>\n        <RadioButtonGroup\n          heading=\"Delivery Point\"\n          onChange={onChangeDeliveryPoint}\n          options={deliveryPointOptions || []}\n          selectedValue={deliveryPointId || ''}\n          direction=\"vertical\"\n          required={false}\n          isDisabled\n        />\n      </Group>\n\n      {orderServicesOptions?.map((service: any) => {\n        const selected = orderDetails[service?.type as keyof OrdersType];\n        return (\n          <Group>\n            <RadioButtonGroup\n              heading={\n                isClientPortal\n                  ? service?.type?.replaceAll('_', ' ')\n                  : toReverseDeliveryLabel(service?.type?.replaceAll('_', ' '))\n              }\n              onChange={() => onChangeServices(service?.id)}\n              options={radioButtonFilterOptions || []}\n              selectedValue={selected ? 'true' : 'false'}\n              direction=\"vertical\"\n              required={false}\n              isDisabled\n            />\n          </Group>\n        );\n      })}\n    </Container>\n  );\n}\nconst Container = styled.div`\n  display: flex;\n  flex-wrap: wrap;\n  gap: 16px;\n  padding: 8px;\n  width: 100%;\n  align-items: flex-start;\n  pointer-events: none;\n`;\n\nconst Group = styled.div`\n  flex: 1;\n`;\n\nexport default RadioButtonGroups;\n"],"names":["radioButtonFilterOptions","RadioButtonGroups","orderStaticData","useOrderStaticData","orderDetails","setOrderDetails","useOrderDetails","isClientPortal","useClientPortal","serviceLevelOptions","x","capitalize","deliveryPointOptions","serviceTypeOptions","option","rawLabel","toReverseDeliveryLabel","orderServicesOptions","deliveryPointId","serviceLevelId","orderTypeId","onChangeDeliveryPoint","event","updatedServices","newData","onChangeServiceLevel","onChangeServiceType","onChangeServices","id","key","item","value","prev","Container","jsx","Group","RadioButtonGroup","service","selected","styled"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"CancellationReasonDropdown.js","sources":["../../../../../../../../src/components/order-view/order-actions/actions/force-debrief/order-info/dropdowns/CancellationReasonDropdown.tsx"],"sourcesContent":["import { Label, SelectDropdown } from '@bjsdistribution/dms-component-library';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { useOrderCancelReason, useOrderStaticData } from '../../../../../store';\n\nfunction CancellationReasonDropdown() {\n  const [cancelationReason, setCancelationReason] = useOrderCancelReason();\n  const [orderStaticData] = useOrderStaticData();\n  const cancellationReasonOptions =\n    orderStaticData?.cancellation_reasons?.map((x: any) => ({\n      label: x.reason,\n      value: x.id,\n    })) || [];\n  return (\n    <Container>\n      <Label\n        label=\"Cancellation Reason\"\n        htmlFor=\"cancellationreasondropdown\"\n        required\n      />\n      <SelectDropdown\n        placeholder=\"Select Reason\"\n        options={cancellationReasonOptions || []}\n        inputId=\"cancellationreasondropdown\"\n        openMenuOnFocus\n        value={cancelationReason}\n        onChange={selectedOption => setCancelationReason(selectedOption)}\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 CancellationReasonDropdown;\n"],"names":["CancellationReasonDropdown","cancelationReason","setCancelationReason","useOrderCancelReason","orderStaticData","useOrderStaticData","cancellationReasonOptions","x","Container","jsx","Label","SelectDropdown","selectedOption","styled"],"mappings":";;;;AAKA,SAASA,IAA6B;AACpC,QAAM,CAACC,GAAmBC,CAAoB,IAAIC,EAAA,GAC5C,CAACC,CAAe,IAAIC,EAAA,GACpBC,IACJF,GAAiB,sBAAsB,IAAI,CAACG,OAAY;AAAA,IACtD,OAAOA,EAAE;AAAA,IACT,OAAOA,EAAE;AAAA,EAAA,EACT,KAAK,CAAA;AACT,2BACGC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,SAAQ;AAAA,QACR,UAAQ;AAAA,MAAA;AAAA,IAAA;AAAA,IAEV,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,aAAY;AAAA,QACZ,SAASL,KAA6B,CAAA;AAAA,QACtC,SAAQ;AAAA,QACR,iBAAe;AAAA,QACf,OAAOL;AAAA,QACP,UAAU,CAAAW,MAAkBV,EAAqBU,CAAc;AAAA,MAAA;AAAA,IAAA;AAAA,EACjE,GACF;AAEJ;AAEA,MAAMJ,IAAYK,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"CancellationReasonDropdown.js","sources":["../../../../../../../../src/components/order-view/order-actions/actions/force-debrief/order-info/dropdowns/CancellationReasonDropdown.tsx"],"sourcesContent":["import { Label, SelectDropdown } from '@bjsdistribution/dms-component-library';\nimport React from 'react';\nimport styled from 'styled-components';\nimport {\n  useOrderCancelReason,\n  useOrderStaticData,\n} from '../../../../../store';\n\nfunction CancellationReasonDropdown() {\n  const [cancelationReason, setCancelationReason] = useOrderCancelReason();\n  const [orderStaticData] = useOrderStaticData();\n  const cancellationReasonOptions =\n    orderStaticData?.cancellation_reasons?.map((x: any) => ({\n      label: x.reason,\n      value: x.id,\n    })) || [];\n  return (\n    <Container>\n      <Label\n        label=\"Cancellation Reason\"\n        htmlFor=\"cancellationreasondropdown\"\n        required\n      />\n      <SelectDropdown\n        placeholder=\"Select Reason\"\n        options={cancellationReasonOptions || []}\n        inputId=\"cancellationreasondropdown\"\n        openMenuOnFocus\n        value={cancelationReason}\n        onChange={selectedOption => setCancelationReason(selectedOption)}\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 CancellationReasonDropdown;\n"],"names":["CancellationReasonDropdown","cancelationReason","setCancelationReason","useOrderCancelReason","orderStaticData","useOrderStaticData","cancellationReasonOptions","x","Container","jsx","Label","SelectDropdown","selectedOption","styled"],"mappings":";;;;AAQA,SAASA,IAA6B;AACpC,QAAM,CAACC,GAAmBC,CAAoB,IAAIC,EAAA,GAC5C,CAACC,CAAe,IAAIC,EAAA,GACpBC,IACJF,GAAiB,sBAAsB,IAAI,CAACG,OAAY;AAAA,IACtD,OAAOA,EAAE;AAAA,IACT,OAAOA,EAAE;AAAA,EAAA,EACT,KAAK,CAAA;AACT,2BACGC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,SAAQ;AAAA,QACR,UAAQ;AAAA,MAAA;AAAA,IAAA;AAAA,IAEV,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,aAAY;AAAA,QACZ,SAASL,KAA6B,CAAA;AAAA,QACtC,SAAQ;AAAA,QACR,iBAAe;AAAA,QACf,OAAOL;AAAA,QACP,UAAU,CAAAW,MAAkBV,EAAqBU,CAAc;AAAA,MAAA;AAAA,IAAA;AAAA,EACjE,GACF;AAEJ;AAEA,MAAMJ,IAAYK,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;"}

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

@@ -1,65 +1,67 @@
-import { jsxs as b, jsx as n } from "react/jsx-runtime";
+import { jsxs as C, jsx as t } 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 { useOrderStaticData as v, useFailureReason as D, useIsFailureReasonChanged as S } from "../../../../../store.js";
+import { toReverseDeliveryLabel as w } from "../../../../../../../common/utils.js";
+import { useClientPortal as N } from "../../../../../../store.js";
+function A() {
+  const [a] = v(), [i] = N(), [u, c] = D(), [, d] = S(), 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, m = s?.filter(
     (e) => e?.escalation_category_id === f
-  )[0]?.id, _ = l?.filter(
-    (e) => e?.escalation_type_id === F
-  ), m = l?.filter(
+  )[0]?.id, R = s?.filter(
+    (e) => e?.escalation_category_id === F
+  )[0]?.id, y = l?.filter(
+    (e) => e?.escalation_type_id === m
+  ), _ = l?.filter(
     (e) => e?.escalation_type_id === R
   ), 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 : w(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 = x.div`
   display: flex;
   flex-direction: column;
   gap: 6px;
   flex: 1;
 `;
 export {
-  q as default
+  A 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 } 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 { toReverseDeliveryLabel } from '../../../../../../../common/utils';\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":";;;;;;AAWA,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,43 @@
 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 { useState as h, useEffect as y } from "react";
+import { useAxios as T, Label as p, AntSelect as Y } from "@bjsdistribution/dms-component-library";
+import { useOrderId as _, useCurrentAction as x, useOrderStaticData as R, useCustomerInfo as I } 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 { notification as d, DatePicker as U } from "antd";
-import S 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(
+import { HoldContentContainer as k, SplitText as j, HoldRow as S, HoldDatePickerWrap as B } from "../modalstyle.js";
+import { notification as d, DatePicker as L } from "antd";
+import D from "dayjs";
+import { useClientPortal as U } from "../../../../store.js";
+import { toReverseDeliveryLabel as W } from "../../../../../common/utils.js";
+function ee(n) {
+  const [a] = _(), [, l] = x(), [H] = R(), [t, c] = h(null), [s, C] = h(void 0), [m] = I(), [u] = U(), b = `${m?.recipient_name}, ${m?.postcode}`, v = H?.onhold_reasons?.map(
     (e) => ({
-      label: e?.reason,
+      label: u ? e?.reason : W(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 } = T({
+    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({
+      }), u && 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}`,
@@ -57,25 +58,25 @@ function X(n) {
       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__ */ i(S, { children: [
+          /* @__PURE__ */ o(p, { label: "Hold Until (leave blank for indefinite)" }),
           /* @__PURE__ */ o(B, { children: /* @__PURE__ */ o(
-            U,
+            L,
             {
               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(
-            _,
+            Y,
             {
-              options: w || [],
+              options: v || [],
               placeholder: "Select Hold Reason",
               onChange: O,
               disabled: !1,
@@ -92,6 +93,6 @@ function X(n) {
   );
 }
 export {
-  X as default
+  ee as default
 };
 //# sourceMappingURL=HoldOrderModal.js.map