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

package/dist/components/order-view/order-actions/actions/force-debrief/charges/base-charge/index.js

@@ -0,0 +1,76 @@
+import { jsxs as i, jsx as a } from "react/jsx-runtime";
+import { MainContainer as m, Title as u, FieldRow as y, Label as b, Input as f } from "../../styles.js";
+import { AntSelect as C } from "@bjsdistribution/dms-component-library";
+import c from "styled-components";
+import { getBaseUrlSymbol as x, handleKeyDownDebrief as _ } from "../../../../../utils.js";
+import { useChargesState as v } from "../../../../../store.js";
+function F(n) {
+  const [h, s] = v(), p = x(), d = (e, t) => {
+    n?.setInputValue((l) => ({
+      ...l,
+      [e]: t
+    }));
+    let r = parseFloat(t);
+    t === "" ? s((l) => ({
+      ...l,
+      [e]: 0
+    })) : isNaN(r) || (r = r >= 0 ? r : 0, s((l) => ({
+      ...l,
+      [e]: r
+    })));
+  }, g = (e) => {
+    s((t) => ({
+      ...t,
+      base_charge_type: +e
+    }));
+  }, o = n?.staticData?.base_charges?.map((e) => ({
+    label: e?.type,
+    value: e?.id
+  }));
+  return /* @__PURE__ */ i(m, { children: [
+    /* @__PURE__ */ a(u, { children: "Base Charge" }),
+    /* @__PURE__ */ a(w, { children: /* @__PURE__ */ i(y, { children: [
+      /* @__PURE__ */ a(b, { style: { width: "90px" }, children: "Base Charge" }),
+      /* @__PURE__ */ i("div", { style: { display: "flex", gap: "3px", alignItems: "center" }, children: [
+        /* @__PURE__ */ a(
+          C,
+          {
+            onChange: g,
+            options: o || [],
+            placeholder: "Base charge type",
+            defaultValue: o?.filter(
+              (e) => e?.value === h?.base_charge_type
+            ),
+            style: { width: 100 }
+          }
+        ),
+        /* @__PURE__ */ a(B, { children: p }),
+        /* @__PURE__ */ a(
+          f,
+          {
+            min: 0,
+            max: 1e4,
+            type: "number",
+            placeholder: "0.00",
+            onWheel: (e) => e.target.blur(),
+            value: n?.inputValue.base_charge ?? "",
+            onChange: (e) => d("base_charge", e.target.value),
+            onKeyDown: _
+          }
+        )
+      ] })
+    ] }) })
+  ] });
+}
+const w = c.div`
+  display: flex;
+  justify-content: space-between;
+`, B = c.div`
+  display: flex;
+  align-items: center;
+  color: #999;
+`;
+export {
+  F as default
+};
+//# sourceMappingURL=index.js.map

package/dist/components/order-view/order-actions/actions/force-debrief/charges/base-charge/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../../src/components/order-view/order-actions/actions/force-debrief/charges/base-charge/index.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  // Container,\n  FieldRow,\n  Input,\n  Label,\n  MainContainer,\n  Title,\n} from '../../styles';\nimport { AntSelect } from '@bjsdistribution/dms-component-library';\nimport styled from 'styled-components';\nimport { getBaseUrlSymbol, handleKeyDownDebrief } from '../../../../../utils';\nimport { useChargesState } from '../../../../../store';\nimport { ChargesType } from '../../../../../types';\n\ninterface IProps {\n  inputValue: Record<string, string>;\n  setInputValue: React.Dispatch<React.SetStateAction<Record<string, string>>>;\n  staticData: any;\n}\n\nfunction BaseCharges(props: IProps) {\n  const [chargesState, setCharges] = useChargesState();\n  const baseUrlSymbol = getBaseUrlSymbol();\n\n  // const [inputValue, setInputValue] = useState<Record<string, string>>({});\n  const handleChange = (field: string, value: string) => {\n    props?.setInputValue((prev: any) => ({\n      ...prev,\n      [field]: value,\n    }));\n    let val = parseFloat(value);\n    if (value === '') {\n      setCharges(prev => ({\n        ...prev,\n        [field]: 0,\n      }));\n    } else if (!isNaN(val)) {\n      val = val >= 0 ? val : 0;\n      setCharges(prev => ({\n        ...prev,\n        [field]: val,\n      }));\n    }\n  };\n\n  const onChange = (val: string) => {\n    setCharges((charge: ChargesType) => ({\n      ...charge,\n      base_charge_type: +val,\n    }));\n  };\n\n  const baseChargeOptions = props?.staticData?.base_charges?.map((x: any) => {\n    return {\n      label: x?.type,\n      value: x?.id,\n    };\n  });\n\n  return (\n    <MainContainer>\n      <Title>Base Charge</Title>\n      <Wrapper>\n        <FieldRow>\n          <Label style={{ width: '90px' }}>Base Charge</Label>\n          <div style={{ display: 'flex', gap: '3px', alignItems: 'center' }}>\n            <AntSelect\n              onChange={onChange}\n              options={baseChargeOptions || []}\n              placeholder=\"Base charge type\"\n              defaultValue={baseChargeOptions?.filter(\n                (x: any) => x?.value === chargesState?.base_charge_type\n              )}\n              style={{ width: 100 }}\n            />\n            <CurrencyWrapper>{baseUrlSymbol}</CurrencyWrapper>\n            <Input\n              min={0}\n              max={10000}\n              type=\"number\"\n              placeholder=\"0.00\"\n              onWheel={(e: any) => e.target.blur()}\n              value={props?.inputValue['base_charge'] ?? ''}\n              onChange={(e: any) => handleChange('base_charge', e.target.value)}\n              onKeyDown={handleKeyDownDebrief}\n            />\n          </div>\n        </FieldRow>\n      </Wrapper>\n    </MainContainer>\n  );\n}\n\nconst Wrapper = styled.div`\n  display: flex;\n  justify-content: space-between;\n`;\n\nconst CurrencyWrapper = styled.div`\n  display: flex;\n  align-items: center;\n  color: #999;\n`;\n\nexport default BaseCharges;\n"],"names":["BaseCharges","props","chargesState","setCharges","useChargesState","baseUrlSymbol","getBaseUrlSymbol","handleChange","field","value","prev","val","onChange","charge","baseChargeOptions","x","MainContainer","jsx","Title","Wrapper","jsxs","FieldRow","Label","AntSelect","CurrencyWrapper","Input","handleKeyDownDebrief","styled"],"mappings":";;;;;;AAqBA,SAASA,EAAYC,GAAe;AAClC,QAAM,CAACC,GAAcC,CAAU,IAAIC,EAAA,GAC7BC,IAAgBC,EAAA,GAGhBC,IAAe,CAACC,GAAeC,MAAkB;AACrD,IAAAR,GAAO,cAAc,CAACS,OAAe;AAAA,MACnC,GAAGA;AAAA,MACH,CAACF,CAAK,GAAGC;AAAA,IAAA,EACT;AACF,QAAIE,IAAM,WAAWF,CAAK;AAC1B,IAAIA,MAAU,KACZN,EAAW,CAAAO,OAAS;AAAA,MAClB,GAAGA;AAAA,MACH,CAACF,CAAK,GAAG;AAAA,IAAA,EACT,IACQ,MAAMG,CAAG,MACnBA,IAAMA,KAAO,IAAIA,IAAM,GACvBR,EAAW,CAAAO,OAAS;AAAA,MAClB,GAAGA;AAAA,MACH,CAACF,CAAK,GAAGG;AAAA,IAAA,EACT;AAAA,EAEN,GAEMC,IAAW,CAACD,MAAgB;AAChC,IAAAR,EAAW,CAACU,OAAyB;AAAA,MACnC,GAAGA;AAAA,MACH,kBAAkB,CAACF;AAAA,IAAA,EACnB;AAAA,EACJ,GAEMG,IAAoBb,GAAO,YAAY,cAAc,IAAI,CAACc,OACvD;AAAA,IACL,OAAOA,GAAG;AAAA,IACV,OAAOA,GAAG;AAAA,EAAA,EAEb;AAED,2BACGC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACC,KAAM,UAAA,cAAA,CAAW;AAAA,IAClB,gBAAAD,EAACE,GAAA,EACC,UAAA,gBAAAC,EAACC,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAJ,EAACK,KAAM,OAAO,EAAE,OAAO,OAAA,GAAU,UAAA,eAAW;AAAA,MAC5C,gBAAAF,EAAC,OAAA,EAAI,OAAO,EAAE,SAAS,QAAQ,KAAK,OAAO,YAAY,SAAA,GACrD,UAAA;AAAA,QAAA,gBAAAH;AAAA,UAACM;AAAA,UAAA;AAAA,YACC,UAAAX;AAAA,YACA,SAASE,KAAqB,CAAA;AAAA,YAC9B,aAAY;AAAA,YACZ,cAAcA,GAAmB;AAAA,cAC/B,CAACC,MAAWA,GAAG,UAAUb,GAAc;AAAA,YAAA;AAAA,YAEzC,OAAO,EAAE,OAAO,IAAA;AAAA,UAAI;AAAA,QAAA;AAAA,QAEtB,gBAAAe,EAACO,KAAiB,UAAAnB,EAAA,CAAc;AAAA,QAChC,gBAAAY;AAAA,UAACQ;AAAA,UAAA;AAAA,YACC,KAAK;AAAA,YACL,KAAK;AAAA,YACL,MAAK;AAAA,YACL,aAAY;AAAA,YACZ,SAAS,CAAC,MAAW,EAAE,OAAO,KAAA;AAAA,YAC9B,OAAOxB,GAAO,WAAW,eAAkB;AAAA,YAC3C,UAAU,CAAC,MAAWM,EAAa,eAAe,EAAE,OAAO,KAAK;AAAA,YAChE,WAAWmB;AAAA,UAAA;AAAA,QAAA;AAAA,MACb,EAAA,CACF;AAAA,IAAA,EAAA,CACF,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;AAEA,MAAMP,IAAUQ,EAAO;AAAA;AAAA;AAAA,GAKjBH,IAAkBG,EAAO;AAAA;AAAA;AAAA;AAAA;"}

