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

package/dist/components/order-view/order-actions/actions/confirm-order/customer-info/ContactMobile.js

@@ -0,0 +1,63 @@
+import { jsxs as p, jsx as n } from "react/jsx-runtime";
+import i from "styled-components";
+import { Input as f } from "antd";
+import { useOrderDetailsConfirmOrder as u, useErrorConfirmOrder as b } from "../../../../store.js";
+import { handleKeyDown as g } from "../../../../utils.js";
+function _() {
+  const [s, c] = u(), t = s?.order_recipient, [l, r] = b(), m = (o) => {
+    const a = o.target.value, d = {
+      ...t === null ? { contact_mobile: a } : { ...t, contact_mobile: a }
+    };
+    c((e) => ({
+      ...e,
+      order_recipient: d
+    })), o.target.value ? o.target.value.length < 10 ? r((e) => ({
+      ...e,
+      mobileError: "Phone number must be at least 10 digits."
+    })) : o.target.value.length > 11 ? r((e) => ({
+      ...e,
+      mobileError: "Phone number must not exceed 10 digits."
+    })) : r((e) => ({
+      ...e,
+      mobileError: ""
+    })) : r((e) => ({
+      ...e,
+      mobileError: ""
+    }));
+  };
+  return /* @__PURE__ */ p(h, { children: [
+    /* @__PURE__ */ n(x, { children: "Contact Mobile" }),
+    /* @__PURE__ */ n(
+      f,
+      {
+        name: "contact-work",
+        type: "text",
+        placeholder: "Mobile Number",
+        style: { borderRadius: "15px" },
+        value: t?.contact_mobile || "",
+        onKeyDown: g,
+        onChange: m
+      }
+    ),
+    l.mobileError && /* @__PURE__ */ n(E, { children: l.mobileError })
+  ] });
+}
+const x = i.label`
+  color: #6a7378;
+  font-family: 'Lato', sans-serif;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 500;
+`, h = i.div`
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+`, E = i.span`
+  color: red;
+  font-size: 0.85rem;
+  margin-top: 4px;
+`;
+export {
+  _ as default
+};
+//# sourceMappingURL=ContactMobile.js.map

package/dist/components/order-view/order-actions/actions/confirm-order/customer-info/ContactMobile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContactMobile.js","sources":["../../../../../../../src/components/order-view/order-actions/actions/confirm-order/customer-info/ContactMobile.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { Input } from 'antd';\nimport {\n  useErrorConfirmOrder,\n  useOrderDetailsConfirmOrder,\n} from '../../../../store';\nimport { handleKeyDown } from '../../../../utils';\n\nfunction ContactMobile() {\n  const [orderDetails, setOrderDetails] = useOrderDetailsConfirmOrder();\n  const orderRecipient = orderDetails?.order_recipient;\n  const [errors, setErrors] = useErrorConfirmOrder();\n\n  const onChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const val = e.target.value;\n    const updatedOrderRecipient = {\n      ...(orderRecipient === null\n        ? { contact_mobile: val }\n        : { ...orderRecipient, contact_mobile: val }),\n    };\n    setOrderDetails(prev => {\n      return {\n        ...prev,\n        order_recipient: updatedOrderRecipient,\n      };\n    });\n\n    if (e.target.value) {\n      if (e.target.value.length < 10) {\n        setErrors(prevErrors => ({\n          ...prevErrors,\n          mobileError: 'Phone number must be at least 10 digits.',\n        }));\n      } else if (e.target.value.length > 11) {\n        setErrors(prevErrors => ({\n          ...prevErrors,\n          mobileError: 'Phone number must not exceed 10 digits.',\n        }));\n      } else {\n        setErrors(prevErrors => ({\n          ...prevErrors,\n          mobileError: '',\n        }));\n      }\n    } else {\n      setErrors(prevErrors => ({\n        ...prevErrors,\n        mobileError: '',\n      }));\n    }\n  };\n  return (\n    <Container>\n      <Label>Contact Mobile</Label>\n      <Input\n        name=\"contact-work\"\n        type=\"text\"\n        placeholder=\"Mobile Number\"\n        style={{ borderRadius: '15px' }}\n        value={orderRecipient?.contact_mobile || ''}\n        onKeyDown={handleKeyDown}\n        onChange={onChange}\n      />\n      {errors.mobileError && <ErrorText>{errors.mobileError}</ErrorText>}\n    </Container>\n  );\n}\n\nconst Label = styled.label`\n  color: #6a7378;\n  font-family: 'Lato', sans-serif;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n`;\n\nconst Container = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n`;\n\nconst ErrorText = styled.span`\n  color: red;\n  font-size: 0.85rem;\n  margin-top: 4px;\n`;\n\nexport default ContactMobile;\n"],"names":["ContactMobile","orderDetails","setOrderDetails","useOrderDetailsConfirmOrder","orderRecipient","errors","setErrors","useErrorConfirmOrder","onChange","e","val","updatedOrderRecipient","prev","prevErrors","Container","jsx","Label","Input","handleKeyDown","ErrorText","styled"],"mappings":";;;;;AASA,SAASA,IAAgB;AACvB,QAAM,CAACC,GAAcC,CAAe,IAAIC,EAAA,GAClCC,IAAiBH,GAAc,iBAC/B,CAACI,GAAQC,CAAS,IAAIC,EAAA,GAEtBC,IAAW,CAACC,MAA2C;AAC3D,UAAMC,IAAMD,EAAE,OAAO,OACfE,IAAwB;AAAA,MAC5B,GAAIP,MAAmB,OACnB,EAAE,gBAAgBM,EAAA,IAClB,EAAE,GAAGN,GAAgB,gBAAgBM,EAAA;AAAA,IAAI;AAE/C,IAAAR,EAAgB,CAAAU,OACP;AAAA,MACL,GAAGA;AAAA,MACH,iBAAiBD;AAAA,IAAA,EAEpB,GAEGF,EAAE,OAAO,QACPA,EAAE,OAAO,MAAM,SAAS,KAC1BH,EAAU,CAAAO,OAAe;AAAA,MACvB,GAAGA;AAAA,MACH,aAAa;AAAA,IAAA,EACb,IACOJ,EAAE,OAAO,MAAM,SAAS,KACjCH,EAAU,CAAAO,OAAe;AAAA,MACvB,GAAGA;AAAA,MACH,aAAa;AAAA,IAAA,EACb,IAEFP,EAAU,CAAAO,OAAe;AAAA,MACvB,GAAGA;AAAA,MACH,aAAa;AAAA,IAAA,EACb,IAGJP,EAAU,CAAAO,OAAe;AAAA,MACvB,GAAGA;AAAA,MACH,aAAa;AAAA,IAAA,EACb;AAAA,EAEN;AACA,2BACGC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACC,KAAM,UAAA,iBAAA,CAAc;AAAA,IACrB,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,MAAK;AAAA,QACL,aAAY;AAAA,QACZ,OAAO,EAAE,cAAc,OAAA;AAAA,QACvB,OAAOb,GAAgB,kBAAkB;AAAA,QACzC,WAAWc;AAAA,QACX,UAAAV;AAAA,MAAA;AAAA,IAAA;AAAA,IAEDH,EAAO,eAAe,gBAAAU,EAACI,GAAA,EAAW,YAAO,YAAA,CAAY;AAAA,EAAA,GACxD;AAEJ;AAEA,MAAMH,IAAQI,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQfN,IAAYM,EAAO;AAAA;AAAA;AAAA;AAAA,GAMnBD,IAAYC,EAAO;AAAA;AAAA;AAAA;AAAA;"}

