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

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

@@ -0,0 +1,37 @@
+import { jsxs as d, jsx as s } from "react/jsx-runtime";
+import { Label as i, SelectDropdown as p } from "@bjsdistribution/dms-component-library";
+import c from "styled-components";
+import { useOrderStaticData as S, useNewStatus as f, useChargesState as m } from "../../../../../store.js";
+function D() {
+  const [a] = S(), [o, n] = f(), [, r] = m(), e = a?.new_status?.map((t) => ({
+    label: t.type,
+    value: t.id
+  })), l = e?.find((t) => t.label === o) || null;
+  return /* @__PURE__ */ d(w, { children: [
+    /* @__PURE__ */ s(i, { label: "New Status", htmlFor: "statusdropdown", required: !0 }),
+    /* @__PURE__ */ s(
+      p,
+      {
+        placeholder: "Select Status",
+        options: e || [],
+        inputId: "statusdropdown",
+        value: l,
+        openMenuOnFocus: !0,
+        onChange: (t) => {
+          n(t?.label), r((u) => ({ ...u, new_order_status: t?.label }));
+        },
+        isDisabled: !1
+      }
+    )
+  ] });
+}
+const w = c.div`
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  flex: 1;
+`;
+export {
+  D as default
+};
+//# sourceMappingURL=StatusDropdown.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StatusDropdown.js","sources":["../../../../../../../../src/components/order-view/order-actions/actions/force-debrief/order-info/dropdowns/StatusDropdown.tsx"],"sourcesContent":["import { Label, SelectDropdown } from '@bjsdistribution/dms-component-library';\nimport React from 'react';\nimport styled from 'styled-components';\nimport {\n  useChargesState,\n  useNewStatus,\n  useOrderStaticData,\n} from '../../../../../store';\n\nfunction StatusDropdown() {\n  const [orderStaticData] = useOrderStaticData();\n  const [newStatus, setNewStatus] = useNewStatus();\n  const [, setCharges] = useChargesState();\n  const newStatusOptions = orderStaticData?.new_status?.map((x: any) => ({\n    label: x.type,\n    value: x.id,\n  }));\n  const selectedOption =\n    newStatusOptions?.find((option: any) => option.label === newStatus) || null;\n\n  const onChange = (option: any) => {\n    setNewStatus(option?.label);\n    setCharges(prev => ({ ...prev, new_order_status: option?.label }));\n  };\n  return (\n    <Container>\n      <Label label=\"New Status\" htmlFor=\"statusdropdown\" required />\n      <SelectDropdown\n        placeholder=\"Select Status\"\n        options={newStatusOptions || []}\n        inputId=\"statusdropdown\"\n        value={selectedOption} // Set the selected option here\n        openMenuOnFocus\n        onChange={onChange}\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 StatusDropdown;\n"],"names":["StatusDropdown","orderStaticData","useOrderStaticData","newStatus","setNewStatus","useNewStatus","setCharges","useChargesState","newStatusOptions","x","selectedOption","option","Container","jsx","Label","SelectDropdown","prev","styled"],"mappings":";;;;AASA,SAASA,IAAiB;AACxB,QAAM,CAACC,CAAe,IAAIC,EAAA,GACpB,CAACC,GAAWC,CAAY,IAAIC,EAAA,GAC5B,CAAA,EAAGC,CAAU,IAAIC,EAAA,GACjBC,IAAmBP,GAAiB,YAAY,IAAI,CAACQ,OAAY;AAAA,IACrE,OAAOA,EAAE;AAAA,IACT,OAAOA,EAAE;AAAA,EAAA,EACT,GACIC,IACJF,GAAkB,KAAK,CAACG,MAAgBA,EAAO,UAAUR,CAAS,KAAK;AAMzE,2BACGS,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACC,KAAM,OAAM,cAAa,SAAQ,kBAAiB,UAAQ,IAAC;AAAA,IAC5D,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,aAAY;AAAA,QACZ,SAASP,KAAoB,CAAA;AAAA,QAC7B,SAAQ;AAAA,QACR,OAAOE;AAAA,QACP,iBAAe;AAAA,QACf,UAbW,CAACC,MAAgB;AAChC,UAAAP,EAAaO,GAAQ,KAAK,GAC1BL,EAAW,QAAS,EAAE,GAAGU,GAAM,kBAAkBL,GAAQ,QAAQ;AAAA,QACnE;AAAA,QAWM,YAAY;AAAA,MAAA;AAAA,IAAA;AAAA,EACd,GACF;AAEJ;AAEA,MAAMC,IAAYK,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/components/order-view/order-actions/actions/force-debrief/order-info/failure-content/index.js