package/dist/components/order-view/order-actions/actions/force-debrief/charges/collection-add-ons/index.js

@@ -0,0 +1,52 @@
+import { jsxs as r, jsx as t } from "react/jsx-runtime";
+import { MainContainer as u, Title as d, Container as b, FieldRow as h, Label as m, CurrencySymbol as p, Input as g } from "../../styles.js";
+import { getBaseUrlSymbol as C, handleKeyDownDebrief as v } from "../../../../../utils.js";
+import { useChargesState as y } from "../../../../../store.js";
+const f = [
+  { label: "Repackage", value: "re_package" },
+  { label: "Disassemble", value: "disassemble" },
+  { label: "QC", value: "collection_qc" },
+  { label: "Return to Client", value: "return_to_client" }
+];
+function w(o) {
+  const [, s] = y(), i = C(), c = (e, l) => {
+    o?.setInputValue((n) => ({
+      ...n,
+      [e]: l
+    }));
+    let a = parseFloat(l);
+    isNaN(a) ? s((n) => ({
+      ...n,
+      [e]: 0
+    })) : (a = a >= 0 ? a : 0, s((n) => ({
+      ...n,
+      [e]: a
+    })));
+  };
+  return /* @__PURE__ */ r(u, { children: [
+    /* @__PURE__ */ t(d, { children: "Collection Add-Ons" }),
+    /* @__PURE__ */ t(b, { children: f.map((e) => /* @__PURE__ */ r(h, { children: [
+      /* @__PURE__ */ t(m, { children: e.label }),
+      /* @__PURE__ */ r("div", { style: { display: "flex", gap: "3px", alignItems: "center" }, children: [
+        /* @__PURE__ */ t(p, { children: i }),
+        /* @__PURE__ */ t(
+          g,
+          {
+            min: 0,
+            max: 1e4,
+            type: "number",
+            placeholder: "0.00",
+            onWheel: (l) => l.target.blur(),
+            value: o?.inputValue[e.value] ?? "",
+            onChange: (l) => c(e.value, l.target.value),
+            onKeyDown: v
+          }
+        )
+      ] })
+    ] }, e.value)) })
+  ] });
+}
+export {
+  w as default
+};
+//# sourceMappingURL=index.js.map

