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

package/dist/components/order-view/order-actions/actions/modalstyle.js

@@ -0,0 +1,384 @@
+import { Input as t, TextArea as i } from "@bjsdistribution/dms-component-library";
+import e from "styled-components";
+e.div`
+  cursor: pointer;
+`;
+const n = e(t)`
+  border-radius: 66px;
+  min-width: 700px;
+`, a = e(i)`
+  display: flex;
+  padding: 12px;
+  align-items: flex-start;
+  gap: 4px;
+  flex: 1 0 0;
+  align-self: stretch;
+  border-radius: 10px;
+  border: 1px solid #e0e2e7;
+  background: #fff;
+  resize: none;
+  min-height: 200px;
+`;
+e(i)`
+  display: flex;
+  padding: 12px;
+  align-items: flex-start;
+  gap: 4px;
+  flex: 1 0 0;
+  align-self: stretch;
+  border-radius: 10px;
+  border: 1px solid #e0e2e7;
+  background: #fff;
+  resize: none;
+  min-height: 50px;
+`;
+const p = e.div`
+  display: flex;
+  justify-content: space-between;
+  gap: 10px;
+`, d = e.div`
+  display: flex;
+  justify-content: space-between;
+  gap: 10px;
+  flex-direction: column;
+  margin-bottom: 4px;
+`, l = e.div`
+  flex: 1 0 0;
+  display: grid;
+  gap: 5px;
+  justify-content: center;
+`, s = e.div`
+  flex: 1 0 0;
+  display: grid;
+  gap: 5px;
+  justify-content: center;
+  /* margin-bottom: 25px; */
+`, x = e.label`
+  color: #758588;
+  font-family: 'Lato', sans-serif;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 500;
+`, f = e.div`
+  display: flex;
+  padding: 12px 12px;
+  margin: 5px 14px;
+  flex-direction: column;
+  justify-content: center;
+  align-items: flex-start;
+  gap: 15px;
+  flex: 1 0 0;
+  border-radius: 15px;
+  background: #f8fafc;
+`, g = e.div`
+  display: flex;
+  padding: 20px 20px;
+  margin: 5px 14px;
+  flex-direction: column;
+  justify-content: center;
+  align-items: flex-start;
+  gap: 15px;
+  flex: 1 0 0;
+  border-radius: 15px;
+`;
+e.div`
+  border-radius: 15px;
+  border: 1px solid #e0e2e7;
+  background: #fff;
+  display: flex;
+  padding: 15px;
+  flex-direction: column;
+  justify-content: center;
+  align-items: flex-start;
+  gap: 15px;
+  flex: 1 0 0;
+  width: 450px;
+`;
+e.div`
+  color: #3a3630;
+  font-family: 'lato', sans-serif;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 600;
+  line-height: 18px; /* 128.571% */
+  flex: 1 0 0;
+`;
+e.div`
+  display: flex;
+  padding: 10px;
+  justify-content: center;
+  align-items: center;
+  gap: 10px;
+  border-radius: 50px;
+  background: #f2f4f6;
+`;
+e.div`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  gap: 15px;
+  align-self: stretch;
+`;
+e.div`
+  color: #aea9a1;
+  font-family: 'lato', sans-serif;
+  font-size: 13px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 16px;
+  margin-top: 32px;
+  margin-bottom: 22px;
+`;
+e.div`
+  color: #aea9a1;
+  font-family: 'lato', sans-serif;
+  font-size: 13px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 16px;
+`;
+const c = e.div`
+  position: relative;
+  border-radius: 66px;
+  border: 1px solid #e0e2e7;
+  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
+
+  input[type='text'] {
+    border-radius: 20px;
+    background: #fff;
+    border: none;
+    color: #6a7378;
+    font-size: 14px;
+    font-weight: 400;
+    line-height: 18px;
+    padding: 10px 0;
+    padding-left: 33px;
+    min-width: 21.5vw;
+    &:focus-visible {
+      outline: none;
+    }
+  }
+  svg {
+    position: absolute;
+    right: 10px;
+    top: 50%;
+    transform: translateY(-50%);
+  }
+  .react-datepicker-wrapper {
+    background-color: white;
+    border-radius: 66px;
+  }
+  .ant-picker-outlined {
+    border-style: none;
+    border-radius: 66px;
+    outline: none;
+    width: 346px;
+  }
+`, b = e.div`
+  position: relative;
+
+  border-radius: 66px;
+  border: 1px solid #e0e2e7;
+  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
+
+  input[type='text'] {
+    border-radius: 20px;
+    background: #fff;
+    border: none;
+    color: #6a7378;
+    font-size: 14px;
+    font-weight: 400;
+    line-height: 18px;
+    padding: 10px 0;
+    padding-left: 33px;
+    min-width: 18vw;
+    &:focus-visible {
+      outline: none;
+    }
+  }
+  svg {
+    position: absolute;
+    right: 10px;
+    top: 50%;
+    transform: translateY(-50%);
+  }
+  .react-datepicker-wrapper {
+    background-color: white;
+    border-radius: 66px;
+  }
+  .ant-picker-outlined {
+    border-style: none;
+    border-radius: 66px;
+    outline: none;
+    width: 100%;
+  }
+`;
+e.div`
+  border-radius: 20px;
+  border: 1px solid #e2e0db;
+  background: #fff;
+  display: flex;
+  padding: 6px;
+  justify-content: center;
+  align-items: center;
+  height: 25px;
+  width: 25px;
+`;
+e.div`
+  margin-top: -8px;
+  min-height: auto;
+  max-height: 60vh;
+  table {
+    border-collapse: separate;
+    width: 100%;
+    border-spacing: 0px 8px;
+    thead {
+      tr {
+        th {
+          font-size: 14px;
+          font-weight: 600;
+          padding: 8px 15px;
+          text-align: left;
+          border-top: 1px solid rgba(0, 0, 0, 0.08);
+          border-bottom: 1px solid rgba(0, 0, 0, 0.08);
+
+          background: #f0f2f2;
+          &:first-child {
+            border-radius: 20px 0 0 20px;
+          }
+          &:last-child {
+            border-radius: 0 20px 20px 0;
+          }
+        }
+      }
+    }
+    tbody {
+      tr {
+        td {
+          color: #3a3630;
+          font-size: 13px;
+          font-weight: 400;
+          line-height: 16px;
+          padding: 6px 15px;
+          text-align: left;
+          box-shadow: 3px 1px 3px 0px rgba(16, 24, 40, 0.1);
+
+          background: #fff;
+
+          &:first-child {
+            border-radius: 20px 0 0 20px;
+          }
+
+          &:last-child {
+            border-radius: 0 20px 20px 0;
+          }
+        }
+      }
+    }
+  }
+`;
+e.div`
+  width: 800px;
+  min-height: 200px;
+  max-height: 400px;
+`;
+e.div`
+  max-height: 200px; /* Adjust height as needed */
+  overflow-y: auto;
+  position: relative;
+
+  &::-webkit-scrollbar {
+    width: 8px; /* Adjust width for thin scrollbar */
+  }
+
+  &::-webkit-scrollbar-thumb {
+    background: rgba(0, 0, 0, 0.2); /* Adjust color and transparency */
+    border-radius: 4px;
+  }
+
+  &::-webkit-scrollbar-track {
+    background: transparent;
+  }
+
+  &::-webkit-scrollbar {
+    display: none; /* Hide the scrollbar */
+  }
+
+  -ms-overflow-style: none; /* Internet Explorer 10+ */
+  scrollbar-width: none; /* Firefox */
+`;
+e.table`
+  width: 100%;
+  border-collapse: collapse;
+`;
+e.thead`
+  position: sticky;
+  top: 0;
+  background: white;
+  z-index: 1;
+`;
+e.div`
+  color: #3a3630;
+  font-family: 'Roboto';
+  font-size: 16px;
+  font-style: normal;
+  font-weight: 500;
+  line-height: 24px;
+  text-transform: uppercase;
+`;
+e.span`
+  color: #29cc6a;
+  font-size: 13px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 16px;
+`;
+e.td`
+  color: #3a3630;
+  font-size: 12px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: normal;
+  padding: 5px 15px;
+  background: #fff;
+  border: 1px solid rgba(0, 0, 0, 0.08);
+  border-right: none;
+  border-left: none;
+`;
+e.tr`
+  border-radius: 30px;
+  background: #fff;
+  box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1);
+`;
+e.div`
+  display: flex;
+  align-items: center;
+`;
+e.span`
+  margin-right: 4px;
+`;
+e(t)`
+  padding: 5px;
+  width: 50%;
+`;
+e.div`
+  color: #3a3630;
+  font-size: 13px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 16px;
+`;
+export {
+  f as ContentContainer,
+  b as DatePickerWrap,
+  g as HoldContentContainer,
+  c as HoldDatePickerWrap,
+  s as HoldRow,
+  x as Label,
+  l as Row,
+  p as SplitLayout,
+  d as SplitText,
+  n as StyledInput,
+  a as StyledTextArea
+};
+//# sourceMappingURL=modalstyle.js.map

