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

package/dist/components/order-view/order-details/expanded-content/instruction-section/DeliveryInstructions.js

@@ -0,0 +1,36 @@
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import { TextArea as a, Label as d } from "@bjsdistribution/dms-component-library";
+import r from "styled-components";
+import { useOrderDetails as c } from "../../../store.js";
+function y() {
+  const [t, i] = c(), n = (o) => {
+    i((s) => ({
+      ...s,
+      delivery_instructions: o.target.value
+    }));
+  };
+  return /* @__PURE__ */ l(f, { children: [
+    /* @__PURE__ */ e(d, { label: "Delivery Instructions" }),
+    /* @__PURE__ */ e(
+      u,
+      {
+        value: t?.delivery_instructions || "",
+        placeholder: "add delivery instructions",
+        onChange: n
+      }
+    )
+  ] });
+}
+const u = r(a)`
+  flex: 1;
+  resize: none;
+`, f = r.div`
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  flex: 1;
+`;
+export {
+  y as default
+};
+//# sourceMappingURL=DeliveryInstructions.js.map

package/dist/components/order-view/order-details/expanded-content/instruction-section/DeliveryInstructions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeliveryInstructions.js","sources":["../../../../../../src/components/order-view/order-details/expanded-content/instruction-section/DeliveryInstructions.tsx"],"sourcesContent":["import { Label, TextArea } from '@bjsdistribution/dms-component-library';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { useOrderDetails } from '../../../store';\n\nfunction DeliveryInstructions() {\n  const [orderDetails, setOrderDetails] = useOrderDetails();\n\n  const onChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n    setOrderDetails(prev => {\n      return {\n        ...prev,\n        delivery_instructions: e.target.value,\n      };\n    });\n  };\n\n  return (\n    <Container>\n      <Label label=\"Delivery Instructions\" />\n      <CustomTextArea\n        value={orderDetails?.delivery_instructions || ''}\n        placeholder=\"add delivery instructions\"\n        onChange={onChange}\n      />\n    </Container>\n  );\n}\n\nconst CustomTextArea = styled(TextArea)`\n  flex: 1;\n  resize: none;\n`;\n\nconst Container = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  flex: 1;\n`;\n\nexport default DeliveryInstructions;\n"],"names":["DeliveryInstructions","orderDetails","setOrderDetails","useOrderDetails","onChange","e","prev","Container","jsx","Label","CustomTextArea","styled","TextArea"],"mappings":";;;;AAKA,SAASA,IAAuB;AAC9B,QAAM,CAACC,GAAcC,CAAe,IAAIC,EAAA,GAElCC,IAAW,CAACC,MAA8C;AAC9D,IAAAH,EAAgB,CAAAI,OACP;AAAA,MACL,GAAGA;AAAA,MACH,uBAAuBD,EAAE,OAAO;AAAA,IAAA,EAEnC;AAAA,EACH;AAEA,2BACGE,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAM,OAAM,wBAAA,CAAwB;AAAA,IACrC,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,OAAOT,GAAc,yBAAyB;AAAA,QAC9C,aAAY;AAAA,QACZ,UAAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;AAEA,MAAMM,IAAiBC,EAAOC,CAAQ;AAAA;AAAA;AAAA,GAKhCL,IAAYI,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/components/order-view/order-details/expanded-content/instruction-section/OrderStatusNote.js

@@ -0,0 +1,36 @@
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import { TextArea as d, Label as i } from "@bjsdistribution/dms-component-library";
+import t from "styled-components";
+import { useOrderDetails as u } from "../../../store.js";
+function _() {
+  const [r, o] = u(), s = (a) => {
+    o((n) => ({
+      ...n,
+      order_status_note: a.target.value
+    }));
+  };
+  return /* @__PURE__ */ l(m, { children: [
+    /* @__PURE__ */ e(i, { label: "Order Status Note" }),
+    /* @__PURE__ */ e(
+      f,
+      {
+        value: r?.order_status_note || "",
+        placeholder: "add order status note",
+        onChange: s
+      }
+    )
+  ] });
+}
+const f = t(d)`
+  flex: 1;
+  resize: none;
+`, m = t.div`
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  flex: 1;
+`;
+export {
+  _ as default
+};
+//# sourceMappingURL=OrderStatusNote.js.map

package/dist/components/order-view/order-details/expanded-content/instruction-section/OrderStatusNote.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrderStatusNote.js","sources":["../../../../../../src/components/order-view/order-details/expanded-content/instruction-section/OrderStatusNote.tsx"],"sourcesContent":["import { Label, TextArea } from '@bjsdistribution/dms-component-library';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { useOrderDetails } from '../../../store';\n\nfunction OrderStatusNote() {\n  const [orderDetails, setOrderDetails] = useOrderDetails();\n\n  const onChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n    setOrderDetails(prev => {\n      return {\n        ...prev,\n        order_status_note: e.target.value,\n      };\n    });\n  };\n\n  return (\n    <Container>\n      <Label label=\"Order Status Note\" />\n      <CustomTextArea\n        value={orderDetails?.order_status_note || ''}\n        placeholder='add order status note'\n        onChange={onChange}\n      />\n    </Container>\n  );\n}\n\nconst CustomTextArea = styled(TextArea)`\n  flex: 1;\n  resize: none;\n`;\n\nconst Container = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  flex: 1;\n`;\n\nexport default OrderStatusNote;\n"],"names":["OrderStatusNote","orderDetails","setOrderDetails","useOrderDetails","onChange","e","prev","Container","jsx","Label","CustomTextArea","styled","TextArea"],"mappings":";;;;AAKA,SAASA,IAAkB;AACzB,QAAM,CAACC,GAAcC,CAAe,IAAIC,EAAA,GAElCC,IAAW,CAACC,MAA8C;AAC9D,IAAAH,EAAgB,CAAAI,OACP;AAAA,MACL,GAAGA;AAAA,MACH,mBAAmBD,EAAE,OAAO;AAAA,IAAA,EAE/B;AAAA,EACH;AAEA,2BACGE,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAM,OAAM,oBAAA,CAAoB;AAAA,IACjC,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,OAAOT,GAAc,qBAAqB;AAAA,QAC1C,aAAY;AAAA,QACZ,UAAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;AAEA,MAAMM,IAAiBC,EAAOC,CAAQ;AAAA;AAAA;AAAA,GAKhCL,IAAYI,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/components/order-view/order-details/expanded-content/instruction-section/OtherInstructions.js

@@ -0,0 +1,36 @@
+import { jsxs as l, jsx as t } from "react/jsx-runtime";
+import { TextArea as a, Label as c } from "@bjsdistribution/dms-component-library";
+import e from "styled-components";
+import { useOrderDetails as u } from "../../../store.js";
+function O() {
+  const [r, o] = u(), s = (n) => {
+    o((i) => ({
+      ...i,
+      other_instructions: n.target.value
+    }));
+  };
+  return /* @__PURE__ */ l(m, { children: [
+    /* @__PURE__ */ t(c, { label: "Other Instructions (simple instructions)" }),
+    /* @__PURE__ */ t(
+      d,
+      {
+        value: r?.other_instructions || "",
+        placeholder: "add other instructions",
+        onChange: s
+      }
+    )
+  ] });
+}
+const d = e(a)`
+  flex: 1;
+  resize: none;
+`, m = e.div`
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  flex: 1;
+`;
+export {
+  O as default
+};
+//# sourceMappingURL=OtherInstructions.js.map