package/dist/components/order-view/order-actions/actions/confirm-order/customer-info/ContactPhone.js

@@ -0,0 +1,63 @@
+import { jsxs as h, jsx as n } from "react/jsx-runtime";
+import a from "styled-components";
+import { Input as p } from "antd";
+import { useOrderDetailsConfirmOrder as f, useErrorConfirmOrder as u } from "../../../../store.js";
+import { handleKeyDown as g } from "../../../../utils.js";
+function _() {
+  const [c, l] = f(), o = c?.order_recipient, [i, r] = u(), m = (t) => {
+    const s = t.target.value, d = {
+      ...o === null ? { contact_home: s } : { ...o, contact_home: s }
+    };
+    l((e) => ({
+      ...e,
+      order_recipient: d
+    })), t.target.value ? t.target.value.length < 10 ? r((e) => ({
+      ...e,
+      homeContactError: "Phone number must be at least 10 digits."
+    })) : t.target.value.length > 11 ? r((e) => ({
+      ...e,
+      homeContactError: "Phone number must not exceed 10 digits."
+    })) : r((e) => ({
+      ...e,
+      homeContactError: ""
+    })) : r((e) => ({
+      ...e,
+      homeContactError: ""
+    }));
+  };
+  return /* @__PURE__ */ h(C, { children: [
+    /* @__PURE__ */ n(x, { children: "Contact Phone" }),
+    /* @__PURE__ */ n(
+      p,
+      {
+        name: "contact-home",
+        type: "text",
+        placeholder: "Home Number",
+        onKeyDown: g,
+        style: { borderRadius: "15px" },
+        value: o?.contact_home || "",
+        onChange: m
+      }
+    ),
+    i.homeContactError && /* @__PURE__ */ n(E, { children: i.homeContactError })
+  ] });
+}
+const x = a.label`
+  color: #6a7378;
+  font-family: 'Lato', sans-serif;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 500;
+`, C = a.div`
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+`, E = a.span`
+  color: red;
+  font-size: 0.85rem;
+  margin-top: 4px;
+`;
+export {
+  _ as default
+};
+//# sourceMappingURL=ContactPhone.js.map

package/dist/components/order-view/order-actions/actions/confirm-order/customer-info/ContactPhone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContactPhone.js","sources":["../../../../../../../src/components/order-view/order-actions/actions/confirm-order/customer-info/ContactPhone.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { Input } from 'antd';\nimport {\n  useErrorConfirmOrder,\n  useOrderDetailsConfirmOrder,\n} from '../../../../store';\nimport { handleKeyDown } from '../../../../utils';\n\nfunction ContactPhone() {\n  const [orderDetails, setOrderDetails] = useOrderDetailsConfirmOrder();\n  const orderRecipient = orderDetails?.order_recipient;\n  const [errors, setErrors] = useErrorConfirmOrder();\n\n  const onChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const val = e.target.value;\n    const updatedOrderRecipient = {\n      ...(orderRecipient === null\n        ? { contact_home: val }\n        : { ...orderRecipient, contact_home: val }),\n    };\n    setOrderDetails(prev => {\n      return {\n        ...prev,\n        order_recipient: updatedOrderRecipient,\n      };\n    });\n\n    if (e.target.value) {\n      if (e.target.value.length < 10) {\n        setErrors(prevErrors => ({\n          ...prevErrors,\n          homeContactError: 'Phone number must be at least 10 digits.',\n        }));\n      } else if (e.target.value.length > 11) {\n        setErrors(prevErrors => ({\n          ...prevErrors,\n          homeContactError: 'Phone number must not exceed 10 digits.',\n        }));\n      } else {\n        setErrors(prevErrors => ({\n          ...prevErrors,\n          homeContactError: '',\n        }));\n      }\n    } else {\n      setErrors(prevErrors => ({\n        ...prevErrors,\n        homeContactError: '',\n      }));\n    }\n  };\n\n  return (\n    <Container>\n      <Label>Contact Phone</Label>\n      <Input\n        name=\"contact-home\"\n        type=\"text\"\n        placeholder=\"Home Number\"\n        onKeyDown={handleKeyDown}\n        style={{ borderRadius: '15px' }}\n        value={orderRecipient?.contact_home || ''}\n        onChange={onChange}\n      />\n      {errors.homeContactError && (\n        <ErrorText>{errors.homeContactError}</ErrorText>\n      )}\n    </Container>\n  );\n}\n\nconst Label = styled.label`\n  color: #6a7378;\n  font-family: 'Lato', sans-serif;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n`;\n\nconst Container = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n`;\n\nconst ErrorText = styled.span`\n  color: red;\n  font-size: 0.85rem;\n  margin-top: 4px;\n`;\n\nexport default ContactPhone;\n"],"names":["ContactPhone","orderDetails","setOrderDetails","useOrderDetailsConfirmOrder","orderRecipient","errors","setErrors","useErrorConfirmOrder","onChange","e","val","updatedOrderRecipient","prev","prevErrors","Container","jsx","Label","Input","handleKeyDown","ErrorText","styled"],"mappings":";;;;;AASA,SAASA,IAAe;AACtB,QAAM,CAACC,GAAcC,CAAe,IAAIC,EAAA,GAClCC,IAAiBH,GAAc,iBAC/B,CAACI,GAAQC,CAAS,IAAIC,EAAA,GAEtBC,IAAW,CAACC,MAA2C;AAC3D,UAAMC,IAAMD,EAAE,OAAO,OACfE,IAAwB;AAAA,MAC5B,GAAIP,MAAmB,OACnB,EAAE,cAAcM,EAAA,IAChB,EAAE,GAAGN,GAAgB,cAAcM,EAAA;AAAA,IAAI;AAE7C,IAAAR,EAAgB,CAAAU,OACP;AAAA,MACL,GAAGA;AAAA,MACH,iBAAiBD;AAAA,IAAA,EAEpB,GAEGF,EAAE,OAAO,QACPA,EAAE,OAAO,MAAM,SAAS,KAC1BH,EAAU,CAAAO,OAAe;AAAA,MACvB,GAAGA;AAAA,MACH,kBAAkB;AAAA,IAAA,EAClB,IACOJ,EAAE,OAAO,MAAM,SAAS,KACjCH,EAAU,CAAAO,OAAe;AAAA,MACvB,GAAGA;AAAA,MACH,kBAAkB;AAAA,IAAA,EAClB,IAEFP,EAAU,CAAAO,OAAe;AAAA,MACvB,GAAGA;AAAA,MACH,kBAAkB;AAAA,IAAA,EAClB,IAGJP,EAAU,CAAAO,OAAe;AAAA,MACvB,GAAGA;AAAA,MACH,kBAAkB;AAAA,IAAA,EAClB;AAAA,EAEN;AAEA,2BACGC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACC,KAAM,UAAA,gBAAA,CAAa;AAAA,IACpB,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,MAAK;AAAA,QACL,aAAY;AAAA,QACZ,WAAWC;AAAA,QACX,OAAO,EAAE,cAAc,OAAA;AAAA,QACvB,OAAOd,GAAgB,gBAAgB;AAAA,QACvC,UAAAI;AAAA,MAAA;AAAA,IAAA;AAAA,IAEDH,EAAO,oBACN,gBAAAU,EAACI,GAAA,EAAW,YAAO,iBAAA,CAAiB;AAAA,EAAA,GAExC;AAEJ;AAEA,MAAMH,IAAQI,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQfN,IAAYM,EAAO;AAAA;AAAA;AAAA;AAAA,GAMnBD,IAAYC,EAAO;AAAA;AAAA;AAAA;AAAA;"}