package/dist/components/order-view/order-actions/actions/modalstyle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modalstyle.js","sources":["../../../../../src/components/order-view/order-actions/actions/modalstyle.tsx"],"sourcesContent":["import { Input, TextArea } from '@bjsdistribution/dms-component-library';\nimport styled from 'styled-components';\n\nexport const IconContainer = styled.div`\n  cursor: pointer;\n`;\n\nexport const StyledInput = styled(Input)`\n  border-radius: 66px;\n  min-width: 700px;\n`;\n\nexport const StyledTextArea = styled(TextArea)`\n  display: flex;\n  padding: 12px;\n  align-items: flex-start;\n  gap: 4px;\n  flex: 1 0 0;\n  align-self: stretch;\n  border-radius: 10px;\n  border: 1px solid #e0e2e7;\n  background: #fff;\n  resize: none;\n  min-height: 200px;\n`;\n\nexport const StyledTextAreas = styled(TextArea)`\n  display: flex;\n  padding: 12px;\n  align-items: flex-start;\n  gap: 4px;\n  flex: 1 0 0;\n  align-self: stretch;\n  border-radius: 10px;\n  border: 1px solid #e0e2e7;\n  background: #fff;\n  resize: none;\n  min-height: 50px;\n`;\n\nexport const SplitLayout = styled.div`\n  display: flex;\n  justify-content: space-between;\n  gap: 10px;\n`;\n\nexport const SplitText = styled.div`\n  display: flex;\n  justify-content: space-between;\n  gap: 10px;\n  flex-direction: column;\n  margin-bottom: 4px;\n`;\n\nexport const Row = styled.div`\n  flex: 1 0 0;\n  display: grid;\n  gap: 5px;\n  justify-content: center;\n`;\nexport const HoldRow = styled.div`\n  flex: 1 0 0;\n  display: grid;\n  gap: 5px;\n  justify-content: center;\n  /* margin-bottom: 25px; */\n`;\n\nexport const Label = styled.label`\n  color: #758588;\n  font-family: 'Lato', sans-serif;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n`;\n\nexport const ContentContainer = styled.div`\n  display: flex;\n  padding: 12px 12px;\n  margin: 5px 14px;\n  flex-direction: column;\n  justify-content: center;\n  align-items: flex-start;\n  gap: 15px;\n  flex: 1 0 0;\n  border-radius: 15px;\n  background: #f8fafc;\n`;\nexport const HoldContentContainer = styled.div`\n  display: flex;\n  padding: 20px 20px;\n  margin: 5px 14px;\n  flex-direction: column;\n  justify-content: center;\n  align-items: flex-start;\n  gap: 15px;\n  flex: 1 0 0;\n  border-radius: 15px;\n`;\n\nexport const Container = styled.div`\n  border-radius: 15px;\n  border: 1px solid #e0e2e7;\n  background: #fff;\n  display: flex;\n  padding: 15px;\n  flex-direction: column;\n  justify-content: center;\n  align-items: flex-start;\n  gap: 15px;\n  flex: 1 0 0;\n  width: 450px;\n`;\n\nexport const StaticText = styled.div`\n  color: #3a3630;\n  font-family: 'lato', sans-serif;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: 18px; /* 128.571% */\n  flex: 1 0 0;\n`;\n\nexport const ImageCircle = styled.div`\n  display: flex;\n  padding: 10px;\n  justify-content: center;\n  align-items: center;\n  gap: 10px;\n  border-radius: 50px;\n  background: #f2f4f6;\n`;\n\nexport const ImageRow = styled.div`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 15px;\n  align-self: stretch;\n`;\nexport const HoldFooterText = styled.div`\n  color: #aea9a1;\n  font-family: 'lato', sans-serif;\n  font-size: 13px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 16px;\n  margin-top: 32px;\n  margin-bottom: 22px;\n`;\nexport const FooterText = styled.div`\n  color: #aea9a1;\n  font-family: 'lato', sans-serif;\n  font-size: 13px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 16px;\n`;\n\nexport const HoldDatePickerWrap = styled.div`\n  position: relative;\n  border-radius: 66px;\n  border: 1px solid #e0e2e7;\n  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n\n  input[type='text'] {\n    border-radius: 20px;\n    background: #fff;\n    border: none;\n    color: #6a7378;\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 18px;\n    padding: 10px 0;\n    padding-left: 33px;\n    min-width: 21.5vw;\n    &:focus-visible {\n      outline: none;\n    }\n  }\n  svg {\n    position: absolute;\n    right: 10px;\n    top: 50%;\n    transform: translateY(-50%);\n  }\n  .react-datepicker-wrapper {\n    background-color: white;\n    border-radius: 66px;\n  }\n  .ant-picker-outlined {\n    border-style: none;\n    border-radius: 66px;\n    outline: none;\n    width: 346px;\n  }\n`;\n\nexport const DatePickerWrap = styled.div`\n  position: relative;\n\n  border-radius: 66px;\n  border: 1px solid #e0e2e7;\n  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n\n  input[type='text'] {\n    border-radius: 20px;\n    background: #fff;\n    border: none;\n    color: #6a7378;\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 18px;\n    padding: 10px 0;\n    padding-left: 33px;\n    min-width: 18vw;\n    &:focus-visible {\n      outline: none;\n    }\n  }\n  svg {\n    position: absolute;\n    right: 10px;\n    top: 50%;\n    transform: translateY(-50%);\n  }\n  .react-datepicker-wrapper {\n    background-color: white;\n    border-radius: 66px;\n  }\n  .ant-picker-outlined {\n    border-style: none;\n    border-radius: 66px;\n    outline: none;\n    width: 100%;\n  }\n`;\n\nexport const DeleteCircleIcon = styled.div`\n  border-radius: 20px;\n  border: 1px solid #e2e0db;\n  background: #fff;\n  display: flex;\n  padding: 6px;\n  justify-content: center;\n  align-items: center;\n  height: 25px;\n  width: 25px;\n`;\n\nexport const RoundedTableSkelton = styled.div`\n  margin-top: -8px;\n  min-height: auto;\n  max-height: 60vh;\n  table {\n    border-collapse: separate;\n    width: 100%;\n    border-spacing: 0px 8px;\n    thead {\n      tr {\n        th {\n          font-size: 14px;\n          font-weight: 600;\n          padding: 8px 15px;\n          text-align: left;\n          border-top: 1px solid rgba(0, 0, 0, 0.08);\n          border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n\n          background: #f0f2f2;\n          &:first-child {\n            border-radius: 20px 0 0 20px;\n          }\n          &:last-child {\n            border-radius: 0 20px 20px 0;\n          }\n        }\n      }\n    }\n    tbody {\n      tr {\n        td {\n          color: #3a3630;\n          font-size: 13px;\n          font-weight: 400;\n          line-height: 16px;\n          padding: 6px 15px;\n          text-align: left;\n          box-shadow: 3px 1px 3px 0px rgba(16, 24, 40, 0.1);\n\n          background: #fff;\n\n          &:first-child {\n            border-radius: 20px 0 0 20px;\n          }\n\n          &:last-child {\n            border-radius: 0 20px 20px 0;\n          }\n        }\n      }\n    }\n  }\n`;\n\nexport const TableWrapper = styled.div`\n  width: 800px;\n  min-height: 200px;\n  max-height: 400px;\n`;\n\nexport const TableContainer = styled.div`\n  max-height: 200px; /* Adjust height as needed */\n  overflow-y: auto;\n  position: relative;\n\n  &::-webkit-scrollbar {\n    width: 8px; /* Adjust width for thin scrollbar */\n  }\n\n  &::-webkit-scrollbar-thumb {\n    background: rgba(0, 0, 0, 0.2); /* Adjust color and transparency */\n    border-radius: 4px;\n  }\n\n  &::-webkit-scrollbar-track {\n    background: transparent;\n  }\n\n  &::-webkit-scrollbar {\n    display: none; /* Hide the scrollbar */\n  }\n\n  -ms-overflow-style: none; /* Internet Explorer 10+ */\n  scrollbar-width: none; /* Firefox */\n`;\n\nexport const StyledTable = styled.table`\n  width: 100%;\n  border-collapse: collapse;\n`;\n\nexport const StyledThead = styled.thead`\n  position: sticky;\n  top: 0;\n  background: white;\n  z-index: 1;\n`;\n\nexport const Heading = styled.div`\n  color: #3a3630;\n  font-family: 'Roboto';\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 24px;\n  text-transform: uppercase;\n`;\n\nexport const SuccessText = styled.span`\n  color: #29cc6a;\n  font-size: 13px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 16px;\n`;\n\nexport const Td = styled.td`\n  color: #3a3630;\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: normal;\n  padding: 5px 15px;\n  background: #fff;\n  border: 1px solid rgba(0, 0, 0, 0.08);\n  border-right: none;\n  border-left: none;\n`;\n\nexport const StyledTr = styled.tr`\n  border-radius: 30px;\n  background: #fff;\n  box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1);\n`;\n\nexport const AmountContainer = styled.div`\n  display: flex;\n  align-items: center;\n`;\n\nexport const AmountSymbol = styled.span`\n  margin-right: 4px;\n`;\n\nexport const StyledAmountInput = styled(Input)`\n  padding: 5px;\n  width: 50%;\n`;\n\nexport const StatusWrapper = styled.div`\n  color: #3a3630;\n  font-size: 13px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 16px;\n`;\n"],"names":["styled","StyledInput","Input","StyledTextArea","TextArea","SplitLayout","SplitText","Row","HoldRow","Label","ContentContainer","HoldContentContainer","HoldDatePickerWrap","DatePickerWrap"],"mappings":"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"}

