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

package/dist/components/order-view/modalsPopup/ModalManager.js

@@ -0,0 +1,160 @@
+import { jsxs as F, Fragment as N, jsx as s } from "react/jsx-runtime";
+import { useState as E, useEffect as i } from "react";
+import { useApiHook as _, useAxios as j, AntModal as M, Checkbox as G } from "@bjsdistribution/dms-component-library";
+import { useAtom as V } from "jotai";
+import { countReducerAtom as B, useDeleteProdsID as W, usefetchAgain as $ } from "../store.js";
+import z from "./DefectsModal.js";
+import K from "./CreateReturnModal.js";
+import { useFinalPayload as U, usePostLoading as q, useSelectedOrders as J, useSelectedConfirmLoc as Q, useNewReturnPayload as X, useGroupedPayload as Y, useSelectAll as Z, useSendEmailNotification as ee } from "../../store.js";
+import { notification as x } from "antd";
+import { useNavigate as te } from "react-router-dom";
+const pe = () => {
+  const [r, a] = V(B), [u, d] = E(!1), [p] = W(), [, R] = E(!1), [m] = U(), [f, g] = q(), [, h] = J(), [w, S] = Q(), [, y] = X(), [, L] = Y(), [, P] = Z(), [, k] = $(), [
+    l,
+    n
+  ] = ee(), b = te(), A = () => {
+    a({ type: "close" }), n(!0);
+  }, D = () => p?.length > 0;
+  i(() => {
+    R(D());
+  }, [p]);
+  const {
+    data: e,
+    setShouldPerformAction: c,
+    loading: t,
+    error: C,
+    setError: v
+  } = _({
+    endpoint: "/v1/return/create/",
+    method: "POST",
+    body: m,
+    performAction: !1
+  });
+  i(() => {
+    g(t);
+  }, [t]);
+  const H = () => {
+    m?.length > 0 && (c(!0), k(!0), g(t)), a({ type: "close" });
+  }, { fetchData: T } = j({
+    endpoint: "/v1/return/create-csv-and-send-email/",
+    method: "POST"
+  });
+  return i(() => {
+    t && d(!0);
+  }, [t]), i(() => {
+    if (u && !(t || f)) {
+      if (C || e && (e?.code == 500 || e?.code == 400)) {
+        d(!1);
+        const o = C?.message || e?.message || "Failed to create return";
+        x.error({
+          message: "Failure",
+          description: o
+        }), a({ type: "close" }), n(!0), h([]), S([]), y([]), L([]), P(!1), c(!1), v(null);
+      } else if (e?.code === 201 || e?.code === 200) {
+        d(!1), x.success({
+          message: "Success",
+          // @ts-ignore
+          description: `${e?.message}`
+        }), a({ type: "close" });
+        const o = e?.data?.[0]?.order_id, I = {
+          // order_ids: response?.data ? response.data.map((item: any) => item?.order_id ?? 0) : [],
+          gsit_order_ids: e?.data ? e.data.map((O) => O?.order_id ?? 0) : []
+        };
+        l && T({ payload: I }), b(o ? `/orders/view/return/?order=${o}` : "/orders/view/return/overview"), n(!0), h([]), S([]), y([]), c(!1), P(!1), v(null);
+      }
+    }
+  }, [f, t, u, e]), /* @__PURE__ */ F(N, { children: [
+    r?.state === "create-return" && /* @__PURE__ */ s(N, { children: /* @__PURE__ */ s(
+      M,
+      {
+        openStatus: r?.state == "create-return",
+        closeModal: () => A(),
+        PopupHeader: {
+          heading: "CONFIRM RETURN",
+          subHeading: ""
+        },
+        PopupFooter: {
+          btns: [
+            {
+              name: /* @__PURE__ */ F(
+                "div",
+                {
+                  style: {
+                    display: "flex",
+                    alignItems: "center",
+                    marginRight: "16px",
+                    gap: "8px"
+                  },
+                  onClick: (o) => o.stopPropagation(),
+                  children: [
+                    /* @__PURE__ */ s(
+                      G,
+                      {
+                        checked: l,
+                        onChange: () => n(!l)
+                      }
+                    ),
+                    /* @__PURE__ */ s(
+                      "span",
+                      {
+                        style: {
+                          color: "#8d8f90",
+                          fontFamily: "Poppins",
+                          fontSize: "14px",
+                          fontWeight: 400,
+                          textTransform: "none"
+                        },
+                        children: "Send Email Notification"
+                      }
+                    )
+                  ]
+                }
+              ),
+              btnStyle: "",
+              type: "button"
+            },
+            {
+              name: "Submit",
+              btnStyle: "rounded",
+              onClick: H,
+              type: "button",
+              disabled: w.length === 0
+            }
+          ],
+          btnAlign: "justifyEnd"
+        },
+        BodyComponent: K,
+        width: 800,
+        classNameAdd: "globalPopup"
+      }
+    ) }),
+    r?.state == "defectsModal" && /* @__PURE__ */ s(
+      M,
+      {
+        openStatus: r?.state == "defectsModal",
+        closeModal: A,
+        PopupHeader: {
+          heading: "DEliver - DWLK1006 - 00605",
+          subHeading: "ALtair TV stand for TVs up to 60"
+        },
+        PopupFooter: {
+          btns: [
+            {
+              name: "",
+              btnStyle: "",
+              type: ""
+            }
+          ],
+          btnAlign: ""
+        },
+        BodyComponent: z,
+        width: 1504,
+        classNameAdd: "globalPopup"
+      }
+    )
+  ] });
+};
+export {
+  pe as default
+};
+//# sourceMappingURL=ModalManager.js.map