package/dist/components/order-view/order-actions/actions/confirm-order/customer-info/ContactTypeDropdown.js

@@ -0,0 +1,36 @@
+import { jsx as p } from "react/jsx-runtime";
+import { useState as s, useEffect as i } from "react";
+import l from "../../../Dropdown.js";
+import { useOrderStaticData as d } from "../../../../store.js";
+import { capitalize as m } from "../../../../utils.js";
+function C() {
+  const [t] = d(), [e, a] = s([]), c = () => {
+  }, r = () => {
+  };
+  return i(() => {
+    if (t) {
+      const n = t?.order_contact_type?.map(
+        (o) => ({
+          label: m(o.type.replaceAll("_", " ")),
+          value: o.id
+        })
+      );
+      a(n);
+    }
+  }, [t]), /* @__PURE__ */ p(
+    l,
+    {
+      label: "Contact Type",
+      placeholder: "Select Contact Type",
+      options: e,
+      onSelect: c,
+      onSearch: r,
+      disabled: !1,
+      className: "contact-type-dropdown"
+    }
+  );
+}
+export {
+  C as default
+};
+//# sourceMappingURL=ContactTypeDropdown.js.map

package/dist/components/order-view/order-actions/actions/confirm-order/customer-info/ContactTypeDropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContactTypeDropdown.js","sources":["../../../../../../../src/components/order-view/order-actions/actions/confirm-order/customer-info/ContactTypeDropdown.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport OrderActionsDropdown from '../../../Dropdown';\nimport { useOrderStaticData } from '../../../../store';\nimport { capitalize } from '../../../../utils';\n\nfunction ContactTypeDropdown() {\n  const [orderStaticData] = useOrderStaticData();\n  const [contactTypeOptions, setContactTypeOptions] = useState<any[]>([]);\n\n  const onSelect = () => {};\n  const onSearch = () => {};\n\n  useEffect(() => {\n    if (orderStaticData) {\n      const options = orderStaticData?.order_contact_type?.map(\n        (option: any) => ({\n          label: capitalize(option.type.replaceAll('_', ' ')),\n          value: option.id,\n        })\n      );\n      setContactTypeOptions(options);\n    }\n  }, [orderStaticData]);\n\n  return (\n    <OrderActionsDropdown\n      label=\"Contact Type\"\n      placeholder=\"Select Contact Type\"\n      options={contactTypeOptions}\n      onSelect={onSelect}\n      onSearch={onSearch}\n      disabled={false}\n      className=\"contact-type-dropdown\"\n    />\n  );\n}\n\nexport default ContactTypeDropdown;\n"],"names":["ContactTypeDropdown","orderStaticData","useOrderStaticData","contactTypeOptions","setContactTypeOptions","useState","onSelect","onSearch","useEffect","options","option","capitalize","jsx","OrderActionsDropdown"],"mappings":";;;;;AAKA,SAASA,IAAsB;AAC7B,QAAM,CAACC,CAAe,IAAIC,EAAA,GACpB,CAACC,GAAoBC,CAAqB,IAAIC,EAAgB,CAAA,CAAE,GAEhEC,IAAW,MAAM;AAAA,EAAC,GAClBC,IAAW,MAAM;AAAA,EAAC;AAExB,SAAAC,EAAU,MAAM;AACd,QAAIP,GAAiB;AACnB,YAAMQ,IAAUR,GAAiB,oBAAoB;AAAA,QACnD,CAACS,OAAiB;AAAA,UAChB,OAAOC,EAAWD,EAAO,KAAK,WAAW,KAAK,GAAG,CAAC;AAAA,UAClD,OAAOA,EAAO;AAAA,QAAA;AAAA,MAChB;AAEF,MAAAN,EAAsBK,CAAO;AAAA,IAC/B;AAAA,EACF,GAAG,CAACR,CAAe,CAAC,GAGlB,gBAAAW;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,aAAY;AAAA,MACZ,SAASV;AAAA,MACT,UAAAG;AAAA,MACA,UAAAC;AAAA,MACA,UAAU;AAAA,MACV,WAAU;AAAA,IAAA;AAAA,EAAA;AAGhB;"}

package/dist/components/order-view/order-actions/actions/confirm-order/customer-info/ContactWith.js

@@ -0,0 +1,24 @@
+import { jsxs as n, jsx as t } from "react/jsx-runtime";
+import o from "styled-components";
+import { Input as e } from "antd";
+function f() {
+  return /* @__PURE__ */ n(r, { children: [
+    /* @__PURE__ */ t(i, { children: "Contact With" }),
+    /* @__PURE__ */ t(e, { style: { borderRadius: "15px" } })
+  ] });
+}
+const i = o.label`
+  color: #6a7378;
+  font-family: 'Lato', sans-serif;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 500;
+`, r = o.div`
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+`;
+export {
+  f as default
+};
+//# sourceMappingURL=ContactWith.js.map