package/dist/components/order-view/order-actions/actions/release-order/ReleaseOrder.js

@@ -0,0 +1,57 @@
+import { jsx as s } from "react/jsx-runtime";
+import { useEffect as c } from "react";
+import i from "styled-components";
+import { useOrderId as l, useCurrentAction as d, useLiveRecalling as u } from "../../../store.js";
+import { CancelAndCompleteAction as m, useApiHook as f, CancelationModal as p } from "@bjsdistribution/dms-component-library";
+import { notification as n } from "antd";
+function S() {
+  const [r] = l(), [, o] = d(), [, t] = u(), {
+    data: e,
+    setShouldPerformAction: a
+  } = f({
+    endpoint: `orders/${r}/released/`,
+    method: "POST",
+    performAction: !1
+  });
+  return c(() => {
+    e && e?.data && (n.success({
+      message: "Success",
+      //@ts-ignore
+      description: e?.message || "Successfully updated"
+    }), o(void 0), t(!0), setTimeout(() => {
+      t(!1);
+    }, 1e3)), e?.data === null && (n.error({
+      message: "Error",
+      description: (
+        //@ts-ignore
+        e?.error_traceback || "An error has occurred. Please try again later."
+      )
+    }), o(void 0));
+  }, [e]), /* @__PURE__ */ s(
+    p,
+    {
+      title: "Release Order",
+      description: "Are you sure, you want to release the Order?",
+      actions: /* @__PURE__ */ s(
+        A,
+        {
+          cancelLabel: "Cancel",
+          onCancel: () => {
+            o(void 0);
+          },
+          completeLabel: "Confirm",
+          onComplete: () => {
+            t(!1), r && a(!0);
+          }
+        }
+      )
+    }
+  );
+}
+const A = i(m)`
+  justify-content: center;
+`;
+export {
+  S as default
+};
+//# sourceMappingURL=ReleaseOrder.js.map