package/dist/components/order-view/modalsPopup/ModalManager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalManager.js","sources":["../../../../src/components/order-view/modalsPopup/ModalManager.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport {\n  AntModal,\n  useApiHook,\n  useAxios,\n  Checkbox,\n} from '@bjsdistribution/dms-component-library';\nimport { useAtom } from 'jotai';\nimport { countReducerAtom, useDeleteProdsID, usefetchAgain } from '../store';\n\nimport DefectsModal from './DefectsModal';\nimport { ApiResponse } from '../types';\nimport CreateReturnModal from './CreateReturnModal';\nimport {\n  useFinalPayload,\n  useGroupedPayload,\n  useNewReturnPayload,\n  usePostLoading,\n  useSelectAll,\n  useSelectedConfirmLoc,\n  useSelectedOrders,\n  useSendEmailNotification,\n} from '../../store';\nimport { notification } from 'antd';\nimport { useNavigate } from 'react-router-dom';\n\nconst ModalManager = () => {\n  const [popupName, dispatch] = useAtom(countReducerAtom);\n  const [hasStartedLoading, setHasStartedLoading] = useState(false);\n  const [selectedRows] = useDeleteProdsID();\n  const [, setIsFormValid] = useState(false);\n  const [newGrouped] = useFinalPayload();\n  const [postLoading, SetPostLoading] = usePostLoading();\n  const [, setSelectedReturnOrder] = useSelectedOrders();\n  const [forDisabledCheck, setCheck] = useSelectedConfirmLoc();\n  const [, setNewPayload] = useNewReturnPayload();\n  const [, setGrouped] = useGroupedPayload();\n  const [, setSelectAll] = useSelectAll();\n  const [, setCallForFetch] = usefetchAgain();\n  const [\n    sendEmailNotification,\n    setSendEmailNotification,\n  ] = useSendEmailNotification();\n  const navigate = useNavigate();\n\n  const closeModal = () => {\n    dispatch({ type: 'close' });\n    setSendEmailNotification(true);\n  };\n\n  const validateForm = () => {\n    return selectedRows?.length > 0;\n  };\n\n  useEffect(() => {\n    setIsFormValid(validateForm());\n  }, [selectedRows]);\n\n  // Confirm return popup\n  const {\n    data: response,\n    setShouldPerformAction,\n    loading: confirmLoading,\n    error: apiError,\n    setError,\n  } = useApiHook<{\n    data: ApiResponse[];\n  }>({\n    endpoint: `/v1/return/create/`,\n    method: 'POST',\n    body: newGrouped,\n    performAction: false,\n  });\n\n  useEffect(() => {\n    SetPostLoading(confirmLoading);\n  }, [confirmLoading]);\n\n  const handleConfirmReturn = () => {\n    if (newGrouped?.length > 0) {\n      setShouldPerformAction(true);\n      setCallForFetch(true);\n      SetPostLoading(confirmLoading);\n    }\n    dispatch({ type: 'close' });\n  };\n\n  const { fetchData: callSendEmail } = useAxios({\n    endpoint: '/v1/return/create-csv-and-send-email/',\n    method: 'POST',\n  });\n\n  useEffect(() => {\n    if (confirmLoading) {\n      setHasStartedLoading(true);\n    }\n  }, [confirmLoading]);\n\n  useEffect(() => {\n    if (!hasStartedLoading) return;\n    if (confirmLoading || postLoading) return;\n\n    // @ts-ignore\n    if (apiError || (response && (response?.code == 500 || response?.code == 400))) {\n      setHasStartedLoading(false);\n\n      // @ts-ignore\n      const errorMessage = apiError?.message || response?.message || 'Failed to create return';\n      notification.error({\n        message: 'Failure',\n        description: errorMessage,\n      });\n      dispatch({ type: 'close' });\n      setSendEmailNotification(true);\n      setSelectedReturnOrder([]);\n      setCheck([]);\n      setNewPayload([]);\n      setGrouped([]);\n      setSelectAll(false);\n      setShouldPerformAction(false);\n      setError(null);\n      // @ts-ignore\n    } else if (response?.code === 201 || response?.code === 200) {\n      setHasStartedLoading(false);\n      notification.success({\n        message: 'Success',\n        // @ts-ignore\n        description: `${response?.message}`,\n      });\n      dispatch({ type: 'close' });\n      //@ts-ignore\n      const orderIdsString = response?.data?.[0]?.order_id;\n\n      const emailApiPayload = {\n        // order_ids: response?.data ? response.data.map((item: any) => item?.order_id ?? 0) : [],\n        gsit_order_ids: response?.data\n          ? response.data.map((item: any) => item?.order_id ?? 0)\n          : [],\n      };\n\n      // send to API\n      if (sendEmailNotification) {\n        callSendEmail({ payload: emailApiPayload });\n      }\n      if (orderIdsString) {\n        navigate(`/orders/view/return/?order=${orderIdsString}`);\n      } else {\n        navigate('/orders/view/return/overview');\n      }\n\n      // Reset email notification state back to true\n      setSendEmailNotification(true);\n      setSelectedReturnOrder([]);\n      setCheck([]);\n      setNewPayload([]);\n      setShouldPerformAction(false);\n      setSelectAll(false);\n      setError(null);\n\n      // for local\n      // navigate('/overview');\n\n      // for dev\n      //navigate('/orders/view/return/overview');\n    }\n  }, [postLoading, confirmLoading, hasStartedLoading, response]);\n\n  return (\n    <>\n      {popupName?.state === 'create-return' && (\n        <>\n          <AntModal\n            openStatus={popupName?.state == 'create-return' ? true : false}\n            closeModal={() => closeModal()}\n            PopupHeader={{\n              heading: 'CONFIRM RETURN',\n              subHeading: '',\n            }}\n            PopupFooter={{\n              btns: [\n                {\n                  name: (\n                    <div\n                      style={{\n                        display: 'flex',\n                        alignItems: 'center',\n                        marginRight: '16px',\n                        gap: '8px',\n                      }}\n                      onClick={e => e.stopPropagation()}\n                    >\n                      <Checkbox\n                        checked={sendEmailNotification}\n                        onChange={() =>\n                          setSendEmailNotification(!sendEmailNotification)\n                        }\n                      />\n                      <span\n                        style={{\n                          color: '#8d8f90',\n                          fontFamily: 'Poppins',\n                          fontSize: '14px',\n                          fontWeight: 400,\n                          textTransform: 'none',\n                        }}\n                      >\n                        Send Email Notification\n                      </span>\n                    </div>\n                  ),\n                  btnStyle: '',\n                  type: 'button',\n                },\n                {\n                  name: 'Submit',\n                  btnStyle: 'rounded',\n                  onClick: handleConfirmReturn,\n                  type: 'button',\n                  disabled: forDisabledCheck.length === 0,\n                },\n              ],\n\n              btnAlign: 'justifyEnd',\n            }}\n            BodyComponent={CreateReturnModal}\n            width={800}\n            classNameAdd={'globalPopup'}\n          />\n        </>\n      )}\n\n      {popupName?.state == 'defectsModal' && (\n        <AntModal\n          openStatus={popupName?.state == 'defectsModal' ? true : false}\n          closeModal={closeModal}\n          PopupHeader={{\n            heading: 'DEliver - DWLK1006 - 00605',\n            subHeading: 'ALtair TV stand for TVs up to 60',\n          }}\n          PopupFooter={{\n            btns: [\n              {\n                name: '',\n                btnStyle: '',\n                type: '',\n              },\n            ],\n            btnAlign: '',\n          }}\n          BodyComponent={DefectsModal}\n          width={1504}\n          classNameAdd={'globalPopup'}\n        />\n      )}\n    </>\n  );\n};\n\nexport default ModalManager;\n\n\n\n"],"names":["ModalManager","popupName","dispatch","useAtom","countReducerAtom","hasStartedLoading","setHasStartedLoading","useState","selectedRows","useDeleteProdsID","setIsFormValid","newGrouped","useFinalPayload","postLoading","SetPostLoading","usePostLoading","setSelectedReturnOrder","useSelectedOrders","forDisabledCheck","setCheck","useSelectedConfirmLoc","setNewPayload","useNewReturnPayload","setGrouped","useGroupedPayload","setSelectAll","useSelectAll","setCallForFetch","usefetchAgain","sendEmailNotification","setSendEmailNotification","useSendEmailNotification","navigate","useNavigate","closeModal","validateForm","useEffect","response","setShouldPerformAction","confirmLoading","apiError","setError","useApiHook","handleConfirmReturn","callSendEmail","useAxios","errorMessage","notification","orderIdsString","emailApiPayload","item","jsxs","Fragment","jsx","AntModal","e","Checkbox","CreateReturnModal","DefectsModal"],"mappings":"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"}

package/dist/components/order-view/northern-southern-info/CustomInput.js

@@ -0,0 +1,58 @@
+import { jsxs as f, jsx as n } from "react/jsx-runtime";
+import i from "styled-components";
+import { Label as m } from "@bjsdistribution/dms-component-library";
+const y = ({
+  label: t,
+  name: e,
+  type: o = "text",
+  placeholder: r,
+  value: p,
+  onChange: s,
+  onBlur: d,
+  onKeyDown: x,
+  minLength: l,
+  direction: u = "column",
+  maxLength: a,
+  disabled: c
+}) => /* @__PURE__ */ f(w, { direction: u, children: [
+  t && /* @__PURE__ */ n(m, { label: t, htmlFor: e }),
+  /* @__PURE__ */ n(
+    b,
+    {
+      id: e,
+      name: e,
+      type: o,
+      placeholder: r,
+      value: p,
+      onChange: s,
+      onBlur: d,
+      onKeyDown: x,
+      minLength: l,
+      maxLength: a,
+      disabled: c
+    }
+  )
+] }), b = i.input`
+  padding: 12px 12px;
+  border: 1px solid #ccc;
+  border-radius: 8px;
+  font-size: 14px;
+  outline: none;
+  width: 100%;
+
+  &::-webkit-outer-spin-button,
+  &::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+    margin: 0;
+  }
+`, w = i.div`
+  display: flex;
+  flex-direction: ${({ direction: t }) => t};
+  align-items: ${({ direction: t }) => t === "row" ? "center" : "flex-start"};
+  gap: 6px;
+  flex: 1;
+`;
+export {
+  y as default
+};
+//# sourceMappingURL=CustomInput.js.map

package/dist/components/order-view/northern-southern-info/CustomInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomInput.js","sources":["../../../../src/components/order-view/northern-southern-info/CustomInput.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { Label } from '@bjsdistribution/dms-component-library';\n\ntype CustomInputProps = {\n  label: string;\n  name?: string;\n  type?: string;\n  placeholder?: string;\n  value?: string | number;\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;\n  onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;\n  minLength?: number;\n  maxLength?: number;\n  disabled?: boolean;\n  direction?: 'row' | 'column';\n};\n\nconst CustomInput: React.FC<CustomInputProps> = ({\n  label,\n  name,\n  type = 'text',\n  placeholder,\n  value,\n  onChange,\n  onBlur,\n  onKeyDown,\n  minLength,\n  direction = 'column',\n  maxLength,\n  disabled,\n}) => {\n  return (\n    <Container direction={direction}>\n      {label && <Label label={label} htmlFor={name} />}\n      <StyledInput\n        id={name}\n        name={name}\n        type={type}\n        placeholder={placeholder}\n        value={value}\n        onChange={onChange}\n        onBlur={onBlur}\n        onKeyDown={onKeyDown}\n        minLength={minLength}\n        maxLength={maxLength}\n        disabled={disabled}\n      />\n    </Container>\n  );\n};\n\nexport default CustomInput;\n\n// ---------------- styled ----------------\n\nconst StyledInput = styled.input`\n  padding: 12px 12px;\n  border: 1px solid #ccc;\n  border-radius: 8px;\n  font-size: 14px;\n  outline: none;\n  width: 100%;\n\n  &::-webkit-outer-spin-button,\n  &::-webkit-inner-spin-button {\n    -webkit-appearance: none;\n    margin: 0;\n  }\n`;\n\nconst Container = styled.div<{ direction: 'row' | 'column' }>`\n  display: flex;\n  flex-direction: ${({ direction }: any) => direction};\n  align-items: ${({ direction }: any) =>\n    direction === 'row' ? 'center' : 'flex-start'};\n  gap: 6px;\n  flex: 1;\n`;\n"],"names":["CustomInput","label","name","type","placeholder","value","onChange","onBlur","onKeyDown","minLength","direction","maxLength","disabled","jsxs","Container","jsx","Label","StyledInput","styled"],"mappings":";;;AAmBA,MAAMA,IAA0C,CAAC;AAAA,EAC/C,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,WAAAC;AAAA,EACA,UAAAC;AACF,MAEI,gBAAAC,EAACC,KAAU,WAAAJ,GACR,UAAA;AAAA,EAAAT,KAAS,gBAAAc,EAACC,GAAA,EAAM,OAAAf,GAAc,SAASC,GAAM;AAAA,EAC9C,gBAAAa;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,IAAIf;AAAA,MACJ,MAAAA;AAAA,MACA,MAAAC;AAAA,MACA,aAAAC;AAAA,MACA,OAAAC;AAAA,MACA,UAAAC;AAAA,MACA,QAAAC;AAAA,MACA,WAAAC;AAAA,MACA,WAAAC;AAAA,MACA,WAAAE;AAAA,MACA,UAAAC;AAAA,IAAA;AAAA,EAAA;AACF,GACF,GAQEK,IAAcC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAerBJ,IAAYI,EAAO;AAAA;AAAA,oBAEL,CAAC,EAAE,WAAAR,EAAA,MAAqBA,CAAS;AAAA,iBACpC,CAAC,EAAE,WAAAA,EAAA,MAChBA,MAAc,QAAQ,WAAW,YAAY;AAAA;AAAA;AAAA;"}

package/dist/components/order-view/northern-southern-info/index.js

@@ -0,0 +1,82 @@
+import { jsxs as i, jsx as r } from "react/jsx-runtime";
+import { FormSection as u } from "@bjsdistribution/dms-component-library";
+import n from "styled-components";
+import { useOrderDetails as p } from "../store.js";
+import m from "../order-details/common/Header.js";
+import d from "./CustomInput.js";
+const v = () => {
+  const [o, s] = p(), t = (e, c) => {
+    s((l) => ({
+      ...l,
+      order_customs_details: {
+        ...l.order_customs_details,
+        [e]: c
+      }
+    }));
+  };
+  return /* @__PURE__ */ i(h, { children: [
+    /* @__PURE__ */ r(m, { label: "Northern/Southern Ireland" }),
+    /* @__PURE__ */ i(_, { children: [
+      /* @__PURE__ */ r(a, { children: /* @__PURE__ */ r(
+        d,
+        {
+          label: "Consignee Country",
+          type: "text",
+          placeholder: "Enter Consignee Country",
+          value: o?.order_customs_details?.consignee_country,
+          onChange: (e) => t("consignee_country", e.target.value)
+        }
+      ) }),
+      /* @__PURE__ */ r(a, { children: /* @__PURE__ */ r(
+        d,
+        {
+          label: "Procedure Code",
+          type: "text",
+          placeholder: "Enter Procedure Code",
+          value: o?.order_customs_details?.procedure_code,
+          onChange: (e) => t("procedure_code", e.target.value)
+        }
+      ) }),
+      /* @__PURE__ */ r(a, { children: /* @__PURE__ */ r(
+        d,
+        {
+          label: "Additional Procedure Code",
+          type: "text",
+          placeholder: "Enter Add. Procedure Code",
+          value: o?.order_customs_details?.additional_procedure_code,
+          onChange: (e) => t("additional_procedure_code", e.target.value)
+        }
+      ) }),
+      /* @__PURE__ */ r(
+        d,
+        {
+          label: "Additional Procedures",
+          name: "additional-procedures",
+          type: "text",
+          placeholder: "Enter Additional Procedures",
+          value: o?.order_customs_details?.additional_procedures,
+          onChange: (e) => t("additional_procedures", e.target.value)
+        }
+      )
+    ] })
+  ] });
+}, _ = n.div`
+  display: flex;
+  flex-direction: column;
+  gap: 25px;
+  flex: 1;
+`, h = n(u)`
+  flex: 1;
+  border-radius: 8px;
+  background: #f8fafc;
+  box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1);
+  padding: 15px;
+`, a = n.div`
+  display: flex;
+  gap: 15px;
+  white-space: nowrap;
+`;
+export {
+  v as default
+};
+//# sourceMappingURL=index.js.map

package/dist/components/order-view/northern-southern-info/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/order-view/northern-southern-info/index.tsx"],"sourcesContent":["import { FormSection } from '@bjsdistribution/dms-component-library';\nimport React from 'react';\nimport styled from 'styled-components';\n\nimport { useOrderDetails } from '../store';\nimport Header from '../order-details/common/Header';\nimport CustomInput from './CustomInput';\n\nconst NorthernSouthernInfoView = () => {\n  const [orderDetails, setOrderDetails] = useOrderDetails();\n  const handleChange = (key: any, value: string) => {\n    setOrderDetails((prev: any) => ({\n      ...prev,\n      order_customs_details: {\n        ...prev.order_customs_details,\n        [key]: value,\n      },\n    }));\n  };\n\n  return (\n    <CustomFormSection>\n      <Header label=\"Northern/Southern Ireland\" />\n      <FormInputs>\n        <GroupedInputs>\n          <CustomInput\n            label=\"Consignee Country\"\n            type=\"text\"\n            placeholder=\"Enter Consignee Country\"\n            value={orderDetails?.order_customs_details?.consignee_country}\n            onChange={(e: any) =>\n              handleChange('consignee_country', e.target.value)\n            }\n          />\n        </GroupedInputs>\n        <GroupedInputs>\n          <CustomInput\n            label=\"Procedure Code\"\n            type=\"text\"\n            placeholder=\"Enter Procedure Code\"\n            value={orderDetails?.order_customs_details?.procedure_code}\n            onChange={(e: any) =>\n              handleChange('procedure_code', e.target.value)\n            }\n          />\n        </GroupedInputs>\n        <GroupedInputs>\n          <CustomInput\n            label=\"Additional Procedure Code\"\n            type=\"text\"\n            placeholder=\"Enter Add. Procedure Code\"\n            value={\n              orderDetails?.order_customs_details?.additional_procedure_code\n            }\n            onChange={(e: any) =>\n              handleChange('additional_procedure_code', e.target.value)\n            }\n          />\n        </GroupedInputs>\n        <CustomInput\n          label=\"Additional Procedures\"\n          name=\"additional-procedures\"\n          type=\"text\"\n          placeholder=\"Enter Additional Procedures\"\n          value={orderDetails?.order_customs_details?.additional_procedures}\n          onChange={(e: any) =>\n            handleChange('additional_procedures', e.target.value)\n          }\n        />\n      </FormInputs>\n    </CustomFormSection>\n  );\n};\nconst FormInputs = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 25px;\n  flex: 1;\n`;\n\nconst CustomFormSection = styled(FormSection)`\n  flex: 1;\n  border-radius: 8px;\n  background: #f8fafc;\n  box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1);\n  padding: 15px;\n`;\n\nconst GroupedInputs = styled.div`\n  display: flex;\n  gap: 15px;\n  white-space: nowrap;\n`;\nexport default NorthernSouthernInfoView;\n"],"names":["NorthernSouthernInfoView","orderDetails","setOrderDetails","useOrderDetails","handleChange","key","value","prev","CustomFormSection","jsx","Header","FormInputs","GroupedInputs","CustomInput","styled","FormSection"],"mappings":";;;;;;AAQA,MAAMA,IAA2B,MAAM;AACrC,QAAM,CAACC,GAAcC,CAAe,IAAIC,EAAA,GAClCC,IAAe,CAACC,GAAUC,MAAkB;AAChD,IAAAJ,EAAgB,CAACK,OAAe;AAAA,MAC9B,GAAGA;AAAA,MACH,uBAAuB;AAAA,QACrB,GAAGA,EAAK;AAAA,QACR,CAACF,CAAG,GAAGC;AAAA,MAAA;AAAA,IACT,EACA;AAAA,EACJ;AAEA,2BACGE,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAO,OAAM,4BAAA,CAA4B;AAAA,sBACzCC,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAF,EAACG,GAAA,EACC,UAAA,gBAAAH;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,MAAK;AAAA,UACL,aAAY;AAAA,UACZ,OAAOZ,GAAc,uBAAuB;AAAA,UAC5C,UAAU,CAAC,MACTG,EAAa,qBAAqB,EAAE,OAAO,KAAK;AAAA,QAAA;AAAA,MAAA,GAGtD;AAAA,wBACCQ,GAAA,EACC,UAAA,gBAAAH;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,MAAK;AAAA,UACL,aAAY;AAAA,UACZ,OAAOZ,GAAc,uBAAuB;AAAA,UAC5C,UAAU,CAAC,MACTG,EAAa,kBAAkB,EAAE,OAAO,KAAK;AAAA,QAAA;AAAA,MAAA,GAGnD;AAAA,wBACCQ,GAAA,EACC,UAAA,gBAAAH;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,MAAK;AAAA,UACL,aAAY;AAAA,UACZ,OACEZ,GAAc,uBAAuB;AAAA,UAEvC,UAAU,CAAC,MACTG,EAAa,6BAA6B,EAAE,OAAO,KAAK;AAAA,QAAA;AAAA,MAAA,GAG9D;AAAA,MACA,gBAAAK;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,MAAK;AAAA,UACL,MAAK;AAAA,UACL,aAAY;AAAA,UACZ,OAAOZ,GAAc,uBAAuB;AAAA,UAC5C,UAAU,CAAC,MACTG,EAAa,yBAAyB,EAAE,OAAO,KAAK;AAAA,QAAA;AAAA,MAAA;AAAA,IAExD,EAAA,CACF;AAAA,EAAA,GACF;AAEJ,GACMO,IAAaG,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAOpBN,IAAoBM,EAAOC,CAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQtCH,IAAgBE,EAAO;AAAA;AAAA;AAAA;AAAA;"}

package/dist/components/order-view/notes/AddNote.js

@@ -0,0 +1,125 @@
+import { jsxs as y, jsx as o } from "react/jsx-runtime";
+import { useState as i, useEffect as v } from "react";
+import n from "styled-components";
+import { useAxios as N, Label as L, Button as O } from "@bjsdistribution/dms-component-library";
+import { Select as w, notification as l } from "antd";
+import { useOrderId as E, usemoduleIds as I, useGlobalStateHitAuditLog as D } from "../store.js";
+import { useLocation as j } from "react-router-dom";
+import { useClientPortal as k, useSelectedData as P } from "../../store.js";
+import F from "./NoteType.js";
+const S = `REASON- 
+STC- 
+ACTION- `;
+function ee() {
+  const [a, c] = i(S), [b, T] = i([]), [p, s] = i(
+    "standard"
+  ), [u] = E(), m = j().pathname.split("/")[1], [f] = k(), [h] = I(), [, g] = D(), [x] = P(), { fetchData: _, data: d } = N({
+    endpoint: "audit_logs/order/type",
+    method: "GET",
+    showLoader: !1
+  });
+  v(() => {
+    _();
+  }, []), v(() => {
+    if (d?.data) {
+      const e = d?.data?.map((r) => ({
+        label: r?.name,
+        value: r?.name
+      }));
+      T(e);
+      const t = e?.find(
+        (r) => r?.value?.toLowerCase() === "standard"
+      );
+      t ? s(t?.value) : e?.length > 0 && s(e[0]?.value);
+    }
+  }, [d]);
+  const { fetchData: A } = N({
+    endpoint: "/audit_logs/orders/",
+    method: "POST"
+  }), C = !a.trim() || !x;
+  return /* @__PURE__ */ y(G, { children: [
+    /* @__PURE__ */ o(L, { label: "Add New Note", required: !0, style: { color: "black" } }),
+    /* @__PURE__ */ o(
+      z,
+      {
+        options: b,
+        placeholder: "Select Note Type",
+        onChange: (e) => s(e),
+        value: p
+      }
+    ),
+    /* @__PURE__ */ o(q, { value: a, onChange: (e) => {
+      c(e.target.value);
+    }, rows: 3 }),
+    /* @__PURE__ */ y(R, { children: [
+      /* @__PURE__ */ o(O, { disabled: C, onClick: async () => {
+        if (g(!1), !a) return;
+        const e = {
+          audit_logs: [
+            {
+              parent_object_id: u || m,
+              parent_module_id: h?.parentId,
+              module_id: h?.id,
+              note_type: p,
+              module_object_id: u || m,
+              action: "create",
+              description: a,
+              data_dump: "{}",
+              manual: 1,
+              is_private: f ? !1 : x === "0"
+            }
+          ]
+        };
+        try {
+          const t = await A({ payload: e });
+          t?.code === 200 && t?.data ? (l.success({
+            message: "Success",
+            //@ts-ignore
+            description: t?.message || "Note saved successfully"
+          }), c(S), s("Standard"), g(!0)) : l.error({
+            message: "Error",
+            //@ts-ignore
+            description: t?.error || "Failed to save note"
+          });
+        } catch {
+          l.error({
+            message: "Error",
+            description: "Failed to save note due to an error."
+          });
+        }
+      }, children: "SAVE NOTE" }),
+      !f && /* @__PURE__ */ o(F, {})
+    ] })
+  ] });
+}
+const G = n.div`
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  flex: 1;
+`, R = n.div`
+  display: inline-flex;
+  gap: 10px;
+  .disabled button {
+    opacity: 0.5;
+    cursor: default;
+  }
+`, q = n.textarea`
+  height: 65px;
+  border-radius: 8px;
+  background: #fff;
+  resize: vertical;
+  border: 1px solid #e0e2e7;
+  padding: 8px 12px;
+  font-family: monospace;
+  white-space: pre-wrap;
+`, z = n(w)`
+  .ant-select-selector {
+    border-radius: 8px;
+  }
+`;
+export {
+  z as StyledAntSelect,
+  ee as default
+};
+//# sourceMappingURL=AddNote.js.map

package/dist/components/order-view/notes/AddNote.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddNote.js","sources":["../../../../src/components/order-view/notes/AddNote.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport styled from 'styled-components';\nimport {\n  Button,\n  Label,\n  useAxios,\n} from '@bjsdistribution/dms-component-library';\nimport { Select, notification } from 'antd';\nimport { useGlobalStateHitAuditLog, usemoduleIds, useOrderId } from '../store';\nimport { useLocation } from 'react-router-dom';\nimport { useClientPortal, useSelectedData } from '../../store';\nimport NoteType from './NoteType';\nimport { ApiResponse } from '../types';\nconst template = `REASON- \\nSTC- \\nACTION- `;\n\nfunction AddNote() {\n  const [noteText, setNoteText] = useState(template);\n  const [noteOptions, setNoteOptions] = useState<\n    { label: string; value: string }[]\n  >([]);\n  const [selectedNoteType, setSelectedNoteType] = useState<string | null>(\n    'standard'\n  );\n  const [orderId] = useOrderId();\n  const location = useLocation();\n  const pathname = location.pathname;\n  const orderIdLocaation = pathname.split('/')[1];\n  const [isClientPortal] = useClientPortal();\n  const [moduleIds] = usemoduleIds();\n  const [, setRecallAuditLog] = useGlobalStateHitAuditLog();\n  const [selectedAssignee] = useSelectedData();\n\n  const { fetchData: getNoteType, data: fetchedData } = useAxios<any>({\n    endpoint: `audit_logs/order/type`,\n    method: 'GET',\n    showLoader: false,\n  });\n\n  useEffect(() => {\n    getNoteType();\n  }, []);\n\n  useEffect(() => {\n    if (fetchedData?.data) {\n      const options = fetchedData?.data?.map((item: any) => ({\n        label: item?.name,\n        value: item?.name,\n      }));\n      setNoteOptions(options);\n\n      const standardOption = options?.find(\n        (opt: any) => opt?.value?.toLowerCase() === 'standard'\n      );\n      if (standardOption) {\n        setSelectedNoteType(standardOption?.value);\n      } else if (options?.length > 0) {\n        setSelectedNoteType(options[0]?.value);\n      }\n    }\n  }, [fetchedData]);\n\n  const { fetchData: callAuditLogs } = useAxios<{ data: ApiResponse[] }>({\n    endpoint: `/audit_logs/orders/`,\n    method: 'POST',\n  });\n\n  // `const isValidFormat = () => {\n  // const lines = noteText.split('\\n');\n  // if (lines.length < 3) return false;\n  // return (\n  // lines[0].startsWith('REASON-') &&\n  // lines[1].startsWith('STC-') &&\n  // lines[2].startsWith('ACTION-')\n  // );\n  // };\n\n  const isDisabled = !noteText.trim() || !selectedAssignee;\n\n  const saveNote = async () => {\n    setRecallAuditLog(false);\n    if (!noteText) return;\n    const payload = {\n      audit_logs: [\n        {\n          parent_object_id: orderId || orderIdLocaation,\n          parent_module_id: moduleIds?.parentId,\n          module_id: moduleIds?.id,\n          note_type: selectedNoteType,\n          module_object_id: orderId || orderIdLocaation,\n          action: 'create',\n          description: noteText,\n          data_dump: '{}',\n          manual: 1,\n          is_private: isClientPortal\n            ? false\n            : selectedAssignee === '0'\n            ? true\n            : false,\n        },\n      ],\n    };\n    try {\n      const response = await callAuditLogs({ payload });\n      //@ts-ignore\n      if (response?.code === 200 && response?.data) {\n        notification.success({\n          message: 'Success',\n          //@ts-ignore\n          description: response?.message || 'Note saved successfully',\n        });\n\n        setNoteText(template);\n        setSelectedNoteType('Standard');\n        setRecallAuditLog(true);\n      } else {\n        notification.error({\n          message: 'Error',\n          //@ts-ignore\n          description: response?.error || 'Failed to save note',\n        });\n      }\n    } catch (error) {\n      notification.error({\n        message: 'Error',\n        description: 'Failed to save note due to an error.',\n      });\n    }\n  };\n  const handleChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n    setNoteText(e.target.value);\n  };\n\n  return (\n    <Container>\n      <Label label=\"Add New Note\" required style={{ color: 'black' }} />\n      <StyledAntSelect\n        options={noteOptions}\n        placeholder=\"Select Note Type\"\n        onChange={(value: string) => setSelectedNoteType(value)}\n        value={selectedNoteType}\n      />\n      <StyledTextArea value={noteText} onChange={handleChange} rows={3} />\n      <SaveNoteContainer>\n        <Button disabled={isDisabled} onClick={saveNote}>\n          SAVE NOTE\n        </Button>\n        {!isClientPortal && <NoteType />}\n      </SaveNoteContainer>\n    </Container>\n  );\n}\n\nconst Container = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  flex: 1;\n`;\n\nconst SaveNoteContainer = styled.div`\n  display: inline-flex;\n  gap: 10px;\n  .disabled button {\n    opacity: 0.5;\n    cursor: default;\n  }\n`;\n\nconst StyledTextArea = styled.textarea`\n  height: 65px;\n  border-radius: 8px;\n  background: #fff;\n  resize: vertical;\n  border: 1px solid #e0e2e7;\n  padding: 8px 12px;\n  font-family: monospace;\n  white-space: pre-wrap;\n`;\n\nexport const StyledAntSelect: any = styled(Select)`\n  .ant-select-selector {\n    border-radius: 8px;\n  }\n`;\n\nexport default AddNote;\n"],"names":["template","AddNote","noteText","setNoteText","useState","noteOptions","setNoteOptions","selectedNoteType","setSelectedNoteType","orderId","useOrderId","orderIdLocaation","useLocation","isClientPortal","useClientPortal","moduleIds","usemoduleIds","setRecallAuditLog","useGlobalStateHitAuditLog","selectedAssignee","useSelectedData","getNoteType","fetchedData","useAxios","useEffect","options","item","standardOption","opt","callAuditLogs","isDisabled","Container","jsx","Label","StyledAntSelect","value","StyledTextArea","SaveNoteContainer","Button","payload","response","notification","NoteType","styled","Select"],"mappings":"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"}

package/dist/components/order-view/notes/NoteType.js

@@ -0,0 +1,45 @@
+import { jsx as n } from "react/jsx-runtime";
+import { useEffect as d } from "react";
+import { RadioButtonGroup as u } from "@bjsdistribution/dms-component-library";
+import f from "styled-components";
+import { useVisibilityData as c, useSelectedData as p } from "../../store.js";
+function b() {
+  const [t] = c(), [o, i] = p();
+  d(() => {
+    if (t && !o) {
+      const e = t?.find(
+        (a) => a.type === "Private"
+      );
+      e && i(e.value);
+    }
+  }, [t, o, i]);
+  const s = (e) => {
+    const a = e.target.value, l = t?.find(
+      (r) => r.value === a
+    );
+    l && i(l.value);
+  };
+  return /* @__PURE__ */ n(m, { children: /* @__PURE__ */ n(
+    u,
+    {
+      selectedValue: o,
+      heading: "",
+      options: t?.map((e) => ({
+        label: e.type,
+        value: e.value
+      })),
+      onChange: s,
+      required: !1
+    }
+  ) });
+}
+const m = f.div`
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  flex: 1;
+`;
+export {
+  b as default
+};
+//# sourceMappingURL=NoteType.js.map

package/dist/components/order-view/notes/NoteType.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NoteType.js","sources":["../../../../src/components/order-view/notes/NoteType.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { RadioButtonGroup } from '@bjsdistribution/dms-component-library';\nimport styled from 'styled-components';\nimport { useSelectedData, useVisibilityData } from '../../store';\n\nfunction NoteType() {\n  const [visibilityData] = useVisibilityData();\n  const [selected, setSelected] = useSelectedData();\n\n  useEffect(() => {\n    if (visibilityData && !selected) {\n      const defaultOption = visibilityData?.find(\n        (option: any) => option.type === 'Private'\n      );\n      if (defaultOption) {\n        setSelected(defaultOption.value);\n      }\n    }\n  }, [visibilityData, selected, setSelected]);\n\n  const handleRadioButtonChange = (\n    event: React.ChangeEvent<HTMLInputElement>\n  ) => {\n    const selectedValue = event.target.value;\n    const selectedOption = visibilityData?.find(\n      (option: any) => option.value === selectedValue\n    );\n    if (selectedOption) {\n      setSelected(selectedOption.value);\n    }\n  };\n\n  return (\n    <Container>\n      <RadioButtonGroup\n        selectedValue={selected}\n        heading=\"\"\n        options={visibilityData?.map((client: any) => ({\n          label: client.type,\n          value: client.value,\n        }))}\n        onChange={handleRadioButtonChange}\n        required={false}\n      />\n    </Container>\n  );\n}\n\nconst Container = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  flex: 1;\n`;\n\nexport default NoteType;\n"],"names":["NoteType","visibilityData","useVisibilityData","selected","setSelected","useSelectedData","useEffect","defaultOption","option","handleRadioButtonChange","event","selectedValue","selectedOption","Container","jsx","RadioButtonGroup","client","styled"],"mappings":";;;;;AAKA,SAASA,IAAW;AAClB,QAAM,CAACC,CAAc,IAAIC,EAAA,GACnB,CAACC,GAAUC,CAAW,IAAIC,EAAA;AAEhC,EAAAC,EAAU,MAAM;AACd,QAAIL,KAAkB,CAACE,GAAU;AAC/B,YAAMI,IAAgBN,GAAgB;AAAA,QACpC,CAACO,MAAgBA,EAAO,SAAS;AAAA,MAAA;AAEnC,MAAID,KACFH,EAAYG,EAAc,KAAK;AAAA,IAEnC;AAAA,EACF,GAAG,CAACN,GAAgBE,GAAUC,CAAW,CAAC;AAE1C,QAAMK,IAA0B,CAC9BC,MACG;AACH,UAAMC,IAAgBD,EAAM,OAAO,OAC7BE,IAAiBX,GAAgB;AAAA,MACrC,CAACO,MAAgBA,EAAO,UAAUG;AAAA,IAAA;AAEpC,IAAIC,KACFR,EAAYQ,EAAe,KAAK;AAAA,EAEpC;AAEA,2BACGC,GAAA,EACC,UAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,eAAeZ;AAAA,MACf,SAAQ;AAAA,MACR,SAASF,GAAgB,IAAI,CAACe,OAAiB;AAAA,QAC7C,OAAOA,EAAO;AAAA,QACd,OAAOA,EAAO;AAAA,MAAA,EACd;AAAA,MACF,UAAUP;AAAA,MACV,UAAU;AAAA,IAAA;AAAA,EAAA,GAEd;AAEJ;AAEA,MAAMI,IAAYI,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/components/order-view/notes/index.js

@@ -0,0 +1,108 @@
+import { jsxs as n, jsx as l } from "react/jsx-runtime";
+import { useEffect as g } from "react";
+import e from "styled-components";
+import _ from "./AddNote.js";
+import D from "./logs/index.js";
+import { useApiHook as x } from "@bjsdistribution/dms-component-library";
+import { usemoduleIds as O, useOrderId as L, usegetNotes as A, useAuditLogLoadingState as N, useGlobalStateHitAuditLog as T } from "../store.js";
+function B() {
+  const [d, b] = O(), [r] = L(), [, R] = A(), [, E] = N(), [f, p] = T(), { data: a, loading: u } = x({
+    endpoint: "audit_logs/modules/",
+    method: "GET"
+  });
+  g(() => {
+    if (!u && a?.data) {
+      const m = a?.data.filter((t) => t?.name === "ORDER").flatMap(
+        (t) => t?.static_child_mappings?.filter(
+          (o) => o?.child_module?.name === "ORDER_NOTE"
+        ).map((o) => ({
+          id: o?.child_module?.id,
+          parentId: o?.parent_module?.id
+        }))
+      ) || [];
+      b(m[0] || null);
+    }
+  }, [u, a]);
+  const {
+    data: c,
+    loading: i,
+    setShouldPerformAction: s
+  } = x({
+    endpoint: `audit_logs/?module_id=${d?.parentId}&module_object_id=${r}`,
+    method: "GET",
+    performAction: !1
+  });
+  return g(() => {
+    if (d && r && s(!0), !i && c?.data) {
+      const t = c?.data.filter(
+        (o) => o.ORDER_NOTE || o.ORDER || o.ORDER_RETURN
+      ).map((o) => [
+        o.ORDER_NOTE,
+        o.ORDER,
+        o.ORDER_RETURN
+      ]).flat().filter(Boolean)?.flat();
+      t.sort(
+        (o, h) => new Date(h.created_at).getTime() - new Date(o.created_at).getTime()
+      ), R(t), s(!!f);
+    }
+    E(i);
+  }, [d, r, i, f]), /* @__PURE__ */ n(k, { children: [
+    /* @__PURE__ */ n(I, { children: [
+      "NOTES",
+      /* @__PURE__ */ l(y, { onClick: () => {
+        p(!0), setTimeout(() => {
+          p(!1);
+        }, 1e3);
+      }, children: "UPDATE LOGS" })
+    ] }),
+    /* @__PURE__ */ n(S, { children: [
+      /* @__PURE__ */ l(_, {}),
+      /* @__PURE__ */ l(D, {})
+    ] })
+  ] });
+}
+const k = e.div`
+  border-radius: 5px;
+`, I = e.div`
+  border: 1px solid #f0f2f2;
+  background-color: #f8fafc;
+  color: #3a3630;
+  font-size: 16px;
+  padding: 10px;
+  border-bottom: 1px solid #ddd;
+  border-top-left-radius: 8px;
+  border-top-right-radius: 8px;
+  text-transform: uppercase;
+  font-family: 'Roboto', sans-serif;
+  font-weight: 600;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+`, S = e.div`
+  display: flex;
+  background: #ffffff;
+  padding: 10px;
+  flex-direction: column;
+  gap: 14px;
+  border: 1px solid #f0f2f2;
+  border-bottom-right-radius: 8px;
+  border-bottom-left-radius: 8px;
+  box-shadow: 0px 4px 30px 0px rgba(46, 45, 116, 0.05);
+`, y = e.button`
+  background-color: #363a30;
+  color: #ffffff;
+  font-size: 12px;
+  padding: 4px 8px;
+  border: none;
+  border-radius: 4px;
+  cursor: pointer;
+  transition: background-color 0.3s;
+
+  &:hover {
+    background-color: #feba30;
+  }
+`;
+export {
+  B as default
+};
+//# sourceMappingURL=index.js.map