package/dist/components/order-view/order-actions/actions/force-debrief/charges/collection-add-ons/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../../src/components/order-view/order-actions/actions/force-debrief/charges/collection-add-ons/index.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Container,\n  CurrencySymbol,\n  FieldRow,\n  Input,\n  Label,\n  MainContainer,\n  Title,\n} from '../../styles';\nimport { getBaseUrlSymbol, handleKeyDownDebrief } from '../../../../../utils';\nimport { useChargesState } from '../../../../../store';\n\nconst fields = [\n  { label: 'Repackage', value: 're_package' },\n  { label: 'Disassemble', value: 'disassemble' },\n  { label: 'QC', value: 'collection_qc' },\n  { label: 'Return to Client', value: 'return_to_client' },\n];\n\ninterface IProps {\n  inputValue: Record<string, string>;\n  setInputValue: React.Dispatch<React.SetStateAction<Record<string, string>>>;\n}\n\nfunction CollectionAddOns(props: IProps) {\n  const [, setCharges] = useChargesState();\n  const baseUrlSymbol = getBaseUrlSymbol();\n\n  const handleChange = (field: string, value: string) => {\n    props?.setInputValue((prev: any) => ({\n      ...prev,\n      [field]: value,\n    }));\n    let val = parseFloat(value);\n    if (isNaN(val)) {\n      setCharges(prev => ({\n        ...prev,\n        [field]: 0,\n      }));\n    } else {\n      val = val >= 0 ? val : 0;\n      setCharges(prev => ({\n        ...prev,\n        [field]: val,\n      }));\n    }\n  };\n\n  return (\n    <MainContainer>\n      <Title>Collection Add-Ons</Title>\n      <Container>\n        {fields.map((item: any) => (\n          <FieldRow key={item.value}>\n            <Label>{item.label}</Label>\n            <div style={{ display: 'flex', gap: '3px', alignItems: 'center' }}>\n              <CurrencySymbol>{baseUrlSymbol}</CurrencySymbol>\n              <Input\n                min={0}\n                max={10000}\n                type=\"number\"\n                placeholder=\"0.00\"\n                onWheel={(e: any) => e.target.blur()}\n                value={props?.inputValue[item.value] ?? ''}\n                onChange={(e: any) => handleChange(item.value, e.target.value)}\n                onKeyDown={handleKeyDownDebrief}\n              />\n            </div>\n          </FieldRow>\n        ))}\n      </Container>\n    </MainContainer>\n  );\n}\n\nexport default CollectionAddOns;\n"],"names":["fields","CollectionAddOns","props","setCharges","useChargesState","baseUrlSymbol","getBaseUrlSymbol","handleChange","field","value","prev","val","MainContainer","jsx","Title","Container","item","FieldRow","Label","jsxs","CurrencySymbol","Input","e","handleKeyDownDebrief"],"mappings":";;;;AAaA,MAAMA,IAAS;AAAA,EACb,EAAE,OAAO,aAAa,OAAO,aAAA;AAAA,EAC7B,EAAE,OAAO,eAAe,OAAO,cAAA;AAAA,EAC/B,EAAE,OAAO,MAAM,OAAO,gBAAA;AAAA,EACtB,EAAE,OAAO,oBAAoB,OAAO,mBAAA;AACtC;AAOA,SAASC,EAAiBC,GAAe;AACvC,QAAM,CAAA,EAAGC,CAAU,IAAIC,EAAA,GACjBC,IAAgBC,EAAA,GAEhBC,IAAe,CAACC,GAAeC,MAAkB;AACrD,IAAAP,GAAO,cAAc,CAACQ,OAAe;AAAA,MACnC,GAAGA;AAAA,MACH,CAACF,CAAK,GAAGC;AAAA,IAAA,EACT;AACF,QAAIE,IAAM,WAAWF,CAAK;AAC1B,IAAI,MAAME,CAAG,IACXR,EAAW,CAAAO,OAAS;AAAA,MAClB,GAAGA;AAAA,MACH,CAACF,CAAK,GAAG;AAAA,IAAA,EACT,KAEFG,IAAMA,KAAO,IAAIA,IAAM,GACvBR,EAAW,CAAAO,OAAS;AAAA,MAClB,GAAGA;AAAA,MACH,CAACF,CAAK,GAAGG;AAAA,IAAA,EACT;AAAA,EAEN;AAEA,2BACGC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACC,KAAM,UAAA,qBAAA,CAAkB;AAAA,sBACxBC,GAAA,EACE,UAAAf,EAAO,IAAI,CAACgB,wBACVC,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAJ,EAACK,GAAA,EAAO,YAAK,MAAA,CAAM;AAAA,MACnB,gBAAAC,EAAC,OAAA,EAAI,OAAO,EAAE,SAAS,QAAQ,KAAK,OAAO,YAAY,SAAA,GACrD,UAAA;AAAA,QAAA,gBAAAN,EAACO,KAAgB,UAAAf,EAAA,CAAc;AAAA,QAC/B,gBAAAQ;AAAA,UAACQ;AAAA,UAAA;AAAA,YACC,KAAK;AAAA,YACL,KAAK;AAAA,YACL,MAAK;AAAA,YACL,aAAY;AAAA,YACZ,SAAS,CAACC,MAAWA,EAAE,OAAO,KAAA;AAAA,YAC9B,OAAOpB,GAAO,WAAWc,EAAK,KAAK,KAAK;AAAA,YACxC,UAAU,CAACM,MAAWf,EAAaS,EAAK,OAAOM,EAAE,OAAO,KAAK;AAAA,YAC7D,WAAWC;AAAA,UAAA;AAAA,QAAA;AAAA,MACb,EAAA,CACF;AAAA,IAAA,KAdaP,EAAK,KAepB,CACD,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/order-view/order-actions/actions/force-debrief/charges/delivery-add-ons/index.js

@@ -0,0 +1,51 @@
+import { jsxs as t, jsx as r } from "react/jsx-runtime";
+import { MainContainer as d, Title as p, Container as m, FieldRow as h, Label as b, CurrencySymbol as g, Input as y } from "../../styles.js";
+import { getBaseUrlSymbol as C, handleKeyDownDebrief as v } from "../../../../../utils.js";
+import { useChargesState as f } from "../../../../../store.js";
+const x = ["ROC", "Unpack", "Packaging Disposal", "Assembly", "QC"];
+function A(o) {
+  const [, s] = f(), i = C(), c = x.map((e) => ({
+    label: e,
+    value: e.toLowerCase().replace(/ /g, "_")
+    // You can adjust this to your preference
+  })), u = (e, l) => {
+    o?.setInputValue((n) => ({
+      ...n,
+      [e]: l
+    }));
+    let a = parseFloat(l);
+    isNaN(a) ? s((n) => ({
+      ...n,
+      [e]: 0
+    })) : (a = a >= 0 ? a : 0, s((n) => ({
+      ...n,
+      [e]: a
+    })));
+  };
+  return /* @__PURE__ */ t(d, { children: [
+    /* @__PURE__ */ r(p, { children: "Delivery Add-Ons" }),
+    /* @__PURE__ */ r(m, { children: c.map((e) => /* @__PURE__ */ t(h, { children: [
+      /* @__PURE__ */ r(b, { children: e.label }),
+      /* @__PURE__ */ t("div", { style: { display: "flex", gap: "3px", alignItems: "center" }, children: [
+        /* @__PURE__ */ r(g, { children: i }),
+        /* @__PURE__ */ r(
+          y,
+          {
+            min: 0,
+            max: 1e4,
+            type: "number",
+            placeholder: "0.00",
+            onWheel: (l) => l.target.blur(),
+            value: o?.inputValue[e.value] ?? "",
+            onKeyDown: v,
+            onChange: (l) => u(e.value, l.target.value)
+          }
+        )
+      ] })
+    ] }, e.value)) })
+  ] });
+}
+export {
+  A as default
+};
+//# sourceMappingURL=index.js.map

package/dist/components/order-view/order-actions/actions/force-debrief/charges/delivery-add-ons/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../../src/components/order-view/order-actions/actions/force-debrief/charges/delivery-add-ons/index.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Container,\n  CurrencySymbol,\n  FieldRow,\n  Input,\n  Label,\n  MainContainer,\n  Title,\n} from '../../styles';\n\nimport { getBaseUrlSymbol, handleKeyDownDebrief } from '../../../../../utils';\nimport { useChargesState } from '../../../../../store';\n\nconst fields = ['ROC', 'Unpack', 'Packaging Disposal', 'Assembly', 'QC'];\n\ninterface IProps {\n  inputValue: Record<string, string>;\n  setInputValue: React.Dispatch<React.SetStateAction<Record<string, string>>>;\n}\n\nfunction DeliveryAddOns(props: IProps) {\n  const [, setCharges] = useChargesState();\n  const baseUrlSymbol = getBaseUrlSymbol();\n\n  const fieldsInLabelValueFormat = fields.map(field => ({\n    label: field,\n    value: field.toLowerCase().replace(/ /g, '_'), // You can adjust this to your preference\n  }));\n\n  const handleChange = (field: string, value: string) => {\n    props?.setInputValue((prev: any) => ({\n      ...prev,\n      [field]: value,\n    }));\n    let val = parseFloat(value);\n    if (isNaN(val)) {\n      setCharges(prev => ({\n        ...prev,\n        [field]: 0,\n      }));\n    } else {\n      val = val >= 0 ? val : 0;\n      setCharges(prev => ({\n        ...prev,\n        [field]: val,\n      }));\n    }\n  };\n\n  return (\n    <MainContainer>\n      <Title>Delivery Add-Ons</Title>\n      <Container>\n        {fieldsInLabelValueFormat.map((item: any) => (\n          <FieldRow key={item.value}>\n            <Label>{item.label}</Label>\n            <div style={{ display: 'flex', gap: '3px', alignItems: 'center' }}>\n              <CurrencySymbol>{baseUrlSymbol}</CurrencySymbol>\n              <Input\n                min={0}\n                max={10000}\n                type=\"number\"\n                placeholder=\"0.00\"\n                onWheel={(e: any) => e.target.blur()}\n                value={props?.inputValue[item.value] ?? ''}\n                onKeyDown={handleKeyDownDebrief}\n                onChange={(e: any) => handleChange(item.value, e.target.value)}\n              />\n            </div>\n          </FieldRow>\n        ))}\n      </Container>\n    </MainContainer>\n  );\n}\n\nexport default DeliveryAddOns;\n"],"names":["fields","DeliveryAddOns","props","setCharges","useChargesState","baseUrlSymbol","getBaseUrlSymbol","fieldsInLabelValueFormat","field","handleChange","value","prev","val","MainContainer","jsx","Title","Container","item","FieldRow","Label","jsxs","CurrencySymbol","Input","e","handleKeyDownDebrief"],"mappings":";;;;AAcA,MAAMA,IAAS,CAAC,OAAO,UAAU,sBAAsB,YAAY,IAAI;AAOvE,SAASC,EAAeC,GAAe;AACrC,QAAM,CAAA,EAAGC,CAAU,IAAIC,EAAA,GACjBC,IAAgBC,EAAA,GAEhBC,IAA2BP,EAAO,IAAI,CAAAQ,OAAU;AAAA,IACpD,OAAOA;AAAA,IACP,OAAOA,EAAM,YAAA,EAAc,QAAQ,MAAM,GAAG;AAAA;AAAA,EAAA,EAC5C,GAEIC,IAAe,CAACD,GAAeE,MAAkB;AACrD,IAAAR,GAAO,cAAc,CAACS,OAAe;AAAA,MACnC,GAAGA;AAAA,MACH,CAACH,CAAK,GAAGE;AAAA,IAAA,EACT;AACF,QAAIE,IAAM,WAAWF,CAAK;AAC1B,IAAI,MAAME,CAAG,IACXT,EAAW,CAAAQ,OAAS;AAAA,MAClB,GAAGA;AAAA,MACH,CAACH,CAAK,GAAG;AAAA,IAAA,EACT,KAEFI,IAAMA,KAAO,IAAIA,IAAM,GACvBT,EAAW,CAAAQ,OAAS;AAAA,MAClB,GAAGA;AAAA,MACH,CAACH,CAAK,GAAGI;AAAA,IAAA,EACT;AAAA,EAEN;AAEA,2BACGC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACC,KAAM,UAAA,mBAAA,CAAgB;AAAA,sBACtBC,GAAA,EACE,UAAAT,EAAyB,IAAI,CAACU,wBAC5BC,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAJ,EAACK,GAAA,EAAO,YAAK,MAAA,CAAM;AAAA,MACnB,gBAAAC,EAAC,OAAA,EAAI,OAAO,EAAE,SAAS,QAAQ,KAAK,OAAO,YAAY,SAAA,GACrD,UAAA;AAAA,QAAA,gBAAAN,EAACO,KAAgB,UAAAhB,EAAA,CAAc;AAAA,QAC/B,gBAAAS;AAAA,UAACQ;AAAA,UAAA;AAAA,YACC,KAAK;AAAA,YACL,KAAK;AAAA,YACL,MAAK;AAAA,YACL,aAAY;AAAA,YACZ,SAAS,CAACC,MAAWA,EAAE,OAAO,KAAA;AAAA,YAC9B,OAAOrB,GAAO,WAAWe,EAAK,KAAK,KAAK;AAAA,YACxC,WAAWO;AAAA,YACX,UAAU,CAACD,MAAWd,EAAaQ,EAAK,OAAOM,EAAE,OAAO,KAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MAC/D,EAAA,CACF;AAAA,IAAA,KAdaN,EAAK,KAepB,CACD,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;"}

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

@@ -0,0 +1,52 @@
+import { jsxs as s, jsx as r } from "react/jsx-runtime";
+import { MainContainer as u, Title as p, Container as d, FieldRow as h, Label as m, CurrencySymbol as y, Input as b } from "../../styles.js";
+import { getBaseUrlSymbol as g, handleKeyDownDebrief as v } from "../../../../../utils.js";
+import { useChargesState as C } from "../../../../../store.js";
+const f = [
+  { label: "Disposal & Recycling", value: "disposal_recycling" },
+  { label: "Disposal Only", value: "disposal" },
+  { label: "Recycle Only", value: "recycle" },
+  { label: "Admin", value: "admin" }
+];
+function I(o) {
+  const [, i] = C(), t = g(), c = (e, l) => {
+    o?.setInputValue((n) => ({
+      ...n,
+      [e]: l
+    }));
+    let a = parseFloat(l);
+    isNaN(a) ? i((n) => ({
+      ...n,
+      [e]: 0
+    })) : (a = a >= 0 ? a : 0, i((n) => ({
+      ...n,
+      [e]: a
+    })));
+  };
+  return /* @__PURE__ */ s(u, { children: [
+    /* @__PURE__ */ r(p, { children: "Disposal Charges" }),
+    /* @__PURE__ */ r(d, { children: f.map((e) => /* @__PURE__ */ s(h, { children: [
+      /* @__PURE__ */ r(m, { children: e.label }),
+      /* @__PURE__ */ s("div", { style: { display: "flex", gap: "3px", alignItems: "center" }, children: [
+        /* @__PURE__ */ r(y, { children: t }),
+        /* @__PURE__ */ r(
+          b,
+          {
+            min: 0,
+            max: 1e4,
+            type: "number",
+            placeholder: "0.00",
+            onWheel: (l) => l.target.blur(),
+            value: o?.inputValue[e.value] ?? "",
+            onChange: (l) => c(e.value, l.target.value),
+            onKeyDown: v
+          }
+        )
+      ] })
+    ] }, e.value)) })
+  ] });
+}
+export {
+  I as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../../src/components/order-view/order-actions/actions/force-debrief/charges/disposal-charges/index.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Container,\n  CurrencySymbol,\n  FieldRow,\n  Input,\n  Label,\n  MainContainer,\n  Title,\n} from '../../styles';\nimport { getBaseUrlSymbol, handleKeyDownDebrief } from '../../../../../utils';\nimport { useChargesState } from '../../../../../store';\n\nconst fields = [\n  { label: 'Disposal & Recycling', value: 'disposal_recycling' },\n  { label: 'Disposal Only', value: 'disposal' },\n  { label: 'Recycle Only', value: 'recycle' },\n  { label: 'Admin', value: 'admin' },\n];\n\ninterface IProps {\n  inputValue: Record<string, string>;\n  setInputValue: React.Dispatch<React.SetStateAction<Record<string, string>>>;\n}\n\nfunction DisposalCharge(props: IProps) {\n  const [, setCharges] = useChargesState();\n  const baseUrlSymbol = getBaseUrlSymbol();\n\n  const handleChange = (field: string, value: string) => {\n    props?.setInputValue((prev: any) => ({\n      ...prev,\n      [field]: value,\n    }));\n    let val = parseFloat(value);\n    if (isNaN(val)) {\n      setCharges(prev => ({\n        ...prev,\n        [field]: 0,\n      }));\n    } else {\n      val = val >= 0 ? val : 0;\n      setCharges(prev => ({\n        ...prev,\n        [field]: val,\n      }));\n    }\n  };\n\n  return (\n    <MainContainer>\n      <Title>Disposal Charges</Title>\n      <Container>\n        {fields.map((item: any) => (\n          <FieldRow key={item.value}>\n            <Label>{item.label}</Label>\n            <div style={{ display: 'flex', gap: '3px', alignItems: 'center' }}>\n              <CurrencySymbol>{baseUrlSymbol}</CurrencySymbol>\n              <Input\n                min={0}\n                max={10000}\n                type=\"number\"\n                placeholder=\"0.00\"\n                onWheel={(e: any) => e.target.blur()}\n                value={props?.inputValue[item.value] ?? ''}\n                onChange={(e: any) => handleChange(item.value, e.target.value)}\n                onKeyDown={handleKeyDownDebrief}\n              />\n            </div>\n          </FieldRow>\n        ))}\n      </Container>\n    </MainContainer>\n  );\n}\n\nexport default DisposalCharge;\n"],"names":["fields","DisposalCharge","props","setCharges","useChargesState","baseUrlSymbol","getBaseUrlSymbol","handleChange","field","value","prev","val","MainContainer","jsx","Title","Container","item","FieldRow","Label","jsxs","CurrencySymbol","Input","e","handleKeyDownDebrief"],"mappings":";;;;AAaA,MAAMA,IAAS;AAAA,EACb,EAAE,OAAO,wBAAwB,OAAO,qBAAA;AAAA,EACxC,EAAE,OAAO,iBAAiB,OAAO,WAAA;AAAA,EACjC,EAAE,OAAO,gBAAgB,OAAO,UAAA;AAAA,EAChC,EAAE,OAAO,SAAS,OAAO,QAAA;AAC3B;AAOA,SAASC,EAAeC,GAAe;AACrC,QAAM,CAAA,EAAGC,CAAU,IAAIC,EAAA,GACjBC,IAAgBC,EAAA,GAEhBC,IAAe,CAACC,GAAeC,MAAkB;AACrD,IAAAP,GAAO,cAAc,CAACQ,OAAe;AAAA,MACnC,GAAGA;AAAA,MACH,CAACF,CAAK,GAAGC;AAAA,IAAA,EACT;AACF,QAAIE,IAAM,WAAWF,CAAK;AAC1B,IAAI,MAAME,CAAG,IACXR,EAAW,CAAAO,OAAS;AAAA,MAClB,GAAGA;AAAA,MACH,CAACF,CAAK,GAAG;AAAA,IAAA,EACT,KAEFG,IAAMA,KAAO,IAAIA,IAAM,GACvBR,EAAW,CAAAO,OAAS;AAAA,MAClB,GAAGA;AAAA,MACH,CAACF,CAAK,GAAGG;AAAA,IAAA,EACT;AAAA,EAEN;AAEA,2BACGC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACC,KAAM,UAAA,mBAAA,CAAgB;AAAA,sBACtBC,GAAA,EACE,UAAAf,EAAO,IAAI,CAACgB,wBACVC,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAJ,EAACK,GAAA,EAAO,YAAK,MAAA,CAAM;AAAA,MACnB,gBAAAC,EAAC,OAAA,EAAI,OAAO,EAAE,SAAS,QAAQ,KAAK,OAAO,YAAY,SAAA,GACrD,UAAA;AAAA,QAAA,gBAAAN,EAACO,KAAgB,UAAAf,EAAA,CAAc;AAAA,QAC/B,gBAAAQ;AAAA,UAACQ;AAAA,UAAA;AAAA,YACC,KAAK;AAAA,YACL,KAAK;AAAA,YACL,MAAK;AAAA,YACL,aAAY;AAAA,YACZ,SAAS,CAACC,MAAWA,EAAE,OAAO,KAAA;AAAA,YAC9B,OAAOpB,GAAO,WAAWc,EAAK,KAAK,KAAK;AAAA,YACxC,UAAU,CAACM,MAAWf,EAAaS,EAAK,OAAOM,EAAE,OAAO,KAAK;AAAA,YAC7D,WAAWC;AAAA,UAAA;AAAA,QAAA;AAAA,MACb,EAAA,CACF;AAAA,IAAA,KAdaP,EAAK,KAepB,CACD,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;"}

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

@@ -0,0 +1,79 @@
+import { jsxs as r, jsx as a } from "react/jsx-runtime";
+import { MainContainer as w, Title as C, Container as S, FieldRow as D, Label as T, CurrencySymbol as I, Input as O } from "../../styles.js";
+import { getBaseUrlSymbol as W, handleKeyDownDebrief as B } from "../../../../../utils.js";
+import { useChargesState as V, useOrderDetails as A, useOrderStaticData as F } from "../../../../../store.js";
+import K from "styled-components";
+const j = [
+  { label: "Weight", value: "weight" },
+  { label: "Drop Time", value: "drop_time" },
+  { label: "Timed Services", value: "timed_service" },
+  { label: "Wait Time", value: "wait_time" },
+  { label: "Extra Floor", value: "extra_floor" },
+  { label: "Bulk Items", value: "bulky_items" },
+  { label: "Relabel (Pre-del)", value: "re_label" },
+  { label: "Extra CBM", value: "extra_cube" },
+  { label: "Additional Box", value: "additional_box" },
+  { label: "Additional Item", value: "additional_item" }
+];
+function U(m) {
+  const [, h] = V(), [o] = A(), [v] = F(), d = o?.weight, c = o?.drop_time, n = o?.cube, b = o?.order_services_detail?.timed_service_id, u = v?.order_timed_services?.find(
+    (e) => e?.id === b
+  ), p = u != null, _ = n != null && n > 0, g = c != null, x = d !== null && d > 0, y = W(), f = (e, l) => {
+    m?.setInputValue((i) => ({
+      ...i,
+      [e]: l
+    }));
+    let t = parseFloat(l);
+    l === "" ? h((i) => ({
+      ...i,
+      [e]: 0
+    })) : isNaN(t) || (t = t >= 0 ? t : 0, h((i) => ({
+      ...i,
+      [e]: t
+    })));
+  };
+  return /* @__PURE__ */ r(w, { children: [
+    /* @__PURE__ */ a(C, { children: "Order Charges" }),
+    /* @__PURE__ */ a(S, { children: j?.map((e) => /* @__PURE__ */ r(D, { children: [
+      /* @__PURE__ */ a(T, { style: { minWidth: "100px" }, children: e.label }),
+      x && e?.value === "weight" && /* @__PURE__ */ r(s, { children: [
+        d,
+        " Kg"
+      ] }),
+      g && e?.value === "drop_time" && /* @__PURE__ */ r(s, { children: [
+        c,
+        " mins"
+      ] }),
+      _ && e?.value === "extra_cube" && /* @__PURE__ */ r(s, { children: [
+        n,
+        " (m",
+        /* @__PURE__ */ a("sup", { children: "3" }),
+        ")"
+      ] }),
+      p && e?.value === "timed_service" && /* @__PURE__ */ a(s, { children: u?.type?.replaceAll("_", "") }),
+      /* @__PURE__ */ r("div", { style: { display: "flex", gap: "3px", alignItems: "center" }, children: [
+        /* @__PURE__ */ a(I, { children: y }),
+        /* @__PURE__ */ a(
+          O,
+          {
+            min: 0,
+            max: 1e4,
+            type: "number",
+            placeholder: "0.00",
+            onWheel: (l) => l.target.blur(),
+            value: m?.inputValue[e.value] ?? "",
+            onChange: (l) => f(e.value, l.target.value),
+            onKeyDown: B
+          }
+        )
+      ] })
+    ] }, e.value)) })
+  ] });
+}
+const s = K.span`
+  color: #6396e5;
+`;
+export {
+  U as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../../src/components/order-view/order-actions/actions/force-debrief/charges/order-charges/index.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Container,\n  FieldRow,\n  Input,\n  Label,\n  MainContainer,\n  Title,\n} from '../../styles';\n// import { ChargesType } from '../../../../types';\n\nimport { getBaseUrlSymbol, handleKeyDownDebrief } from '../../../../../utils';\nimport {\n  useChargesState,\n  useOrderDetails,\n  useOrderStaticData,\n} from '../../../../../store';\nimport { CurrencySymbol } from '../../styles';\nimport styled from 'styled-components';\n\nconst fields = [\n  { label: 'Weight', value: 'weight' },\n  { label: 'Drop Time', value: 'drop_time' },\n  { label: 'Timed Services', value: 'timed_service' },\n  { label: 'Wait Time', value: 'wait_time' },\n  { label: 'Extra Floor', value: 'extra_floor' },\n  { label: 'Bulk Items', value: 'bulky_items' },\n  { label: 'Relabel (Pre-del)', value: 're_label' },\n  { label: 'Extra CBM', value: 'extra_cube' },\n  { label: 'Additional Box', value: 'additional_box' },\n  { label: 'Additional Item', value: 'additional_item' },\n];\n\ninterface IProps {\n  inputValue: Record<string, string>;\n  setInputValue: React.Dispatch<React.SetStateAction<Record<string, string>>>;\n}\n\nfunction OrderCharges(props: IProps) {\n  const [, setCharges] = useChargesState();\n  const [orderDetails] = useOrderDetails();\n  const [orderStaticData] = useOrderStaticData();\n  const weightVal = orderDetails?.weight;\n  const dropTime = orderDetails?.drop_time;\n  const cbm = orderDetails?.cube;\n  const timesServiceId = orderDetails?.order_services_detail?.timed_service_id;\n  const selectedTimedService = orderStaticData?.order_timed_services?.find(\n    (x: any) => x?.id === timesServiceId\n  );\n  const showSelectedTimedService =\n    selectedTimedService !== null && selectedTimedService !== undefined;\n  const showCbm = cbm !== undefined && cbm !== null && cbm > 0;\n  const showDropTime = dropTime !== undefined && dropTime !== null;\n  const showWeight = weightVal !== null && weightVal > 0;\n  const baseUrlSymbol = getBaseUrlSymbol();\n\n  const handleChange = (field: string, value: string) => {\n    props?.setInputValue((prev: any) => ({\n      ...prev,\n      [field]: value,\n    }));\n    let val = parseFloat(value);\n    if (value === '') {\n      setCharges(prev => ({\n        ...prev,\n        [field]: 0,\n      }));\n    } else if (!isNaN(val)) {\n      val = val >= 0 ? val : 0;\n      setCharges(prev => ({\n        ...prev,\n        [field]: val,\n      }));\n    }\n  };\n\n  return (\n    <MainContainer>\n      <Title>Order Charges</Title>\n      <Container>\n        {fields?.map(item => (\n          <FieldRow key={item.value}>\n            <Label style={{ minWidth: '100px' }}>{item.label}</Label>\n            {showWeight && item?.value === 'weight' && (\n              <OrderValue>{weightVal} Kg</OrderValue>\n            )}\n            {showDropTime && item?.value === 'drop_time' && (\n              <OrderValue>{dropTime} mins</OrderValue>\n            )}\n            {showCbm && item?.value === 'extra_cube' && (\n              <OrderValue>\n                {cbm} (m<sup>3</sup>)\n              </OrderValue>\n            )}\n            {showSelectedTimedService && item?.value === 'timed_service' && (\n              <OrderValue>\n                {selectedTimedService?.type?.replaceAll('_', '')}\n              </OrderValue>\n            )}\n            <div style={{ display: 'flex', gap: '3px', alignItems: 'center' }}>\n              <CurrencySymbol>{baseUrlSymbol}</CurrencySymbol>\n              <Input\n                min={0}\n                max={10000}\n                type=\"number\"\n                placeholder=\"0.00\"\n                onWheel={(e: any) => e.target.blur()}\n                value={props?.inputValue[item.value] ?? ''}\n                onChange={(e: any) => handleChange(item.value, e.target.value)}\n                onKeyDown={handleKeyDownDebrief}\n              />\n            </div>\n          </FieldRow>\n        ))}\n      </Container>\n    </MainContainer>\n  );\n}\n\nconst OrderValue = styled.span`\n  color: #6396e5;\n`;\n\nexport default OrderCharges;\n"],"names":["fields","OrderCharges","props","setCharges","useChargesState","orderDetails","useOrderDetails","orderStaticData","useOrderStaticData","weightVal","dropTime","cbm","timesServiceId","selectedTimedService","x","showSelectedTimedService","showCbm","showDropTime","showWeight","baseUrlSymbol","getBaseUrlSymbol","handleChange","field","value","prev","val","MainContainer","jsx","Title","Container","item","FieldRow","Label","OrderValue","jsxs","CurrencySymbol","Input","e","handleKeyDownDebrief","styled"],"mappings":"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"}

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

@@ -0,0 +1,71 @@
+import { jsxs as d, jsx as l } from "react/jsx-runtime";
+import { useEffect as c } from "react";
+import x from "styled-components";
+import { Label as u, SelectDropdown as m, dropdownStyles as f } from "@bjsdistribution/dms-component-library";
+import { useOrderStaticData as y, useEscalationCategory as D, useFailureReason as b } from "../../../../store.js";
+function E() {
+  const [a] = y(), [p, n] = D(), [r] = b(), i = a?.fault_non_fault_reasons, s = a?.escalation_types?.map(
+    (o) => ({
+      label: o?.name,
+      value: o?.id
+    })
+  );
+  return c(() => {
+    const o = i?.find(
+      (t) => t?.order_reason_id === r?.id
+    )?.escalation_type_id, e = s?.find(
+      (t) => t?.value === o
+    );
+    n(e);
+  }, [r]), /* @__PURE__ */ d(g, { children: [
+    /* @__PURE__ */ l(u, { label: "Escalation Category" }),
+    /* @__PURE__ */ l(
+      m,
+      {
+        options: s || [],
+        styles: {
+          ...f,
+          control: (o, e) => ({
+            ...o,
+            border: "1px solid #D0D5DD",
+            cursor: "pointer",
+            borderRadius: `${e.selectProps.menuIsOpen ? "0px 0px 6px 6px" : "6px"}`,
+            boxShadow: "0px 3px 22px #00000014",
+            minHeight: "40px",
+            "&:hover": {
+              borderColor: "#D0D5DD",
+              boxShadow: "0px 3px 22px #00000014"
+            }
+          }),
+          menu: (o) => ({
+            ...o,
+            marginBottom: "0px",
+            borderRadius: "6px 6px 0px 0px",
+            boxShadow: "0px 3px 22px #00000014",
+            border: "1px solid #D0D5DD",
+            borderBottom: "0px"
+          }),
+          dropdownIndicator: (o, e) => ({
+            ...o,
+            transition: "all 0.3s ease-in-out",
+            transform: e.selectProps.menuIsOpen ? "rotate(180deg)" : "null"
+          })
+        },
+        placeholder: "Select Category",
+        menuPlacement: "top",
+        value: p,
+        onChange: (o) => n(o)
+      }
+    )
+  ] });
+}
+const g = x.div`
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  flex: 1;
+`;
+export {
+  E as default
+};
+//# sourceMappingURL=EscalationCategory.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EscalationCategory.js","sources":["../../../../../../../src/components/order-view/order-actions/actions/force-debrief/escalation/EscalationCategory.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport styled from 'styled-components';\nimport {\n  dropdownStyles,\n  Label,\n  SelectDropdown,\n} from '@bjsdistribution/dms-component-library';\nimport {\n  useEscalationCategory,\n  useFailureReason,\n  useOrderStaticData,\n} from '../../../../store';\n\nfunction EscalationCategory() {\n  const [orderStaticData] = useOrderStaticData();\n  const [escalationCategory, setEscalationCategory] = useEscalationCategory();\n  const [failureReason] = useFailureReason();\n\n  const faultNonFaultReasons = orderStaticData?.fault_non_fault_reasons;\n  const escalationTypes = orderStaticData?.escalation_types;\n\n  // Use escalation_types directly as category options (same as orders force-debrief)\n  const escalationCategoryOptions = escalationTypes?.map(\n    (type: any) => ({\n      label: type?.name,\n      value: type?.id,\n    })\n  );\n\n  useEffect(() => {\n    const escTypeId = faultNonFaultReasons?.find(\n      (x: any) => x?.order_reason_id === failureReason?.id\n    )?.escalation_type_id;\n    // escalationCategory.value is now escalation_type.id directly\n    const selectedOption = escalationCategoryOptions?.find(\n      (option: any) => option?.value === escTypeId\n    );\n    setEscalationCategory(selectedOption);\n  }, [failureReason]);\n\n  return (\n    <Container>\n      <Label label=\"Escalation Category\" />\n      <SelectDropdown\n        options={escalationCategoryOptions || []}\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 Category\"\n        menuPlacement=\"top\"\n        value={escalationCategory}\n        onChange={selectedOption => setEscalationCategory(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 EscalationCategory;\n"],"names":["EscalationCategory","orderStaticData","useOrderStaticData","escalationCategory","setEscalationCategory","useEscalationCategory","failureReason","useFailureReason","faultNonFaultReasons","escalationCategoryOptions","type","useEffect","escTypeId","x","selectedOption","option","Container","jsx","Label","SelectDropdown","dropdownStyles","styles","state","styled"],"mappings":";;;;;AAaA,SAASA,IAAqB;AAC5B,QAAM,CAACC,CAAe,IAAIC,EAAA,GACpB,CAACC,GAAoBC,CAAqB,IAAIC,EAAA,GAC9C,CAACC,CAAa,IAAIC,EAAA,GAElBC,IAAuBP,GAAiB,yBAIxCQ,IAHkBR,GAAiB,kBAGU;AAAA,IACjD,CAACS,OAAe;AAAA,MACd,OAAOA,GAAM;AAAA,MACb,OAAOA,GAAM;AAAA,IAAA;AAAA,EACf;AAGF,SAAAC,EAAU,MAAM;AACd,UAAMC,IAAYJ,GAAsB;AAAA,MACtC,CAACK,MAAWA,GAAG,oBAAoBP,GAAe;AAAA,IAAA,GACjD,oBAEGQ,IAAiBL,GAA2B;AAAA,MAChD,CAACM,MAAgBA,GAAQ,UAAUH;AAAA,IAAA;AAErC,IAAAR,EAAsBU,CAAc;AAAA,EACtC,GAAG,CAACR,CAAa,CAAC,qBAGfU,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAM,OAAM,sBAAA,CAAsB;AAAA,IACnC,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,SAASV,KAA6B,CAAA;AAAA,QACtC,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,OAAOnB;AAAA,QACP,UAAU,CAAAW,MAAkBV,EAAsBU,CAAc;AAAA,MAAA;AAAA,IAAA;AAAA,EAClE,GACF;AAEJ;AAEA,MAAME,IAAYO,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;"}

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

@@ -0,0 +1,69 @@
+import { jsxs as p, jsx as r } from "react/jsx-runtime";
+import { Label as i, SelectDropdown as c, dropdownStyles as x } from "@bjsdistribution/dms-component-library";
+import { useEffect as d } from "react";
+import m from "styled-components";
+import { useOrderStaticData as u, useEscalationCategory as f, useEscalationLevel as v } from "../../../../store.js";
+function w() {
+  const [s] = u(), [t] = f(), [n, a] = v(), l = s?.escalation_types?.map(
+    (e) => ({
+      label: e?.level,
+      value: e?.id
+    })
+  );
+  return d(() => {
+    const e = l?.find(
+      (o) => o.value === t?.value
+    );
+    a(e);
+  }, [t]), /* @__PURE__ */ p(D, { children: [
+    /* @__PURE__ */ r(i, { label: "Escalation Level" }),
+    /* @__PURE__ */ r(
+      c,
+      {
+        options: l || [],
+        styles: {
+          ...x,
+          control: (e, o) => ({
+            ...e,
+            border: "1px solid #D0D5DD",
+            cursor: "pointer",
+            borderRadius: `${o.selectProps.menuIsOpen ? "0px 0px 6px 6px" : "6px"}`,
+            boxShadow: "0px 3px 22px #00000014",
+            minHeight: "40px",
+            "&:hover": {
+              borderColor: "#D0D5DD",
+              boxShadow: "0px 3px 22px #00000014"
+            }
+          }),
+          menu: (e) => ({
+            ...e,
+            marginBottom: "0px",
+            borderRadius: "6px 6px 0px 0px",
+            boxShadow: "0px 3px 22px #00000014",
+            border: "1px solid #D0D5DD",
+            borderBottom: "0px"
+          }),
+          dropdownIndicator: (e, o) => ({
+            ...e,
+            transition: "all 0.3s ease-in-out",
+            transform: o.selectProps.menuIsOpen ? "rotate(180deg)" : "null"
+          })
+        },
+        placeholder: "Select Level",
+        menuPlacement: "top",
+        value: n,
+        onChange: (e) => a(e)
+      }
+    )
+  ] });
+}
+const D = m.div`
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  flex: 1;
+`;
+export {
+  w as default
+};
+//# sourceMappingURL=EscalationLevel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EscalationLevel.js","sources":["../../../../../../../src/components/order-view/order-actions/actions/force-debrief/escalation/EscalationLevel.tsx"],"sourcesContent":["import {\n  dropdownStyles,\n  Label,\n  SelectDropdown,\n} from '@bjsdistribution/dms-component-library';\nimport React, { useEffect } from 'react';\nimport styled from 'styled-components';\nimport {\n  useEscalationCategory,\n  useEscalationLevel,\n  useOrderStaticData,\n} from '../../../../store';\n\nfunction EscalationLevel() {\n  const [orderStaticData] = useOrderStaticData();\n  const [escalationCategory] = useEscalationCategory();\n  const [escalationLevel, setEscalationLevel] = useEscalationLevel();\n  const escalationTypes = orderStaticData?.escalation_types;\n\n  // Use escalation_types as level options (same as orders force-debrief)\n  const escalationLevelOptions = escalationTypes?.map(\n    (type: any) => ({\n      label: type?.level,\n      value: type?.id,\n    })\n  );\n\n  useEffect(() => {\n    // escalationCategory.value is now the escalation_type.id directly\n    const defaultLevel = escalationLevelOptions?.find(\n      (item: any) => item.value === escalationCategory?.value\n    );\n\n    setEscalationLevel(defaultLevel);\n  }, [escalationCategory]);\n\n  return (\n    <Container>\n      <Label label=\"Escalation Level\" />\n      <SelectDropdown\n        options={escalationLevelOptions || []}\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 Level\"\n        menuPlacement=\"top\"\n        value={escalationLevel}\n        onChange={selectedOption => setEscalationLevel(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 EscalationLevel;\n"],"names":["EscalationLevel","orderStaticData","useOrderStaticData","escalationCategory","useEscalationCategory","escalationLevel","setEscalationLevel","useEscalationLevel","escalationLevelOptions","type","useEffect","defaultLevel","item","Container","jsx","Label","SelectDropdown","dropdownStyles","styles","state","selectedOption","styled"],"mappings":";;;;;AAaA,SAASA,IAAkB;AACzB,QAAM,CAACC,CAAe,IAAIC,EAAA,GACpB,CAACC,CAAkB,IAAIC,EAAA,GACvB,CAACC,GAAiBC,CAAkB,IAAIC,EAAA,GAIxCC,IAHkBP,GAAiB,kBAGO;AAAA,IAC9C,CAACQ,OAAe;AAAA,MACd,OAAOA,GAAM;AAAA,MACb,OAAOA,GAAM;AAAA,IAAA;AAAA,EACf;AAGF,SAAAC,EAAU,MAAM;AAEd,UAAMC,IAAeH,GAAwB;AAAA,MAC3C,CAACI,MAAcA,EAAK,UAAUT,GAAoB;AAAA,IAAA;AAGpD,IAAAG,EAAmBK,CAAY;AAAA,EACjC,GAAG,CAACR,CAAkB,CAAC,qBAGpBU,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAM,OAAM,mBAAA,CAAmB;AAAA,IAChC,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,SAASR,KAA0B,CAAA;AAAA,QACnC,QAAQ;AAAA,UACN,GAAGS;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,OAAOd;AAAA,QACP,UAAU,CAAAe,MAAkBd,EAAmBc,CAAc;AAAA,MAAA;AAAA,IAAA;AAAA,EAC/D,GACF;AAEJ;AAEA,MAAMP,IAAYQ,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;"}

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

@@ -0,0 +1,86 @@
+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() {
+  const [
+    l,
+    s
+  ] = h(), [n] = g(), [t] = S(), [p] = y(), [
+    r,
+    c
+  ] = C(), d = t?.value, a = n?.escalation_reasons?.filter(
+    (e) => e?.escalation_type_id === d
+  )?.map((e) => {
+    const o = n?.order_escalation_reasons?.find(
+      (x) => x?.id === e?.order_reason_id
+    );
+    if (o !== void 0)
+      return {
+        label: o?.reason,
+        value: o?.id
+      };
+  })?.filter(
+    (e) => e !== void 0
+  );
+  return D(() => {
+    if (r && a?.length > 0) {
+      const e = a?.find(
+        (o) => o?.label === p?.label
+      );
+      s(e), c(!1);
+    }
+    !r && a?.length > 0 && s(a[0]);
+  }, [t]), /* @__PURE__ */ u(v, { children: [
+    /* @__PURE__ */ i(m, { label: "Escalation Reason" }),
+    /* @__PURE__ */ i(
+      f,
+      {
+        options: a || [],
+        styles: {
+          ...R,
+          control: (e, o) => ({
+            ...e,
+            border: "1px solid #D0D5DD",
+            cursor: "pointer",
+            borderRadius: `${o.selectProps.menuIsOpen ? "0px 0px 6px 6px" : "6px"}`,
+            boxShadow: "0px 3px 22px #00000014",
+            minHeight: "40px",
+            "&:hover": {
+              borderColor: "#D0D5DD",
+              boxShadow: "0px 3px 22px #00000014"
+            }
+          }),
+          menu: (e) => ({
+            ...e,
+            marginBottom: "0px",
+            borderRadius: "6px 6px 0px 0px",
+            boxShadow: "0px 3px 22px #00000014",
+            border: "1px solid #D0D5DD",
+            borderBottom: "0px"
+          }),
+          dropdownIndicator: (e, o) => ({
+            ...e,
+            transition: "all 0.3s ease-in-out",
+            transform: o.selectProps.menuIsOpen ? "rotate(180deg)" : "null"
+          })
+        },
+        placeholder: "Select Reason",
+        menuPlacement: "top",
+        value: l,
+        onChange: (e) => s(e)
+      }
+    )
+  ] });
+}
+const v = b.div`
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  flex: 1;
+`;
+export {
+  j as default
+};
+//# sourceMappingURL=EscalationReason.js.map