package/dist/components/order-view/order-actions/actions/release-order/ReleaseOrder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReleaseOrder.js","sources":["../../../../../../src/components/order-view/order-actions/actions/release-order/ReleaseOrder.tsx"],"sourcesContent":["// import { Alert } from '@bjsdistribution/dms-component-library';\nimport React, { useEffect } from 'react';\nimport styled from 'styled-components';\nimport { useCurrentAction, useLiveRecalling, useOrderId } from '../../../store';\nimport {\n  CancelAndCompleteAction,\n  CancelationModal,\n  useApiHook,\n} from '@bjsdistribution/dms-component-library';\nimport { ApiResponse } from '../../../types';\nimport { notification } from 'antd';\n\nfunction ReleaseOrder() {\n  const [orderId] = useOrderId();\n  const [, setCurrentAction] = useCurrentAction();\n  const [, setRecalling] = useLiveRecalling();\n\n  const {\n    data: response,\n    setShouldPerformAction: setPerformAction,\n  } = useApiHook<{\n    data: ApiResponse[];\n  }>({\n    endpoint: `orders/${orderId}/released/`,\n    method: 'POST',\n    performAction: false,\n  });\n\n  useEffect(() => {\n    if (response && response?.data) {\n      notification.success({\n        message: 'Success',\n        //@ts-ignore\n        description: response?.message || 'Successfully updated',\n      });\n      setCurrentAction(undefined);\n      setRecalling(true);\n      setTimeout(() => {\n        setRecalling(false);\n      }, 1000);\n    }\n    if (response?.data === null) {\n      notification.error({\n        message: 'Error',\n        description:\n          //@ts-ignore\n          response?.error_traceback ||\n          'An error has occurred. Please try again later.',\n      });\n      setCurrentAction(undefined);\n    }\n  }, [response]);\n\n  const saveButton = () => {\n    setRecalling(false);\n    if (orderId) {\n      setPerformAction(true);\n    }\n  };\n\n  const closeModal = () => {\n    setCurrentAction(undefined);\n  };\n\n  // <ReleaseContainer>\n  //   <Alert\n  //     type=\"info\"\n  //     title=\"Release\"\n  //     description=\"Order Already Released\"\n  //     onClose={() => alert(onClose())}\n  //     showCloseIcon={true} // Show or hide the close icon\n  //     showOkButton={true} // Show or hide the OK button\n  //     styleAlert=\"rounded\" // Set the style variant of the alert\n  //   />\n  // </ReleaseContainer>\n  return (\n    <CancelationModal\n      title=\"Release Order\"\n      description=\"Are you sure, you want to release the Order?\"\n      actions={\n        <CustomCancelAndCompleteAction\n          cancelLabel=\"Cancel\"\n          onCancel={closeModal}\n          completeLabel=\"Confirm\"\n          onComplete={saveButton}\n        />\n      }\n    />\n  );\n}\n\n// const ReleaseContainer = styled.div`\n//   top: -114px;\n//   right: 81px;\n//   opacity: 1;\n//   overflow: unset;\n//   color: inherit;\n//   pointer-events: auto;\n//   position: absolute;\n//   transform: translate3d(57px, 308px, 0px) scaleX(1);\n// `;\n\nconst CustomCancelAndCompleteAction = styled(CancelAndCompleteAction)`\n  justify-content: center;\n`;\n\nexport default ReleaseOrder;\n"],"names":["ReleaseOrder","orderId","useOrderId","setCurrentAction","useCurrentAction","setRecalling","useLiveRecalling","response","setPerformAction","useApiHook","useEffect","notification","jsx","CancelationModal","CustomCancelAndCompleteAction","styled","CancelAndCompleteAction"],"mappings":";;;;;;AAYA,SAASA,IAAe;AACtB,QAAM,CAACC,CAAO,IAAIC,EAAA,GACZ,CAAA,EAAGC,CAAgB,IAAIC,EAAA,GACvB,CAAA,EAAGC,CAAY,IAAIC,EAAA,GAEnB;AAAA,IACJ,MAAMC;AAAA,IACN,wBAAwBC;AAAA,EAAA,IACtBC,EAED;AAAA,IACD,UAAU,UAAUR,CAAO;AAAA,IAC3B,QAAQ;AAAA,IACR,eAAe;AAAA,EAAA,CAChB;AAED,SAAAS,EAAU,MAAM;AACd,IAAIH,KAAYA,GAAU,SACxBI,EAAa,QAAQ;AAAA,MACnB,SAAS;AAAA;AAAA,MAET,aAAaJ,GAAU,WAAW;AAAA,IAAA,CACnC,GACDJ,EAAiB,MAAS,GAC1BE,EAAa,EAAI,GACjB,WAAW,MAAM;AACf,MAAAA,EAAa,EAAK;AAAA,IACpB,GAAG,GAAI,IAELE,GAAU,SAAS,SACrBI,EAAa,MAAM;AAAA,MACjB,SAAS;AAAA,MACT;AAAA;AAAA,QAEEJ,GAAU,mBACV;AAAA;AAAA,IAAA,CACH,GACDJ,EAAiB,MAAS;AAAA,EAE9B,GAAG,CAACI,CAAQ,CAAC,GAyBX,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,aAAY;AAAA,MACZ,SACE,gBAAAD;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,aAAY;AAAA,UACZ,UAtBW,MAAM;AACvB,YAAAX,EAAiB,MAAS;AAAA,UAC5B;AAAA,UAqBQ,eAAc;AAAA,UACd,YA/BW,MAAM;AACvB,YAAAE,EAAa,EAAK,GACdJ,KACFO,EAAiB,EAAI;AAAA,UAEzB;AAAA,QA0BoB;AAAA,MAAA;AAAA,IACd;AAAA,EAAA;AAIR;AAaA,MAAMM,IAAgCC,EAAOC,CAAuB;AAAA;AAAA;"}