@@ -0,0 +1,139 @@
+import { jsxs as r, Fragment as D, jsx as e } from "react/jsx-runtime";
+import _ from "../dropdowns/FailureReasonDropdown.js";
+import v from "../dropdowns/StatusDropdown.js";
+import t from "styled-components";
+import { TextArea as F, Label as n } from "@bjsdistribution/dms-component-library";
+import S from "../dropdowns/CancellationReasonDropdown.js";
+import G from "../dropdowns/OrderHoldReasonDropdown.js";
+import { useNewStatus as T, useOrderDetails as O, useChargesState as A, useProductDetails as j } from "../../../../../store.js";
+import { getBaseUrlSymbol as I } from "../../../../../utils.js";
+function E() {
+  const [i] = T(), [p] = O(), [a] = A(), g = I(), [w] = j(), h = w?.sort((o, l) => o?.status === l?.status ? 0 : o?.status ? -1 : 1), y = Array.isArray(h) ? h?.filter((o) => o?.status === !0) : [], b = [
+    "debrief_notes",
+    "new_order_status",
+    "base_charge_type",
+    "adhoc_charges",
+    "debrief_status"
+  ];
+  let u = 0;
+  for (const [o, l] of Object.entries(a))
+    !b.includes(o) && typeof l == "number" && (u += l);
+  const C = a?.adhoc_charges?.length > 0 ? a?.adhoc_charges?.reduce(
+    (o, l) => o + l.adhoc_charges,
+    0
+  ) : 0;
+  return /* @__PURE__ */ r(D, { children: [
+    /* @__PURE__ */ r(z, { children: [
+      /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(_, {}) }),
+      /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(v, {}) }),
+      i === "Cancelled" && /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(S, {}) }),
+      i === "On Hold" && /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(G, {}) }),
+      /* @__PURE__ */ r(R, { children: [
+        /* @__PURE__ */ r(m, { children: [
+          /* @__PURE__ */ r(c, { children: [
+            /* @__PURE__ */ e(n, { label: "Items", htmlFor: "items" }),
+            /* @__PURE__ */ e(s, { children: y?.length })
+          ] }),
+          /* @__PURE__ */ r(c, { children: [
+            /* @__PURE__ */ e(n, { label: "Total Charge", htmlFor: "totalCharge" }),
+            /* @__PURE__ */ r(
+              "div",
+              {
+                style: { display: "flex", gap: "4px", alignItems: "center" },
+                children: [
+                  /* @__PURE__ */ e(P, { children: g }),
+                  /* @__PURE__ */ e(s, { children: u + C })
+                ]
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ e(m, { children: /* @__PURE__ */ r(c, { children: [
+          /* @__PURE__ */ e(n, { label: "Weight", htmlFor: "weight" }),
+          /* @__PURE__ */ r(s, { children: [
+            p?.weight,
+            "Kg"
+          ] })
+        ] }) })
+      ] })
+    ] }),
+    /* @__PURE__ */ r(H, { children: [
+      /* @__PURE__ */ r(x, { wide: !0, children: [
+        /* @__PURE__ */ e(n, { label: "Order Status Notes", htmlFor: "notes" }),
+        /* @__PURE__ */ e(
+          f,
+          {
+            id: "notes",
+            placeholder: "Type notes here...",
+            value: p?.order_status_note || "",
+            readOnly: !0
+          }
+        )
+      ] }),
+      /* @__PURE__ */ r(x, { wide: !0, children: [
+        /* @__PURE__ */ e(n, { label: "Charge Description", htmlFor: "chargedescription" }),
+        /* @__PURE__ */ e(
+          f,
+          {
+            id: "chargedescription",
+            placeholder: "Type charge description here...",
+            onChange: () => {
+            }
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+const P = t.span`
+  display: flex;
+  align-items: center;
+  color: #999;
+`, s = t.div`
+  color: #363a30;
+  font-size: 14px;
+`, R = t.div`
+  display: flex;
+  gap: 7px;
+`, m = t.div`
+  display: flex;
+  flex-direction: row;
+  gap: 20px;
+
+  @media (max-width: 768px) {
+    flex-direction: column;
+  }
+`, c = t.div`
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  min-width: 140px;
+  flex: 1;
+`, x = t.div`
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  flex: ${(i) => i.wide ? 2 : 1};
+  min-width: ${(i) => i.wide ? "300px" : "220px"};
+`, f = t(F)`
+  resize: none;
+  width: 100%;
+  min-height: 180px;
+`, z = t.div`
+  display: flex;
+  flex-direction: column;
+  gap: 20px;
+`, H = t.div`
+  display: flex;
+  gap: 20px;
+`, d = t.div`
+  flex: 1 1 calc(50% - 10px);
+
+  @media (max-width: 768px) {
+    flex: 1 1 100%;
+  }
+`;
+export {
+  E as default
+};
+//# sourceMappingURL=index.js.map

package/dist/components/order-view/order-actions/actions/force-debrief/order-info/failure-content/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../../src/components/order-view/order-actions/actions/force-debrief/order-info/failure-content/index.tsx"],"sourcesContent":["import React from 'react';\nimport FailureReasonDropdown from '../dropdowns/FailureReasonDropdown';\nimport StatusDropdown from '../dropdowns/StatusDropdown';\nimport styled from 'styled-components';\nimport { Label, TextArea } from '@bjsdistribution/dms-component-library';\nimport CancellationReasonDropdown from '../dropdowns/CancellationReasonDropdown';\nimport OrderHoldReasonDropdown from '../dropdowns/OrderHoldReasonDropdown';\nimport {\n  useChargesState,\n  useNewStatus,\n  useOrderDetails,\n  useProductDetails,\n} from '../../../../../store';\nimport { getBaseUrlSymbol } from '../../../../../utils';\n\nfunction FailureContent() {\n  const [newStatus] = useNewStatus();\n  const [orderDetails] = useOrderDetails();\n  const [chargesState] = useChargesState();\n  const baseUrlSymbol = getBaseUrlSymbol();\n\n  const [productdata] = useProductDetails();\n  const sortedProductData = productdata?.sort((a: any, b: any) => {\n    return a?.status === b?.status ? 0 : a?.status ? -1 : 1;\n  });\n\n  const products = Array.isArray(sortedProductData)\n    ? sortedProductData?.filter(item => item?.status === true)\n    : [];\n\n  const excludedFields = [\n    'debrief_notes',\n    'new_order_status',\n    'base_charge_type',\n    'adhoc_charges',\n    'debrief_status',\n  ]; // Fields to exclude\n  let totalChargesAmount = 0;\n\n  for (const [key, value] of Object.entries(chargesState)) {\n    if (!excludedFields.includes(key) && typeof value === 'number') {\n      totalChargesAmount += value;\n    }\n  }\n\n  const adhocTotalCharges =\n    chargesState?.adhoc_charges?.length > 0\n      ? chargesState?.adhoc_charges?.reduce(\n          (acc, item) => acc + item.adhoc_charges,\n          0\n        )\n      : 0;\n\n  return (\n    <>\n      <DropdownGrid>\n        <DropdownGroup>\n          <FailureReasonDropdown />\n        </DropdownGroup>\n        <DropdownGroup>\n          <StatusDropdown />\n        </DropdownGroup>\n        {newStatus === 'Cancelled' && (\n          <DropdownGroup>\n            <CancellationReasonDropdown />\n          </DropdownGroup>\n        )}\n        {newStatus === 'On Hold' && (\n          <DropdownGroup>\n            <OrderHoldReasonDropdown />\n          </DropdownGroup>\n        )}\n        <GroupedFields>\n          <PairGroup>\n            <SmallGroup>\n              <Label label=\"Items\" htmlFor=\"items\" />\n              <Text>{products?.length}</Text>\n            </SmallGroup>\n            <SmallGroup>\n              <Label label=\"Total Charge\" htmlFor=\"totalCharge\" />\n              <div\n                style={{ display: 'flex', gap: '4px', alignItems: 'center' }}\n              >\n                <CurrencyWrapper>{baseUrlSymbol}</CurrencyWrapper>\n                <Text>{totalChargesAmount + adhocTotalCharges}</Text>\n              </div>\n            </SmallGroup>\n          </PairGroup>\n\n          <PairGroup>\n            <SmallGroup>\n              <Label label=\"Weight\" htmlFor=\"weight\" />\n              <Text>{orderDetails?.weight}Kg</Text>\n            </SmallGroup>\n          </PairGroup>\n        </GroupedFields>\n      </DropdownGrid>\n      <ContDropdownGrid>\n        <FieldGroup wide>\n          <Label label=\"Order Status Notes\" htmlFor=\"notes\" />\n          <TextInput\n            id=\"notes\"\n            placeholder=\"Type notes here...\"\n            value={orderDetails?.order_status_note || ''}\n            readOnly\n          />\n        </FieldGroup>\n\n        <FieldGroup wide>\n          <Label label=\"Charge Description\" htmlFor=\"chargedescription\" />\n          <TextInput\n            id=\"chargedescription\"\n            placeholder=\"Type charge description here...\"\n            onChange={() => {}}\n          />\n        </FieldGroup>\n      </ContDropdownGrid>\n    </>\n  );\n}\n\nconst CurrencyWrapper = styled.span`\n  display: flex;\n  align-items: center;\n  color: #999;\n`;\n\nconst Text = styled.div`\n  color: #363a30;\n  font-size: 14px;\n`;\nconst GroupedFields = styled.div`\n  display: flex;\n  gap: 7px;\n`;\n\nconst PairGroup = styled.div`\n  display: flex;\n  flex-direction: row;\n  gap: 20px;\n\n  @media (max-width: 768px) {\n    flex-direction: column;\n  }\n`;\n\nconst SmallGroup = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  min-width: 140px;\n  flex: 1;\n`;\nconst FieldGroup = styled.div<{ wide?: boolean }>`\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  flex: ${props => (props.wide ? 2 : 1)};\n  min-width: ${props => (props.wide ? '300px' : '220px')};\n`;\n\nconst TextInput = styled(TextArea)`\n  resize: none;\n  width: 100%;\n  min-height: 180px;\n`;\n\nconst DropdownGrid = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n`;\n\nconst ContDropdownGrid = styled.div`\n  display: flex;\n  gap: 20px;\n`;\n\nconst DropdownGroup = styled.div`\n  flex: 1 1 calc(50% - 10px);\n\n  @media (max-width: 768px) {\n    flex: 1 1 100%;\n  }\n`;\n\nexport default FailureContent;\n"],"names":["FailureContent","newStatus","useNewStatus","orderDetails","useOrderDetails","chargesState","useChargesState","baseUrlSymbol","getBaseUrlSymbol","productdata","useProductDetails","sortedProductData","a","b","products","item","excludedFields","totalChargesAmount","key","value","adhocTotalCharges","acc","jsxs","Fragment","DropdownGrid","jsx","DropdownGroup","FailureReasonDropdown","StatusDropdown","CancellationReasonDropdown","OrderHoldReasonDropdown","GroupedFields","PairGroup","SmallGroup","Label","Text","CurrencyWrapper","ContDropdownGrid","FieldGroup","TextInput","styled","props","TextArea"],"mappings":"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"}

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

@@ -0,0 +1,31 @@
+import { jsxs as i, jsx as o } from "react/jsx-runtime";
+import r from "react";
+import t from "styled-components";
+import n from "./failure-content/index.js";
+import s from "./success-content/index.js";
+import c from "./RadioButtons.js";
+import { useActiveTab as d } from "../../../../store.js";
+function p() {
+  const [e] = d();
+  return /* @__PURE__ */ i(a, { children: [
+    /* @__PURE__ */ o(f, { children: e === "success" ? /* @__PURE__ */ o(s, {}) : /* @__PURE__ */ o(n, {}) }),
+    /* @__PURE__ */ o(m, { children: /* @__PURE__ */ o(c, {}) })
+  ] });
+}
+const m = t.div`
+  display: flex;
+  justify-content: space-between;
+`, f = t.div`
+  display: flex;
+  gap: 15px;
+  width: 100%;
+`, a = t.div`
+  display: flex;
+  flex-direction: column;
+  gap: 20px;
+  width: 100%;
+`, j = r.memo(p);
+export {
+  j as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../src/components/order-view/order-actions/actions/force-debrief/order-info/index.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport FailureContent from './failure-content';\nimport SuccessContent from './success-content';\nimport RadioButtonGroups from './RadioButtons';\nimport { useActiveTab } from '../../../../store';\n\nfunction OrderInfo() {\n  const [activeTab] = useActiveTab();\n  return (\n    <Container>\n      <Top>\n        {activeTab === 'success' ? <SuccessContent /> : <FailureContent />}\n      </Top>\n      <Middle>\n        <RadioButtonGroups />\n      </Middle>\n      {/* <Bottom>\n       \n      </Bottom> */}\n    </Container>\n  );\n}\n\n// const DescriptionWrapper = styled.div`\n//   display: flex;\n//   gap: 20px;\n//   width: 100%;\n// `;\n\nconst Middle = styled.div`\n  display: flex;\n  justify-content: space-between;\n`;\n\n// const Bottom = styled.div`\n//   display: flex;\n//   flex-direction: column;\n//   gap: 20px;\n// `;\n\nconst Top = styled.div`\n  display: flex;\n  gap: 15px;\n  width: 100%;\n`;\n\nconst Container = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n  width: 100%;\n`;\n\nexport default React.memo(OrderInfo);\n"],"names":["OrderInfo","activeTab","useActiveTab","Container","jsx","Top","SuccessContent","FailureContent","Middle","RadioButtonGroups","styled","OrderInfo$1","React"],"mappings":";;;;;;;AAOA,SAASA,IAAY;AACnB,QAAM,CAACC,CAAS,IAAIC,EAAA;AACpB,2BACGC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EACE,gBAAc,YAAY,gBAAAD,EAACE,KAAe,IAAK,gBAAAF,EAACG,KAAe,EAAA,CAClE;AAAA,IACA,gBAAAH,EAACI,GAAA,EACC,UAAA,gBAAAJ,EAACK,GAAA,CAAA,CAAkB,EAAA,CACrB;AAAA,EAAA,GAIF;AAEJ;AAQA,MAAMD,IAASE,EAAO;AAAA;AAAA;AAAA,GAWhBL,IAAMK,EAAO;AAAA;AAAA;AAAA;AAAA,GAMbP,IAAYO,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAOzBC,IAAeC,EAAM,KAAKZ,CAAS;"}

package/dist/components/order-view/order-actions/actions/force-debrief/order-info/success-content/index.js

@@ -0,0 +1,172 @@
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import o from "styled-components";
+import { TextArea as _, Label as l, CalendarIcon as D } from "@bjsdistribution/dms-component-library";
+import { Input as v } from "../../styles.js";
+import { useOrderDetails as F, useChargesState as C, useProductDetails as S } from "../../../../../store.js";
+import { getBaseUrlSymbol as I } from "../../../../../utils.js";
+const T = (r) => {
+  const n = (u) => u.toString().padStart(2, "0"), c = new Date(r).getFullYear(), p = n(new Date(r).getMonth() + 1);
+  return `${n(new Date(r).getDate())}/${p}/${c}`;
+};
+function K() {
+  const [r] = F(), [n] = C(), c = I(), [p] = S(), h = p?.sort((a, i) => a?.status === i?.status ? 0 : a?.status ? -1 : 1), u = Array.isArray(h) ? h?.filter((a) => a?.status === !0) : [], y = [
+    "debrief_notes",
+    "new_order_status",
+    "base_charge_type",
+    "adhoc_charges",
+    "debrief_status"
+  ];
+  let x = 0;
+  for (const [a, i] of Object.entries(n))
+    !y.includes(a) && typeof i == "number" && (x += i);
+  const b = r?.action_date === null ? " " : T(r?.action_date), w = n?.adhoc_charges?.length > 0 ? n?.adhoc_charges?.reduce(
+    (a, i) => a + i.adhoc_charges,
+    0
+  ) : 0;
+  return /* @__PURE__ */ t(A, { children: [
+    /* @__PURE__ */ t(g, { children: [
+      /* @__PURE__ */ e(l, { label: "Signed By", htmlFor: "signedby" }),
+      /* @__PURE__ */ e(
+        O,
+        {
+          id: "signedby",
+          placeholder: "",
+          value: r?.order_recipient?.recipient_name || "",
+          onChange: () => {
+          },
+          disabled: !0
+        }
+      ),
+      /* @__PURE__ */ e(l, { label: "Date", htmlFor: "datefield" }),
+      /* @__PURE__ */ t($, { children: [
+        /* @__PURE__ */ e(d, { children: b }),
+        /* @__PURE__ */ e(D, {})
+      ] }),
+      /* @__PURE__ */ t(j, { children: [
+        /* @__PURE__ */ t(f, { children: [
+          /* @__PURE__ */ t(s, { children: [
+            /* @__PURE__ */ e(l, { label: "Items", htmlFor: "items" }),
+            /* @__PURE__ */ e(d, { children: u?.length })
+          ] }),
+          /* @__PURE__ */ t(s, { children: [
+            /* @__PURE__ */ e(l, { label: "Zone", htmlFor: "zone" }),
+            /* @__PURE__ */ e(d, { children: r?.zone_code })
+          ] })
+        ] }),
+        /* @__PURE__ */ t(f, { children: [
+          /* @__PURE__ */ t(s, { children: [
+            /* @__PURE__ */ e(l, { label: "Weight", htmlFor: "weight" }),
+            /* @__PURE__ */ t(d, { children: [
+              r?.weight,
+              "Kg"
+            ] })
+          ] }),
+          /* @__PURE__ */ t(s, { children: [
+            /* @__PURE__ */ e(l, { label: "Total Charge", htmlFor: "totalCharge" }),
+            /* @__PURE__ */ t(
+              "div",
+              {
+                style: { display: "flex", gap: "4px", alignItems: "center" },
+                children: [
+                  /* @__PURE__ */ e(z, { children: c }),
+                  /* @__PURE__ */ e(d, { children: x + w })
+                ]
+              }
+            )
+          ] })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ t(G, { children: [
+      /* @__PURE__ */ t(g, { wide: !0, children: [
+        /* @__PURE__ */ e(l, { label: "Order Status Notes", htmlFor: "notes" }),
+        /* @__PURE__ */ e(
+          m,
+          {
+            id: "notes",
+            placeholder: "Type notes here...",
+            value: r?.order_status_note || "",
+            readOnly: !0
+          }
+        )
+      ] }),
+      /* @__PURE__ */ t(g, { wide: !0, children: [
+        /* @__PURE__ */ e(l, { label: "Charge Description", htmlFor: "chargedescription" }),
+        /* @__PURE__ */ e(
+          m,
+          {
+            id: "chargedescription",
+            placeholder: "Type charge description here...",
+            onChange: () => {
+            }
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+const z = o.span`
+  display: flex;
+  align-items: center;
+  color: #999;
+`, G = o.div`
+  display: flex;
+  flex-wrap: wrap;
+  gap: 20px;
+  width: 48%;
+`, j = o.div`
+  display: flex;
+  flex-direction: column;
+  gap: 7px;
+`, f = o.div`
+  display: flex;
+  flex-direction: row;
+  gap: 20px;
+
+  @media (max-width: 768px) {
+    flex-direction: column;
+  }
+`, s = o.div`
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  flex: 1;
+  width: 48%;
+`, A = o.div`
+  display: flex;
+  flex-wrap: wrap;
+  gap: 20px;
+  width: 100%;
+  padding: 10px 0;
+`, g = o.div`
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  flex: ${(r) => r.wide ? 2 : 1};
+`, m = o(_)`
+  resize: none;
+  width: 100%;
+  min-height: 180px;
+`, O = o(v)`
+  width: 100%;
+  height: 38px;
+`, $ = o.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 12px;
+  border-radius: 6px;
+  border: 1px solid #e0e2e7;
+  background-color: #fff;
+  color: #363a30;
+  height: 38px;
+  font-size: 14px;
+  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
+`, d = o.div`
+  color: #363a30;
+  font-size: 14px;
+`;
+export {
+  K as default
+};
+//# sourceMappingURL=index.js.map

package/dist/components/order-view/order-actions/actions/force-debrief/order-info/success-content/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../../src/components/order-view/order-actions/actions/force-debrief/order-info/success-content/index.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport {\n  CalendarIcon,\n  Label,\n  TextArea,\n} from '@bjsdistribution/dms-component-library';\nimport { Input } from '../../styles';\nimport {\n  useChargesState,\n  useOrderDetails,\n  useProductDetails,\n} from '../../../../../store';\nimport { getBaseUrlSymbol } from '../../../../../utils';\n\nconst formatDate = (date: any) => {\n  const padZero = (num: any) => num.toString().padStart(2, '0');\n  const year = new Date(date).getFullYear();\n  const month = padZero(new Date(date).getMonth() + 1);\n  const day = padZero(new Date(date).getDate());\n  return `${day}/${month}/${year}`;\n};\n\nfunction SuccessContent() {\n  const [orderDetails] = useOrderDetails();\n  const [chargesState] = useChargesState();\n  const baseUrlSymbol = getBaseUrlSymbol();\n\n  const [productdata] = useProductDetails();\n  const sortedProductData = productdata?.sort((a: any, b: any) => {\n    return a?.status === b?.status ? 0 : a?.status ? -1 : 1;\n  });\n\n  const products = Array.isArray(sortedProductData)\n    ? sortedProductData?.filter(item => item?.status === true)\n    : [];\n\n  const excludedFields = [\n    'debrief_notes',\n    'new_order_status',\n    'base_charge_type',\n    'adhoc_charges',\n    'debrief_status',\n  ]; // Fields to exclude\n  let totalChargesAmount = 0;\n\n  for (const [key, value] of Object.entries(chargesState)) {\n    if (!excludedFields.includes(key) && typeof value === 'number') {\n      totalChargesAmount += value;\n    }\n  }\n\n  const formattedDate =\n    orderDetails?.action_date === null\n      ? ' '\n      : formatDate(orderDetails?.action_date);\n\n  const adhocTotalCharges =\n    chargesState?.adhoc_charges?.length > 0\n      ? chargesState?.adhoc_charges?.reduce(\n          (acc, item) => acc + item.adhoc_charges,\n          0\n        )\n      : 0;\n\n  return (\n    <Wrapper>\n      <FieldGroup>\n        <Label label=\"Signed By\" htmlFor=\"signedby\" />\n        <StyledInput\n          id=\"signedby\"\n          placeholder=\"\"\n          value={orderDetails?.order_recipient?.recipient_name || ''}\n          onChange={() => {}}\n          disabled\n        />\n\n        <Label label=\"Date\" htmlFor=\"datefield\" />\n        <DateInput>\n          <Text>{formattedDate}</Text>\n          <CalendarIcon />\n        </DateInput>\n\n        <GroupedFields>\n          <PairGroup>\n            <SmallGroup>\n              <Label label=\"Items\" htmlFor=\"items\" />\n              <Text>{products?.length}</Text>\n            </SmallGroup>\n            <SmallGroup>\n              <Label label=\"Zone\" htmlFor=\"zone\" />\n              <Text>{orderDetails?.zone_code}</Text>\n            </SmallGroup>\n          </PairGroup>\n\n          <PairGroup>\n            <SmallGroup>\n              <Label label=\"Weight\" htmlFor=\"weight\" />\n              <Text>{orderDetails?.weight}Kg</Text>\n            </SmallGroup>\n\n            <SmallGroup>\n              <Label label=\"Total Charge\" htmlFor=\"totalCharge\" />\n              <div\n                style={{ display: 'flex', gap: '4px', alignItems: 'center' }}\n              >\n                <CurrencyWrapper>{baseUrlSymbol}</CurrencyWrapper>\n                <Text>{totalChargesAmount + adhocTotalCharges}</Text>\n              </div>\n            </SmallGroup>\n          </PairGroup>\n        </GroupedFields>\n      </FieldGroup>\n\n      <DropdownGrid>\n        <FieldGroup wide>\n          <Label label=\"Order Status Notes\" htmlFor=\"notes\" />\n          <TextInput\n            id=\"notes\"\n            placeholder=\"Type notes here...\"\n            value={orderDetails?.order_status_note || ''}\n            readOnly\n          />\n        </FieldGroup>\n\n        <FieldGroup wide>\n          <Label label=\"Charge Description\" htmlFor=\"chargedescription\" />\n          <TextInput\n            id=\"chargedescription\"\n            placeholder=\"Type charge description here...\"\n            onChange={() => {}}\n          />\n        </FieldGroup>\n      </DropdownGrid>\n    </Wrapper>\n  );\n}\n\nconst CurrencyWrapper = styled.span`\n  display: flex;\n  align-items: center;\n  color: #999;\n`;\n\nconst DropdownGrid = styled.div`\n  display: flex;\n  flex-wrap: wrap;\n  gap: 20px;\n  width: 48%;\n`;\n\nconst GroupedFields = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 7px;\n`;\n\nconst PairGroup = styled.div`\n  display: flex;\n  flex-direction: row;\n  gap: 20px;\n\n  @media (max-width: 768px) {\n    flex-direction: column;\n  }\n`;\n\nconst SmallGroup = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  flex: 1;\n  width: 48%;\n`;\n\nconst Wrapper = styled.div`\n  display: flex;\n  flex-wrap: wrap;\n  gap: 20px;\n  width: 100%;\n  padding: 10px 0;\n`;\n\nconst FieldGroup = styled.div<{ wide?: boolean }>`\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  flex: ${props => (props.wide ? 2 : 1)};\n`;\n\nconst TextInput = styled(TextArea)`\n  resize: none;\n  width: 100%;\n  min-height: 180px;\n`;\n\nconst StyledInput = styled(Input)`\n  width: 100%;\n  height: 38px;\n`;\n\nconst DateInput = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0 12px;\n  border-radius: 6px;\n  border: 1px solid #e0e2e7;\n  background-color: #fff;\n  color: #363a30;\n  height: 38px;\n  font-size: 14px;\n  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);\n`;\n\nconst Text = styled.div`\n  color: #363a30;\n  font-size: 14px;\n`;\n\nexport default SuccessContent;\n"],"names":["formatDate","date","padZero","num","year","month","SuccessContent","orderDetails","useOrderDetails","chargesState","useChargesState","baseUrlSymbol","getBaseUrlSymbol","productdata","useProductDetails","sortedProductData","b","products","item","excludedFields","totalChargesAmount","key","value","formattedDate","adhocTotalCharges","acc","Wrapper","jsxs","FieldGroup","jsx","Label","StyledInput","DateInput","Text","CalendarIcon","GroupedFields","PairGroup","SmallGroup","CurrencyWrapper","DropdownGrid","TextInput","styled","props","TextArea","Input"],"mappings":"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"}

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

@@ -0,0 +1,49 @@
+import n from "styled-components";
+const o = n.span`
+  font-family: 'Lato', sans-serif;
+  font-size: 16px;
+  font-weight: 600;
+  color: #6a7378;
+`, t = n.div`
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+`, i = n.div`
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  width: 300px;
+  justify-content: space-between;
+`, p = n.label`
+  font-size: 14px;
+  color: #7b7874;
+`, a = n.input`
+  width: 70px;
+  padding: 6px;
+  font-size: 14px;
+  border: 1px solid #ccc;
+  border-radius: 4px;
+  &::-webkit-inner-spin-button,
+  &::-webkit-outer-spin-button {
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    appearance: none;
+    margin: 0;
+  }
+`, s = n.div`
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+`, r = n.span`
+  color: #858d9d;
+`;
+export {
+  t as Container,
+  r as CurrencySymbol,
+  i as FieldRow,
+  a as Input,
+  p as Label,
+  s as MainContainer,
+  o as Title
+};
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../../../src/components/order-view/order-actions/actions/force-debrief/styles.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nexport const Title = styled.span`\n  font-family: 'Lato', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: #6a7378;\n`;\n\nexport const Container = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n`;\n\nexport const FieldRow = styled.div`\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  width: 300px;\n  justify-content: space-between;\n`;\n\nexport const Label = styled.label`\n  font-size: 14px;\n  color: #7b7874;\n`;\n\nexport const Input = styled.input`\n  width: 70px;\n  padding: 6px;\n  font-size: 14px;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  &::-webkit-inner-spin-button,\n  &::-webkit-outer-spin-button {\n    -webkit-appearance: none;\n    -moz-appearance: none;\n    appearance: none;\n    margin: 0;\n  }\n`;\n\nexport const MainContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n`;\nexport const CurrencySymbol = styled.span`\n  color: #858d9d;\n`;\n"],"names":["Title","styled","Container","FieldRow","Label","Input","MainContainer","CurrencySymbol"],"mappings":";AAEO,MAAMA,IAAQC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAOfC,IAAYD,EAAO;AAAA;AAAA;AAAA;AAAA,GAMnBE,IAAWF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQlBG,IAAQH,EAAO;AAAA;AAAA;AAAA,GAKfI,IAAQJ,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAefK,IAAgBL,EAAO;AAAA;AAAA;AAAA;AAAA,GAKvBM,IAAiBN,EAAO;AAAA;AAAA;"}

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

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

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

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