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

package/dist/components/order-view/order-details/expanded-content/customer-section/location-info/Longitude.js

@@ -0,0 +1,54 @@
+import { jsxs as p, jsx as t } from "react/jsx-runtime";
+import { Input as s, Label as c } from "@bjsdistribution/dms-component-library";
+import o from "styled-components";
+import { useOrderDetails as m } from "../../../../store.js";
+import { handleKeyDown as f } from "../../../../utils.js";
+function D() {
+  const [r, i] = m(), e = r?.order_recipient, l = (u) => {
+    const n = u.target.value, a = {
+      ...e === null ? { longitude: n } : { ...e, longitude: n }
+    };
+    i((d) => ({
+      ...d,
+      order_recipient: a
+    }));
+  };
+  return /* @__PURE__ */ p(b, { children: [
+    /* @__PURE__ */ t(c, { label: "Longitude", htmlFor: "long" }),
+    /* @__PURE__ */ t(
+      g,
+      {
+        name: "long",
+        type: "number",
+        placeholder: "Longitude",
+        onKeyDown: f,
+        value: e?.longitude || "",
+        onChange: l,
+        readOnly: !0
+      }
+    )
+  ] });
+}
+const g = o(s)`
+  width: 100%;
+  &::-webkit-outer-spin-button,
+  &::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+    margin: 0;
+  }
+  &:focus-visible {
+    outline: none;
+  }
+  opacity: 0.8;
+  background-color: #f4f4f4;
+  pointer-events: none;
+`, b = o.div`
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  flex: 1;
+`;
+export {
+  D as default
+};
+//# sourceMappingURL=Longitude.js.map

package/dist/components/order-view/order-details/expanded-content/customer-section/location-info/Longitude.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Longitude.js","sources":["../../../../../../../src/components/order-view/order-details/expanded-content/customer-section/location-info/Longitude.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 Longitude() {\n  const [orderDetails, setOrderDetails] = useOrderDetails();\n  const orderRecipient = orderDetails?.order_recipient;\n\n  const onChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const val = e.target.value;\n    const updatedOrderRecipient = {\n      ...(orderRecipient === null\n        ? { longitude: val }\n        : { ...orderRecipient, longitude: val }),\n    };\n    setOrderDetails(prev => {\n      return {\n        ...prev,\n        order_recipient: updatedOrderRecipient,\n      };\n    });\n  };\n  return (\n    <Container>\n      <Label label=\"Longitude\" htmlFor=\"long\" />\n      <CustomInput\n        name=\"long\"\n        type=\"number\"\n        placeholder=\"Longitude\"\n        onKeyDown={handleKeyDown}\n        value={orderRecipient?.longitude || ''}\n        onChange={onChange}\n        readOnly\n      />\n    </Container>\n  );\n}\n\nconst CustomInput = styled(Input)`\n  width: 100%;\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  opacity: 0.8;\n  background-color: #f4f4f4;\n  pointer-events: none;\n`;\n\nconst Container = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  flex: 1;\n`;\n\nexport default Longitude;\n"],"names":["Longitude","orderDetails","setOrderDetails","useOrderDetails","orderRecipient","onChange","e","val","updatedOrderRecipient","prev","Container","jsx","Label","CustomInput","handleKeyDown","styled","Input"],"mappings":";;;;;AAMA,SAASA,IAAY;AACnB,QAAM,CAACC,GAAcC,CAAe,IAAIC,EAAA,GAClCC,IAAiBH,GAAc,iBAE/BI,IAAW,CAACC,MAA2C;AAC3D,UAAMC,IAAMD,EAAE,OAAO,OACfE,IAAwB;AAAA,MAC5B,GAAIJ,MAAmB,OACnB,EAAE,WAAWG,EAAA,IACb,EAAE,GAAGH,GAAgB,WAAWG,EAAA;AAAA,IAAI;AAE1C,IAAAL,EAAgB,CAAAO,OACP;AAAA,MACL,GAAGA;AAAA,MACH,iBAAiBD;AAAA,IAAA,EAEpB;AAAA,EACH;AACA,2BACGE,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAM,OAAM,aAAY,SAAQ,QAAO;AAAA,IACxC,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,MAAK;AAAA,QACL,aAAY;AAAA,QACZ,WAAWC;AAAA,QACX,OAAOV,GAAgB,aAAa;AAAA,QACpC,UAAAC;AAAA,QACA,UAAQ;AAAA,MAAA;AAAA,IAAA;AAAA,EACV,GACF;AAEJ;AAEA,MAAMQ,IAAcE,EAAOC,CAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAe1BN,IAAYK,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/components/order-view/order-details/expanded-content/customer-section/location-info/Postcode.js

@@ -0,0 +1,119 @@
+import { jsxs as f, jsx as n } from "react/jsx-runtime";
+import { Input as b, getProjectEnv as D, useAxios as _, Label as T } from "@bjsdistribution/dms-component-library";
+import { useRef as k } from "react";
+import c, { css as L } from "styled-components";
+import N from "../../../../../../common/copy/CopyText.js";
+import { useOrderDetails as H, errorAtom as K } from "../../../../store.js";
+import { useClientPortal as U, useIsShowNorthSouth as j } from "../../../../../store.js";
+import { message as d } from "antd";
+import { POSTCODE_LABEL as s } from "../../../../../../common/utils.js";
+import { useAtom as z } from "jotai";
+const i = {
+  UK: /\b(?:[A-Za-z][A-HJ-Ya-hj-y]?[0-9][0-9A-Za-z]? ?[0-9][A-Za-z]{2}|[Gg][Ii][Rr] ?0[Aa]{2})\b/,
+  IRISH: /^(?:^[AC-FHKNPRTV-Y][0-9]{2}|D6W)[ -]?[0-9AC-FHKNPRTV-Y]{4}$/,
+  US: /^\d{5}(-\d{4})?$/
+};
+function to() {
+  const r = D(), [a, h] = H(), [g] = U(), [p, l] = z(K), e = a?.order_recipient, C = a?.invalid_order, [, E] = j(), m = k(void 0), P = e?.postcode !== void 0 && e?.postcode !== null && e?.postcode?.length > 0, x = r === "development" || r === "staging" || r === "release_uk", u = (o) => x ? i.UK.test(o) || i.IRISH.test(o) : i.US.test(o), y = () => {
+    l((o) => ({
+      ...o,
+      postCodeError: `Invalid ${s.toLowerCase()} format`
+    }));
+  }, v = () => {
+    l((o) => ({
+      ...o,
+      postCodeError: ""
+    }));
+  }, I = (o) => {
+    u(o) ? v() : y();
+  }, S = (o) => {
+    const t = o.target.value, O = {
+      ...e === null ? { postcode: t } : { ...e, postcode: t }
+    };
+    h(($) => ({
+      ...$,
+      order_recipient: O
+    })), I(t);
+  }, A = !!C, { fetchData: w } = _({
+    endpoint: "v1/orders/customs/postcode/check/",
+    method: "GET"
+  }), R = async () => {
+    try {
+      const o = await w({
+        endPointQuery: `?postcode=${e?.postcode}`
+      });
+      if (o?.code === 200) {
+        const t = o?.data?.order_customs_postcodes;
+        E(t), d.open({
+          type: "success",
+          //@ts-ignore
+          content: t ? (
+            //@ts-ignore
+            `${o?.message} - Northern/Southern Ireland ${s.toLowerCase()} found`
+          ) : (
+            //@ts-ignore
+            o?.message || "Success"
+          )
+        });
+      } else
+        d.open({
+          type: "error",
+          //@ts-ignore
+          content: o?.error || "Something went wrong"
+        });
+    } catch {
+      d.open({
+        type: "error",
+        content: `Failed to check ${s.toLowerCase()}. Please try again.`
+      });
+    }
+  };
+  return /* @__PURE__ */ f(Y, { children: [
+    /* @__PURE__ */ f(V, { children: [
+      /* @__PURE__ */ n(T, { label: s, htmlFor: "postcode" }),
+      P && /* @__PURE__ */ n(N, { text: e?.postcode })
+    ] }),
+    /* @__PURE__ */ n(
+      F,
+      {
+        name: "postcode",
+        type: "text",
+        placeholder: `Enter ${s}`,
+        value: e?.postcode || "",
+        onChange: S,
+        autoComplete: "off",
+        style: { width: "100%" },
+        disabled: g,
+        hasError: A,
+        onBlur: async () => {
+          const o = e?.postcode?.trim();
+          o && u(o) && o !== m.current && await R(), m.current = o;
+        }
+      }
+    ),
+    p.postCodeError && /* @__PURE__ */ n(G, { children: p.postCodeError })
+  ] });
+}
+const F = c(b)`
+  ${({ hasError: r }) => r && L`
+      border: 1px solid rgb(253, 154, 154);
+      background-color: #fff5f5;
+    `}
+`, G = c.span`
+  color: red;
+  font-size: 0.85rem;
+  margin-top: 4px;
+`, V = c.div`
+  display: flex;
+  align-items: center;
+  gap: 5px;
+`, Y = c.div`
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  flex: 1;
+`;
+export {
+  to as default
+};
+//# sourceMappingURL=Postcode.js.map