package/dist/components/order-view/order-actions/actions/remove-from-route/RemoveFromRoute.js

@@ -0,0 +1,58 @@
+import { jsx as n } from "react/jsx-runtime";
+import { useEffect as u } from "react";
+import m from "styled-components";
+import { CancelAndCompleteAction as d, useApiHook as f, CancelationModal as p } from "@bjsdistribution/dms-component-library";
+import { useOrderId as A, useCurrentAction as C, useLiveRecalling as v, useGlobalStateHitAuditLog as g } from "../../../store.js";
+import { notification as c } from "antd";
+function _(a) {
+  const [t] = A(), [, o] = C(), [, r] = v(), [, s] = g(), i = async () => {
+    await a?.callOrderAlertsApi();
+  }, { data: e, setShouldPerformAction: l } = f({
+    endpoint: `/orders/${t}/remove_from_route/`,
+    method: "POST",
+    performAction: !1
+  });
+  return u(() => {
+    e && e?.data && (c.success({
+      message: "Success",
+      description: (
+        //@ts-ignore
+        e?.message || "Order has been removed successfully"
+      )
+    }), i(), r(!0), s(!0), o(void 0)), e?.data === null && (c.error({
+      message: "Error",
+      description: (
+        //@ts-ignore
+        e?.error_traceback || "An error has occurred. Please try again later."
+      )
+    }), o(void 0));
+  }, [e]), /* @__PURE__ */ n(
+    p,
+    {
+      title: "Remove from Route",
+      description: "Are you sure, you want to remove Order from the route?",
+      actions: /* @__PURE__ */ n(
+        y,
+        {
+          cancelLabel: "Cancel",
+          onCancel: () => {
+            o(void 0);
+          },
+          completeLabel: "Confirm",
+          onComplete: () => {
+            t && l(!0), setTimeout(() => {
+              r(!1), s(!1);
+            }, 2e3);
+          }
+        }
+      )
+    }
+  );
+}
+const y = m(d)`
+  justify-content: center;
+`;
+export {
+  _ as default
+};
+//# sourceMappingURL=RemoveFromRoute.js.map