package/dist/components/order-view/order-actions/actions/confirm-order/customer-info/ContactWith.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContactWith.js","sources":["../../../../../../../src/components/order-view/order-actions/actions/confirm-order/customer-info/ContactWith.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { Input } from 'antd';\n\nfunction ContactWith() {\n  return (\n    <Container>\n      <Label>Contact With</Label>\n      <Input style={{ borderRadius: '15px' }} />\n    </Container>\n  );\n}\n\nconst Label = styled.label`\n  color: #6a7378;\n  font-family: 'Lato', sans-serif;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n`;\n\nconst Container = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n`;\n\nexport default ContactWith;\n"],"names":["ContactWith","Container","jsx","Label","Input","styled"],"mappings":";;;AAIA,SAASA,IAAc;AACrB,2BACGC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACC,KAAM,UAAA,eAAA,CAAY;AAAA,sBAClBC,GAAA,EAAM,OAAO,EAAE,cAAc,SAAO,CAAG;AAAA,EAAA,GAC1C;AAEJ;AAEA,MAAMD,IAAQE,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQfJ,IAAYI,EAAO;AAAA;AAAA;AAAA;AAAA;"}

package/dist/components/order-view/order-actions/actions/confirm-order/customer-info/ContactWork.js

@@ -0,0 +1,63 @@
+import { jsxs as p, jsx as n } from "react/jsx-runtime";
+import a from "styled-components";
+import { Input as f } from "antd";
+import { useOrderDetailsConfirmOrder as u, useErrorConfirmOrder as k } from "../../../../store.js";
+import { handleKeyDown as w } from "../../../../utils.js";
+function D() {
+  const [c, l] = u(), e = c?.order_recipient, [i, t] = k(), d = (o) => {
+    const s = o.target.value, m = {
+      ...e === null ? { contact_work: s } : { ...e, contact_work: s }
+    };
+    l((r) => ({
+      ...r,
+      order_recipient: m
+    })), o.target.value ? o.target.value.length < 10 ? t((r) => ({
+      ...r,
+      workContactError: "Phone number must be at least 10 digits."
+    })) : o.target.value.length > 11 ? t((r) => ({
+      ...r,
+      workContactError: "Phone number must not exceed 10 digits."
+    })) : t((r) => ({
+      ...r,
+      workContactError: ""
+    })) : t((r) => ({
+      ...r,
+      workContactError: ""
+    }));
+  };
+  return /* @__PURE__ */ p(x, { children: [
+    /* @__PURE__ */ n(g, { children: "Contact Work" }),
+    /* @__PURE__ */ n(
+      f,
+      {
+        name: "contact-work",
+        type: "text",
+        placeholder: "Work Number",
+        onKeyDown: w,
+        style: { borderRadius: "15px" },
+        value: e?.contact_work || "",
+        onChange: d
+      }
+    ),
+    i.workContactError && /* @__PURE__ */ n(C, { children: i.workContactError })
+  ] });
+}
+const g = a.label`
+  color: #6a7378;
+  font-family: 'Lato', sans-serif;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 500;
+`, x = a.div`
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+`, C = a.span`
+  color: red;
+  font-size: 0.85rem;
+  margin-top: 4px;
+`;
+export {
+  D as default
+};
+//# sourceMappingURL=ContactWork.js.map

package/dist/components/order-view/order-actions/actions/confirm-order/customer-info/ContactWork.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContactWork.js","sources":["../../../../../../../src/components/order-view/order-actions/actions/confirm-order/customer-info/ContactWork.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { Input } from 'antd';\nimport {\n  useErrorConfirmOrder,\n  useOrderDetailsConfirmOrder,\n} from '../../../../store';\nimport { handleKeyDown } from '../../../../utils';\n\nfunction ContactWork() {\n  const [orderDetails, setOrderDetails] = useOrderDetailsConfirmOrder();\n  const orderRecipient = orderDetails?.order_recipient;\n  const [errors, setErrors] = useErrorConfirmOrder();\n\n  const onChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const val = e.target.value;\n    const updatedOrderRecipient = {\n      ...(orderRecipient === null\n        ? { contact_work: val }\n        : { ...orderRecipient, contact_work: val }),\n    };\n    setOrderDetails(prev => {\n      return {\n        ...prev,\n        order_recipient: updatedOrderRecipient,\n      };\n    });\n    if (e.target.value) {\n      if (e.target.value.length < 10) {\n        setErrors(prevErrors => ({\n          ...prevErrors,\n          workContactError: 'Phone number must be at least 10 digits.',\n        }));\n      } else if (e.target.value.length > 11) {\n        setErrors(prevErrors => ({\n          ...prevErrors,\n          workContactError: 'Phone number must not exceed 10 digits.',\n        }));\n      } else {\n        setErrors(prevErrors => ({\n          ...prevErrors,\n          workContactError: '',\n        }));\n      }\n    } else {\n      setErrors(prevErrors => ({\n        ...prevErrors,\n        workContactError: '',\n      }));\n    }\n  };\n  return (\n    <Container>\n      <Label>Contact Work</Label>\n      <Input\n        name=\"contact-work\"\n        type=\"text\"\n        placeholder=\"Work Number\"\n        onKeyDown={handleKeyDown}\n        style={{ borderRadius: '15px' }}\n        value={orderRecipient?.contact_work || ''}\n        onChange={onChange}\n      />\n      {errors.workContactError && (\n        <ErrorText>{errors.workContactError}</ErrorText>\n      )}\n    </Container>\n  );\n}\n\nconst Label = styled.label`\n  color: #6a7378;\n  font-family: 'Lato', sans-serif;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n`;\n\nconst Container = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n`;\n\nconst ErrorText = styled.span`\n  color: red;\n  font-size: 0.85rem;\n  margin-top: 4px;\n`;\n\nexport default ContactWork;\n"],"names":["ContactWork","orderDetails","setOrderDetails","useOrderDetailsConfirmOrder","orderRecipient","errors","setErrors","useErrorConfirmOrder","onChange","e","val","updatedOrderRecipient","prev","prevErrors","Container","jsx","Label","Input","handleKeyDown","ErrorText","styled"],"mappings":";;;;;AASA,SAASA,IAAc;AACrB,QAAM,CAACC,GAAcC,CAAe,IAAIC,EAAA,GAClCC,IAAiBH,GAAc,iBAC/B,CAACI,GAAQC,CAAS,IAAIC,EAAA,GAEtBC,IAAW,CAACC,MAA2C;AAC3D,UAAMC,IAAMD,EAAE,OAAO,OACfE,IAAwB;AAAA,MAC5B,GAAIP,MAAmB,OACnB,EAAE,cAAcM,EAAA,IAChB,EAAE,GAAGN,GAAgB,cAAcM,EAAA;AAAA,IAAI;AAE7C,IAAAR,EAAgB,CAAAU,OACP;AAAA,MACL,GAAGA;AAAA,MACH,iBAAiBD;AAAA,IAAA,EAEpB,GACGF,EAAE,OAAO,QACPA,EAAE,OAAO,MAAM,SAAS,KAC1BH,EAAU,CAAAO,OAAe;AAAA,MACvB,GAAGA;AAAA,MACH,kBAAkB;AAAA,IAAA,EAClB,IACOJ,EAAE,OAAO,MAAM,SAAS,KACjCH,EAAU,CAAAO,OAAe;AAAA,MACvB,GAAGA;AAAA,MACH,kBAAkB;AAAA,IAAA,EAClB,IAEFP,EAAU,CAAAO,OAAe;AAAA,MACvB,GAAGA;AAAA,MACH,kBAAkB;AAAA,IAAA,EAClB,IAGJP,EAAU,CAAAO,OAAe;AAAA,MACvB,GAAGA;AAAA,MACH,kBAAkB;AAAA,IAAA,EAClB;AAAA,EAEN;AACA,2BACGC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACC,KAAM,UAAA,eAAA,CAAY;AAAA,IACnB,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,MAAK;AAAA,QACL,aAAY;AAAA,QACZ,WAAWC;AAAA,QACX,OAAO,EAAE,cAAc,OAAA;AAAA,QACvB,OAAOd,GAAgB,gBAAgB;AAAA,QACvC,UAAAI;AAAA,MAAA;AAAA,IAAA;AAAA,IAEDH,EAAO,oBACN,gBAAAU,EAACI,GAAA,EAAW,YAAO,iBAAA,CAAiB;AAAA,EAAA,GAExC;AAEJ;AAEA,MAAMH,IAAQI,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQfN,IAAYM,EAAO;AAAA;AAAA;AAAA;AAAA,GAMnBD,IAAYC,EAAO;AAAA;AAAA;AAAA;AAAA;"}