package/dist/components/order-view/order-details/expanded-content/instruction-section/OtherInstructions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OtherInstructions.js","sources":["../../../../../../src/components/order-view/order-details/expanded-content/instruction-section/OtherInstructions.tsx"],"sourcesContent":["import { Label, TextArea } from '@bjsdistribution/dms-component-library';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { useOrderDetails } from '../../../store';\n\nfunction OtherInstructions() {\n  const [orderDetails, setOrderDetails] = useOrderDetails();\n\n  const onChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n    setOrderDetails(prev => {\n      return {\n        ...prev,\n        other_instructions: e.target.value,\n      };\n    });\n  };\n\n  return (\n    <Container>\n      <Label label=\"Other Instructions (simple instructions)\" />\n      <CustomTextArea\n        value={orderDetails?.other_instructions || ''}\n        placeholder=\"add other instructions\"\n        onChange={onChange}\n      />\n    </Container>\n  );\n}\n\nconst CustomTextArea = styled(TextArea)`\n  flex: 1;\n  resize: none;\n`;\n\nconst Container = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  flex: 1;\n`;\n\nexport default OtherInstructions;\n"],"names":["OtherInstructions","orderDetails","setOrderDetails","useOrderDetails","onChange","e","prev","Container","jsx","Label","CustomTextArea","styled","TextArea"],"mappings":";;;;AAKA,SAASA,IAAoB;AAC3B,QAAM,CAACC,GAAcC,CAAe,IAAIC,EAAA,GAElCC,IAAW,CAACC,MAA8C;AAC9D,IAAAH,EAAgB,CAAAI,OACP;AAAA,MACL,GAAGA;AAAA,MACH,oBAAoBD,EAAE,OAAO;AAAA,IAAA,EAEhC;AAAA,EACH;AAEA,2BACGE,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAM,OAAM,2CAAA,CAA2C;AAAA,IACxD,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,OAAOT,GAAc,sBAAsB;AAAA,QAC3C,aAAY;AAAA,QACZ,UAAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;AAEA,MAAMM,IAAiBC,EAAOC,CAAQ;AAAA;AAAA;AAAA,GAKhCL,IAAYI,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/components/order-view/order-details/expanded-content/instruction-section/index.js

@@ -0,0 +1,33 @@
+import { jsxs as r, jsx as o } from "react/jsx-runtime";
+import { FormSection as i } from "@bjsdistribution/dms-component-library";
+import t from "styled-components";
+import e from "../../common/Header.js";
+import n from "./OrderStatusNote.js";
+import s from "./DeliveryInstructions.js";
+import m from "./OtherInstructions.js";
+function I() {
+  return /* @__PURE__ */ r(c, { children: [
+    /* @__PURE__ */ o(e, { label: "Instructions / Notes" }),
+    /* @__PURE__ */ r(p, { children: [
+      /* @__PURE__ */ o(n, {}),
+      /* @__PURE__ */ o(s, {}),
+      /* @__PURE__ */ o(m, {})
+    ] })
+  ] });
+}
+const p = t.div`
+  display: flex;
+  flex-direction: column;
+  gap: 7px;
+  flex: 1;
+`, c = t(i)`
+  flex: 1;
+  border-radius: 8px;
+  background: #f8fafc;
+  box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1);
+  padding: 24px !important;
+`;
+export {
+  I as default
+};
+//# sourceMappingURL=index.js.map