package/dist/components/order-view/order-actions/actions/remove-from-route/RemoveFromRoute.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RemoveFromRoute.js","sources":["../../../../../../src/components/order-view/order-actions/actions/remove-from-route/RemoveFromRoute.tsx"],"sourcesContent":["// import { Alert } from '@bjsdistribution/dms-component-library';\nimport React, { useEffect } from 'react';\nimport styled from 'styled-components';\nimport {\n  CancelAndCompleteAction,\n  CancelationModal,\n  useApiHook,\n} from '@bjsdistribution/dms-component-library';\nimport { ApiResponse } from '../../../types';\nimport {\n  useCurrentAction,\n  useGlobalStateHitAuditLog,\n  useLiveRecalling,\n  useOrderId,\n} from '../../../store';\nimport { notification } from 'antd';\n\nfunction RemoveFromRoute(props: any) {\n  const [orderId] = useOrderId();\n  const [, setCurrentAction] = useCurrentAction();\n  const [, setRecalling] = useLiveRecalling();\n  const [, setRecallAuditLog] = useGlobalStateHitAuditLog();\n\n  const callOrdersApi = async () => {\n    await props?.callOrderAlertsApi();\n  };\n\n  const { data: response, setShouldPerformAction: setAction } = useApiHook<{\n    data: ApiResponse[];\n  }>({\n    endpoint: `/orders/${orderId}/remove_from_route/`,\n    method: 'POST',\n    performAction: false,\n  });\n\n  useEffect(() => {\n    if (response && response?.data) {\n      notification.success({\n        message: 'Success',\n        description:\n          //@ts-ignore\n          response?.message || 'Order has been removed successfully',\n      });\n      callOrdersApi();\n      setRecalling(true);\n      setRecallAuditLog(true);\n      setCurrentAction(undefined);\n    }\n    if (response?.data === null) {\n      notification.error({\n        message: 'Error',\n        description:\n          //@ts-ignore\n          response?.error_traceback ||\n          'An error has occurred. Please try again later.',\n      });\n      setCurrentAction(undefined);\n    }\n  }, [response]);\n\n  const saveButton = () => {\n    if (orderId) {\n      setAction(true);\n    }\n\n    setTimeout(() => {\n      setRecalling(false);\n      setRecallAuditLog(false);\n    }, 2000);\n  };\n\n  const closeModal = () => {\n    setCurrentAction(undefined);\n  };\n\n  return (\n    <CancelationModal\n      title=\"Remove from Route\"\n      description=\"Are you sure, you want to remove Order from the route?\"\n      actions={\n        <CustomCancelAndCompleteAction\n          cancelLabel=\"Cancel\"\n          onCancel={closeModal}\n          completeLabel=\"Confirm\"\n          onComplete={saveButton}\n        />\n      }\n    />\n  );\n}\n\nconst CustomCancelAndCompleteAction = styled(CancelAndCompleteAction)`\n  justify-content: center;\n`;\n\nexport default RemoveFromRoute;\n"],"names":["RemoveFromRoute","props","orderId","useOrderId","setCurrentAction","useCurrentAction","setRecalling","useLiveRecalling","setRecallAuditLog","useGlobalStateHitAuditLog","callOrdersApi","response","setAction","useApiHook","useEffect","notification","jsx","CancelationModal","CustomCancelAndCompleteAction","styled","CancelAndCompleteAction"],"mappings":";;;;;;AAiBA,SAASA,EAAgBC,GAAY;AACnC,QAAM,CAACC,CAAO,IAAIC,EAAA,GACZ,CAAA,EAAGC,CAAgB,IAAIC,EAAA,GACvB,CAAA,EAAGC,CAAY,IAAIC,EAAA,GACnB,CAAA,EAAGC,CAAiB,IAAIC,EAAA,GAExBC,IAAgB,YAAY;AAChC,UAAMT,GAAO,mBAAA;AAAA,EACf,GAEM,EAAE,MAAMU,GAAU,wBAAwBC,EAAA,IAAcC,EAE3D;AAAA,IACD,UAAU,WAAWX,CAAO;AAAA,IAC5B,QAAQ;AAAA,IACR,eAAe;AAAA,EAAA,CAChB;AAED,SAAAY,EAAU,MAAM;AACd,IAAIH,KAAYA,GAAU,SACxBI,EAAa,QAAQ;AAAA,MACnB,SAAS;AAAA,MACT;AAAA;AAAA,QAEEJ,GAAU,WAAW;AAAA;AAAA,IAAA,CACxB,GACDD,EAAA,GACAJ,EAAa,EAAI,GACjBE,EAAkB,EAAI,GACtBJ,EAAiB,MAAS,IAExBO,GAAU,SAAS,SACrBI,EAAa,MAAM;AAAA,MACjB,SAAS;AAAA,MACT;AAAA;AAAA,QAEEJ,GAAU,mBACV;AAAA;AAAA,IAAA,CACH,GACDP,EAAiB,MAAS;AAAA,EAE9B,GAAG,CAACO,CAAQ,CAAC,GAkBX,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,aAAY;AAAA,MACZ,SACE,gBAAAD;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,aAAY;AAAA,UACZ,UAXW,MAAM;AACvB,YAAAd,EAAiB,MAAS;AAAA,UAC5B;AAAA,UAUQ,eAAc;AAAA,UACd,YAxBW,MAAM;AACvB,YAAIF,KACFU,EAAU,EAAI,GAGhB,WAAW,MAAM;AACf,cAAAN,EAAa,EAAK,GAClBE,EAAkB,EAAK;AAAA,YACzB,GAAG,GAAI;AAAA,UACT;AAAA,QAeoB;AAAA,MAAA;AAAA,IACd;AAAA,EAAA;AAIR;AAEA,MAAMU,IAAgCC,EAAOC,CAAuB;AAAA;AAAA;"}