package/dist/components/order-view/order-actions/actions/confirm-order/customer-info/DeliveryDate.js

@@ -0,0 +1,66 @@
+import { jsxs as h, jsx as l } from "react/jsx-runtime";
+import { DatePicker as Y } from "antd";
+import { useEffect as x } from "react";
+import c from "styled-components";
+import { useOrderDetails as y, useStatusDetails as C, useNotificationConfirmedDate as M } from "../../../../store.js";
+import a from "dayjs";
+import { isValid as b } from "date-fns";
+import { useClientPortal as g } from "../../../../../store.js";
+function E() {
+  const [i] = y(), [d] = C(), [u] = g(), [n, o] = M(), r = i?.action_date ? a(i.action_date).format("YYYY-MM-DD") : null;
+  x(() => {
+    o(r ? (t) => ({
+      previousDate: r,
+      currentDate: r
+    }) : {
+      previousDate: null,
+      currentDate: null
+    });
+  }, [r, o]);
+  const f = (t) => {
+    if (t && b(t.toDate())) {
+      const p = a(t).format("YYYY-MM-DD");
+      o((v) => ({
+        previousDate: v?.currentDate || null,
+        currentDate: p
+      }));
+    }
+  }, e = d?.[0] || {}, s = [
+    e?.released,
+    e?.received === !0 || e?.received === "True",
+    e?.scheduled,
+    e?.confirmed,
+    e?.delivered,
+    e?.completed
+  ].filter((t) => t !== void 0), D = s?.length > 0 && s?.every((t) => t === !0), m = u ? !0 : D && e?.routed === !0;
+  return /* @__PURE__ */ h(j, { children: [
+    /* @__PURE__ */ l(w, { children: "Delivery Date" }),
+    /* @__PURE__ */ l(
+      Y,
+      {
+        onChange: f,
+        format: "YYYY-MM-DD",
+        value: n?.currentDate ? a(n.currentDate) : r ? a(r) : null,
+        style: { borderRadius: "15px", minWidth: "60px" },
+        disabled: m,
+        allowClear: !1
+      }
+    )
+  ] });
+}
+const w = c.label`
+  color: #6a7378;
+  font-family: 'Lato', sans-serif;
+  font-size: 14px;
+  font-weight: 500;
+`, j = c.div`
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  flex: 1;
+  white-space: nowrap;
+`;
+export {
+  E as default
+};
+//# sourceMappingURL=DeliveryDate.js.map