package/dist/components/order-view/order-details/expanded-content/customer-section/location-info/Postcode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Postcode.js","sources":["../../../../../../../src/components/order-view/order-details/expanded-content/customer-section/location-info/Postcode.tsx"],"sourcesContent":["import { Input, Label, useAxios } from '@bjsdistribution/dms-component-library';\nimport React, { useRef } from 'react';\nimport styled, { css } from 'styled-components';\nimport CopyText from '../../../../../../common/copy/CopyText';\nimport { errorAtom, useOrderDetails } from '../../../../store';\nimport {\n  useAtom,\n  useClientPortal,\n  useIsShowNorthSouth,\n} from '../../../../../store';\nimport { ApiResponse } from '../../../../types';\nimport { message } from 'antd';\nimport { getProjectEnv } from '@bjsdistribution/dms-component-library';\nimport { POSTCODE_LABEL } from '../../../../../../common/utils';\n\nconst POSTCODE_REGEX = {\n  UK: /\\b(?:[A-Za-z][A-HJ-Ya-hj-y]?[0-9][0-9A-Za-z]? ?[0-9][A-Za-z]{2}|[Gg][Ii][Rr] ?0[Aa]{2})\\b/,\n  IRISH: /^(?:^[AC-FHKNPRTV-Y][0-9]{2}|D6W)[ -]?[0-9AC-FHKNPRTV-Y]{4}$/,\n  US: /^\\d{5}(-\\d{4})?$/,\n};\n\nfunction Postcode() {\n  const environment = getProjectEnv();\n\n  const [orderDetails, setOrderDetails] = useOrderDetails();\n  const [isClientPortal] = useClientPortal();\n  const [errors, setErrors] = useAtom(errorAtom);\n  const orderRecipient = orderDetails?.order_recipient;\n  const isInvalidOrder = orderDetails?.invalid_order;\n  const [, setIsNorthSouth] = useIsShowNorthSouth();\n  const prevPostcodeRef = useRef<string | undefined>(undefined);\n\n  const showCopyIcon =\n    orderRecipient?.postcode !== undefined &&\n    orderRecipient?.postcode !== null &&\n    orderRecipient?.postcode?.length > 0;\n\n  const isDevelopmentOrStagingOrReleaseUK =\n    environment === 'development' ||\n    environment === 'staging' ||\n    environment === 'release_uk';\n\n  const isValidPostcode = (val: any) => {\n    if (isDevelopmentOrStagingOrReleaseUK) {\n      return POSTCODE_REGEX.UK.test(val) || POSTCODE_REGEX.IRISH.test(val);\n    } else {\n      return POSTCODE_REGEX.US.test(val);\n    }\n  };\n\n  const showErr = () => {\n    setErrors(prevErrors => ({\n      ...prevErrors,\n      postCodeError: `Invalid ${POSTCODE_LABEL.toLowerCase()} format`,\n    }));\n  };\n\n  const clearErr = () => {\n    setErrors(prevErrors => ({\n      ...prevErrors,\n      postCodeError: '',\n    }));\n  };\n\n  const validatePostcode = (val: any) => {\n    if (isValidPostcode(val)) {\n      clearErr();\n    } else {\n      showErr();\n    }\n  };\n\n  const onChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const val = e.target.value;\n\n    const updatedOrderRecipient = {\n      ...(orderRecipient === null\n        ? { postcode: val }\n        : { ...orderRecipient, postcode: val }),\n    };\n\n    setOrderDetails(prev => {\n      return {\n        ...prev,\n        order_recipient: updatedOrderRecipient,\n      };\n    });\n\n    validatePostcode(val);\n  };\n\n  const hasError = !!isInvalidOrder;\n\n  const { fetchData: callCheckPostcode } = useAxios<{\n    data: ApiResponse[];\n  }>({\n    endpoint: `v1/orders/customs/postcode/check/`,\n    method: 'GET',\n  });\n  const callCheckPostcodeAPI = async () => {\n    try {\n      const response = await callCheckPostcode({\n        endPointQuery: `?postcode=${orderRecipient?.postcode}`,\n      });\n      //@ts-ignore\n      if (response?.code === 200) {\n        //@ts-ignore\n        const isNorthSouth = response?.data?.order_customs_postcodes;\n        setIsNorthSouth(isNorthSouth);\n\n        message.open({\n          type: 'success',\n          //@ts-ignore\n          content: isNorthSouth\n            ? //@ts-ignore\n              `${response?.message} - Northern/Southern Ireland ${POSTCODE_LABEL.toLowerCase()} found`\n            : //@ts-ignore\n              response?.message || 'Success',\n        });\n      } else {\n        message.open({\n          type: 'error',\n          //@ts-ignore\n          content: response?.error || 'Something went wrong',\n        });\n      }\n    } catch (err) {\n      message.open({\n        type: 'error',\n        content: `Failed to check ${POSTCODE_LABEL.toLowerCase()}. Please try again.`,\n      });\n    }\n  };\n\n  return (\n    <Container>\n      <Wrapper>\n        <Label label={POSTCODE_LABEL} htmlFor=\"postcode\" />\n        {showCopyIcon && <CopyText text={orderRecipient?.postcode!} />}\n      </Wrapper>\n      <InputContainer\n        name=\"postcode\"\n        type=\"text\"\n        placeholder={`Enter ${POSTCODE_LABEL}`}\n        value={orderRecipient?.postcode || ''}\n        onChange={onChange}\n        autoComplete=\"off\"\n        style={{ width: '100%' }}\n        disabled={isClientPortal}\n        hasError={hasError}\n        onBlur={async () => {\n          const currentPostcode = orderRecipient?.postcode?.trim();\n          if (\n            currentPostcode &&\n            isValidPostcode(currentPostcode) &&\n            currentPostcode !== prevPostcodeRef.current\n          ) {\n            await callCheckPostcodeAPI();\n          }\n          prevPostcodeRef.current = currentPostcode;\n        }}\n      />\n      {errors.postCodeError && <ErrorText>{errors.postCodeError}</ErrorText>}\n    </Container>\n  );\n}\n\nconst InputContainer = styled(Input)<{ hasError?: boolean }>`\n  ${({ hasError }) =>\n    hasError &&\n    css`\n      border: 1px solid rgb(253, 154, 154);\n      background-color: #fff5f5;\n    `}\n`;\n\nconst ErrorText = styled.span`\n  color: red;\n  font-size: 0.85rem;\n  margin-top: 4px;\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// const ErrorText = styled.span`\n//   color: red;\n//   font-size: 0.85rem;\n//   margin-top: 4px;\n// `;\n\nexport default Postcode;\n"],"names":["POSTCODE_REGEX","Postcode","environment","getProjectEnv","orderDetails","setOrderDetails","useOrderDetails","isClientPortal","useClientPortal","errors","setErrors","useAtom","errorAtom","orderRecipient","isInvalidOrder","setIsNorthSouth","useIsShowNorthSouth","prevPostcodeRef","useRef","showCopyIcon","isDevelopmentOrStagingOrReleaseUK","isValidPostcode","val","showErr","prevErrors","POSTCODE_LABEL","clearErr","validatePostcode","onChange","e","updatedOrderRecipient","prev","hasError","callCheckPostcode","useAxios","callCheckPostcodeAPI","response","isNorthSouth","message","Container","jsxs","Wrapper","jsx","Label","CopyText","InputContainer","currentPostcode","ErrorText","styled","Input","css"],"mappings":"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"}

package/dist/components/order-view/order-details/expanded-content/customer-section/location-info/What3words.js

@@ -0,0 +1,90 @@
+import { jsxs as d, jsx as t } from "react/jsx-runtime";
+import { Input as W, Label as b } from "@bjsdistribution/dms-component-library";
+import o from "styled-components";
+import _ from "../../../../../../assets/icons/What3WordsIcon.js";
+import { useOrderDetails as v, errorAtom as C, useCurrentAction as g } from "../../../../store.js";
+import { sanitizeInput as y } from "../../../../utils.js";
+import { useClientPortal as A } from "../../../../../store.js";
+import { useAtom as E } from "jotai";
+function q() {
+  const l = /^\/{0,}[^0-9`~!@#$%^&*()+\-_=[{\]}\\|'<,.>?/";:£§º©®\s]{1,}[・.。][^0-9`~!@#$%^&*()+\-_=[{\]}\\|'<,.>?/";:£§º©®\s]{1,}[・.。][^0-9`~!@#$%^&*()+\-_=[{\]}\\|'<,.>?/";:£§º©®\s]{1,}$/, [p, c] = v(), [i, a] = E(C), [u] = A(), s = p?.order_recipient, [, m] = g(), f = (r) => r.startsWith("///") ? r.slice(3) : r.startsWith("//") ? r.slice(2) : r.startsWith("/") ? r.slice(1) : r, w = (r) => {
+    let e = y(r.target.value);
+    h(e);
+    const n = {
+      ...s === null ? { what_3words_address: e } : { ...s, what_3words_address: f(e) }
+    };
+    c((x) => ({
+      ...x,
+      order_recipient: n
+    }));
+  }, h = (r) => {
+    if (r.trim()) {
+      const e = l.test(r);
+      a((n) => ({
+        ...n,
+        w3wError: e ? "" : "Please enter a valid input (format: word.word.word)"
+      }));
+    } else
+      a((e) => ({
+        ...e,
+        w3wError: "Input cannot be empty or only spaces"
+      }));
+  };
+  return /* @__PURE__ */ d($, { children: [
+    /* @__PURE__ */ t(
+      b,
+      {
+        style: { color: "#6396e5", cursor: "pointer" },
+        label: "What3Words Address",
+        htmlFor: "w3w",
+        onClick: () => m("what3Words")
+      }
+    ),
+    /* @__PURE__ */ d(k, { children: [
+      /* @__PURE__ */ t(I, { children: /* @__PURE__ */ t(_, {}) }),
+      /* @__PURE__ */ t(
+        P,
+        {
+          name: "w3w",
+          type: "text",
+          placeholder: "Format: word.word.word",
+          value: s?.what_3words_address || "",
+          onChange: w,
+          disabled: u
+        }
+      )
+    ] }),
+    i.w3wError && /* @__PURE__ */ t(D, { children: i.w3wError })
+  ] });
+}
+const I = o.div`
+  position: absolute;
+  top: 13px;
+  left: 12px;
+`, k = o.div`
+  position: relative;
+`, P = o(W)`
+  /* border-radius: 25px; */
+  &::-webkit-outer-spin-button,
+  &::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+    margin: 0;
+  }
+  &:focus-visible {
+    outline: none;
+  }
+  padding-left: 40px;
+`, $ = o.div`
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  flex: 1;
+`, D = o.span`
+  color: red;
+  font-size: 0.85rem;
+  margin-top: 4px;
+`;
+export {
+  q as default
+};
+//# sourceMappingURL=What3words.js.map

package/dist/components/order-view/order-details/expanded-content/customer-section/location-info/What3words.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"What3words.js","sources":["../../../../../../../src/components/order-view/order-details/expanded-content/customer-section/location-info/What3words.tsx"],"sourcesContent":["import { Input, Label } from '@bjsdistribution/dms-component-library';\nimport React from 'react';\nimport styled from 'styled-components';\nimport What3WordsIcon from '../../../../../../assets/icons/What3WordsIcon';\nimport {\n  errorAtom,\n  useAtom,\n  useCurrentAction,\n  useOrderDetails,\n} from '../../../../store';\nimport { sanitizeInput } from '../../../../utils';\nimport { useClientPortal } from '../../../../../store';\n\nfunction What3words() {\n  const w3wRegex = /^\\/{0,}[^0-9`~!@#$%^&*()+\\-_=[{\\]}\\\\|'<,.>?/\";:£§º©®\\s]{1,}[・.。][^0-9`~!@#$%^&*()+\\-_=[{\\]}\\\\|'<,.>?/\";:£§º©®\\s]{1,}[・.。][^0-9`~!@#$%^&*()+\\-_=[{\\]}\\\\|'<,.>?/\";:£§º©®\\s]{1,}$/;\n  const [orderDetails, setOrderDetails] = useOrderDetails();\n  const [errors, setErrors] = useAtom(errorAtom);\n  const [isClientPortal] = useClientPortal();\n  const orderRecipient = orderDetails?.order_recipient;\n  const [, setCurrentAction] = useCurrentAction();\n\n  const cleanW3WAddress = (w3wStr: string) => {\n    if (w3wStr.startsWith('///')) {\n      return w3wStr.slice(3);\n    } else if (w3wStr.startsWith('//')) {\n      return w3wStr.slice(2);\n    } else if (w3wStr.startsWith('/')) {\n      return w3wStr.slice(1);\n    }\n    return w3wStr;\n  };\n\n  const onChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    let val = sanitizeInput(e.target.value);\n    validateInput(val);\n    const updatedOrderRecipient = {\n      ...(orderRecipient === null\n        ? { what_3words_address: val }\n        : { ...orderRecipient, what_3words_address: cleanW3WAddress(val) }),\n    };\n\n    setOrderDetails(prev => ({\n      ...prev,\n      order_recipient: updatedOrderRecipient,\n    }));\n  };\n\n  const validateInput = (value: string) => {\n    if (value.trim()) {\n      const isValid = w3wRegex.test(value);\n      setErrors(prev => ({\n        ...prev,\n        w3wError: isValid\n          ? ''\n          : 'Please enter a valid input (format: word.word.word)',\n      }));\n    } else {\n      setErrors(prev => ({\n        ...prev,\n        w3wError: 'Input cannot be empty or only spaces',\n      }));\n    }\n  };\n\n  // const handleOpenModal = () => {\n  //   dispatch({ type: 'what3Words' });\n  // };\n\n  return (\n    <Container>\n      <Label\n        style={{ color: '#6396e5', cursor: 'pointer' }}\n        label=\"What3Words Address\"\n        htmlFor=\"w3w\"\n        onClick={() => setCurrentAction('what3Words')}\n      />\n      <Wrapper>\n        <What3wordsPrefix>\n          <What3WordsIcon />\n        </What3wordsPrefix>\n        <CustomInput\n          name=\"w3w\"\n          type=\"text\"\n          placeholder=\"Format: word.word.word\"\n          value={orderRecipient?.what_3words_address || ''}\n          onChange={onChange}\n          disabled={isClientPortal}\n        />\n      </Wrapper>\n      {errors.w3wError && <ErrorText>{errors.w3wError}</ErrorText>}\n    </Container>\n  );\n}\n\nconst What3wordsPrefix = styled.div`\n  position: absolute;\n  top: 13px;\n  left: 12px;\n`;\n\nconst Wrapper = styled.div`\n  position: relative;\n`;\n\nconst CustomInput = styled(Input)`\n  /* border-radius: 25px; */\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  padding-left: 40px;\n`;\n\nconst Container = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  flex: 1;\n`;\n\nconst ErrorText = styled.span`\n  color: red;\n  font-size: 0.85rem;\n  margin-top: 4px;\n`;\n\nexport default What3words;\n"],"names":["What3words","w3wRegex","orderDetails","setOrderDetails","useOrderDetails","errors","setErrors","useAtom","errorAtom","isClientPortal","useClientPortal","orderRecipient","setCurrentAction","useCurrentAction","cleanW3WAddress","w3wStr","onChange","e","val","sanitizeInput","validateInput","updatedOrderRecipient","prev","value","isValid","Container","jsx","Label","Wrapper","What3wordsPrefix","What3WordsIcon","CustomInput","ErrorText","styled","Input"],"mappings":";;;;;;;;AAaA,SAASA,IAAa;AACpB,QAAMC,IAAW,kLACX,CAACC,GAAcC,CAAe,IAAIC,EAAA,GAClC,CAACC,GAAQC,CAAS,IAAIC,EAAQC,CAAS,GACvC,CAACC,CAAc,IAAIC,EAAA,GACnBC,IAAiBT,GAAc,iBAC/B,CAAA,EAAGU,CAAgB,IAAIC,EAAA,GAEvBC,IAAkB,CAACC,MACnBA,EAAO,WAAW,KAAK,IAClBA,EAAO,MAAM,CAAC,IACZA,EAAO,WAAW,IAAI,IACxBA,EAAO,MAAM,CAAC,IACZA,EAAO,WAAW,GAAG,IACvBA,EAAO,MAAM,CAAC,IAEhBA,GAGHC,IAAW,CAACC,MAA2C;AAC3D,QAAIC,IAAMC,EAAcF,EAAE,OAAO,KAAK;AACtC,IAAAG,EAAcF,CAAG;AACjB,UAAMG,IAAwB;AAAA,MAC5B,GAAIV,MAAmB,OACnB,EAAE,qBAAqBO,EAAA,IACvB,EAAE,GAAGP,GAAgB,qBAAqBG,EAAgBI,CAAG,EAAA;AAAA,IAAE;AAGrE,IAAAf,EAAgB,CAAAmB,OAAS;AAAA,MACvB,GAAGA;AAAA,MACH,iBAAiBD;AAAA,IAAA,EACjB;AAAA,EACJ,GAEMD,IAAgB,CAACG,MAAkB;AACvC,QAAIA,EAAM,QAAQ;AAChB,YAAMC,IAAUvB,EAAS,KAAKsB,CAAK;AACnC,MAAAjB,EAAU,CAAAgB,OAAS;AAAA,QACjB,GAAGA;AAAA,QACH,UAAUE,IACN,KACA;AAAA,MAAA,EACJ;AAAA,IACJ;AACE,MAAAlB,EAAU,CAAAgB,OAAS;AAAA,QACjB,GAAGA;AAAA,QACH,UAAU;AAAA,MAAA,EACV;AAAA,EAEN;AAMA,2BACGG,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAO,EAAE,OAAO,WAAW,QAAQ,UAAA;AAAA,QACnC,OAAM;AAAA,QACN,SAAQ;AAAA,QACR,SAAS,MAAMf,EAAiB,YAAY;AAAA,MAAA;AAAA,IAAA;AAAA,sBAE7CgB,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAF,EAACG,GAAA,EACC,UAAA,gBAAAH,EAACI,GAAA,CAAA,CAAe,GAClB;AAAA,MACA,gBAAAJ;AAAA,QAACK;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,MAAK;AAAA,UACL,aAAY;AAAA,UACZ,OAAOpB,GAAgB,uBAAuB;AAAA,UAC9C,UAAAK;AAAA,UACA,UAAUP;AAAA,QAAA;AAAA,MAAA;AAAA,IACZ,GACF;AAAA,IACCJ,EAAO,YAAY,gBAAAqB,EAACM,GAAA,EAAW,YAAO,SAAA,CAAS;AAAA,EAAA,GAClD;AAEJ;AAEA,MAAMH,IAAmBI,EAAO;AAAA;AAAA;AAAA;AAAA,GAM1BL,IAAUK,EAAO;AAAA;AAAA,GAIjBF,IAAcE,EAAOC,CAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAa1BT,IAAYQ,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAOnBD,IAAYC,EAAO;AAAA;AAAA;AAAA;AAAA;"}

package/dist/components/order-view/order-details/expanded-content/customer-section/location-info/index.js

@@ -0,0 +1,37 @@
+import { jsxs as i, jsx as o } from "react/jsx-runtime";
+import t from "styled-components";
+import d from "./Address.js";
+import e from "./Postcode.js";
+import n from "./Latitude.js";
+import p from "./Longitude.js";
+import l from "./What3words.js";
+function y() {
+  return /* @__PURE__ */ i(s, { children: [
+    /* @__PURE__ */ o(d, {}),
+    /* @__PURE__ */ i(m, { children: [
+      /* @__PURE__ */ i(r, { children: [
+        /* @__PURE__ */ o(e, {}),
+        /* @__PURE__ */ o(l, {})
+      ] }),
+      /* @__PURE__ */ i(r, { children: [
+        /* @__PURE__ */ o(n, {}),
+        /* @__PURE__ */ o(p, {})
+      ] })
+    ] })
+  ] });
+}
+const r = t.div`
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+`, m = t.div`
+  display: flex;
+  gap: 10px;
+`, s = t.div`
+  display: flex;
+  gap: 15px;
+`;
+export {
+  y as default
+};
+//# sourceMappingURL=index.js.map

package/dist/components/order-view/order-details/expanded-content/customer-section/location-info/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../src/components/order-view/order-details/expanded-content/customer-section/location-info/index.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport Address from './Address';\nimport Postcode from './Postcode';\nimport Latitude from './Latitude';\nimport Longitude from './Longitude';\nimport What3words from './What3words';\n\nfunction LocationDetails() {\n  return (\n    <Container>\n      <Address />\n      <Right>\n        <RightColumn>\n          <Postcode />\n          <What3words />\n        </RightColumn>\n        <RightColumn>\n          <Latitude />\n          <Longitude />\n        </RightColumn>\n      </Right>\n    </Container>\n  );\n}\n\nconst RightColumn = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n`;\n\nconst Right = styled.div`\n  display: flex;\n  gap: 10px;\n`;\n\nconst Container = styled.div`\n  display: flex;\n  gap: 15px;\n`;\n\nexport default LocationDetails;\n"],"names":["LocationDetails","Container","jsx","Address","Right","jsxs","RightColumn","Postcode","What3words","Latitude","Longitude","styled"],"mappings":";;;;;;;AAQA,SAASA,IAAkB;AACzB,2BACGC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAQ;AAAA,sBACRC,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAC,EAACC,GAAA,EACC,UAAA;AAAA,QAAA,gBAAAJ,EAACK,GAAA,EAAS;AAAA,0BACTC,GAAA,CAAA,CAAW;AAAA,MAAA,GACd;AAAA,wBACCF,GAAA,EACC,UAAA;AAAA,QAAA,gBAAAJ,EAACO,GAAA,EAAS;AAAA,0BACTC,GAAA,CAAA,CAAU;AAAA,MAAA,EAAA,CACb;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;AAEA,MAAMJ,IAAcK,EAAO;AAAA;AAAA;AAAA;AAAA,GAMrBP,IAAQO,EAAO;AAAA;AAAA;AAAA,GAKfV,IAAYU,EAAO;AAAA;AAAA;AAAA;"}

package/dist/components/order-view/order-details/expanded-content/footer/AllowTracking.js

@@ -0,0 +1,37 @@
+import { jsx as o, jsxs as i } from "react/jsx-runtime";
+import e from "styled-components";
+import { useOrderDetails as s } from "../../../store.js";
+import { formatUtcToLocal as a } from "@bjsdistribution/dms-component-library";
+function h() {
+  const [t] = s(), n = t?.created_by || "Unknown", r = t?.created_at ? `${a(t.created_at).date} @ ${a(t.created_at).time}` : "Not Available";
+  return /* @__PURE__ */ o(f, { children: /* @__PURE__ */ i(c, { children: [
+    /* @__PURE__ */ o(l, { children: "Created: " }),
+    " ",
+    n,
+    ", ",
+    r
+  ] }) });
+}
+const l = e.span`
+  color: #3a3630;
+  font-family: 'Lato', sans-serif;
+  font-size: 13px;
+  font-style: normal;
+  font-weight: 600;
+  line-height: 16px;
+`, c = e.span`
+  color: #6a7378;
+  font-family: 'Lato', sans-serif;
+  font-size: 13px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 16px;
+`, f = e.div`
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+`;
+export {
+  h as default
+};
+//# sourceMappingURL=AllowTracking.js.map

package/dist/components/order-view/order-details/expanded-content/footer/AllowTracking.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AllowTracking.js","sources":["../../../../../../src/components/order-view/order-details/expanded-content/footer/AllowTracking.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { useOrderDetails } from '../../../store';\nimport { formatUtcToLocal } from '@bjsdistribution/dms-component-library';\n\nfunction AllowTracking() {\n  const [orderDetails] = useOrderDetails();\n  const createdBy = orderDetails?.created_by || 'Unknown';\n  const createdAt = orderDetails?.created_at\n    ? `${formatUtcToLocal(orderDetails.created_at).date} @ ${\n        formatUtcToLocal(orderDetails.created_at).time\n      }`\n    : 'Not Available';\n\n  return (\n    <Container>\n      <CreatedBy>\n        <Text>Created: </Text> {createdBy}, {createdAt}\n      </CreatedBy>\n    </Container>\n  );\n}\n\nconst Text = styled.span`\n  color: #3a3630;\n  font-family: 'Lato', sans-serif;\n  font-size: 13px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: 16px;\n`;\n\nconst CreatedBy = styled.span`\n  color: #6a7378;\n  font-family: 'Lato', sans-serif;\n  font-size: 13px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 16px;\n`;\n\nconst Container = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n`;\n\nexport default AllowTracking;\n"],"names":["AllowTracking","orderDetails","useOrderDetails","createdBy","createdAt","formatUtcToLocal","jsx","Container","jsxs","CreatedBy","Text","styled"],"mappings":";;;;AAKA,SAASA,IAAgB;AACvB,QAAM,CAACC,CAAY,IAAIC,EAAA,GACjBC,IAAYF,GAAc,cAAc,WACxCG,IAAYH,GAAc,aAC5B,GAAGI,EAAiBJ,EAAa,UAAU,EAAE,IAAI,MAC/CI,EAAiBJ,EAAa,UAAU,EAAE,IAC5C,KACA;AAEJ,SACE,gBAAAK,EAACC,GAAA,EACC,UAAA,gBAAAC,EAACC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAH,EAACI,KAAK,UAAA,YAAA,CAAS;AAAA,IAAO;AAAA,IAAEP;AAAA,IAAU;AAAA,IAAGC;AAAA,EAAA,EAAA,CACvC,EAAA,CACF;AAEJ;AAEA,MAAMM,IAAOC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASdF,IAAYE,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASnBJ,IAAYI,EAAO;AAAA;AAAA;AAAA;AAAA;"}

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

@@ -0,0 +1,126 @@
+import { jsxs as L, jsx as _ } from "react/jsx-runtime";
+import F from "styled-components";
+import J from "./AllowTracking.js";
+import { useAxios as d, Button as N } from "@bjsdistribution/dms-component-library";
+import { useOrderDetails as U, usePrevOrderDetails as B, useCustomerInfo as K, errorAtom as q, useGlobalStateHitAuditLog as z, useGlobalStateHitOrder as M, useLiveRecalling as Q, useOrderAlertsData as V, useStatusDetails as W } from "../../../store.js";
+import { compareOrderDetailsStates as X, filterObject as g } from "../../../utils.js";
+import { notification as Y } from "antd";
+import { useClientPortal as Z } from "../../../../store.js";
+import { useAtom as ee } from "jotai";
+function ue() {
+  const [t, p] = U(), [n, y] = B(), [, O] = K(), [s] = ee(q), [, m] = z(), [, u] = M(), [D] = Z(), [, b] = Q(), [, h] = V(), [, S] = W(), { fetchData: x } = d({
+    endpoint: `v1/orders/alerts/?order_id=${t?.id}`,
+    method: "GET"
+  }), { fetchData: v } = d({
+    endpoint: `/orders/get_live_status/${t?.id}`,
+    method: "GET"
+  }), { fetchData: A } = d({
+    endpoint: "/orders/update/",
+    method: "PUT"
+  }), k = () => s?.w3wError?.length > 0 || s?.emailError?.length > 0 || s?.homeContactError?.length > 0 || s?.workCOntanctError?.length > 0 || s?.mobileError?.length > 0 || s?.postCodeError?.length > 0, C = () => {
+    const e = [
+      "order_locked",
+      "order_communications",
+      "updated_at",
+      "updated_by"
+    ], l = g(
+      t,
+      e
+    ), o = g(
+      n,
+      e
+    ), a = JSON.stringify(l), i = JSON.stringify(o);
+    return !(a === i);
+  }, { fetchData: E } = d({
+    endpoint: `v1/orders/update/customs_details?order_id=${t?.id}`,
+    method: "PATCH"
+  });
+  return /* @__PURE__ */ L(te, { children: [
+    /* @__PURE__ */ _(J, {}),
+    /* @__PURE__ */ _(
+      N,
+      {
+        onClick: async () => {
+          if (t?.id) {
+            console.log("yooooooo11111");
+            const {
+              consignor_eori: r,
+              packaging_type: P,
+              consignee_country: w,
+              commodity_code: R,
+              country_of_origin: j,
+              item_invoice_amount: T,
+              procedure_code: G,
+              ni_additional_information_codes: I,
+              additional_procedure_code: $,
+              additional_procedures: H
+            } = t?.order_customs_details ?? {};
+            let c = {
+              order_id: t?.id,
+              consignor_eori: r,
+              packaging_type: P,
+              consignee_country: w,
+              commodity_code: R,
+              country_of_origin: j,
+              item_invoice_amount: T,
+              procedure_code: G,
+              ni_additional_information_codes: I,
+              additional_procedure_code: $,
+              additional_procedures: H
+            };
+            c = Object.fromEntries(
+              Object.entries(c).filter(
+                ([re, f]) => f != null
+              )
+            ), E({
+              payload: c
+            });
+          }
+          console.log("yoooooooooo"), m(!1), u(!1), b(!1);
+          const e = X(n, t), l = [
+            "assemble",
+            "disassemble",
+            "unpack_items",
+            "collect_disposal",
+            "take_packaging_away",
+            "assembly_type"
+          ];
+          for (const r of l)
+            r in e ? e[r] = e[r] : r in t && (e[r] = t[r]);
+          e?.assemble === !1 && e?.disassemble === !1 && (e.assembly_type = null), console.log("final payload for update--->", [e]);
+          let o = await A({
+            payload: [{ ...e, id: t?.id }]
+          });
+          u(!0), o.code == 200 && o?.data?.length > 0 ? (Y.success({
+            message: "Success",
+            description: `${o?.message}`
+          }), p(o?.data[0]), y(o?.data[0]), O({
+            recipient_name: o?.data[0]?.order_recipient?.recipient_name,
+            postcode: o?.data[0]?.order_recipient?.postcode,
+            return_action: o?.data[0]?.return_action
+          }), m(!0)) : p(n);
+          const a = await x();
+          a?.code === 200 && a?.data && h(a?.data);
+          const i = await v();
+          i?.code === 200 && i?.data && S(i?.data);
+        },
+        disabled: D ? !0 : !C() || k(),
+        children: "Save Details"
+      }
+    )
+  ] });
+}
+const te = F.div`
+  display: flex;
+  justify-content: space-between;
+  padding: 10px 15px;
+  align-items: flex-start;
+  border-top: 1px solid #edebe8;
+  background: #f8fafc;
+  margin: 0px -15px -15px -15px;
+  border-radius: 0px 0px 8px 8px;
+`;
+export {
+  ue as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../src/components/order-view/order-details/expanded-content/footer/index.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport AllowTracking from './AllowTracking';\nimport { Button, useAxios } from '@bjsdistribution/dms-component-library';\nimport {\n  useAtom,\n  useOrderDetails,\n  usePrevOrderDetails,\n  errorAtom,\n  useCustomerInfo,\n  useGlobalStateHitAuditLog,\n  useGlobalStateHitOrder,\n  useLiveRecalling,\n  useOrderAlertsData,\n  useStatusDetails,\n} from '../../../store';\n// import useUpdateOrder from '../../../hooks/useUpdateOrder';\nimport { compareOrderDetailsStates, filterObject } from '../../../utils';\nimport { ApiResponse, OrdersType } from '../../../types';\nimport { notification } from 'antd';\nimport { useClientPortal } from '../../../../store';\n\nfunction OrderDetailsFooter() {\n  const [orderDetails, setOrderDetails] = useOrderDetails();\n  const [prevOrderDetails, setPrevOrderDetails] = usePrevOrderDetails();\n  const [, setCustomerInfo] = useCustomerInfo();\n  // const updateOrder = useUpdateOrder();\n  const [errorState] = useAtom(errorAtom);\n  const [, setRecallAuditLog] = useGlobalStateHitAuditLog();\n  const [, setRecallOrders] = useGlobalStateHitOrder();\n  const [isClientPortal] = useClientPortal();\n  const [, setRecalling] = useLiveRecalling();\n  const [, setOrderAlertsData] = useOrderAlertsData();\n  const [, setOrderStatus] = useStatusDetails();\n\n  // call alerts api\n  const { fetchData: callOrderAlertsApi } = useAxios<{\n    data: ApiResponse[];\n  }>({\n    endpoint: `v1/orders/alerts/?order_id=${orderDetails?.id}`,\n    method: 'GET',\n  });\n\n  //Order status api\n  const { fetchData: callOrderStatusApi } = useAxios<{\n    data: ApiResponse[];\n  }>({\n    endpoint: `/orders/get_live_status/${orderDetails?.id}`,\n    method: 'GET',\n  });\n  //update order\n  const { fetchData: callUpdateOrderAPI } = useAxios<{\n    data: ApiResponse[];\n  }>({\n    endpoint: `/orders/update/`,\n    method: 'PUT',\n  });\n\n  const errorFound = () => {\n    const isError =\n      errorState?.w3wError?.length > 0 ||\n      errorState?.emailError?.length > 0 ||\n      errorState?.homeContactError?.length > 0 ||\n      errorState?.workCOntanctError?.length > 0 ||\n      errorState?.mobileError?.length > 0 ||\n      errorState?.postCodeError?.length > 0;\n\n    return isError;\n  };\n\n  const isDifferent = () => {\n    const keysToRemovefromOrders = [\n      'order_locked',\n      'order_communications',\n      'updated_at',\n      'updated_by',\n    ];\n    const filteredOrderDetails = filterObject(\n      orderDetails,\n      keysToRemovefromOrders\n    );\n    const filteredPrevOrderDetails = filterObject(\n      prevOrderDetails,\n      keysToRemovefromOrders\n    );\n\n    const orderDetailsSorted = JSON.stringify(filteredOrderDetails);\n    const prevOrderDetailsSorted = JSON.stringify(filteredPrevOrderDetails);\n    const isSame = orderDetailsSorted === prevOrderDetailsSorted;\n    return !isSame;\n  };\n  //Northern/Southern Ireland PATCH API\n  const { fetchData: callCustomDetailsAPI } = useAxios<{\n    data: ApiResponse[];\n  }>({\n    endpoint: `v1/orders/update/customs_details?order_id=${orderDetails?.id}`,\n    method: 'PATCH',\n  });\n  const onSave = async () => {\n    if (orderDetails?.id) {\n      console.log('yooooooo11111');\n\n      const {\n        consignor_eori,\n        packaging_type,\n        consignee_country,\n        commodity_code,\n        country_of_origin,\n        item_invoice_amount,\n        procedure_code,\n        ni_additional_information_codes,\n        additional_procedure_code,\n        additional_procedures,\n      } = orderDetails?.order_customs_details ?? {};\n\n      let customDetailsPayload: Record<string, any> = {\n        order_id: orderDetails?.id,\n        consignor_eori,\n        packaging_type,\n        consignee_country,\n        commodity_code,\n        country_of_origin,\n        item_invoice_amount,\n        procedure_code,\n        ni_additional_information_codes,\n        additional_procedure_code,\n        additional_procedures,\n      };\n\n      // remove null/undefined values\n      customDetailsPayload = Object.fromEntries(\n        Object.entries(customDetailsPayload).filter(\n          ([_, value]) => value !== null && value !== undefined\n        )\n      );\n\n      // northern/southern details API\n      callCustomDetailsAPI({\n        payload: customDetailsPayload,\n      });\n    }\n    console.log('yoooooooooo');\n    setRecallAuditLog(false);\n    setRecallOrders(false);\n    setRecalling(false);\n    const payload = compareOrderDetailsStates(prevOrderDetails, orderDetails);\n\n    type ServiceKey =\n      | 'assemble'\n      | 'disassemble'\n      | 'unpack_items'\n      | 'collect_disposal'\n      | 'take_packaging_away'\n      | 'assembly_type';\n\n    const serviceKeys: ServiceKey[] = [\n      'assemble',\n      'disassemble',\n      'unpack_items',\n      'collect_disposal',\n      'take_packaging_away',\n      'assembly_type',\n    ];\n\n    for (const key of serviceKeys) {\n      if (key in payload) {\n        (payload as Record<ServiceKey, any>)[key] =\n          payload[key as keyof typeof payload];\n      } else if (key in orderDetails) {\n        (payload as Record<ServiceKey, any>)[key] =\n          orderDetails[key as keyof OrdersType];\n      }\n    }\n\n    if (payload?.assemble === false && payload?.disassemble === false) {\n      payload.assembly_type = null;\n    }\n\n    console.log('final payload for update--->', [payload]);\n    let response = (await callUpdateOrderAPI({\n      payload: [{ ...payload, id: orderDetails?.id }],\n    })) as {\n      code: number | null;\n      error?: string | null | undefined;\n      [key: string]: any;\n    };\n    // const response = await updateOrder([payload]);\n\n    setRecallOrders(true);\n    if (response.code == 200 && response?.data?.length > 0) {\n      notification.success({\n        message: 'Success',\n        description: `${response?.message}`,\n      });\n      setOrderDetails(response?.data[0]);\n      setPrevOrderDetails(response?.data[0]);\n      setCustomerInfo({\n        recipient_name: response?.data[0]?.order_recipient?.recipient_name,\n        postcode: response?.data[0]?.order_recipient?.postcode,\n        return_action: response?.data[0]?.return_action,\n\n      });\n      setRecallAuditLog(true);\n    } else {\n      setOrderDetails(prevOrderDetails);\n    }\n\n    const alertsApiRes = (await callOrderAlertsApi()) as {\n      code: number | null;\n      error?: string | null | undefined;\n      [key: string]: any;\n    };\n    if (alertsApiRes?.code === 200 && alertsApiRes?.data) {\n      setOrderAlertsData(alertsApiRes?.data);\n    }\n\n    const orderStatusApiRes = (await callOrderStatusApi()) as {\n      code: number | null;\n      error?: string | null | undefined;\n      [key: string]: any;\n    };\n    if (orderStatusApiRes?.code === 200 && orderStatusApiRes?.data) {\n      setOrderStatus(orderStatusApiRes?.data);\n    }\n  };\n  //here changes needed\n  return (\n    <Container>\n      <AllowTracking />\n      <Button\n        onClick={onSave}\n        disabled={isClientPortal ? true : !isDifferent() || errorFound()}\n      >\n        Save Details\n      </Button>\n    </Container>\n  );\n}\n\nconst Container = styled.div`\n  display: flex;\n  justify-content: space-between;\n  padding: 10px 15px;\n  align-items: flex-start;\n  border-top: 1px solid #edebe8;\n  background: #f8fafc;\n  margin: 0px -15px -15px -15px;\n  border-radius: 0px 0px 8px 8px;\n`;\n\nexport default OrderDetailsFooter;\n"],"names":["OrderDetailsFooter","orderDetails","setOrderDetails","useOrderDetails","prevOrderDetails","setPrevOrderDetails","usePrevOrderDetails","setCustomerInfo","useCustomerInfo","errorState","useAtom","errorAtom","setRecallAuditLog","useGlobalStateHitAuditLog","setRecallOrders","useGlobalStateHitOrder","isClientPortal","useClientPortal","setRecalling","useLiveRecalling","setOrderAlertsData","useOrderAlertsData","setOrderStatus","useStatusDetails","callOrderAlertsApi","useAxios","callOrderStatusApi","callUpdateOrderAPI","errorFound","isDifferent","keysToRemovefromOrders","filteredOrderDetails","filterObject","filteredPrevOrderDetails","orderDetailsSorted","prevOrderDetailsSorted","callCustomDetailsAPI","Container","jsx","AllowTracking","Button","consignor_eori","packaging_type","consignee_country","commodity_code","country_of_origin","item_invoice_amount","procedure_code","ni_additional_information_codes","additional_procedure_code","additional_procedures","customDetailsPayload","_","value","payload","compareOrderDetailsStates","serviceKeys","key","response","notification","alertsApiRes","orderStatusApiRes","styled"],"mappings":"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"}

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

@@ -0,0 +1,80 @@
+import { jsx as o, Fragment as e, jsxs as i } from "react/jsx-runtime";
+import { useEffect as s } from "react";
+import t from "styled-components";
+import c from "./customer-section/index.js";
+import f from "./orders-section/index.js";
+import l from "./instruction-section/index.js";
+import h from "./services-section/index.js";
+import x from "./footer/index.js";
+import { Skeleton as n } from "antd";
+import { FormSection as u } from "@bjsdistribution/dms-component-library";
+import { useIsShowNorthSouth as w } from "../../../store.js";
+import { useOrderDetails as g } from "../../store.js";
+import S from "../../northern-southern-info/index.js";
+function W({ orderLoading: a, depotDataLoading: m }) {
+  const [r] = w(), [p] = g();
+  return s(() => {
+    console.log("north sourthsalhdjas", r);
+  }, [r]), /* @__PURE__ */ o(e, { children: /* @__PURE__ */ o(y, { children: a || m ? /* @__PURE__ */ o(e, { children: /* @__PURE__ */ i(C, { children: [
+    /* @__PURE__ */ o(n, { paragraph: { rows: 4 } }),
+    /* @__PURE__ */ o(n, { paragraph: { rows: 4 } })
+  ] }) }) : /* @__PURE__ */ i(e, { children: [
+    /* @__PURE__ */ i(b, { children: [
+      /* @__PURE__ */ o(d, { children: /* @__PURE__ */ o(c, {}) }),
+      /* @__PURE__ */ o(d, { children: /* @__PURE__ */ o(f, {}) }),
+      /* @__PURE__ */ o(l, {}),
+      (r === !0 || p?.show_customs_details && r !== !1) && /* @__PURE__ */ o(S, {})
+    ] }),
+    /* @__PURE__ */ o(h, {}),
+    /* @__PURE__ */ o(x, {})
+  ] }) }) });
+}
+const d = t.div`
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  gap: 20px;
+
+  @media (min-width: 769px) {
+    flex-direction: row; /* Change to row for large screens */
+    width: 50%;
+  }
+
+  @media (min-width: 1024px) {
+    width: auto;
+  }
+
+  @media (min-width: 1440px) {
+    width: 50%;
+  }
+`, b = t.div`
+  display: flex;
+  flex-wrap: wrap;
+  gap: 20px;
+  justify-content: space-between;
+
+  @media (min-width: 769px) {
+    flex-direction: row;
+  }
+
+  @media (min-width: 1024px) {
+    justify-content: flex-start;
+  }
+`, y = t.div`
+  display: flex;
+  flex-direction: column;
+  gap: 15px;
+  /* padding-bottom: 30px; */
+  @media (max-width: 768px) {
+    gap: 10px;
+  }
+`, C = t(u)`
+  flex: 1;
+  border-radius: 8px;
+  background: #f8fafc;
+  box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1);
+`;
+export {
+  W as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/order-view/order-details/expanded-content/index.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport styled from 'styled-components';\nimport CustomerSection from './customer-section';\nimport OrdersSection from './orders-section';\nimport InstructionSection from './instruction-section';\nimport ServicesSection from './services-section';\nimport OrderDetailsFooter from './footer';\nimport { Skeleton } from 'antd';\nimport { FormSection } from '@bjsdistribution/dms-component-library';\nimport { useIsShowNorthSouth } from '../../../store';\nimport { useOrderDetails } from '../../store';\nimport NorthernSouthernInfoView from '../../northern-southern-info';\n\nfunction ExpandedContent({ orderLoading, depotDataLoading }: any) {\n  const [isNorthSouth] = useIsShowNorthSouth();\n  const [orderDetails] = useOrderDetails();\n\n  useEffect(() => {\n    console.log('north sourthsalhdjas', isNorthSouth);\n  }, [isNorthSouth]);\n  return (\n    <>\n      <MainContainer>\n        {orderLoading || depotDataLoading ? (\n          <>\n            <CustomFormSection>\n              <Skeleton paragraph={{ rows: 4 }} />\n              <Skeleton paragraph={{ rows: 4 }} />\n            </CustomFormSection>\n          </>\n        ) : (\n          <>\n            <Container>\n              <HalfWidth>\n                <CustomerSection />\n              </HalfWidth>\n              <HalfWidth>\n                <OrdersSection />\n              </HalfWidth>\n              <InstructionSection />\n              {(isNorthSouth === true ||\n                (orderDetails?.show_customs_details &&\n                  isNorthSouth !== false)) && <NorthernSouthernInfoView />}\n            </Container>\n\n            <ServicesSection />\n            <OrderDetailsFooter />\n          </>\n        )}\n      </MainContainer>\n    </>\n  );\n}\n\nconst HalfWidth = styled.div`\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n\n  @media (min-width: 769px) {\n    flex-direction: row; /* Change to row for large screens */\n    width: 50%;\n  }\n\n  @media (min-width: 1024px) {\n    width: auto;\n  }\n\n  @media (min-width: 1440px) {\n    width: 50%;\n  }\n`;\n\nconst Container = styled.div`\n  display: flex;\n  flex-wrap: wrap;\n  gap: 20px;\n  justify-content: space-between;\n\n  @media (min-width: 769px) {\n    flex-direction: row;\n  }\n\n  @media (min-width: 1024px) {\n    justify-content: flex-start;\n  }\n`;\n\n// const InstructionContainer = styled.div`\n//   display: flex;\n//   justify-content: center;\n// `;\n\n// const Overlay = css`\n//   overflow: visible;\n//   pointer-events: none;\n//   background: none !important;\n//   -webkit-user-select: none;\n//   -moz-user-select: none;\n//   -ms-user-select: none;\n//   user-select: none;\n// `;\n\nconst MainContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 15px;\n  /* padding-bottom: 30px; */\n  @media (max-width: 768px) {\n    gap: 10px;\n  }\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`;\n\nexport default ExpandedContent;\n"],"names":["ExpandedContent","orderLoading","depotDataLoading","isNorthSouth","useIsShowNorthSouth","orderDetails","useOrderDetails","useEffect","jsx","MainContainer","Fragment","CustomFormSection","Skeleton","jsxs","Container","HalfWidth","CustomerSection","OrdersSection","InstructionSection","NorthernSouthernInfoView","ServicesSection","OrderDetailsFooter","styled","FormSection"],"mappings":";;;;;;;;;;;;;AAaA,SAASA,EAAgB,EAAE,cAAAC,GAAc,kBAAAC,KAAyB;AAChE,QAAM,CAACC,CAAY,IAAIC,EAAA,GACjB,CAACC,CAAY,IAAIC,EAAA;AAEvB,SAAAC,EAAU,MAAM;AACd,YAAQ,IAAI,wBAAwBJ,CAAY;AAAA,EAClD,GAAG,CAACA,CAAY,CAAC,0BAGb,UAAA,gBAAAK,EAACC,GAAA,EACE,eAAgBP,IACf,gBAAAM,EAAAE,GAAA,EACE,4BAACC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAH,EAACI,GAAA,EAAS,WAAW,EAAE,MAAM,KAAK;AAAA,sBACjCA,GAAA,EAAS,WAAW,EAAE,MAAM,IAAE,CAAG;AAAA,EAAA,EAAA,CACpC,EAAA,CACF,IAEA,gBAAAC,EAAAH,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAG,EAACC,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAN,EAACO,GAAA,EACC,UAAA,gBAAAP,EAACQ,GAAA,CAAA,CAAgB,GACnB;AAAA,MACA,gBAAAR,EAACO,GAAA,EACC,UAAA,gBAAAP,EAACS,GAAA,CAAA,CAAc,GACjB;AAAA,wBACCC,GAAA,EAAmB;AAAA,OAClBf,MAAiB,MAChBE,GAAc,wBACbF,MAAiB,yBAAYgB,GAAA,CAAA,CAAyB;AAAA,IAAA,GAC5D;AAAA,sBAECC,GAAA,EAAgB;AAAA,sBAChBC,GAAA,CAAA,CAAmB;AAAA,EAAA,EAAA,CACtB,GAEJ,GACF;AAEJ;AAEA,MAAMN,IAAYO,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAoBnBR,IAAYQ,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA8BnBb,IAAgBa,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAUvBX,IAAoBW,EAAOC,CAAW;AAAA;AAAA;AAAA;AAAA;AAAA;"}