package/dist/components/order-view/order-actions/actions/send-email/SendEmailModal.js

@@ -0,0 +1,107 @@
+import { jsx as t, jsxs as O } from "react/jsx-runtime";
+import { useState as c } from "react";
+import T from "../../../../../common/modals/order-action-modal/OrderActionModal.js";
+import { useCurrentAction as _, useOrderDetails as I, useOrderId as $ } from "../../../store.js";
+import { ContentContainer as z, StyledInput as h, StyledTextArea as B } from "../modalstyle.js";
+import { useAxios as M, Label as m } from "@bjsdistribution/dms-component-library";
+import { notification as y } from "antd";
+function R() {
+  const [, S] = _(), [n] = I(), [u] = $(), E = n?.order_recipient?.contact_email || "", A = `${n?.trading_name || ""} Order Update - ${n?.consignment || ""}`, [r, j] = c({
+    to: E,
+    subject: A,
+    body: ""
+  }), [i, v] = c(""), [p, b] = c(!1), C = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/, f = (e) => {
+    v(C.test(e) ? "" : "Invalid email format");
+  }, g = () => S(void 0), { fetchData: x } = M({
+    endpoint: `orders/${u}/trigger-email/`,
+    method: "POST"
+  }), s = (e) => {
+    const { name: o, value: a } = e.target;
+    j((l) => ({ ...l, [o]: a })), o === "to" && f(a);
+  }, q = async () => {
+    const { to: e, subject: o, body: a } = r;
+    if (!e.trim() || !o.trim() || !a.trim()) {
+      alert("All fields are required!");
+      return;
+    }
+    if (i) {
+      alert("Please enter a valid email address.");
+      return;
+    }
+    const l = [
+      {
+        order_id: Number(u),
+        email: e,
+        subject: o,
+        message: a
+      }
+    ];
+    b(!0);
+    try {
+      const d = await x({ payload: l });
+      console.log(d, "responseresponse"), d ? (y.success({
+        message: "Success",
+        description: "Email sent successfully!"
+      }), g()) : y.error({
+        message: "Error",
+        description: "Failed to send email. Please try again."
+      });
+    } catch {
+      alert("An error occurred while sending the email.");
+    } finally {
+      b(!1);
+    }
+  }, D = Object.values(r).some((e) => !e.trim()) || !!i || p;
+  return /* @__PURE__ */ t(
+    T,
+    {
+      headerTitle: "Send Email",
+      onCloseHeader: g,
+      onSubmit: q,
+      submitBtnTitle: p ? "Sending..." : "Send Email",
+      isSubmitDisabled: D,
+      children: /* @__PURE__ */ O(z, { children: [
+        /* @__PURE__ */ t(m, { label: "To", required: !0 }),
+        /* @__PURE__ */ t(
+          h,
+          {
+            type: "text",
+            name: "to",
+            required: !0,
+            placeholder: "Enter email",
+            value: r.to,
+            onChange: s,
+            onBlur: () => f(r.to)
+          }
+        ),
+        i && /* @__PURE__ */ t("span", { style: { color: "red" }, children: i }),
+        /* @__PURE__ */ t(m, { label: "Subject", required: !0 }),
+        /* @__PURE__ */ t(
+          h,
+          {
+            type: "text",
+            name: "subject",
+            required: !0,
+            value: r.subject,
+            onChange: s
+          }
+        ),
+        /* @__PURE__ */ t(m, { label: "Body", required: !0 }),
+        /* @__PURE__ */ t(
+          B,
+          {
+            name: "body",
+            placeholder: "Write here...",
+            required: !0,
+            value: r.body,
+            onChange: s
+          }
+        )
+      ] })
+    }
+  );
+}
+export {
+  R as default
+};
+//# sourceMappingURL=SendEmailModal.js.map