package/dist/components/order-view/order-actions/actions/confirm-order/customer-info/DeliveryDate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeliveryDate.js","sources":["../../../../../../../src/components/order-view/order-actions/actions/confirm-order/customer-info/DeliveryDate.tsx"],"sourcesContent":["import { DatePicker } from 'antd';\nimport React, { useEffect } from 'react';\nimport styled from 'styled-components';\nimport {\n  useNotificationConfirmedDate,\n  useOrderDetails,\n  useStatusDetails,\n} from '../../../../store';\nimport dayjs, { Dayjs } from 'dayjs';\nimport { isValid } from 'date-fns';\nimport { useClientPortal } from '../../../../../store';\n\nfunction DeliveryDate() {\n  const [dateOrderDetails] = useOrderDetails();\n  const [orderStatus] = useStatusDetails();\n  const [isClientPortal] = useClientPortal();\n  const [confirmedDate, setConfirmedDate] = useNotificationConfirmedDate();\n\n  const actionDate = dateOrderDetails?.action_date\n    ? dayjs(dateOrderDetails.action_date).format('YYYY-MM-DD')\n    : null;\n\n  useEffect(() => {\n    if (actionDate) {\n      setConfirmedDate(_prev => ({\n        previousDate: actionDate,\n        currentDate: actionDate,\n      }));\n    } else {\n      setConfirmedDate({\n        previousDate: null,\n        currentDate: null,\n      });\n    }\n  }, [actionDate, setConfirmedDate]);\n\n  const handleDateChange = (date: Dayjs | null) => {\n    if (date && isValid(date.toDate())) {\n      const formattedDate = dayjs(date).format('YYYY-MM-DD');\n\n      setConfirmedDate(prev => ({\n        previousDate: prev?.currentDate || null,\n        currentDate: formattedDate,\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    <Container>\n      <Label>Delivery Date</Label>\n      <DatePicker\n        onChange={handleDateChange}\n        format=\"YYYY-MM-DD\"\n        value={\n          confirmedDate?.currentDate\n            ? dayjs(confirmedDate.currentDate)\n            : actionDate\n            ? dayjs(actionDate)\n            : null\n        }\n        style={{ borderRadius: '15px', minWidth: '60px' }}\n        disabled={isDisabled}\n        // disabledDate={current =>\n        //   current && current.isBefore(dayjs().startOf('day'))\n        // }\n        allowClear={false}\n      />\n    </Container>\n  );\n}\n\nconst Label = styled.label`\n  color: #6a7378;\n  font-family: 'Lato', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n`;\n\nconst Container = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  flex: 1;\n  white-space: nowrap;\n`;\n\nexport default DeliveryDate;\n"],"names":["DeliveryDate","dateOrderDetails","useOrderDetails","orderStatus","useStatusDetails","isClientPortal","useClientPortal","confirmedDate","setConfirmedDate","useNotificationConfirmedDate","actionDate","dayjs","useEffect","_prev","handleDateChange","date","isValid","formattedDate","prev","order","otherStatuses","val","allOthersTrue","s","isDisabled","Container","jsx","Label","DatePicker","styled"],"mappings":";;;;;;;;AAYA,SAASA,IAAe;AACtB,QAAM,CAACC,CAAgB,IAAIC,EAAA,GACrB,CAACC,CAAW,IAAIC,EAAA,GAChB,CAACC,CAAc,IAAIC,EAAA,GACnB,CAACC,GAAeC,CAAgB,IAAIC,EAAA,GAEpCC,IAAaT,GAAkB,cACjCU,EAAMV,EAAiB,WAAW,EAAE,OAAO,YAAY,IACvD;AAEJ,EAAAW,EAAU,MAAM;AACd,IACEJ,EADEE,IACe,CAAAG,OAAU;AAAA,MACzB,cAAcH;AAAA,MACd,aAAaA;AAAA,IAAA,KAGE;AAAA,MACf,cAAc;AAAA,MACd,aAAa;AAAA,IAAA,CAJb;AAAA,EAON,GAAG,CAACA,GAAYF,CAAgB,CAAC;AAEjC,QAAMM,IAAmB,CAACC,MAAuB;AAC/C,QAAIA,KAAQC,EAAQD,EAAK,OAAA,CAAQ,GAAG;AAClC,YAAME,IAAgBN,EAAMI,CAAI,EAAE,OAAO,YAAY;AAErD,MAAAP,EAAiB,CAAAU,OAAS;AAAA,QACxB,cAAcA,GAAM,eAAe;AAAA,QACnC,aAAaD;AAAA,MAAA,EACb;AAAA,IACJ;AAAA,EACF,GAEME,IAAQhB,IAAc,CAAC,KAAK,CAAA,GAE5BiB,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,IAAanB,IACf,KACAiB,KAAiBH,GAAO,WAAW;AAEvC,2BACGM,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACC,KAAM,UAAA,gBAAA,CAAa;AAAA,IACpB,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,UAAUd;AAAA,QACV,QAAO;AAAA,QACP,OACEP,GAAe,cACXI,EAAMJ,EAAc,WAAW,IAC/BG,IACAC,EAAMD,CAAU,IAChB;AAAA,QAEN,OAAO,EAAE,cAAc,QAAQ,UAAU,OAAA;AAAA,QACzC,UAAUc;AAAA,QAIV,YAAY;AAAA,MAAA;AAAA,IAAA;AAAA,EACd,GACF;AAEJ;AAEA,MAAMG,IAAQE,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAOfJ,IAAYI,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/components/order-view/order-actions/actions/confirm-order/customer-info/EmailAddress.js

@@ -0,0 +1,55 @@
+import { jsxs as u, jsx as i } from "react/jsx-runtime";
+import n from "styled-components";
+import { Input as x } from "antd";
+import { useOrderDetailsConfirmOrder as E, useErrorConfirmOrder as g } from "../../../../store.js";
+function R() {
+  const a = /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i, [l, d] = E(), e = l?.order_recipient, [s, c] = g(), m = (t) => {
+    const r = t.target.value;
+    p(r);
+    const o = {
+      ...e === null ? { contact_email: r } : { ...e, contact_email: r }
+    };
+    d((f) => ({
+      ...f,
+      order_recipient: o
+    }));
+  }, p = (t) => {
+    const r = a.test(t);
+    c((o) => ({
+      ...o,
+      emailError: r ? "" : "Please enter a valid Email Address"
+    }));
+  };
+  return /* @__PURE__ */ u(y, { children: [
+    /* @__PURE__ */ i(v, { children: "Email Address" }),
+    /* @__PURE__ */ i(
+      x,
+      {
+        style: { borderRadius: "15px" },
+        type: "text",
+        value: e?.contact_email || "",
+        onChange: m
+      }
+    ),
+    s.emailError && /* @__PURE__ */ i(A, { children: s.emailError })
+  ] });
+}
+const v = n.label`
+  color: #6a7378;
+  font-family: 'Lato', sans-serif;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 500;
+`, y = n.div`
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+`, A = n.span`
+  color: red;
+  font-size: 0.85rem;
+  margin-top: 4px;
+`;
+export {
+  R as default
+};
+//# sourceMappingURL=EmailAddress.js.map

package/dist/components/order-view/order-actions/actions/confirm-order/customer-info/EmailAddress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmailAddress.js","sources":["../../../../../../../src/components/order-view/order-actions/actions/confirm-order/customer-info/EmailAddress.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { Input } from 'antd';\nimport {\n  useErrorConfirmOrder,\n  useOrderDetailsConfirmOrder,\n} from '../../../../store';\n\nfunction EmailAddress() {\n  const emailRegex = /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\\.[A-Z]{2,}$/i;\n\n  const [orderDetails, setOrderDetails] = useOrderDetailsConfirmOrder();\n\n  const orderRecipient = orderDetails?.order_recipient;\n  const [errors, setErrors] = useErrorConfirmOrder();\n\n  const onChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const val = e.target.value;\n    validateInput(val);\n    const updatedOrderRecipient = {\n      ...(orderRecipient === null\n        ? { contact_email: val }\n        : { ...orderRecipient, contact_email: val }),\n    };\n    setOrderDetails(prev => {\n      return {\n        ...prev,\n        order_recipient: updatedOrderRecipient,\n      };\n    });\n  };\n\n  const validateInput = (value: string) => {\n    const isValid = emailRegex.test(value);\n    setErrors(prev => ({\n      ...prev,\n      emailError: isValid ? '' : 'Please enter a valid Email Address',\n    }));\n  };\n\n  return (\n    <Container>\n      <Label>Email Address</Label>\n      <Input\n        style={{ borderRadius: '15px' }}\n        type=\"text\"\n        value={orderRecipient?.contact_email || ''}\n        onChange={onChange}\n      />\n      {errors.emailError && <ErrorText>{errors.emailError}</ErrorText>}\n    </Container>\n  );\n}\n\nconst Label = styled.label`\n  color: #6a7378;\n  font-family: 'Lato', sans-serif;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n`;\n\nconst Container = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n`;\nconst ErrorText = styled.span`\n  color: red;\n  font-size: 0.85rem;\n  margin-top: 4px;\n`;\nexport default EmailAddress;\n"],"names":["EmailAddress","emailRegex","orderDetails","setOrderDetails","useOrderDetailsConfirmOrder","orderRecipient","errors","setErrors","useErrorConfirmOrder","onChange","e","val","validateInput","updatedOrderRecipient","prev","value","isValid","Container","jsx","Label","Input","ErrorText","styled"],"mappings":";;;;AAQA,SAASA,IAAe;AACtB,QAAMC,IAAa,4CAEb,CAACC,GAAcC,CAAe,IAAIC,EAAA,GAElCC,IAAiBH,GAAc,iBAC/B,CAACI,GAAQC,CAAS,IAAIC,EAAA,GAEtBC,IAAW,CAACC,MAA2C;AAC3D,UAAMC,IAAMD,EAAE,OAAO;AACrB,IAAAE,EAAcD,CAAG;AACjB,UAAME,IAAwB;AAAA,MAC5B,GAAIR,MAAmB,OACnB,EAAE,eAAeM,EAAA,IACjB,EAAE,GAAGN,GAAgB,eAAeM,EAAA;AAAA,IAAI;AAE9C,IAAAR,EAAgB,CAAAW,OACP;AAAA,MACL,GAAGA;AAAA,MACH,iBAAiBD;AAAA,IAAA,EAEpB;AAAA,EACH,GAEMD,IAAgB,CAACG,MAAkB;AACvC,UAAMC,IAAUf,EAAW,KAAKc,CAAK;AACrC,IAAAR,EAAU,CAAAO,OAAS;AAAA,MACjB,GAAGA;AAAA,MACH,YAAYE,IAAU,KAAK;AAAA,IAAA,EAC3B;AAAA,EACJ;AAEA,2BACGC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACC,KAAM,UAAA,gBAAA,CAAa;AAAA,IACpB,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,OAAO,EAAE,cAAc,OAAA;AAAA,QACvB,MAAK;AAAA,QACL,OAAOf,GAAgB,iBAAiB;AAAA,QACxC,UAAAI;AAAA,MAAA;AAAA,IAAA;AAAA,IAEDH,EAAO,cAAc,gBAAAY,EAACG,GAAA,EAAW,YAAO,WAAA,CAAW;AAAA,EAAA,GACtD;AAEJ;AAEA,MAAMF,IAAQG,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQfL,IAAYK,EAAO;AAAA;AAAA;AAAA;AAAA,GAKnBD,IAAYC,EAAO;AAAA;AAAA;AAAA;AAAA;"}

package/dist/components/order-view/order-actions/actions/confirm-order/customer-info/TimedServiceDropdown.js

@@ -0,0 +1,43 @@
+import { jsx as m } from "react/jsx-runtime";
+import l from "../../../Dropdown.js";
+import { useOrderStaticData as u, useOrderDetailsConfirmOrder as p } from "../../../../store.js";
+import { capitalize as v } from "../../../../utils.js";
+function d(t) {
+  const [r, i] = t?.split(":")?.map(Number), o = r >= 12 ? "PM" : "AM";
+  return `${r % 12 || 12}:${i?.toString()?.padStart(2, "0")} ${o}`;
+}
+function T() {
+  const [t] = u(), [r, i] = p(), o = r?.order_services_detail?.timed_service_id, s = t?.order_timed_services?.map(
+    (e) => {
+      const a = d(e?.start_time), c = d(e?.end_time);
+      return {
+        label: `${v(
+          e?.type?.replaceAll("_", " ")
+        )} (${a} - ${c})`,
+        value: e?.id
+      };
+    }
+  ), n = (e) => {
+    const a = {
+      ...r?.order_services_detail,
+      timed_service_id: +e
+    }, c = { ...r, order_services_detail: a };
+    i(c);
+  };
+  return /* @__PURE__ */ m(
+    l,
+    {
+      label: "Timed Service",
+      placeholder: "Select Timed Service",
+      options: s || [],
+      value: s?.filter(
+        (e) => e.value === o
+      ),
+      onSelect: n
+    }
+  );
+}
+export {
+  T as default
+};
+//# sourceMappingURL=TimedServiceDropdown.js.map

package/dist/components/order-view/order-actions/actions/confirm-order/customer-info/TimedServiceDropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimedServiceDropdown.js","sources":["../../../../../../../src/components/order-view/order-actions/actions/confirm-order/customer-info/TimedServiceDropdown.tsx"],"sourcesContent":["import React from 'react';\nimport OrderActionsDropdown from '../../../Dropdown';\nimport {\n  useOrderDetailsConfirmOrder,\n  useOrderStaticData,\n} from '../../../../store';\nimport { capitalize } from '../../../../utils';\n\nfunction convertTo12HourFormat(time24: any) {\n  const [hours, minutes] = time24?.split(':')?.map(Number);\n  const period = hours >= 12 ? 'PM' : 'AM';\n  const hours12 = hours % 12 || 12; // Convert to 12-hour format\n  return `${hours12}:${minutes?.toString()?.padStart(2, '0')} ${period}`;\n}\n\nfunction TimedServiceDropdown() {\n  const [orderStaticData] = useOrderStaticData();\n  const [orderData, setOrderData] = useOrderDetailsConfirmOrder();\n  const timesServiceId = orderData?.order_services_detail?.timed_service_id;\n\n  const timedServicesOptions = orderStaticData?.order_timed_services?.map(\n    (option: any) => {\n      const startTime = convertTo12HourFormat(option?.start_time);\n      const endTime = convertTo12HourFormat(option?.end_time);\n      const label = `${capitalize(\n        option?.type?.replaceAll('_', ' ')\n      )} (${startTime} - ${endTime})`;\n      return {\n        label: label,\n        value: option?.id,\n      };\n    }\n  );\n\n  const onSelect = (event: any) => {\n    const updatedServices = {\n      ...orderData?.order_services_detail!,\n      timed_service_id: +event,\n    };\n    const newData = { ...orderData, order_services_detail: updatedServices };\n    setOrderData(newData);\n  };\n  return (\n    <OrderActionsDropdown\n      label=\"Timed Service\"\n      placeholder=\"Select Timed Service\"\n      options={timedServicesOptions || []}\n      value={timedServicesOptions?.filter(\n        (f: any) => f.value === timesServiceId\n      )}\n      onSelect={onSelect}\n    />\n  );\n}\n\nexport default TimedServiceDropdown;\n"],"names":["convertTo12HourFormat","time24","hours","minutes","period","TimedServiceDropdown","orderStaticData","useOrderStaticData","orderData","setOrderData","useOrderDetailsConfirmOrder","timesServiceId","timedServicesOptions","option","startTime","endTime","capitalize","onSelect","event","updatedServices","newData","jsx","OrderActionsDropdown","f"],"mappings":";;;;AAQA,SAASA,EAAsBC,GAAa;AAC1C,QAAM,CAACC,GAAOC,CAAO,IAAIF,GAAQ,MAAM,GAAG,GAAG,IAAI,MAAM,GACjDG,IAASF,KAAS,KAAK,OAAO;AAEpC,SAAO,GADSA,IAAQ,MAAM,EACb,IAAIC,GAAS,SAAA,GAAY,SAAS,GAAG,GAAG,CAAC,IAAIC,CAAM;AACtE;AAEA,SAASC,IAAuB;AAC9B,QAAM,CAACC,CAAe,IAAIC,EAAA,GACpB,CAACC,GAAWC,CAAY,IAAIC,EAAA,GAC5BC,IAAiBH,GAAW,uBAAuB,kBAEnDI,IAAuBN,GAAiB,sBAAsB;AAAA,IAClE,CAACO,MAAgB;AACf,YAAMC,IAAYd,EAAsBa,GAAQ,UAAU,GACpDE,IAAUf,EAAsBa,GAAQ,QAAQ;AAItD,aAAO;AAAA,QACL,OAJY,GAAGG;AAAA,UACfH,GAAQ,MAAM,WAAW,KAAK,GAAG;AAAA,QAAA,CAClC,KAAKC,CAAS,MAAMC,CAAO;AAAA,QAG1B,OAAOF,GAAQ;AAAA,MAAA;AAAA,IAEnB;AAAA,EAAA,GAGII,IAAW,CAACC,MAAe;AAC/B,UAAMC,IAAkB;AAAA,MACtB,GAAGX,GAAW;AAAA,MACd,kBAAkB,CAACU;AAAA,IAAA,GAEfE,IAAU,EAAE,GAAGZ,GAAW,uBAAuBW,EAAA;AACvD,IAAAV,EAAaW,CAAO;AAAA,EACtB;AACA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,aAAY;AAAA,MACZ,SAASV,KAAwB,CAAA;AAAA,MACjC,OAAOA,GAAsB;AAAA,QAC3B,CAACW,MAAWA,EAAE,UAAUZ;AAAA,MAAA;AAAA,MAE1B,UAAAM;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/order-view/order-actions/actions/confirm-order/customer-info/index.js

@@ -0,0 +1,69 @@
+import { jsxs as r, jsx as o } from "react/jsx-runtime";
+import e from "styled-components";
+import i from "./EmailAddress.js";
+import d from "./ContactPhone.js";
+import p from "./ContactWork.js";
+import a from "./ContactMobile.js";
+import f from "./ContactTypeDropdown.js";
+import s from "./ActionDropdown.js";
+import m from "./DeliveryDate.js";
+import l from "./TimedServiceDropdown.js";
+import { useOrderDetailsConfirmOrder as c } from "../../../../store.js";
+function k() {
+  const [n] = c();
+  return /* @__PURE__ */ r(y, { children: [
+    /* @__PURE__ */ o(h, { children: "Address" }),
+    /* @__PURE__ */ o(x, { children: n?.order_recipient?.address }),
+    /* @__PURE__ */ r(t, { children: [
+      /* @__PURE__ */ o(i, {}),
+      /* @__PURE__ */ o(d, {})
+    ] }),
+    /* @__PURE__ */ r(t, { children: [
+      /* @__PURE__ */ o(p, {}),
+      /* @__PURE__ */ o(a, {})
+    ] }),
+    /* @__PURE__ */ r(t, { children: [
+      /* @__PURE__ */ o(f, {}),
+      /* @__PURE__ */ o(s, {})
+    ] }),
+    /* @__PURE__ */ r(t, { children: [
+      /* @__PURE__ */ o(m, {}),
+      /* @__PURE__ */ o(l, {})
+    ] })
+  ] });
+}
+const t = e.div`
+  display: flex;
+  gap: 15px;
+  width: 100%;
+  .contact-type-dropdown,
+  .action-dropdown {
+    flex: 1;
+  }
+`, x = e.p`
+  color: #3a3630;
+  font-family: 'Open Sans';
+  font-size: 13px;
+  font-style: normal;
+  font-weight: 400;
+  padding: 0;
+  margin: 0;
+`, h = e.span`
+  color: #3a3630;
+  font-family: 'Roboto', sans-serif;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 600;
+`, y = e.div`
+  padding: 15px 12px;
+  flex: 1 0 0;
+  border-radius: 15px;
+  background: #f8fafc;
+  display: flex;
+  flex-direction: column;
+  gap: 15px;
+`;
+export {
+  k as default
+};
+//# sourceMappingURL=index.js.map

package/dist/components/order-view/order-actions/actions/confirm-order/customer-info/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../src/components/order-view/order-actions/actions/confirm-order/customer-info/index.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport EmailAddress from './EmailAddress';\nimport ContactPhone from './ContactPhone';\nimport ContactWork from './ContactWork';\nimport ContactMobile from './ContactMobile';\nimport ContactTypeDropdown from './ContactTypeDropdown';\nimport ActionDropdown from './ActionDropdown';\nimport DeliveryDate from './DeliveryDate';\nimport TimedServiceDropdown from './TimedServiceDropdown';\nimport { useOrderDetailsConfirmOrder } from '../../../../store';\n\nfunction CustomerInformation() {\n  const [orderDetails] = useOrderDetailsConfirmOrder();\n\n  return (\n    <Container>\n      <Title>Address</Title>\n      <AddressField>{orderDetails?.order_recipient?.address}</AddressField>\n      <Wrapper>\n        <EmailAddress />\n        <ContactPhone />\n      </Wrapper>\n      <Wrapper>\n        <ContactWork />\n        <ContactMobile />\n      </Wrapper>\n      <Wrapper>\n        <ContactTypeDropdown />\n        <ActionDropdown />\n      </Wrapper>\n      <Wrapper>\n        <DeliveryDate />\n        <TimedServiceDropdown />\n      </Wrapper>\n    </Container>\n  );\n}\n\nconst Wrapper = styled.div`\n  display: flex;\n  gap: 15px;\n  width: 100%;\n  .contact-type-dropdown,\n  .action-dropdown {\n    flex: 1;\n  }\n`;\n\nconst AddressField = styled.p`\n  color: #3a3630;\n  font-family: 'Open Sans';\n  font-size: 13px;\n  font-style: normal;\n  font-weight: 400;\n  padding: 0;\n  margin: 0;\n`;\n\nconst Title = styled.span`\n  color: #3a3630;\n  font-family: 'Roboto', sans-serif;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 600;\n`;\n\nconst Container = styled.div`\n  padding: 15px 12px;\n  flex: 1 0 0;\n  border-radius: 15px;\n  background: #f8fafc;\n  display: flex;\n  flex-direction: column;\n  gap: 15px;\n`;\n\nexport default CustomerInformation;\n"],"names":["CustomerInformation","orderDetails","useOrderDetailsConfirmOrder","Container","jsx","Title","AddressField","Wrapper","EmailAddress","ContactPhone","ContactWork","ContactMobile","ContactTypeDropdown","ActionDropdown","DeliveryDate","TimedServiceDropdown","styled"],"mappings":";;;;;;;;;;;AAYA,SAASA,IAAsB;AAC7B,QAAM,CAACC,CAAY,IAAIC,EAAA;AAEvB,2BACGC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACC,KAAM,UAAA,UAAA,CAAO;AAAA,IACd,gBAAAD,EAACE,GAAA,EAAc,UAAAL,GAAc,iBAAiB,SAAQ;AAAA,sBACrDM,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAH,EAACI,GAAA,EAAa;AAAA,wBACbC,GAAA,CAAA,CAAa;AAAA,IAAA,GAChB;AAAA,sBACCF,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAH,EAACM,GAAA,EAAY;AAAA,wBACZC,GAAA,CAAA,CAAc;AAAA,IAAA,GACjB;AAAA,sBACCJ,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAH,EAACQ,GAAA,EAAoB;AAAA,wBACpBC,GAAA,CAAA,CAAe;AAAA,IAAA,GAClB;AAAA,sBACCN,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAH,EAACU,GAAA,EAAa;AAAA,wBACbC,GAAA,CAAA,CAAqB;AAAA,IAAA,EAAA,CACxB;AAAA,EAAA,GACF;AAEJ;AAEA,MAAMR,IAAUS,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAUjBV,IAAeU,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAUtBX,IAAQW,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQfb,IAAYa,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}