package/dist/components/order-view/order-details/expanded-content/instruction-section/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../src/components/order-view/order-details/expanded-content/instruction-section/index.tsx"],"sourcesContent":["import { FormSection } from '@bjsdistribution/dms-component-library';\nimport React from 'react';\nimport styled from 'styled-components';\nimport Header from '../../common/Header';\nimport OrderStatusNote from './OrderStatusNote';\nimport DeliveryInstructions from './DeliveryInstructions';\nimport OtherInstructions from './OtherInstructions';\n\nfunction InstructionSection() {\n  return (\n    <CustomFormSection>\n      <Header label=\"Instructions / Notes\" />\n      <FormInputs>\n        <OrderStatusNote />\n        <DeliveryInstructions />\n        <OtherInstructions />\n      </FormInputs>\n    </CustomFormSection>\n  );\n}\nconst FormInputs = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 7px;\n  flex: 1;\n`;\n\nconst CustomFormSection = styled(FormSection)`\n  flex: 1;\n  border-radius: 8px;\n  background: #f8fafc;\n  box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1);\n  padding: 24px !important;\n`;\n\nexport default InstructionSection;\n"],"names":["InstructionSection","CustomFormSection","jsx","Header","FormInputs","OrderStatusNote","DeliveryInstructions","OtherInstructions","styled","FormSection"],"mappings":";;;;;;;AAQA,SAASA,IAAqB;AAC5B,2BACGC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAO,OAAM,uBAAA,CAAuB;AAAA,sBACpCC,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAF,EAACG,GAAA,EAAgB;AAAA,wBAChBC,GAAA,EAAqB;AAAA,wBACrBC,GAAA,CAAA,CAAkB;AAAA,IAAA,EAAA,CACrB;AAAA,EAAA,GACF;AAEJ;AACA,MAAMH,IAAaI,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAOpBP,IAAoBO,EAAOC,CAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/components/order-view/order-details/expanded-content/orders-section/Carrier.js

@@ -0,0 +1,54 @@
+import { jsxs as O, jsx as a } from "react/jsx-runtime";
+import { Label as S, SelectDropdown as x } from "@bjsdistribution/dms-component-library";
+import g from "styled-components";
+import { useOrderDetails as _, useStatusDetails as N, usegetClientData as w } from "../../../store.js";
+import { useSubContracterData as y, useClientPortal as F } from "../../../../store.js";
+function L() {
+  const [n, i] = _(), [s] = y(), [c] = N(), [d] = F(), [u] = w(), m = JSON.parse(
+    localStorage?.getItem("Client_iD") || "{}"
+  ), p = Number(m?.client_id), r = s?.map((e) => ({
+    label: e?.name,
+    value: e?.id
+  })) || [], f = r?.find(
+    (e) => e?.value === n?.carrier_id
+  ), l = u?.find(
+    (e) => Number(e?.client_id) === p
+  )?.name, C = l ? { label: l, value: "" } : null, D = (e) => {
+    i((h) => ({
+      ...h,
+      carrier_id: e?.value
+    }));
+  }, t = c?.[0] || {}, o = [
+    t?.released,
+    t?.received === !0 || t?.received === "True",
+    t?.scheduled,
+    t?.confirmed,
+    t?.delivered,
+    t?.completed
+  ].filter((e) => e !== void 0), b = o.length > 0 && o.every((e) => e === !0), v = d ? !0 : b && t?.routed === !0;
+  return /* @__PURE__ */ O(I, { children: [
+    /* @__PURE__ */ a(S, { label: "Carrier", htmlFor: "CarrierDropdown" }),
+    /* @__PURE__ */ a(
+      x,
+      {
+        placeholder: "Select Carrier",
+        inputId: "CarrierDropdown",
+        openMenuOnFocus: !1,
+        value: f || C || null,
+        options: r,
+        onChange: D,
+        isDisabled: v
+      }
+    )
+  ] });
+}
+const I = g.div`
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  flex: 1;
+`;
+export {
+  L as default
+};
+//# sourceMappingURL=Carrier.js.map

package/dist/components/order-view/order-details/expanded-content/orders-section/Carrier.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Carrier.js","sources":["../../../../../../src/components/order-view/order-details/expanded-content/orders-section/Carrier.tsx"],"sourcesContent":["import { Label, SelectDropdown } from '@bjsdistribution/dms-component-library';\nimport React from 'react';\nimport styled from 'styled-components';\nimport {\n  usegetClientData,\n  useOrderDetails,\n  useStatusDetails,\n} from '../../../store';\nimport { useClientPortal, useSubContracterData } from '../../../../store';\n\nfunction Carrier() {\n  const [orderDetails, setOrderDetails] = useOrderDetails();\n  const [subContracterData] = useSubContracterData();\n  const [orderStatus] = useStatusDetails();\n  const [isClientPortal] = useClientPortal();\n  const [clientData] = usegetClientData();\n\n  const localClientData = JSON.parse(\n    localStorage?.getItem('Client_iD') || '{}'\n  );\n  const clientId = Number(localClientData?.client_id);\n\n  // Build options from subContracterData\n  const carrierOptions =\n    subContracterData?.map((carrier: any) => ({\n      label: carrier?.name,\n      value: carrier?.id,\n    })) || [];\n\n  // find the value which is selected\n  const selectedCarrierOption = carrierOptions?.find(\n    (option: any) => option?.value === orderDetails?.carrier_id\n  );\n\n  // get client name when no carrierid found\n  const fallbackClientName = clientData?.find(\n    (client: any) => Number(client?.client_id) === clientId\n  )?.name;\n\n  // fall if no carrierid\n  const fallbackOption = fallbackClientName\n    ? { label: fallbackClientName, value: '' }\n    : null;\n\n  const onChange = (selectedOption: any) => {\n    setOrderDetails(prev => ({\n      ...prev,\n      carrier_id: selectedOption?.value,\n    }));\n  };\n\n  const order = orderStatus?.[0] || {};\n\n  const otherStatuses = [\n    order?.released,\n    order?.received === true || order?.received === 'True',\n    order?.scheduled,\n    order?.confirmed,\n    order?.delivered,\n    order?.completed,\n  ].filter(val => val !== undefined);\n\n  const allOthersTrue =\n    otherStatuses.length > 0 && otherStatuses.every(s => s === true);\n\n  const isDisabled = isClientPortal\n    ? true\n    : allOthersTrue && order?.routed === true;\n\n  return (\n    <FormContainer>\n      <Label label=\"Carrier\" htmlFor=\"CarrierDropdown\" />\n      <SelectDropdown\n        placeholder=\"Select Carrier\"\n        inputId=\"CarrierDropdown\"\n        openMenuOnFocus={false}\n        value={selectedCarrierOption || fallbackOption || null}\n        options={carrierOptions}\n        onChange={onChange}\n        isDisabled={isDisabled}\n      />\n    </FormContainer>\n  );\n}\n\nconst FormContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  flex: 1;\n`;\n\nexport default Carrier;\n"],"names":["Carrier","orderDetails","setOrderDetails","useOrderDetails","subContracterData","useSubContracterData","orderStatus","useStatusDetails","isClientPortal","useClientPortal","clientData","usegetClientData","localClientData","clientId","carrierOptions","carrier","selectedCarrierOption","option","fallbackClientName","client","fallbackOption","onChange","selectedOption","prev","order","otherStatuses","val","allOthersTrue","s","isDisabled","FormContainer","jsx","Label","SelectDropdown","styled"],"mappings":";;;;;AAUA,SAASA,IAAU;AACjB,QAAM,CAACC,GAAcC,CAAe,IAAIC,EAAA,GAClC,CAACC,CAAiB,IAAIC,EAAA,GACtB,CAACC,CAAW,IAAIC,EAAA,GAChB,CAACC,CAAc,IAAIC,EAAA,GACnB,CAACC,CAAU,IAAIC,EAAA,GAEfC,IAAkB,KAAK;AAAA,IAC3B,cAAc,QAAQ,WAAW,KAAK;AAAA,EAAA,GAElCC,IAAW,OAAOD,GAAiB,SAAS,GAG5CE,IACJV,GAAmB,IAAI,CAACW,OAAkB;AAAA,IACxC,OAAOA,GAAS;AAAA,IAChB,OAAOA,GAAS;AAAA,EAAA,EAChB,KAAK,CAAA,GAGHC,IAAwBF,GAAgB;AAAA,IAC5C,CAACG,MAAgBA,GAAQ,UAAUhB,GAAc;AAAA,EAAA,GAI7CiB,IAAqBR,GAAY;AAAA,IACrC,CAACS,MAAgB,OAAOA,GAAQ,SAAS,MAAMN;AAAA,EAAA,GAC9C,MAGGO,IAAiBF,IACnB,EAAE,OAAOA,GAAoB,OAAO,OACpC,MAEEG,IAAW,CAACC,MAAwB;AACxC,IAAApB,EAAgB,CAAAqB,OAAS;AAAA,MACvB,GAAGA;AAAA,MACH,YAAYD,GAAgB;AAAA,IAAA,EAC5B;AAAA,EACJ,GAEME,IAAQlB,IAAc,CAAC,KAAK,CAAA,GAE5BmB,IAAgB;AAAA,IACpBD,GAAO;AAAA,IACPA,GAAO,aAAa,MAAQA,GAAO,aAAa;AAAA,IAChDA,GAAO;AAAA,IACPA,GAAO;AAAA,IACPA,GAAO;AAAA,IACPA,GAAO;AAAA,EAAA,EACP,OAAO,CAAAE,MAAOA,MAAQ,MAAS,GAE3BC,IACJF,EAAc,SAAS,KAAKA,EAAc,MAAM,CAAAG,MAAKA,MAAM,EAAI,GAE3DC,IAAarB,IACf,KACAmB,KAAiBH,GAAO,WAAW;AAEvC,2BACGM,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAM,OAAM,WAAU,SAAQ,mBAAkB;AAAA,IACjD,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,aAAY;AAAA,QACZ,SAAQ;AAAA,QACR,iBAAiB;AAAA,QACjB,OAAOjB,KAAyBI,KAAkB;AAAA,QAClD,SAASN;AAAA,QACT,UAAAO;AAAA,QACA,YAAAQ;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;AAEA,MAAMC,IAAgBI,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/components/order-view/order-details/expanded-content/orders-section/ConsignmentNumber.js

@@ -0,0 +1,35 @@
+import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import { Label as i, displayValueOrNA as r } from "@bjsdistribution/dms-component-library";
+import n from "styled-components";
+import s from "../../../../../common/copy/CopyText.js";
+import { useOrderDetails as l } from "../../../store.js";
+function u() {
+  const [t] = l();
+  return /* @__PURE__ */ o(p, { children: [
+    /* @__PURE__ */ o(m, { children: [
+      /* @__PURE__ */ e(i, { label: "Consignment Number" }),
+      /* @__PURE__ */ e(s, { text: r(t.consignment) })
+    ] }),
+    /* @__PURE__ */ e(a, { children: r(t.consignment) })
+  ] });
+}
+const m = n.div`
+  display: flex;
+  align-items: center;
+  gap: 5px;
+`, a = n.span`
+  color: #249e45;
+  font-family: 'Lato', sans-serif;
+  font-size: 13px;
+  font-style: normal;
+  font-weight: 400;
+`, p = n.div`
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  flex: 1;
+`;
+export {
+  u as default
+};
+//# sourceMappingURL=ConsignmentNumber.js.map

package/dist/components/order-view/order-details/expanded-content/orders-section/ConsignmentNumber.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConsignmentNumber.js","sources":["../../../../../../src/components/order-view/order-details/expanded-content/orders-section/ConsignmentNumber.tsx"],"sourcesContent":["import {\n  Label,\n  displayValueOrNA,\n} from '@bjsdistribution/dms-component-library';\nimport React from 'react';\nimport styled from 'styled-components';\nimport CopyText from '../../../../../common/copy/CopyText';\nimport { useOrderDetails } from '../../../store';\n\nfunction ConsignmentNumber() {\n  const [orderDetails] = useOrderDetails();\n  return (\n    <Container>\n      <Wrapper>\n        <Label label=\"Consignment Number\" />\n        <CopyText text={displayValueOrNA(orderDetails.consignment)} />\n      </Wrapper>\n      <Consignment>{displayValueOrNA(orderDetails.consignment)}</Consignment>\n    </Container>\n  );\n}\n\nconst Wrapper = styled.div`\n  display: flex;\n  align-items: center;\n  gap: 5px;\n`;\n\nconst Consignment = styled.span`\n  color: #249e45;\n  font-family: 'Lato', sans-serif;\n  font-size: 13px;\n  font-style: normal;\n  font-weight: 400;\n`;\n\nconst Container = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  flex: 1;\n`;\n\nexport default ConsignmentNumber;\n"],"names":["ConsignmentNumber","orderDetails","useOrderDetails","Container","jsxs","Wrapper","jsx","Label","CopyText","displayValueOrNA","Consignment","styled"],"mappings":";;;;;AASA,SAASA,IAAoB;AAC3B,QAAM,CAACC,CAAY,IAAIC,EAAA;AACvB,2BACGC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAC,EAACC,GAAA,EAAM,OAAM,qBAAA,CAAqB;AAAA,wBACjCC,GAAA,EAAS,MAAMC,EAAiBR,EAAa,WAAW,EAAA,CAAG;AAAA,IAAA,GAC9D;AAAA,IACA,gBAAAK,EAACI,GAAA,EAAa,UAAAD,EAAiBR,EAAa,WAAW,EAAA,CAAE;AAAA,EAAA,GAC3D;AAEJ;AAEA,MAAMI,IAAUM,EAAO;AAAA;AAAA;AAAA;AAAA,GAMjBD,IAAcC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQrBR,IAAYQ,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/components/order-view/order-details/expanded-content/orders-section/DeliveryDate.js

@@ -0,0 +1,74 @@
+import { jsxs as c, jsx as s } from "react/jsx-runtime";
+import u from "styled-components";
+import { Label as h } from "@bjsdistribution/dms-component-library";
+import { DatePicker as _ } from "antd";
+import { useOrderDetails as x, usePrevOrderDetails as g, useStatusDetails as S } from "../../../store.js";
+import f from "dayjs";
+import { useClientPortal as w } from "../../../../store.js";
+function H() {
+  const [r, a] = x(), [n] = g(), [m] = S(), [D] = w(), l = r?.action_date ? new Date(r?.action_date) : null, p = (t, O) => {
+    const i = t?.format("YYYY-MM-DDTHH:mm:ss");
+    i !== void 0 && n.action_date !== void 0 ? new Date(i).toLocaleDateString() === new Date(n.action_date).toLocaleDateString() ? a((o) => ({
+      ...o,
+      action_date: n.action_date
+    })) : a((o) => ({
+      ...o,
+      action_date: i
+    })) : a((o) => ({
+      ...o,
+      action_date: null
+    }));
+  }, e = m?.[0] || {}, d = [
+    e?.released,
+    e?.received === !0 || e?.received === "True",
+    e?.scheduled,
+    e?.confirmed,
+    e?.delivered,
+    e?.completed
+  ].filter((t) => t !== void 0), v = d?.length > 0 && d?.every((t) => t === !0), y = D ? !0 : v && e?.routed === !0;
+  return /* @__PURE__ */ c(C, { children: [
+    /* @__PURE__ */ s(h, { label: "Delivery Date", children: " " }),
+    /* @__PURE__ */ s(L, { children: r?.order_routes?.slot ? /* @__PURE__ */ c("span", { style: { marginLeft: 5, fontSize: "12px", color: "#888" }, children: [
+      "Slot : ",
+      r?.order_routes?.slot
+    ] }) : null }),
+    /* @__PURE__ */ s(
+      _,
+      {
+        onChange: p,
+        value: l === null ? l : f(l),
+        format: "DD/MM/YY",
+        disabledDate: (t) => t && t < f().startOf("day"),
+        allowClear: !1,
+        disabled: y
+      }
+    )
+  ] });
+}
+const C = u.div`
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  flex: 1;
+  .slotvalue {
+    span {
+      color: #249e45 !important;
+      font-family: 'Lato', sans-serif;
+      font-size: 13px;
+      font-style: normal;
+      font-weight: 400;
+    }
+  }
+`, L = u.div`
+  span {
+    color: #249e45 !important;
+    font-family: 'Lato', sans-serif;
+    font-size: 13px;
+    font-style: normal;
+    font-weight: 400;
+  }
+`;
+export {
+  H as default
+};
+//# sourceMappingURL=DeliveryDate.js.map

package/dist/components/order-view/order-details/expanded-content/orders-section/DeliveryDate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeliveryDate.js","sources":["../../../../../../src/components/order-view/order-details/expanded-content/orders-section/DeliveryDate.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { Label } from '@bjsdistribution/dms-component-library';\nimport { DatePicker, DatePickerProps } from 'antd';\nimport {\n  useOrderDetails,\n  usePrevOrderDetails,\n  useStatusDetails,\n} from '../../../store';\nimport dayjs from 'dayjs';\nimport { useClientPortal } from '../../../../store';\n\nfunction DeliveryDate() {\n  const [orderDetails, setOrderDetails] = useOrderDetails();\n  const [prevOrderDetails] = usePrevOrderDetails();\n  const [orderStatus] = useStatusDetails();\n  const [isClientPortal] = useClientPortal();\n\n  const actionDate = orderDetails?.action_date\n    ? new Date(orderDetails?.action_date)\n    : null;\n\n  const onChange: DatePickerProps['onChange'] = (date, _dateString) => {\n    const selectedDate = date?.format('YYYY-MM-DDTHH:mm:ss');\n    if (\n      selectedDate !== undefined &&\n      prevOrderDetails.action_date !== undefined\n    ) {\n      if (\n        new Date(selectedDate).toLocaleDateString() ===\n        new Date(prevOrderDetails.action_date!).toLocaleDateString()\n      ) {\n        setOrderDetails(prev => {\n          return {\n            ...prev,\n            action_date: prevOrderDetails.action_date,\n          };\n        });\n      } else {\n        setOrderDetails(prev => {\n          return {\n            ...prev,\n            action_date: selectedDate,\n          };\n        });\n      }\n    } else {\n      setOrderDetails(prev => {\n        return {\n          ...prev,\n          action_date: null,\n        };\n      });\n    }\n  };\n\n  const order = orderStatus?.[0] || {};\n\n  const otherStatuses = [\n    order?.released,\n    order?.received === true || order?.received === 'True',\n    order?.scheduled,\n    order?.confirmed,\n    order?.delivered,\n    order?.completed,\n  ].filter(val => val !== undefined);\n\n  const allOthersTrue =\n    otherStatuses?.length > 0 && otherStatuses?.every(s => s === true);\n\n  const isDisabled = isClientPortal\n    ? true\n    : allOthersTrue && order?.routed === true;\n\n  return (\n    <MainContainer>\n      <Label label=\"Delivery Date\"> </Label>\n      <SlotContainer>\n        {orderDetails?.order_routes?.slot ? (\n          <span style={{ marginLeft: 5, fontSize: '12px', color: '#888' }}>\n            Slot : {orderDetails?.order_routes?.slot}\n          </span>\n        ) : null}\n      </SlotContainer>\n\n      <DatePicker\n        onChange={onChange}\n        value={actionDate === null ? actionDate : dayjs(actionDate)}\n        format=\"DD/MM/YY\"\n        disabledDate={current => current && current < dayjs().startOf('day')}\n        allowClear={false}\n        disabled={isDisabled}\n      />\n    </MainContainer>\n  );\n}\n\nconst MainContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  flex: 1;\n  .slotvalue {\n    span {\n      color: #249e45 !important;\n      font-family: 'Lato', sans-serif;\n      font-size: 13px;\n      font-style: normal;\n      font-weight: 400;\n    }\n  }\n`;\nconst SlotContainer = styled.div`\n  span {\n    color: #249e45 !important;\n    font-family: 'Lato', sans-serif;\n    font-size: 13px;\n    font-style: normal;\n    font-weight: 400;\n  }\n`;\n\nexport default DeliveryDate;\n"],"names":["DeliveryDate","orderDetails","setOrderDetails","useOrderDetails","prevOrderDetails","usePrevOrderDetails","orderStatus","useStatusDetails","isClientPortal","useClientPortal","actionDate","onChange","date","_dateString","selectedDate","prev","order","otherStatuses","val","allOthersTrue","s","isDisabled","MainContainer","jsx","Label","SlotContainer","jsxs","DatePicker","dayjs","current","styled"],"mappings":";;;;;;;AAYA,SAASA,IAAe;AACtB,QAAM,CAACC,GAAcC,CAAe,IAAIC,EAAA,GAClC,CAACC,CAAgB,IAAIC,EAAA,GACrB,CAACC,CAAW,IAAIC,EAAA,GAChB,CAACC,CAAc,IAAIC,EAAA,GAEnBC,IAAaT,GAAc,cAC7B,IAAI,KAAKA,GAAc,WAAW,IAClC,MAEEU,IAAwC,CAACC,GAAMC,MAAgB;AACnE,UAAMC,IAAeF,GAAM,OAAO,qBAAqB;AACvD,IACEE,MAAiB,UACjBV,EAAiB,gBAAgB,SAG/B,IAAI,KAAKU,CAAY,EAAE,mBAAA,MACvB,IAAI,KAAKV,EAAiB,WAAY,EAAE,uBAExCF,EAAgB,CAAAa,OACP;AAAA,MACL,GAAGA;AAAA,MACH,aAAaX,EAAiB;AAAA,IAAA,EAEjC,IAEDF,EAAgB,CAAAa,OACP;AAAA,MACL,GAAGA;AAAA,MACH,aAAaD;AAAA,IAAA,EAEhB,IAGHZ,EAAgB,CAAAa,OACP;AAAA,MACL,GAAGA;AAAA,MACH,aAAa;AAAA,IAAA,EAEhB;AAAA,EAEL,GAEMC,IAAQV,IAAc,CAAC,KAAK,CAAA,GAE5BW,IAAgB;AAAA,IACpBD,GAAO;AAAA,IACPA,GAAO,aAAa,MAAQA,GAAO,aAAa;AAAA,IAChDA,GAAO;AAAA,IACPA,GAAO;AAAA,IACPA,GAAO;AAAA,IACPA,GAAO;AAAA,EAAA,EACP,OAAO,CAAAE,MAAOA,MAAQ,MAAS,GAE3BC,IACJF,GAAe,SAAS,KAAKA,GAAe,MAAM,CAAAG,MAAKA,MAAM,EAAI,GAE7DC,IAAab,IACf,KACAW,KAAiBH,GAAO,WAAW;AAEvC,2BACGM,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAM,OAAM,iBAAgB,UAAA,KAAC;AAAA,IAC9B,gBAAAD,EAACE,GAAA,EACE,UAAAxB,GAAc,cAAc,OAC3B,gBAAAyB,EAAC,QAAA,EAAK,OAAO,EAAE,YAAY,GAAG,UAAU,QAAQ,OAAO,UAAU,UAAA;AAAA,MAAA;AAAA,MACvDzB,GAAc,cAAc;AAAA,IAAA,EAAA,CACtC,IACE,MACN;AAAA,IAEA,gBAAAsB;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,UAAAhB;AAAA,QACA,OAAOD,MAAe,OAAOA,IAAakB,EAAMlB,CAAU;AAAA,QAC1D,QAAO;AAAA,QACP,cAAc,CAAAmB,MAAWA,KAAWA,IAAUD,EAAA,EAAQ,QAAQ,KAAK;AAAA,QACnE,YAAY;AAAA,QACZ,UAAUP;AAAA,MAAA;AAAA,IAAA;AAAA,EACZ,GACF;AAEJ;AAEA,MAAMC,IAAgBQ,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAevBL,IAAgBK,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/components/order-view/order-details/expanded-content/orders-section/Depot.js

@@ -0,0 +1,49 @@
+import { jsxs as s, jsx as t } from "react/jsx-runtime";
+import { SelectDropdown as i, Label as a, dropdownStyles as c } from "@bjsdistribution/dms-component-library";
+import r from "styled-components";
+import { useOrderDetails as u, useDepotOptions as m } from "../../../store.js";
+function O() {
+  const [n, p] = u(), [e] = m(), d = (o) => {
+    p((l) => ({
+      ...l,
+      depot_id: o.value
+    }));
+  };
+  return /* @__PURE__ */ s(D, { children: [
+    /* @__PURE__ */ t(a, { label: "Depot", htmlFor: "depotDropdown" }),
+    /* @__PURE__ */ t(
+      f,
+      {
+        placeholder: "Select Depot",
+        inputId: "depotDropdown",
+        openMenuOnFocus: !1,
+        value: e.filter(
+          (o) => o.value === n.depot_id
+        ),
+        options: e || [],
+        onChange: d,
+        styles: {
+          ...c,
+          control: (o) => ({
+            ...o,
+            borderRadius: "25px",
+            cursor: "pointer"
+          })
+        }
+      }
+    )
+  ] });
+}
+const D = r.div`
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  flex: 1;
+`, f = r(i)`
+  min-width: 160px;
+`;
+export {
+  f as StyledSelectDropdown,
+  O as default
+};
+//# sourceMappingURL=Depot.js.map

package/dist/components/order-view/order-details/expanded-content/orders-section/Depot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Depot.js","sources":["../../../../../../src/components/order-view/order-details/expanded-content/orders-section/Depot.tsx"],"sourcesContent":["import {\n  Label,\n  SelectDropdown,\n  dropdownStyles,\n} from '@bjsdistribution/dms-component-library';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { useDepotOptions, useOrderDetails } from '../../../store';\n\nfunction DepotDropdown() {\n  const [orderDetails, setOrderDetails] = useOrderDetails();\n  const [depotOptions] = useDepotOptions();\n  const onChange = (e: any) => {\n    setOrderDetails(prev => {\n      return {\n        ...prev,\n        depot_id: e.value,\n      };\n    });\n  };\n  return (\n    <FormContainer>\n      <Label label=\"Depot\" htmlFor=\"depotDropdown\" />\n      <StyledSelectDropdown\n        placeholder=\"Select Depot\"\n        inputId=\"depotDropdown\"\n        openMenuOnFocus={false}\n        value={depotOptions.filter(\n          (x: any) => x.value === orderDetails.depot_id\n        )}\n        options={depotOptions || []}\n        onChange={onChange}\n        styles={{\n          ...dropdownStyles,\n\n          control: (styles: any) => ({\n            ...styles,\n            borderRadius: '25px',\n            cursor: 'pointer',\n          }),\n        }}\n      />\n    </FormContainer>\n  );\n}\n\nconst FormContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  flex: 1;\n`;\nexport const StyledSelectDropdown = styled(SelectDropdown)`\n  min-width: 160px;\n`;\nexport default DepotDropdown;\n"],"names":["DepotDropdown","orderDetails","setOrderDetails","useOrderDetails","depotOptions","useDepotOptions","onChange","e","prev","FormContainer","jsx","Label","StyledSelectDropdown","x","dropdownStyles","styles","styled","SelectDropdown"],"mappings":";;;;AASA,SAASA,IAAgB;AACvB,QAAM,CAACC,GAAcC,CAAe,IAAIC,EAAA,GAClC,CAACC,CAAY,IAAIC,EAAA,GACjBC,IAAW,CAACC,MAAW;AAC3B,IAAAL,EAAgB,CAAAM,OACP;AAAA,MACL,GAAGA;AAAA,MACH,UAAUD,EAAE;AAAA,IAAA,EAEf;AAAA,EACH;AACA,2BACGE,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAM,OAAM,SAAQ,SAAQ,iBAAgB;AAAA,IAC7C,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,aAAY;AAAA,QACZ,SAAQ;AAAA,QACR,iBAAiB;AAAA,QACjB,OAAOR,EAAa;AAAA,UAClB,CAACS,MAAWA,EAAE,UAAUZ,EAAa;AAAA,QAAA;AAAA,QAEvC,SAASG,KAAgB,CAAA;AAAA,QACzB,UAAAE;AAAA,QACA,QAAQ;AAAA,UACN,GAAGQ;AAAA,UAEH,SAAS,CAACC,OAAiB;AAAA,YACzB,GAAGA;AAAA,YACH,cAAc;AAAA,YACd,QAAQ;AAAA,UAAA;AAAA,QACV;AAAA,MACF;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;AAEA,MAAMN,IAAgBO,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAMhBJ,IAAuBI,EAAOC,CAAc;AAAA;AAAA;"}

package/dist/components/order-view/order-details/expanded-content/orders-section/Droptime.js

@@ -0,0 +1,46 @@
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import { Input as m, Label as a } from "@bjsdistribution/dms-component-library";
+import t from "styled-components";
+import { useOrderDetails as s } from "../../../store.js";
+import { handleKeyDown as u } from "../../../utils.js";
+function w() {
+  const [o, r] = s(), n = (i) => {
+    r((p) => ({
+      ...p,
+      drop_time: i.target.value
+    }));
+  };
+  return /* @__PURE__ */ l(c, { children: [
+    /* @__PURE__ */ e(a, { label: "Droptime", htmlFor: "droptime" }),
+    /* @__PURE__ */ e(
+      d,
+      {
+        name: "droptime",
+        type: "number",
+        placeholder: "0",
+        onKeyDown: u,
+        value: o?.drop_time || "",
+        onChange: n
+      }
+    )
+  ] });
+}
+const d = t(m)`
+  &::-webkit-outer-spin-button,
+  &::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+    margin: 0;
+  }
+  &:focus-visible {
+    outline: none;
+  }
+`, c = t.div`
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  flex: 1;
+`;
+export {
+  w as default
+};
+//# sourceMappingURL=Droptime.js.map

package/dist/components/order-view/order-details/expanded-content/orders-section/Droptime.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Droptime.js","sources":["../../../../../../src/components/order-view/order-details/expanded-content/orders-section/Droptime.tsx"],"sourcesContent":["import { Input, Label } from '@bjsdistribution/dms-component-library';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { useOrderDetails } from '../../../store';\nimport { handleKeyDown } from '../../../utils';\n\nfunction Droptime() {\n  const [orderDetails, setOrderDetails] = useOrderDetails();\n\n  const onChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    setOrderDetails(prev => {\n      return {\n        ...prev,\n        drop_time: e.target.value,\n      };\n    });\n  };\n\n  return (\n    <Container>\n      <Label label=\"Droptime\" htmlFor=\"droptime\" />\n      <CustomInput\n        name=\"droptime\"\n        type=\"number\"\n        placeholder=\"0\"\n        onKeyDown={handleKeyDown}\n        value={orderDetails?.drop_time || ''}\n        onChange={onChange}\n      />\n    </Container>\n  );\n}\n\nconst CustomInput = styled(Input)`\n  &::-webkit-outer-spin-button,\n  &::-webkit-inner-spin-button {\n    -webkit-appearance: none;\n    margin: 0;\n  }\n  &:focus-visible {\n    outline: none;\n  }\n`;\n\nconst Container = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  flex: 1;\n`;\n\nexport default Droptime;\n"],"names":["Droptime","orderDetails","setOrderDetails","useOrderDetails","onChange","e","prev","Container","jsx","Label","CustomInput","handleKeyDown","styled","Input"],"mappings":";;;;;AAMA,SAASA,IAAW;AAClB,QAAM,CAACC,GAAcC,CAAe,IAAIC,EAAA,GAElCC,IAAW,CAACC,MAA2C;AAC3D,IAAAH,EAAgB,CAAAI,OACP;AAAA,MACL,GAAGA;AAAA,MACH,WAAWD,EAAE,OAAO;AAAA,IAAA,EAEvB;AAAA,EACH;AAEA,2BACGE,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAM,OAAM,YAAW,SAAQ,YAAW;AAAA,IAC3C,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,MAAK;AAAA,QACL,aAAY;AAAA,QACZ,WAAWC;AAAA,QACX,OAAOV,GAAc,aAAa;AAAA,QAClC,UAAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;AAEA,MAAMM,IAAcE,EAAOC,CAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAW1BN,IAAYK,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/components/order-view/order-details/expanded-content/orders-section/OrderNumber.js

@@ -0,0 +1,44 @@
+import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import { Label as u, Input as a } from "@bjsdistribution/dms-component-library";
+import t from "styled-components";
+import s from "../../../../../common/copy/CopyText.js";
+import { useOrderDetails as p } from "../../../store.js";
+function _() {
+  const [r, n] = p(), d = r?.order_number !== null && r?.order_number !== void 0 && r?.order_number?.length > 0, l = (m) => {
+    n((i) => ({
+      ...i,
+      order_number: m.target.value
+    }));
+  };
+  return /* @__PURE__ */ o(c, { children: [
+    /* @__PURE__ */ o(b, { children: [
+      /* @__PURE__ */ e(u, { label: "Order Number", htmlFor: "order-number" }),
+      d && /* @__PURE__ */ e(s, { text: r?.order_number })
+    ] }),
+    /* @__PURE__ */ e(
+      a,
+      {
+        name: "order-number",
+        type: "text",
+        placeholder: "Order Number",
+        value: r?.order_number || "",
+        onChange: l,
+        style: { borderRadius: "25px" }
+      }
+    )
+  ] });
+}
+const b = t.div`
+  display: flex;
+  align-items: center;
+  gap: 5px;
+`, c = t.div`
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  flex: 1;
+`;
+export {
+  _ as default
+};
+//# sourceMappingURL=OrderNumber.js.map

package/dist/components/order-view/order-details/expanded-content/orders-section/OrderNumber.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrderNumber.js","sources":["../../../../../../src/components/order-view/order-details/expanded-content/orders-section/OrderNumber.tsx"],"sourcesContent":["import { Input, Label } from '@bjsdistribution/dms-component-library';\nimport React from 'react';\nimport styled from 'styled-components';\nimport CopyText from '../../../../../common/copy/CopyText';\nimport { useOrderDetails } from '../../../store';\n\nfunction OrderNumber() {\n  const [orderDetails, setOrderDetails] = useOrderDetails();\n  const showCopyIcon =\n    orderDetails?.order_number !== null &&\n    orderDetails?.order_number !== undefined &&\n    orderDetails?.order_number?.length > 0;\n\n  const onChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    setOrderDetails(prev => {\n      return {\n        ...prev,\n        order_number: e.target.value,\n      };\n    });\n  };\n  return (\n    <Container>\n      <Wrapper>\n        <Label label=\"Order Number\" htmlFor=\"order-number\" />\n        {showCopyIcon && <CopyText text={orderDetails?.order_number!} />}\n      </Wrapper>\n      <Input\n        name=\"order-number\"\n        type=\"text\"\n        placeholder=\"Order Number\"\n        value={orderDetails?.order_number || ''}\n        onChange={onChange}\n        style={{ borderRadius: '25px' }}\n      />\n    </Container>\n  );\n}\n\nconst Wrapper = styled.div`\n  display: flex;\n  align-items: center;\n  gap: 5px;\n`;\n\nconst Container = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  flex: 1;\n`;\n\nexport default OrderNumber;\n"],"names":["OrderNumber","orderDetails","setOrderDetails","useOrderDetails","showCopyIcon","onChange","e","prev","Container","jsxs","Wrapper","jsx","Label","CopyText","Input","styled"],"mappings":";;;;;AAMA,SAASA,IAAc;AACrB,QAAM,CAACC,GAAcC,CAAe,IAAIC,EAAA,GAClCC,IACJH,GAAc,iBAAiB,QAC/BA,GAAc,iBAAiB,UAC/BA,GAAc,cAAc,SAAS,GAEjCI,IAAW,CAACC,MAA2C;AAC3D,IAAAJ,EAAgB,CAAAK,OACP;AAAA,MACL,GAAGA;AAAA,MACH,cAAcD,EAAE,OAAO;AAAA,IAAA,EAE1B;AAAA,EACH;AACA,2BACGE,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAC,EAACC,GAAA,EAAM,OAAM,gBAAe,SAAQ,gBAAe;AAAA,MAClDR,KAAgB,gBAAAO,EAACE,GAAA,EAAS,MAAMZ,GAAc,aAAA,CAAe;AAAA,IAAA,GAChE;AAAA,IACA,gBAAAU;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,MAAK;AAAA,QACL,aAAY;AAAA,QACZ,OAAOb,GAAc,gBAAgB;AAAA,QACrC,UAAAI;AAAA,QACA,OAAO,EAAE,cAAc,OAAA;AAAA,MAAO;AAAA,IAAA;AAAA,EAChC,GACF;AAEJ;AAEA,MAAMK,IAAUK,EAAO;AAAA;AAAA;AAAA;AAAA,GAMjBP,IAAYO,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/components/order-view/order-details/expanded-content/orders-section/RecipientReference.js

@@ -0,0 +1,44 @@
+import { jsxs as n, jsx as r } from "react/jsx-runtime";
+import { Label as a, Input as f } from "@bjsdistribution/dms-component-library";
+import i from "styled-components";
+import { useOrderDetails as d } from "../../../store.js";
+import m from "../../../../../common/copy/CopyText.js";
+function C() {
+  const [t, o] = d(), e = t?.recipient_reference, c = e != null && e?.length > 0, p = (l) => {
+    o((s) => ({
+      ...s,
+      recipient_reference: l.target.value
+    }));
+  };
+  return /* @__PURE__ */ n(x, { children: [
+    /* @__PURE__ */ n(u, { children: [
+      /* @__PURE__ */ r(a, { label: "Recipient Reference", htmlFor: "recipient-reference" }),
+      c && /* @__PURE__ */ r(m, { text: e })
+    ] }),
+    /* @__PURE__ */ r(
+      f,
+      {
+        name: "recipient-reference",
+        type: "text",
+        placeholder: "Enter Recipient Reference",
+        value: t.recipient_reference || "",
+        onChange: p,
+        style: { borderRadius: "25px" }
+      }
+    )
+  ] });
+}
+const x = i.div`
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  flex: 1;
+`, u = i.div`
+  display: flex;
+  align-items: center;
+  gap: 5px;
+`;
+export {
+  C as default
+};
+//# sourceMappingURL=RecipientReference.js.map

package/dist/components/order-view/order-details/expanded-content/orders-section/RecipientReference.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RecipientReference.js","sources":["../../../../../../src/components/order-view/order-details/expanded-content/orders-section/RecipientReference.tsx"],"sourcesContent":["import { Input, Label } from '@bjsdistribution/dms-component-library';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { useOrderDetails } from '../../../store';\nimport CopyText from '../../../../../common/copy/CopyText';\n\nfunction RecipientReference() {\n  const [orderDetails, setOrderDetails] = useOrderDetails();\n  const orderRecipient = orderDetails?.recipient_reference;\n  const showCopyIcon =\n    orderRecipient !== undefined &&\n    orderRecipient !== null &&\n    orderRecipient?.length > 0;\n  const onChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    setOrderDetails(prev => {\n      return {\n        ...prev,\n        recipient_reference: e.target.value,\n      };\n    });\n  };\n  return (\n    <Container>\n      <Wrapper>\n        <Label label=\"Recipient Reference\" htmlFor=\"recipient-reference\" />\n        {showCopyIcon && <CopyText text={orderRecipient!} />}\n      </Wrapper>\n      <Input\n        name=\"recipient-reference\"\n        type=\"text\"\n        placeholder=\"Enter Recipient Reference\"\n        value={orderDetails.recipient_reference || ''}\n        onChange={onChange}\n        style={{ borderRadius: '25px' }}\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\nconst Wrapper = styled.div`\n  display: flex;\n  align-items: center;\n  gap: 5px;\n`;\n\nexport default RecipientReference;\n"],"names":["RecipientReference","orderDetails","setOrderDetails","useOrderDetails","orderRecipient","showCopyIcon","onChange","e","prev","Container","jsxs","Wrapper","jsx","Label","CopyText","Input","styled"],"mappings":";;;;;AAMA,SAASA,IAAqB;AAC5B,QAAM,CAACC,GAAcC,CAAe,IAAIC,EAAA,GAClCC,IAAiBH,GAAc,qBAC/BI,IAEJD,KAAmB,QACnBA,GAAgB,SAAS,GACrBE,IAAW,CAACC,MAA2C;AAC3D,IAAAL,EAAgB,CAAAM,OACP;AAAA,MACL,GAAGA;AAAA,MACH,qBAAqBD,EAAE,OAAO;AAAA,IAAA,EAEjC;AAAA,EACH;AACA,2BACGE,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAC,EAACC,GAAA,EAAM,OAAM,uBAAsB,SAAQ,uBAAsB;AAAA,MAChER,KAAgB,gBAAAO,EAACE,GAAA,EAAS,MAAMV,EAAA,CAAiB;AAAA,IAAA,GACpD;AAAA,IACA,gBAAAQ;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,MAAK;AAAA,QACL,aAAY;AAAA,QACZ,OAAOd,EAAa,uBAAuB;AAAA,QAC3C,UAAAK;AAAA,QACA,OAAO,EAAE,cAAc,OAAA;AAAA,MAAO;AAAA,IAAA;AAAA,EAChC,GACF;AAEJ;AAEA,MAAMG,IAAYO,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAOnBL,IAAUK,EAAO;AAAA;AAAA;AAAA;AAAA;"}

package/dist/components/order-view/order-details/expanded-content/orders-section/ScheduleAfter.js

@@ -0,0 +1,44 @@
+import { jsxs as i, jsx as d } from "react/jsx-runtime";
+import f from "styled-components";
+import { Label as c } from "@bjsdistribution/dms-component-library";
+import { useOrderDetails as u, usePrevOrderDetails as D } from "../../../store.js";
+import { DatePicker as m } from "antd";
+import n from "dayjs";
+function S() {
+  const [o, r] = u(), [a] = D(), l = o?.schedule_after ? new Date(o?.schedule_after) : null;
+  return /* @__PURE__ */ i(h, { children: [
+    /* @__PURE__ */ d(c, { label: "Schedule After" }),
+    /* @__PURE__ */ d(
+      m,
+      {
+        onChange: (t, _) => {
+          const s = t?.format("YYYY-MM-DDTHH:mm:ss");
+          s !== void 0 && a.schedule_after !== void 0 ? new Date(s).toLocaleDateString() === new Date(a.schedule_after).toLocaleDateString() ? r((e) => ({
+            ...e,
+            schedule_after: a.schedule_after
+          })) : r((e) => ({
+            ...e,
+            schedule_after: s
+          })) : r((e) => ({
+            ...e,
+            schedule_after: null
+          }));
+        },
+        value: l === null ? l : n(l),
+        format: "DD/MM/YY",
+        disabledDate: (t) => t && t < n().startOf("day"),
+        allowClear: !1
+      }
+    )
+  ] });
+}
+const h = f.div`
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  flex: 1;
+`;
+export {
+  S as default
+};
+//# sourceMappingURL=ScheduleAfter.js.map

package/dist/components/order-view/order-details/expanded-content/orders-section/ScheduleAfter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScheduleAfter.js","sources":["../../../../../../src/components/order-view/order-details/expanded-content/orders-section/ScheduleAfter.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { Label } from '@bjsdistribution/dms-component-library';\nimport { useOrderDetails, usePrevOrderDetails } from '../../../store';\nimport { DatePicker, DatePickerProps } from 'antd';\nimport dayjs from 'dayjs';\n\nfunction ScheduleAfter() {\n  const [orderDetails, setOrderDetails] = useOrderDetails();\n  const [prevOrderDetails] = usePrevOrderDetails();\n  const scheduleDate = orderDetails?.schedule_after\n    ? new Date(orderDetails?.schedule_after)\n    : null;\n\n  const onChange: DatePickerProps['onChange'] = (date, _dateString) => {\n    const selectedDate = date?.format('YYYY-MM-DDTHH:mm:ss');\n    if (\n      selectedDate !== undefined &&\n      prevOrderDetails.schedule_after !== undefined\n    ) {\n      if (\n        new Date(selectedDate).toLocaleDateString() ===\n        new Date(prevOrderDetails.schedule_after!).toLocaleDateString()\n      ) {\n        setOrderDetails(prev => {\n          return {\n            ...prev,\n            schedule_after: prevOrderDetails.schedule_after,\n          };\n        });\n      } else {\n        setOrderDetails(prev => {\n          return {\n            ...prev,\n            schedule_after: selectedDate,\n          };\n        });\n      }\n    } else {\n      setOrderDetails(prev => {\n        return {\n          ...prev,\n          schedule_after: null,\n        };\n      });\n    }\n  };\n\n  return (\n    <MainContainer>\n      <Label label=\"Schedule After\" />\n      <DatePicker\n        onChange={onChange}\n        value={scheduleDate === null ? scheduleDate : dayjs(scheduleDate)}\n        format=\"DD/MM/YY\"\n        disabledDate={current => current && current < dayjs().startOf('day')}\n        allowClear={false}\n      />\n    </MainContainer>\n  );\n}\n\nconst MainContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  flex: 1;\n`;\n\nexport default ScheduleAfter;\n"],"names":["ScheduleAfter","orderDetails","setOrderDetails","useOrderDetails","prevOrderDetails","usePrevOrderDetails","scheduleDate","MainContainer","jsx","Label","DatePicker","date","_dateString","selectedDate","prev","dayjs","current","styled"],"mappings":";;;;;;AAOA,SAASA,IAAgB;AACvB,QAAM,CAACC,GAAcC,CAAe,IAAIC,EAAA,GAClC,CAACC,CAAgB,IAAIC,EAAA,GACrBC,IAAeL,GAAc,iBAC/B,IAAI,KAAKA,GAAc,cAAc,IACrC;AAoCJ,2BACGM,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAM,OAAM,iBAAA,CAAiB;AAAA,IAC9B,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,UAtCwC,CAACC,GAAMC,MAAgB;AACnE,gBAAMC,IAAeF,GAAM,OAAO,qBAAqB;AACvD,UACEE,MAAiB,UACjBT,EAAiB,mBAAmB,SAGlC,IAAI,KAAKS,CAAY,EAAE,mBAAA,MACvB,IAAI,KAAKT,EAAiB,cAAe,EAAE,uBAE3CF,EAAgB,CAAAY,OACP;AAAA,YACL,GAAGA;AAAA,YACH,gBAAgBV,EAAiB;AAAA,UAAA,EAEpC,IAEDF,EAAgB,CAAAY,OACP;AAAA,YACL,GAAGA;AAAA,YACH,gBAAgBD;AAAA,UAAA,EAEnB,IAGHX,EAAgB,CAAAY,OACP;AAAA,YACL,GAAGA;AAAA,YACH,gBAAgB;AAAA,UAAA,EAEnB;AAAA,QAEL;AAAA,QAOM,OAAOR,MAAiB,OAAOA,IAAeS,EAAMT,CAAY;AAAA,QAChE,QAAO;AAAA,QACP,cAAc,CAAAU,MAAWA,KAAWA,IAAUD,EAAA,EAAQ,QAAQ,KAAK;AAAA,QACnE,YAAY;AAAA,MAAA;AAAA,IAAA;AAAA,EACd,GACF;AAEJ;AAEA,MAAMR,IAAgBU,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;"}