package/dist/components/order-view/order-actions/actions/send-email/SendEmailModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SendEmailModal.js","sources":["../../../../../../src/components/order-view/order-actions/actions/send-email/SendEmailModal.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport OrderActionModal from '../../../../../common/modals/order-action-modal/OrderActionModal';\nimport { useCurrentAction, useOrderDetails, useOrderId } from '../../../store';\nimport { ContentContainer, StyledInput, StyledTextArea } from '../modalstyle';\nimport { Label, useAxios } from '@bjsdistribution/dms-component-library';\nimport { ApiResponse } from '../../../types';\nimport { notification } from 'antd';\n\nfunction SendEmailModal() {\n  const [, setCurrentAction] = useCurrentAction();\n  const [orderDetails] = useOrderDetails();\n  const [orderId] = useOrderId();\n\n  const initialTo = orderDetails?.order_recipient?.contact_email || '';\n  const initialSubject = `${orderDetails?.trading_name ||\n    ''} Order Update - ${orderDetails?.consignment || ''}`;\n\n  const [formData, setFormData] = useState({\n    to: initialTo,\n    subject: initialSubject,\n    body: '',\n  });\n\n  const [emailError, setEmailError] = useState('');\n  const [loading, setLoading] = useState(false);\n\n  const emailRegex = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,}$/;\n\n  const validateEmail = (email: string) => {\n    setEmailError(emailRegex.test(email) ? '' : 'Invalid email format');\n  };\n\n  const closeModal = () => setCurrentAction(undefined);\n\n  const { fetchData: callSendEmail } = useAxios<{ data: ApiResponse[] }>({\n    endpoint: `orders/${orderId}/trigger-email/`,\n    method: 'POST',\n  });\n\n  const handleChange = (\n    e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>\n  ) => {\n    const { name, value } = e.target;\n    setFormData(prev => ({ ...prev, [name]: value }));\n\n    if (name === 'to') validateEmail(value);\n  };\n\n  const handleSubmit = async () => {\n    const { to, subject, body } = formData;\n\n    if (!to.trim() || !subject.trim() || !body.trim()) {\n      alert('All fields are required!');\n      return;\n    }\n    if (emailError) {\n      alert('Please enter a valid email address.');\n      return;\n    }\n\n    const payload = [\n      {\n        order_id: Number(orderId),\n        email: to,\n        subject,\n        message: body,\n      },\n    ];\n\n    setLoading(true);\n\n    try {\n      const response = await callSendEmail({ payload });\n      console.log(response, 'responseresponse');\n      if (response) {\n        notification.success({\n          message: 'Success',\n          description: 'Email sent successfully!',\n        });\n        closeModal(); // Close modal on success\n      } else {\n        notification.error({\n          message: 'Error',\n          description: 'Failed to send email. Please try again.',\n        });\n      }\n    } catch (error) {\n      alert('An error occurred while sending the email.');\n    } finally {\n      setLoading(false);\n    }\n  };\n\n  const isDisabled =\n    Object.values(formData).some(val => !val.trim()) || !!emailError || loading;\n\n  return (\n    <OrderActionModal\n      headerTitle=\"Send Email\"\n      onCloseHeader={closeModal}\n      onSubmit={handleSubmit}\n      submitBtnTitle={loading ? 'Sending...' : 'Send Email'}\n      isSubmitDisabled={isDisabled}\n    >\n      <ContentContainer>\n        <Label label=\"To\" required />\n        <StyledInput\n          type=\"text\"\n          name=\"to\"\n          required\n          placeholder=\"Enter email\"\n          value={formData.to}\n          onChange={handleChange}\n          onBlur={() => validateEmail(formData.to)}\n        />\n        {emailError && <span style={{ color: 'red' }}>{emailError}</span>}\n\n        <Label label=\"Subject\" required />\n        <StyledInput\n          type=\"text\"\n          name=\"subject\"\n          required\n          value={formData.subject}\n          onChange={handleChange}\n        />\n\n        <Label label=\"Body\" required />\n        <StyledTextArea\n          name=\"body\"\n          placeholder=\"Write here...\"\n          required\n          value={formData.body}\n          onChange={handleChange}\n        />\n      </ContentContainer>\n    </OrderActionModal>\n  );\n}\n\nexport default SendEmailModal;\n"],"names":["SendEmailModal","setCurrentAction","useCurrentAction","orderDetails","useOrderDetails","orderId","useOrderId","initialTo","initialSubject","formData","setFormData","useState","emailError","setEmailError","loading","setLoading","emailRegex","validateEmail","email","closeModal","callSendEmail","useAxios","handleChange","name","value","prev","handleSubmit","to","subject","body","payload","response","notification","isDisabled","val","jsx","OrderActionModal","ContentContainer","Label","StyledInput","StyledTextArea"],"mappings":"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"}