@bjsdistribution/dms-client-return 0.1.70-prod → 0.1.71-prod

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,15 @@
+import { jsxs as t, jsx as o } from "react/jsx-runtime";
+import a from "./EscalationCategory.js";
+import i from "./EscalationLevel.js";
+import r from "./EscalationReason.js";
+function m() {
+  return /* @__PURE__ */ t("div", { style: { display: "flex", gap: "15px", width: "100%" }, children: [
+    /* @__PURE__ */ o(a, {}),
+    /* @__PURE__ */ o(i, {}),
+    /* @__PURE__ */ o(r, {})
+  ] });
+}
+export {
+  m as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../src/components/order-view/order-actions/actions/force-debrief/escalation/index.tsx"],"sourcesContent":["import React from 'react';\nimport EscalationCategory from './EscalationCategory';\nimport EscalationLevel from './EscalationLevel';\nimport EscalationReason from './EscalationReason';\n\nfunction Escalation() {\n  return (\n    <div style={{ display: 'flex', gap: '15px', width: '100%' }}>\n      <EscalationCategory />\n      <EscalationLevel />\n      <EscalationReason />\n    </div>\n  );\n}\n\nexport default Escalation;\n"],"names":["Escalation","jsxs","jsx","EscalationCategory","EscalationLevel","EscalationReason"],"mappings":";;;;AAKA,SAASA,IAAa;AACpB,SACE,gBAAAC,EAAC,OAAA,EAAI,OAAO,EAAE,SAAS,QAAQ,KAAK,QAAQ,OAAO,OAAA,GACjD,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAmB;AAAA,sBACnBC,GAAA,EAAgB;AAAA,sBAChBC,GAAA,CAAA,CAAiB;AAAA,EAAA,GACpB;AAEJ;"}

package/dist/components/order-view/order-actions/actions/force-debrief/notifications/OrderTemplate.js

@@ -0,0 +1,92 @@
+import { jsxs as r, jsx as t, Fragment as o } from "react/jsx-runtime";
+import { FlagAlert as s } from "@bjsdistribution/dms-component-library";
+import { useState as p } from "react";
+import a from "styled-components";
+import { format as h, parseISO as y } from "date-fns";
+import { useOrderDetails as A } from "../../../../store.js";
+import { useRouteDetails as _ } from "../../../store.js";
+function b() {
+  const [l] = A(), [e] = _(), [d, c] = p({
+    isAllocated: !0,
+    isOrderStatusNote: !0
+  }), u = l?.order_routes?.route_id != null, i = (f) => {
+    c((m) => ({
+      ...m,
+      [f]: !1
+    }));
+  };
+  return /* @__PURE__ */ r(O, { children: [
+    /* @__PURE__ */ t(o, { children: d.isAllocated && /* @__PURE__ */ t(o, { children: u ? /* @__PURE__ */ t(
+      s,
+      {
+        type: "info",
+        title: "",
+        description: /* @__PURE__ */ r(o, { children: [
+          /* @__PURE__ */ t(n, { children: "Allocated To Route :" }),
+          e?.route_name || "",
+          e?.route_lock ? `*Locked* on ${e?.route_detail?.vehicle_number} ` : "",
+          " ",
+          "| Crew:",
+          e?.crew1 || "N/A",
+          " &",
+          " ",
+          e?.crew2 || "N/A",
+          " |",
+          " ",
+          e?.route_date ? h(
+            y(e?.route_date),
+            "dd/MM/yyyy"
+          ) : ""
+        ] }),
+        showOkButton: !1,
+        onClose: () => i("isAllocated")
+      }
+    ) : /* @__PURE__ */ t(
+      s,
+      {
+        type: "info",
+        title: "",
+        description: /* @__PURE__ */ r(o, { children: [
+          /* @__PURE__ */ t(n, { children: "Allocated To Route :" }),
+          " ",
+          /* @__PURE__ */ t(w, { children: "Route not allocated" })
+        ] }),
+        showOkButton: !1,
+        onClose: () => i("isAllocated")
+      }
+    ) }) }),
+    d.isOrderStatusNote && /* @__PURE__ */ t(o, { children: l?.order_status_note && /* @__PURE__ */ t(o, { children: /* @__PURE__ */ t(
+      s,
+      {
+        type: "info",
+        title: "",
+        description: /* @__PURE__ */ r(o, { children: [
+          /* @__PURE__ */ t(n, { children: "Order Status Note : " }),
+          l?.order_status_note
+        ] }),
+        showOkButton: !1,
+        onClose: () => i("isOrderStatusNote")
+      }
+    ) }) })
+  ] });
+}
+const O = a.div`
+  display: contents;
+  gap: 15px;
+`, n = a.span`
+  color: #6396e5;
+  font-family: Roboto;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 600;
+`, w = a.span`
+  color: #6a7378;
+  font-family: Lato;
+  font-size: 13px;
+  font-style: normal;
+  font-weight: 600;
+`;
+export {
+  b as default
+};
+//# sourceMappingURL=OrderTemplate.js.map

package/dist/components/order-view/order-actions/actions/force-debrief/notifications/OrderTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrderTemplate.js","sources":["../../../../../../../src/components/order-view/order-actions/actions/force-debrief/notifications/OrderTemplate.tsx"],"sourcesContent":["import { FlagAlert } from '@bjsdistribution/dms-component-library';\nimport React, { useState } from 'react';\nimport styled from 'styled-components';\nimport { format, parseISO } from 'date-fns';\nimport { useOrderDetails } from '../../../../store';\nimport { useRouteDetails } from '../../../store';\n\nfunction OrderTemplate() {\n  const [orderDetails] = useOrderDetails();\n  const [routesDetails] = useRouteDetails();\n  const [alertVisibility, setAlertVisibility] = useState({\n    isAllocated: true,\n    isOrderStatusNote: true,\n  });\n\n  const isRouteId = orderDetails?.order_routes?.route_id != null;\n  //on close alert functionality\n  const onCloseAlert = (alertType: string) => {\n    setAlertVisibility(prev => ({\n      ...prev,\n      [alertType]: false,\n    }));\n  };\n\n  return (\n    <StyledAlert>\n      <>\n        {alertVisibility.isAllocated && (\n          <>\n            {isRouteId ? (\n              <FlagAlert\n                type=\"info\"\n                title=\"\"\n                description={\n                  <>\n                    <Title>Allocated To Route :</Title>\n                    {routesDetails?.route_name || ''}\n                    {routesDetails?.route_lock\n                      ? `*Locked* on ${routesDetails?.route_detail?.vehicle_number} `\n                      : ''}{' '}\n                    | Crew:\n                    {routesDetails?.crew1 || 'N/A'} &{' '}\n                    {routesDetails?.crew2 || 'N/A'} |{' '}\n                    {routesDetails?.route_date\n                      ? format(\n                          parseISO(routesDetails?.route_date),\n                          'dd/MM/yyyy'\n                        )\n                      : ''}\n                  </>\n                }\n                showOkButton={false}\n                onClose={() => onCloseAlert('isAllocated')}\n              />\n            ) : (\n              <FlagAlert\n                type=\"info\"\n                title=\"\"\n                description={\n                  <>\n                    <Title>Allocated To Route :</Title>{' '}\n                    <Info>Route not allocated</Info>\n                  </>\n                }\n                showOkButton={false}\n                onClose={() => onCloseAlert('isAllocated')}\n              />\n            )}\n          </>\n        )}\n      </>\n\n      {alertVisibility.isOrderStatusNote && (\n        <>\n          {orderDetails?.order_status_note && (\n            <>\n              <FlagAlert\n                type=\"info\"\n                title=\"\"\n                description={\n                  <>\n                    <Title>Order Status Note : </Title>\n                    {orderDetails?.order_status_note}\n                  </>\n                }\n                showOkButton={false}\n                onClose={() => onCloseAlert('isOrderStatusNote')}\n              />\n            </>\n          )}\n        </>\n      )}\n    </StyledAlert>\n  );\n}\nconst StyledAlert = styled.div`\n  display: contents;\n  gap: 15px;\n`;\n\nconst Title = styled.span`\n  color: #6396e5;\n  font-family: Roboto;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 600;\n`;\n\nconst Info = styled.span`\n  color: #6a7378;\n  font-family: Lato;\n  font-size: 13px;\n  font-style: normal;\n  font-weight: 600;\n`;\n\nexport default OrderTemplate;\n"],"names":["OrderTemplate","orderDetails","useOrderDetails","routesDetails","useRouteDetails","alertVisibility","setAlertVisibility","useState","isRouteId","onCloseAlert","alertType","prev","StyledAlert","jsx","Fragment","FlagAlert","jsxs","Title","format","parseISO","Info","styled"],"mappings":";;;;;;;AAOA,SAASA,IAAgB;AACvB,QAAM,CAACC,CAAY,IAAIC,EAAA,GACjB,CAACC,CAAa,IAAIC,EAAA,GAClB,CAACC,GAAiBC,CAAkB,IAAIC,EAAS;AAAA,IACrD,aAAa;AAAA,IACb,mBAAmB;AAAA,EAAA,CACpB,GAEKC,IAAYP,GAAc,cAAc,YAAY,MAEpDQ,IAAe,CAACC,MAAsB;AAC1C,IAAAJ,EAAmB,CAAAK,OAAS;AAAA,MAC1B,GAAGA;AAAA,MACH,CAACD,CAAS,GAAG;AAAA,IAAA,EACb;AAAA,EACJ;AAEA,2BACGE,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAAAC,GAAA,EACG,UAAAT,EAAgB,eACf,gBAAAQ,EAAAC,GAAA,EACG,UAAAN,IACC,gBAAAK;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAM;AAAA,QACN,aACE,gBAAAC,EAAAF,GAAA,EACE,UAAA;AAAA,UAAA,gBAAAD,EAACI,KAAM,UAAA,uBAAA,CAAoB;AAAA,UAC1Bd,GAAe,cAAc;AAAA,UAC7BA,GAAe,aACZ,eAAeA,GAAe,cAAc,cAAc,MAC1D;AAAA,UAAI;AAAA,UAAI;AAAA,UAEXA,GAAe,SAAS;AAAA,UAAM;AAAA,UAAG;AAAA,UACjCA,GAAe,SAAS;AAAA,UAAM;AAAA,UAAG;AAAA,UACjCA,GAAe,aACZe;AAAA,YACEC,EAAShB,GAAe,UAAU;AAAA,YAClC;AAAA,UAAA,IAEF;AAAA,QAAA,GACN;AAAA,QAEF,cAAc;AAAA,QACd,SAAS,MAAMM,EAAa,aAAa;AAAA,MAAA;AAAA,IAAA,IAG3C,gBAAAI;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAM;AAAA,QACN,aACE,gBAAAC,EAAAF,GAAA,EACE,UAAA;AAAA,UAAA,gBAAAD,EAACI,KAAM,UAAA,uBAAA,CAAoB;AAAA,UAAS;AAAA,UACpC,gBAAAJ,EAACO,KAAK,UAAA,sBAAA,CAAmB;AAAA,QAAA,GAC3B;AAAA,QAEF,cAAc;AAAA,QACd,SAAS,MAAMX,EAAa,aAAa;AAAA,MAAA;AAAA,IAAA,GAG/C,EAAA,CAEJ;AAAA,IAECJ,EAAgB,qBACf,gBAAAQ,EAAAC,GAAA,EACG,UAAAb,GAAc,qBACb,gBAAAY,EAAAC,GAAA,EACE,UAAA,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAM;AAAA,QACN,aACE,gBAAAC,EAAAF,GAAA,EACE,UAAA;AAAA,UAAA,gBAAAD,EAACI,KAAM,UAAA,uBAAA,CAAoB;AAAA,UAC1BhB,GAAc;AAAA,QAAA,GACjB;AAAA,QAEF,cAAc;AAAA,QACd,SAAS,MAAMQ,EAAa,mBAAmB;AAAA,MAAA;AAAA,IAAA,GAEnD,EAAA,CAEJ;AAAA,EAAA,GAEJ;AAEJ;AACA,MAAMG,IAAcS,EAAO;AAAA;AAAA;AAAA,GAKrBJ,IAAQI,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQfD,IAAOC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/components/order-view/order-actions/actions/force-debrief/notifications/Tabs.js

@@ -0,0 +1,23 @@
+import { jsx as t, Fragment as i, jsxs as s } from "react/jsx-runtime";
+import a from "styled-components";
+import m from "./OrderTemplate.js";
+import l from "../../../../notification/FlagTemplate.js";
+import { useTasksData as d } from "../../../store.js";
+function h({ dismissFlags: r }) {
+  const [e] = d();
+  return /* @__PURE__ */ t(i, { children: /* @__PURE__ */ t(c, { children: /* @__PURE__ */ s(p, { className: "tab-content", children: [
+    /* @__PURE__ */ t(m, {}),
+    e?.map((o, n) => /* @__PURE__ */ t(l, { data: o, dismissFlags: r }, n))
+  ] }) }) });
+}
+const p = a.div`
+  gap: 15px;
+  display: grid;
+`, c = a.div`
+  display: flex;
+  flex-direction: column;
+`;
+export {
+  h as default
+};
+//# sourceMappingURL=Tabs.js.map

package/dist/components/order-view/order-actions/actions/force-debrief/notifications/Tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.js","sources":["../../../../../../../src/components/order-view/order-actions/actions/force-debrief/notifications/Tabs.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport OrderTemplate from './OrderTemplate';\nimport FlagTemplate from '../../../../notification/FlagTemplate';\nimport { useTasksData } from '../../../store';\n\nfunction Tabs({ dismissFlags }: any) {\n  const [taskData] = useTasksData();\n\n  return (\n    <>\n      <Content>\n        <Container className=\"tab-content\">\n          <OrderTemplate />\n          {taskData?.map((item: any, index: any) => (\n            <FlagTemplate key={index} data={item} dismissFlags={dismissFlags} />\n          ))}\n        </Container>\n      </Content>\n    </>\n  );\n}\nconst Container = styled.div`\n  gap: 15px;\n  display: grid;\n`;\n\nconst Content = styled.div`\n  display: flex;\n  flex-direction: column;\n`;\nexport default Tabs;\n"],"names":["Tabs","dismissFlags","taskData","useTasksData","jsx","Content","jsxs","Container","OrderTemplate","item","index","FlagTemplate","styled"],"mappings":";;;;;AAMA,SAASA,EAAK,EAAE,cAAAC,KAAqB;AACnC,QAAM,CAACC,CAAQ,IAAIC,EAAA;AAEnB,gCAEI,UAAA,gBAAAC,EAACC,GAAA,EACC,UAAA,gBAAAC,EAACC,GAAA,EAAU,WAAU,eACnB,UAAA;AAAA,IAAA,gBAAAH,EAACI,GAAA,EAAc;AAAA,IACdN,GAAU,IAAI,CAACO,GAAWC,MACzB,gBAAAN,EAACO,GAAA,EAAyB,MAAMF,GAAM,cAAAR,EAAA,GAAnBS,CAA+C,CACnE;AAAA,EAAA,EAAA,CACH,GACF,GACF;AAEJ;AACA,MAAMH,IAAYK,EAAO;AAAA;AAAA;AAAA,GAKnBP,IAAUO,EAAO;AAAA;AAAA;AAAA;"}

package/dist/components/order-view/order-actions/actions/force-debrief/notifications/index.js

@@ -0,0 +1,123 @@
+import { jsx as t, Fragment as g, jsxs as b } from "react/jsx-runtime";
+import { useAxios as c } from "@bjsdistribution/dms-component-library";
+import { useEffect as i } from "react";
+import v from "./Tabs.js";
+import o from "styled-components";
+import { useTasksData as D, useRouteDetails as w } from "../../../store.js";
+import { useOrderDetails as y } from "../../../../store.js";
+function U() {
+  const [f, p] = D(), [e] = y(), r = e?.order_routes?.route_id, [, n] = w(), {
+    data: a,
+    loading: d,
+    fetchData: h
+  } = c({
+    endpoint: "/v1/task/",
+    method: "GET",
+    pagination: { is_pagination: !1 },
+    filters: [
+      { field: "department", op: "=", value: "debrief" },
+      {
+        field: "order_id",
+        op: "=",
+        value: `${e?.id}`
+      }
+    ]
+  });
+  i(() => {
+    a && a?.data && p(a?.data);
+  }, [d, a]), i(() => {
+    (async () => {
+      if (e?.id != null)
+        try {
+          await h();
+        } catch (x) {
+          console.error("Error while fetching order-related data:", x);
+        }
+    })();
+  }, [e?.id]);
+  const {
+    fetchData: u,
+    data: s,
+    loading: m
+  } = c({
+    endpoint: "/route/debrief/",
+    method: "GET"
+  });
+  return i(() => {
+    r != null ? u({
+      endPointQuery: r
+    }) : n([]);
+  }, [r]), i(() => {
+    if (s?.data?.length > 0) {
+      const l = s?.data[0];
+      n(l);
+    }
+  }, [m]), /* @__PURE__ */ t(g, { children: /* @__PURE__ */ t(E, { children: d ? /* @__PURE__ */ b(k, { children: [
+    /* @__PURE__ */ t(T, {}),
+    /* @__PURE__ */ t(L, { children: "Fetching Notifications..." })
+  ] }) : f?.length > 0 || e ? /* @__PURE__ */ t(F, { children: /* @__PURE__ */ t(v, {}) }) : "No Notifications Found" }) });
+}
+const k = o.div`
+  align-items: center;
+  justify-content: center;
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+`, T = o.div`
+  border: 4px solid rgba(0, 0, 0, 0.1);
+  border-left-color: #3a3630;
+  border-radius: 50%;
+  width: 40px;
+  height: 40px;
+  animation: spin 1s linear infinite;
+
+  @keyframes spin {
+    0% {
+      transform: rotate(0deg);
+    }
+    100% {
+      transform: rotate(360deg);
+    }
+  }
+`, E = o.div`
+  display: flex;
+  flex-direction: column;
+  gap: 14px;
+  background: #ffffff;
+  border-radius: 12px;
+  padding: 10px;
+  box-shadow: 0px 4px 30px 0px rgba(46, 45, 116, 0.05);
+  border: 1px solid #e0e0e0;
+`, F = o.div`
+  /* min-height: 200px; */
+  max-height: 350px;
+  overflow-y: auto;
+  scrollbar-width: none;
+  -ms-overflow-style: none;
+
+  &:hover {
+    scrollbar-width: thin;
+  }
+
+  &::-webkit-scrollbar {
+    width: 0;
+  }
+
+  &:hover::-webkit-scrollbar {
+    width: 8px;
+  }
+
+  &::-webkit-scrollbar-thumb {
+    background-color: rgba(0, 0, 0, 0.5);
+  }
+`, L = o.div`
+  color: var(--tonal-brown-651, #6a7378);
+  font-family: Lato;
+  font-size: 13px;
+  font-style: normal;
+  font-weight: 600;
+`;
+export {
+  U as default
+};
+//# sourceMappingURL=index.js.map

package/dist/components/order-view/order-actions/actions/force-debrief/notifications/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../src/components/order-view/order-actions/actions/force-debrief/notifications/index.tsx"],"sourcesContent":["import { useAxios } from '@bjsdistribution/dms-component-library';\nimport React, { useEffect } from 'react';\nimport Tabs from './Tabs';\nimport styled from 'styled-components';\nimport { useRouteDetails, useTasksData } from '../../../store';\nimport { useOrderDetails } from '../../../../store';\n\ninterface ApiResponse {\n  message: string;\n  code: number;\n  error: string | null;\n  error_traceback: string | null;\n  data: [];\n  setShouldPerformAction: boolean;\n}\n\nfunction FDNotification() {\n  const [taskData, setTasksData] = useTasksData();\n  const [orderData] = useOrderDetails();\n  const routeId = orderData?.order_routes?.route_id;\n  const [, setRouteDetails] = useRouteDetails();\n\n  //Unresolved API\n  const {\n    data: fetchedUnresolvedData,\n    loading: unresolvedLoading,\n    fetchData: callUnresolvedTaskApi,\n  } = useAxios<{\n    data: ApiResponse[];\n  }>({\n    endpoint: `/v1/task/`,\n    method: 'GET',\n    pagination: { is_pagination: false },\n    filters: [\n      { field: 'department', op: '=', value: 'debrief' },\n      {\n        field: 'order_id',\n        op: '=',\n        value: `${orderData?.id}`,\n      },\n    ],\n  });\n\n  //flags data set\n  useEffect(() => {\n    if (fetchedUnresolvedData && fetchedUnresolvedData?.data) {\n      setTasksData(fetchedUnresolvedData?.data);\n    }\n  }, [unresolvedLoading, fetchedUnresolvedData]);\n\n  useEffect(() => {\n    const fetchData = async () => {\n      if (orderData?.id == null) return;\n\n      try {\n        await callUnresolvedTaskApi();\n      } catch (error) {\n        console.error('Error while fetching order-related data:', error);\n      }\n    };\n\n    fetchData();\n  }, [orderData?.id]);\n\n  const {\n    fetchData: fetchRouteDetails,\n    data: routesData,\n    loading: routesDataLoading,\n  } = useAxios<{\n    data: any;\n  }>({\n    endpoint: `/route/debrief/`,\n    method: 'GET',\n  });\n  useEffect(() => {\n    if (routeId !== undefined && routeId !== null) {\n      fetchRouteDetails({\n        endPointQuery: routeId,\n      });\n    } else {\n      setRouteDetails([]);\n    }\n  }, [routeId]);\n\n  useEffect(() => {\n    if (routesData?.data?.length > 0) {\n      const routeData: any = routesData?.data[0];\n      setRouteDetails(routeData);\n    }\n  }, [routesDataLoading]);\n\n  return (\n    <>\n      <Section>\n        {unresolvedLoading ? (\n          <Loader>\n            <Spinner />\n            <Text>Fetching Notifications...</Text>\n          </Loader>\n        ) : taskData?.length > 0 || orderData ? (\n          <TabsWrapper>\n            <Tabs />\n          </TabsWrapper>\n        ) : (\n          'No Notifications Found'\n        )}\n      </Section>\n    </>\n  );\n}\n\nconst Loader = styled.div`\n  align-items: center;\n  justify-content: center;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n`;\n\nconst Spinner = styled.div`\n  border: 4px solid rgba(0, 0, 0, 0.1);\n  border-left-color: #3a3630;\n  border-radius: 50%;\n  width: 40px;\n  height: 40px;\n  animation: spin 1s linear infinite;\n\n  @keyframes spin {\n    0% {\n      transform: rotate(0deg);\n    }\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n`;\n\nconst Section = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n  background: #ffffff;\n  border-radius: 12px;\n  padding: 10px;\n  box-shadow: 0px 4px 30px 0px rgba(46, 45, 116, 0.05);\n  border: 1px solid #e0e0e0;\n`;\n\nconst TabsWrapper = styled.div`\n  /* min-height: 200px; */\n  max-height: 350px;\n  overflow-y: auto;\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n\n  &:hover {\n    scrollbar-width: thin;\n  }\n\n  &::-webkit-scrollbar {\n    width: 0;\n  }\n\n  &:hover::-webkit-scrollbar {\n    width: 8px;\n  }\n\n  &::-webkit-scrollbar-thumb {\n    background-color: rgba(0, 0, 0, 0.5);\n  }\n`;\n\nconst Text = styled.div`\n  color: var(--tonal-brown-651, #6a7378);\n  font-family: Lato;\n  font-size: 13px;\n  font-style: normal;\n  font-weight: 600;\n`;\nexport default FDNotification;\n"],"names":["FDNotification","taskData","setTasksData","useTasksData","orderData","useOrderDetails","routeId","setRouteDetails","useRouteDetails","fetchedUnresolvedData","unresolvedLoading","callUnresolvedTaskApi","useAxios","useEffect","error","fetchRouteDetails","routesData","routesDataLoading","routeData","jsx","Fragment","Section","Loader","Spinner","Text","TabsWrapper","Tabs","styled"],"mappings":";;;;;;;AAgBA,SAASA,IAAiB;AACxB,QAAM,CAACC,GAAUC,CAAY,IAAIC,EAAA,GAC3B,CAACC,CAAS,IAAIC,EAAA,GACdC,IAAUF,GAAW,cAAc,UACnC,CAAA,EAAGG,CAAe,IAAIC,EAAA,GAGtB;AAAA,IACJ,MAAMC;AAAA,IACN,SAASC;AAAA,IACT,WAAWC;AAAA,EAAA,IACTC,EAED;AAAA,IACD,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,YAAY,EAAE,eAAe,GAAA;AAAA,IAC7B,SAAS;AAAA,MACP,EAAE,OAAO,cAAc,IAAI,KAAK,OAAO,UAAA;AAAA,MACvC;AAAA,QACE,OAAO;AAAA,QACP,IAAI;AAAA,QACJ,OAAO,GAAGR,GAAW,EAAE;AAAA,MAAA;AAAA,IACzB;AAAA,EACF,CACD;AAGD,EAAAS,EAAU,MAAM;AACd,IAAIJ,KAAyBA,GAAuB,QAClDP,EAAaO,GAAuB,IAAI;AAAA,EAE5C,GAAG,CAACC,GAAmBD,CAAqB,CAAC,GAE7CI,EAAU,MAAM;AAWd,KAVkB,YAAY;AAC5B,UAAIT,GAAW,MAAM;AAErB,YAAI;AACF,gBAAMO,EAAA;AAAA,QACR,SAASG,GAAO;AACd,kBAAQ,MAAM,4CAA4CA,CAAK;AAAA,QACjE;AAAA,IACF,GAEA;AAAA,EACF,GAAG,CAACV,GAAW,EAAE,CAAC;AAElB,QAAM;AAAA,IACJ,WAAWW;AAAA,IACX,MAAMC;AAAA,IACN,SAASC;AAAA,EAAA,IACPL,EAED;AAAA,IACD,UAAU;AAAA,IACV,QAAQ;AAAA,EAAA,CACT;AACD,SAAAC,EAAU,MAAM;AACd,IAA6BP,KAAY,OACvCS,EAAkB;AAAA,MAChB,eAAeT;AAAA,IAAA,CAChB,IAEDC,EAAgB,CAAA,CAAE;AAAA,EAEtB,GAAG,CAACD,CAAO,CAAC,GAEZO,EAAU,MAAM;AACd,QAAIG,GAAY,MAAM,SAAS,GAAG;AAChC,YAAME,IAAiBF,GAAY,KAAK,CAAC;AACzC,MAAAT,EAAgBW,CAAS;AAAA,IAC3B;AAAA,EACF,GAAG,CAACD,CAAiB,CAAC,GAGpB,gBAAAE,EAAAC,GAAA,EACE,UAAA,gBAAAD,EAACE,GAAA,EACE,UAAAX,sBACEY,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAH,EAACI,GAAA,EAAQ;AAAA,IACT,gBAAAJ,EAACK,KAAK,UAAA,4BAAA,CAAyB;AAAA,EAAA,EAAA,CACjC,IACEvB,GAAU,SAAS,KAAKG,IAC1B,gBAAAe,EAACM,GAAA,EACC,UAAA,gBAAAN,EAACO,GAAA,CAAA,CAAK,EAAA,CACR,IAEA,yBAAA,CAEJ,GACF;AAEJ;AAEA,MAAMJ,IAASK,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQhBJ,IAAUI,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAkBjBN,IAAUM,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAWjBF,IAAcE,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAwBrBH,IAAOG,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

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

@@ -0,0 +1,119 @@
+import { jsxs as O, 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 { capitalize as c } from "../../../../utils.js";
+const q = [
+  { label: "Yes", value: "true" },
+  { label: "No", value: "false" }
+];
+function G() {
+  const [l] = x(), [r, s] = w(), _ = l?.order_service_levels?.map(
+    (e) => ({
+      label: c(e.type.replaceAll("_", " ")),
+      value: e.id.toString()
+    })
+  ), u = 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,
+      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);
+  }, b = (e) => {
+    const o = p?.find(
+      (d) => d.id === e
+    )?.type, C = !r[o];
+    s((d) => ({
+      ...d,
+      [o]: C
+    }));
+  };
+  return /* @__PURE__ */ O(A, { children: [
+    /* @__PURE__ */ i(a, { children: /* @__PURE__ */ i(
+      n,
+      {
+        heading: "Service Type",
+        onChange: D,
+        options: g || [],
+        selectedValue: h || "",
+        direction: "vertical",
+        required: !1,
+        isDisabled: !0
+      }
+    ) }),
+    /* @__PURE__ */ i(a, { children: /* @__PURE__ */ i(
+      n,
+      {
+        heading: "Service Level ",
+        onChange: m,
+        options: _ || [],
+        selectedValue: f || "",
+        direction: "vertical",
+        required: !1,
+        isDisabled: !0
+      }
+    ) }),
+    /* @__PURE__ */ i(a, { children: /* @__PURE__ */ i(
+      n,
+      {
+        heading: "Delivery Point",
+        onChange: S,
+        options: u || [],
+        selectedValue: y || "",
+        direction: "vertical",
+        required: !1,
+        isDisabled: !0
+      }
+    ) }),
+    p?.map((e) => {
+      const t = r[e?.type];
+      return /* @__PURE__ */ i(a, { children: /* @__PURE__ */ i(
+        n,
+        {
+          heading: e?.type?.replaceAll("_", " "),
+          onChange: () => b(e?.id),
+          options: q || [],
+          selectedValue: t ? "true" : "false",
+          direction: "vertical",
+          required: !1,
+          isDisabled: !0
+        }
+      ) });
+    })
+  ] });
+}
+const A = v.div`
+  display: flex;
+  flex-wrap: wrap;
+  gap: 16px;
+  padding: 8px;
+  width: 100%;
+  align-items: flex-start;
+  pointer-events: none;
+`, a = v.div`
+  flex: 1;
+`;
+export {
+  G as default,
+  q as radioButtonFilterOptions
+};
+//# sourceMappingURL=RadioButtons.js.map

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,41 @@
+import { jsxs as r, jsx as o } from "react/jsx-runtime";
+import { Label as c, SelectDropdown as s } from "@bjsdistribution/dms-component-library";
+import i from "styled-components";
+import { useOrderCancelReason as d, useOrderStaticData as p } from "../../../../../store.js";
+function C() {
+  const [n, a] = d(), [t] = p(), l = t?.cancellation_reasons?.map((e) => ({
+    label: e.reason,
+    value: e.id
+  })) || [];
+  return /* @__PURE__ */ r(u, { children: [
+    /* @__PURE__ */ o(
+      c,
+      {
+        label: "Cancellation Reason",
+        htmlFor: "cancellationreasondropdown",
+        required: !0
+      }
+    ),
+    /* @__PURE__ */ o(
+      s,
+      {
+        placeholder: "Select Reason",
+        options: l || [],
+        inputId: "cancellationreasondropdown",
+        openMenuOnFocus: !0,
+        value: n,
+        onChange: (e) => a(e)
+      }
+    )
+  ] });
+}
+const u = i.div`
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  flex: 1;
+`;
+export {
+  C as default
+};
+//# sourceMappingURL=CancellationReasonDropdown.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,65 @@
+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(
+    (e) => e?.type === "Failure - Non Fault"
+  )?.id, f = t?.find(
+    (e) => e?.type === "Failure - Fault"
+  )?.id, F = s?.filter(
+    (e) => e?.escalation_category_id === p
+  )[0]?.id, R = s?.filter(
+    (e) => e?.escalation_category_id === f
+  )[0]?.id, _ = l?.filter(
+    (e) => e?.escalation_type_id === F
+  ), 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) => ({
+      value: o?.reason,
+      label: 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(
+      O,
+      {
+        placeholder: "Select Reason",
+        options: [
+          {
+            label: "Fault Reasons",
+            options: y
+          },
+          {
+            label: "Non-Fault Reasons",
+            options: g
+          }
+        ] || [],
+        inputId: "failurereasondropdown",
+        openMenuOnFocus: !0,
+        value: i,
+        onChange: (e) => {
+          u(e), c(!0);
+        },
+        formatGroupLabel: (e) => /* @__PURE__ */ n("div", { style: { color: "rgba(0,0,0,0.8)" }, children: /* @__PURE__ */ n("span", { children: e?.label }) }),
+        isDisabled: !1
+      }
+    )
+  ] });
+}
+const D = x.div`
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  flex: 1;
+`;
+export {
+  q as default
+};
+//# sourceMappingURL=FailureReasonDropdown.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,34 @@
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import { Label as a, SelectDropdown as s } from "@bjsdistribution/dms-component-library";
+import i from "styled-components";
+import { useOrderStaticData as p, useOrderHoldReason as c } from "../../../../../store.js";
+function O() {
+  const [r] = p(), [n, d] = c(), t = r?.onhold_reasons?.map((o) => ({
+    label: o.reason,
+    value: o.id
+  })) || [];
+  return /* @__PURE__ */ l(u, { children: [
+    /* @__PURE__ */ e(a, { label: "Hold Reason", htmlFor: "holdreasondropdown", required: !0 }),
+    /* @__PURE__ */ e(
+      s,
+      {
+        placeholder: "Select Reason",
+        options: t || [],
+        inputId: "holdreasondropdown",
+        openMenuOnFocus: !0,
+        value: n,
+        onChange: (o) => d(o)
+      }
+    )
+  ] });
+}
+const u = i.div`
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  flex: 1;
+`;
+export {
+  O as default
+};
+//# sourceMappingURL=OrderHoldReasonDropdown.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OrderHoldReasonDropdown.js","sources":["../../../../../../../../src/components/order-view/order-actions/actions/force-debrief/order-info/dropdowns/OrderHoldReasonDropdown.tsx"],"sourcesContent":["import { Label, SelectDropdown } from '@bjsdistribution/dms-component-library';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { useOrderHoldReason, useOrderStaticData } from '../../../../../store';\n\nfunction OrderHoldReasonDropdown() {\n  const [orderStaticData] = useOrderStaticData();\n  const [orderHold, setOrderHold] = useOrderHoldReason();\n  const holdReasonOptions =\n    orderStaticData?.onhold_reasons?.map((x: any) => ({\n      label: x.reason,\n      value: x.id,\n    })) || [];\n  return (\n    <Container>\n      <Label label=\"Hold Reason\" htmlFor=\"holdreasondropdown\" required />\n      <SelectDropdown\n        placeholder=\"Select Reason\"\n        options={holdReasonOptions || []}\n        inputId=\"holdreasondropdown\"\n        openMenuOnFocus\n        value={orderHold}\n        onChange={selectedOption => setOrderHold(selectedOption)}\n        // isDisabled={isDisable}\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 OrderHoldReasonDropdown;\n"],"names":["OrderHoldReasonDropdown","orderStaticData","useOrderStaticData","orderHold","setOrderHold","useOrderHoldReason","holdReasonOptions","x","Container","jsx","Label","SelectDropdown","selectedOption","styled"],"mappings":";;;;AAKA,SAASA,IAA0B;AACjC,QAAM,CAACC,CAAe,IAAIC,EAAA,GACpB,CAACC,GAAWC,CAAY,IAAIC,EAAA,GAC5BC,IACJL,GAAiB,gBAAgB,IAAI,CAACM,OAAY;AAAA,IAChD,OAAOA,EAAE;AAAA,IACT,OAAOA,EAAE;AAAA,EAAA,EACT,KAAK,CAAA;AACT,2BACGC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACC,KAAM,OAAM,eAAc,SAAQ,sBAAqB,UAAQ,IAAC;AAAA,IACjE,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,aAAY;AAAA,QACZ,SAASL,KAAqB,CAAA;AAAA,QAC9B,SAAQ;AAAA,QACR,iBAAe;AAAA,QACf,OAAOH;AAAA,QACP,UAAU,CAAAS,MAAkBR,EAAaQ,CAAc;AAAA,MAAA;AAAA,IAAA;AAAA,EAEzD,GACF;AAEJ;AAEA,MAAMJ,IAAYK,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;"}