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

package/dist/components/order-view/order-actions/actions/confirm-order/tables/ReminderStyles.js

@@ -0,0 +1,286 @@
+import r from "styled-components";
+const o = r.div`
+  overflow-x: auto;
+  max-height: calc(100vh - 290px);
+  scrollbar-width: none;
+  /* box-shadow: 0px 0px 30px 6px rgba(46, 45, 116, 0.05); */
+  &::-webkit-scrollbar {
+    width: 5px;
+    border-radius: 100px;
+    height: 5px;
+  }
+
+  &::-webkit-scrollbar-track {
+    background: #777;
+    border-radius: 100px;
+  }
+
+  &::-webkit-scrollbar-thumb {
+    background: #7b61ff;
+    border-radius: 100px;
+  }
+
+  &::-webkit-scrollbar-thumb:hover {
+    background: #7b61ff;
+  }
+`, d = r.table`
+  border-spacing: 0 10px;
+  width: 100%;
+  padding: 10px;
+  thead {
+    tr {
+      border-radius: 40px;
+      border-spacing: 0 10px;
+      th {
+        color: #3a3630;
+        font-size: 14px;
+        font-style: normal;
+        font-weight: 600;
+        line-height: normal;
+        padding: 5px 15px;
+        background: #f0f2f2;
+        border-right: none;
+        border-left: none;
+        text-align: left;
+        border: 1px solid rgba(0, 0, 0, 0.08);
+        border-width: 1px 0;
+        text-transform: capitalize;
+        &:first-child {
+          border-radius: 100px 0 0 100px;
+          border-left: 1px solid rgba(0, 0, 0, 0.08);
+        }
+        &:last-child {
+          border-radius: 0px 100px 100px 0;
+          border-right: 1px solid rgba(0, 0, 0, 0.08);
+        }
+      }
+    }
+  }
+  tbody {
+    tr {
+      td {
+        color: #3a3630;
+        font-size: 13px;
+        font-style: normal;
+        font-weight: 400;
+        line-height: normal;
+        padding: 12px 15px;
+        background: #fff;
+        border: 1px solid rgba(0, 0, 0, 0.08);
+        border-right: none;
+        border-left: none;
+      }
+      .link {
+        color: #09f;
+        font-family: Roboto;
+        font-weight: 400;
+        cursor: pointer;
+      }
+      td {
+        .flex {
+          display: flex;
+          gap: 4px;
+          align-items: center;
+        }
+        .overDue {
+          border-radius: 20px;
+          border: 1px solid #edebe8;
+          background: #fff;
+          padding: 4px 8px;
+          color: #e95252;
+          font-size: 12px;
+          font-style: normal;
+          font-weight: 600;
+          line-height: 16px;
+        }
+      }
+      &:nth-child(even) td {
+        background: #f6fbff;
+      }
+      td:first-child {
+        border-radius: 100px 0 0 100px;
+        border-left: 1px solid rgba(0, 0, 0, 0.08);
+      }
+      td:last-child {
+        border-radius: 0px 100px 100px 0;
+        border-right: 1px solid rgba(0, 0, 0, 0.08);
+      }
+      .emptyTd {
+        border-radius: 100px !important;
+      }
+      .flex {
+        display: flex;
+        flex-direction: row;
+        gap: 5px;
+        height: 29px;
+        align-items: center;
+      }
+
+      &.insideTable {
+        td {
+          border-radius: 0;
+          border: none;
+          &:last-child {
+            border-radius: 0;
+            border-right: none;
+          }
+        }
+        table {
+          border-spacing: 0;
+          width: 100%;
+          border-radius: 5px;
+          border: 1px solid rgba(0, 0, 0, 0.08);
+          overflow: hidden;
+          border-top-left-radius: 15px;
+          border-top-right-radius: 15px;
+          thead {
+            tr {
+              border-bottom: none;
+              th {
+                padding: 14px 20px;
+                text-align: left;
+                border-top: 0;
+                border-right: 0;
+                border-left: 0;
+                background: #f8fafc;
+                &:first-child {
+                  border-radius: 0;
+                  border-left: 1px solid rgba(0, 0, 0, 0.08);
+                  border-top-left-radius: 15px;
+                }
+                &:last-child {
+                  border-radius: 0;
+                }
+              }
+            }
+          }
+          tbody {
+            tr {
+              td {
+                padding: 14px 20px;
+                text-align: left;
+                border-bottom: 1px solid rgba(58, 54, 48, 0.15);
+                background: #fff;
+                > svg {
+                  transform: scale(1.5);
+                  background-color: #edebe8;
+                  border-radius: 20px;
+                  padding: 5px;
+                }
+                &:last-child {
+                  border-radius: 0;
+                  border-right: none;
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+  .actions {
+    display: flex;
+    align-items: center;
+    gap: 20px;
+    > svg {
+      transform: scale(1.5);
+      background-color: #edebe8;
+      border-radius: 20px;
+      padding: 5px;
+    }
+
+    .close-icon {
+      transform: scale(1.3);
+      background-color: transparent;
+      border-radius: 0;
+      padding: 0;
+    }
+  }
+`, t = r.div`
+  display: flex;
+  justify-content: center;
+`;
+r.div`
+  div {
+    display: flex;
+    min-width: 85px;
+    padding: 6px 10px;
+    justify-content: center;
+    align-items: center;
+    gap: 5px;
+    border-radius: 22px;
+    font-family: 'Open Sans';
+    font-size: 12px;
+    font-style: normal;
+    font-weight: 600;
+    line-height: normal;
+  }
+`;
+r.div`
+  &.pending {
+    background: #fff1d6;
+    color: #f4a503;
+  }
+
+  &.resolved {
+    background: rgba(41, 204, 106, 0.15);
+    color: #1f9254;
+  }
+
+  &.overdue {
+    background: rgba(233, 82, 82, 0.15);
+    color: var(--contextual-red, #e95252);
+  }
+`;
+r.div`
+  border-radius: 20px;
+  border: 1px solid #edebe8;
+  background: #fff;
+  display: flex;
+  padding: 6px 6px;
+  justify-content: center;
+  align-items: center;
+  gap: 8px;
+  cursor: pointer;
+
+  &.active {
+    background: #313130;
+    & > div {
+      color: #fff;
+    }
+  }
+`;
+r.div`
+  display: flex;
+  width: 24px;
+  height: 24px;
+  justify-content: center;
+  align-items: center;
+  border-radius: 20px;
+  border: 1px solid #e2e0db;
+  background: #f1f5f6;
+  .cross {
+    position: relative;
+    &:after {
+      display: inline-block;
+      content: 'X';
+      font-style: normal;
+      font-size: 14px;
+      color: #000;
+    }
+  }
+`;
+r.div`
+  color: #6a7378;
+  font-size: 13px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 16px;
+  white-space: nowrap;
+`;
+export {
+  t as EmptyDataContainer,
+  d as StyledTable,
+  o as StyledTableWrapper
+};
+//# sourceMappingURL=ReminderStyles.js.map

package/dist/components/order-view/order-actions/actions/confirm-order/tables/ReminderStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReminderStyles.js","sources":["../../../../../../../src/components/order-view/order-actions/actions/confirm-order/tables/ReminderStyles.tsx"],"sourcesContent":["import styled from 'styled-components';\n\n// Styled components\nexport const StyledTableWrapper = styled.div`\n  overflow-x: auto;\n  max-height: calc(100vh - 290px);\n  scrollbar-width: none;\n  /* box-shadow: 0px 0px 30px 6px rgba(46, 45, 116, 0.05); */\n  &::-webkit-scrollbar {\n    width: 5px;\n    border-radius: 100px;\n    height: 5px;\n  }\n\n  &::-webkit-scrollbar-track {\n    background: #777;\n    border-radius: 100px;\n  }\n\n  &::-webkit-scrollbar-thumb {\n    background: #7b61ff;\n    border-radius: 100px;\n  }\n\n  &::-webkit-scrollbar-thumb:hover {\n    background: #7b61ff;\n  }\n`;\n\nexport const StyledTable = styled.table`\n  border-spacing: 0 10px;\n  width: 100%;\n  padding: 10px;\n  thead {\n    tr {\n      border-radius: 40px;\n      border-spacing: 0 10px;\n      th {\n        color: #3a3630;\n        font-size: 14px;\n        font-style: normal;\n        font-weight: 600;\n        line-height: normal;\n        padding: 5px 15px;\n        background: #f0f2f2;\n        border-right: none;\n        border-left: none;\n        text-align: left;\n        border: 1px solid rgba(0, 0, 0, 0.08);\n        border-width: 1px 0;\n        text-transform: capitalize;\n        &:first-child {\n          border-radius: 100px 0 0 100px;\n          border-left: 1px solid rgba(0, 0, 0, 0.08);\n        }\n        &:last-child {\n          border-radius: 0px 100px 100px 0;\n          border-right: 1px solid rgba(0, 0, 0, 0.08);\n        }\n      }\n    }\n  }\n  tbody {\n    tr {\n      td {\n        color: #3a3630;\n        font-size: 13px;\n        font-style: normal;\n        font-weight: 400;\n        line-height: normal;\n        padding: 12px 15px;\n        background: #fff;\n        border: 1px solid rgba(0, 0, 0, 0.08);\n        border-right: none;\n        border-left: none;\n      }\n      .link {\n        color: #09f;\n        font-family: Roboto;\n        font-weight: 400;\n        cursor: pointer;\n      }\n      td {\n        .flex {\n          display: flex;\n          gap: 4px;\n          align-items: center;\n        }\n        .overDue {\n          border-radius: 20px;\n          border: 1px solid #edebe8;\n          background: #fff;\n          padding: 4px 8px;\n          color: #e95252;\n          font-size: 12px;\n          font-style: normal;\n          font-weight: 600;\n          line-height: 16px;\n        }\n      }\n      &:nth-child(even) td {\n        background: #f6fbff;\n      }\n      td:first-child {\n        border-radius: 100px 0 0 100px;\n        border-left: 1px solid rgba(0, 0, 0, 0.08);\n      }\n      td:last-child {\n        border-radius: 0px 100px 100px 0;\n        border-right: 1px solid rgba(0, 0, 0, 0.08);\n      }\n      .emptyTd {\n        border-radius: 100px !important;\n      }\n      .flex {\n        display: flex;\n        flex-direction: row;\n        gap: 5px;\n        height: 29px;\n        align-items: center;\n      }\n\n      &.insideTable {\n        td {\n          border-radius: 0;\n          border: none;\n          &:last-child {\n            border-radius: 0;\n            border-right: none;\n          }\n        }\n        table {\n          border-spacing: 0;\n          width: 100%;\n          border-radius: 5px;\n          border: 1px solid rgba(0, 0, 0, 0.08);\n          overflow: hidden;\n          border-top-left-radius: 15px;\n          border-top-right-radius: 15px;\n          thead {\n            tr {\n              border-bottom: none;\n              th {\n                padding: 14px 20px;\n                text-align: left;\n                border-top: 0;\n                border-right: 0;\n                border-left: 0;\n                background: #f8fafc;\n                &:first-child {\n                  border-radius: 0;\n                  border-left: 1px solid rgba(0, 0, 0, 0.08);\n                  border-top-left-radius: 15px;\n                }\n                &:last-child {\n                  border-radius: 0;\n                }\n              }\n            }\n          }\n          tbody {\n            tr {\n              td {\n                padding: 14px 20px;\n                text-align: left;\n                border-bottom: 1px solid rgba(58, 54, 48, 0.15);\n                background: #fff;\n                > svg {\n                  transform: scale(1.5);\n                  background-color: #edebe8;\n                  border-radius: 20px;\n                  padding: 5px;\n                }\n                &:last-child {\n                  border-radius: 0;\n                  border-right: none;\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n  .actions {\n    display: flex;\n    align-items: center;\n    gap: 20px;\n    > svg {\n      transform: scale(1.5);\n      background-color: #edebe8;\n      border-radius: 20px;\n      padding: 5px;\n    }\n\n    .close-icon {\n      transform: scale(1.3);\n      background-color: transparent;\n      border-radius: 0;\n      padding: 0;\n    }\n  }\n`;\n\nexport const EmptyDataContainer = styled.div`\n  display: flex;\n  justify-content: center;\n`;\n\nexport const Badge = styled.div`\n  div {\n    display: flex;\n    min-width: 85px;\n    padding: 6px 10px;\n    justify-content: center;\n    align-items: center;\n    gap: 5px;\n    border-radius: 22px;\n    font-family: 'Open Sans';\n    font-size: 12px;\n    font-style: normal;\n    font-weight: 600;\n    line-height: normal;\n  }\n`;\n\nexport const BadgeStatus = styled.div`\n  &.pending {\n    background: #fff1d6;\n    color: #f4a503;\n  }\n\n  &.resolved {\n    background: rgba(41, 204, 106, 0.15);\n    color: #1f9254;\n  }\n\n  &.overdue {\n    background: rgba(233, 82, 82, 0.15);\n    color: var(--contextual-red, #e95252);\n  }\n`;\n\nexport const ClearAll = styled.div`\n  border-radius: 20px;\n  border: 1px solid #edebe8;\n  background: #fff;\n  display: flex;\n  padding: 6px 6px;\n  justify-content: center;\n  align-items: center;\n  gap: 8px;\n  cursor: pointer;\n\n  &.active {\n    background: #313130;\n    & > div {\n      color: #fff;\n    }\n  }\n`;\nexport const StyledFilterBtnIcon = styled.div`\n  display: flex;\n  width: 24px;\n  height: 24px;\n  justify-content: center;\n  align-items: center;\n  border-radius: 20px;\n  border: 1px solid #e2e0db;\n  background: #f1f5f6;\n  .cross {\n    position: relative;\n    &:after {\n      display: inline-block;\n      content: 'X';\n      font-style: normal;\n      font-size: 14px;\n      color: #000;\n    }\n  }\n`;\nexport const StyledFilterBtnLabel = styled.div`\n  color: #6a7378;\n  font-size: 13px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 16px;\n  white-space: nowrap;\n`;\n\n\n\n"],"names":["StyledTableWrapper","styled","StyledTable","EmptyDataContainer"],"mappings":";AAGO,MAAMA,IAAqBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA0B5BC,IAAcD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA+KrBE,IAAqBF,EAAO;AAAA;AAAA;AAAA;AAKpBA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiBDA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiBVA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAkBIA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAoBNA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/components/order-view/order-actions/actions/create-task-reminder/CreateReminderModal.js

@@ -0,0 +1,302 @@
+import { jsxs as y, jsx as s } from "react/jsx-runtime";
+import { useState as m, useEffect as u } from "react";
+import { useCreateReminderPayload as Y, useStaticData as J, useDeptData as B } from "../../store.js";
+import { priorityData as Q } from "../../utils.js";
+import { Wrapper as K, SplitContainer as v, FormRow as D, DoubleDropdownContainer as X } from "./SharedComponents.js";
+import { DatePickerWrap as Z } from "../modalstyle.js";
+import ee from "../../../../../common/radio-group/RadioButtonGroup.js";
+import f from "styled-components";
+import { TextArea as te, useAxios as C } from "@bjsdistribution/dms-component-library";
+import { Select as re, DatePicker as ae, notification as oe } from "antd";
+import d from "dayjs";
+import { isValid as I } from "date-fns";
+import ne from "dayjs/plugin/utc";
+d.extend(ne);
+d.extend(I);
+function ve() {
+  const [U, O] = m(null), [p, c] = Y(), [S, b] = m(), [P] = J(), [x, w] = B(), [l, A] = m([]), [i, L] = m([]), [T, h] = m([]), k = (e) => {
+    c((t) => ({
+      ...t,
+      assigned_to: e
+    }));
+  }, M = x?.map((e) => ({
+    label: e?.label,
+    value: e?.value
+  })) || [], q = ((e) => e?.[0]?.priorities?.map((t) => {
+    const a = Q?.find((o) => o.id === t.id);
+    return {
+      label: t?.name,
+      value: t?.id,
+      color: a?.color || "#ccc"
+    };
+  }))(P), N = (e, t) => {
+    if (A(e), p && p?.assigned_to?.length > 0) {
+      const o = i?.filter(
+        (n) => n?.deptId !== null && e?.includes(String(n?.deptId))
+      ), r = p?.assigned_to?.filter(
+        (n) => o?.some((W) => W.id === n)
+      );
+      c((n) => ({
+        ...n,
+        assigned_to: r
+      }));
+    }
+    const a = t?.map((o) => o.label);
+    c((o) => ({
+      ...o,
+      department: a.join(", ")
+    }));
+  }, H = (e) => {
+    if (e && I(e?.$d)) {
+      const t = d(e).toISOString();
+      b(e?.$d?.toISOString()), c((a) => ({
+        ...a,
+        due_datetime: t
+      }));
+    } else
+      b(null), c((t) => ({
+        ...t,
+        due_datetime: null
+      }));
+  }, z = (e) => {
+    const t = e.target.value;
+    O(t), c((a) => ({
+      ...a,
+      priority: +t
+    }));
+  }, E = (e) => {
+    const t = e.target.value;
+    c((a) => ({
+      ...a,
+      description: t
+    }));
+  }, {
+    fetchData: F,
+    data: g,
+    loading: G
+  } = C({
+    endpoint: "/sso/departments/",
+    method: "GET",
+    showLoader: !1
+  });
+  u(() => {
+    (async () => {
+      try {
+        F();
+      } catch (t) {
+        console.error("Error fetching SSO data:", t);
+      }
+    })();
+  }, []);
+  const { fetchData: R, loading: $ } = C({
+    endpoint: "/sso/users/",
+    method: "GET",
+    showLoader: !1
+  });
+  u(() => {
+    (async () => {
+      try {
+        let t = 0, a = [], o = 1;
+        for (; t < o; ) {
+          const n = (await R({
+            endPointQuery: `?page=${t}&limit=500`
+          }))?.data;
+          if (n)
+            a = [...a, ...n?.users || []], o = n.pages || 1, t += 1;
+          else
+            break;
+        }
+        L(
+          a?.map((r) => ({
+            id: r?.id,
+            username: r?.username,
+            deptId: r?.department_id,
+            fName: r?.first_names,
+            lName: r?.last_name
+            // userId: user?.user_id,
+          }))
+        );
+      } catch (t) {
+        console.error("Error fetching paginated SSO data:", t);
+      }
+    })();
+  }, []), u(() => {
+    if (l !== null && i?.length > 0) {
+      const e = i?.filter(
+        (t) => t?.deptId?.toString() === l?.toString()
+      );
+      h(e);
+    } else
+      h([]);
+  }, [l, i]), u(() => {
+    if (g && g?.data) {
+      const e = g?.data?.map((t) => ({
+        label: t?.name,
+        value: t?.id
+      })) || [];
+      w(e);
+    } else
+      w([]);
+  }, [g]);
+  const j = l?.length > 0 ? T?.map((e) => ({
+    label: `${e.fName} ${e.lName}`,
+    value: e.id
+  })) : [], V = () => {
+    const e = localStorage.getItem("user_type");
+    if (!e) return;
+    let t = null;
+    try {
+      t = JSON.parse(e)?.user_id ?? null;
+    } catch (r) {
+      console.error("Failed to parse stored user_type from localStorage", r);
+      return;
+    }
+    if (!t) return;
+    const a = i?.find((r) => r?.id === t), o = x?.find((r) => r.value === a?.deptId)?.label || null;
+    if (!o) {
+      oe.info({
+        message: "Info",
+        description: "Department is not assigned to the user"
+      });
+      return;
+    }
+    c((r) => ({
+      ...r,
+      assigned_to: [a?.id],
+      department: o
+    })), a?.deptId && A(a.deptId.toString());
+  };
+  return u(() => {
+    if (Array.isArray(l) && l?.length > 0 && i?.length > 0) {
+      const e = i?.filter(
+        (n) => n?.deptId !== null && l?.includes(String(n?.deptId))
+      ), t = p?.assigned_to || [], a = i?.filter(
+        (n) => t?.includes(n?.id || "")
+      ), o = [...e, ...a], r = Array.from(
+        new Map(o?.map((n) => [n?.id, n]))?.values()
+      );
+      h(r);
+    } else
+      h(i);
+  }, [l, i]), /* @__PURE__ */ y(K, { children: [
+    /* @__PURE__ */ y(v, { children: [
+      /* @__PURE__ */ s(D, { label: "Department", required: !0, children: /* @__PURE__ */ s(X, { children: /* @__PURE__ */ s(
+        _,
+        {
+          options: M,
+          style: { width: "20vw" },
+          placeholder: "Select Department(s)",
+          onChange: N,
+          value: l || [],
+          loading: G,
+          showSearch: !0,
+          mode: "multiple"
+        }
+      ) }) }),
+      /* @__PURE__ */ s(D, { label: "Assigned To", required: !0, children: /* @__PURE__ */ s(
+        _,
+        {
+          options: j,
+          placeholder: "Select User",
+          onChange: k,
+          style: { width: "max-content" },
+          value: p?.assigned_to || [],
+          showSearch: !0,
+          mode: "multiple",
+          loading: $,
+          filterOption: (e, t) => t?.label.toLowerCase().includes(e.toLowerCase())
+        }
+      ) }),
+      /* @__PURE__ */ s(de, { onClick: V, children: "Assign to me" }),
+      /* @__PURE__ */ s(D, { label: "Priority", required: !0, children: /* @__PURE__ */ s(
+        ee,
+        {
+          heading: "",
+          options: q,
+          onChange: z,
+          direction: "horizontal",
+          selectedValue: U || 3,
+          required: !1
+        }
+      ) }),
+      /* @__PURE__ */ s(D, { label: "Due Date & Time", required: !0, children: /* @__PURE__ */ s(se, { children: /* @__PURE__ */ s(Z, { children: /* @__PURE__ */ s(
+        ae,
+        {
+          format: "DD/MM/YYYY HH:mm A",
+          value: S ? d(S) : null,
+          onChange: H,
+          placeholder: "Select Date & Time",
+          showTime: { defaultValue: d("00:00", "HH:mm") },
+          disabledDate: (e) => e && e < d().startOf("day"),
+          disabledTime: (e) => {
+            if (e && e.isSame(d(), "day")) {
+              const t = d().hour(), a = d().minute();
+              return {
+                disabledHours: () => Array.from({ length: 24 }, (o, r) => r).filter(
+                  (o) => o < t
+                ),
+                disabledMinutes: (o) => o === t ? Array.from({ length: 60 }, (r, n) => n).filter(
+                  (r) => r < a
+                ) : []
+              };
+            }
+            return {};
+          }
+        }
+      ) }) }) })
+    ] }),
+    /* @__PURE__ */ y(v, { children: [
+      /* @__PURE__ */ y(ie, { children: [
+        "Description",
+        " ",
+        /* @__PURE__ */ s("span", { style: { color: "red", fontSize: "20px" }, children: " * " })
+      ] }),
+      /* @__PURE__ */ s(
+        le,
+        {
+          placeholder: "Add Description",
+          required: !0,
+          onChange: E
+        }
+      )
+    ] })
+  ] });
+}
+const se = f.div`
+  border-radius: 20px;
+  background: var(--Flowkit-White, #fff);
+`, ie = f.label`
+  color: #6a7378;
+  font-family: 'Lato', sans-serif;
+  font-size: 14px;
+  font-weight: 500;
+`, _ = f(re)`
+  .ant-select-selector {
+    width: 20vw;
+    border-radius: 22px;
+  }
+`, le = f(te)`
+  display: flex;
+  padding: 12px;
+  align-items: flex-start;
+  gap: 4px;
+  align-self: stretch;
+  border-radius: 10px;
+  border: 1px solid var(--Neutral-Gray-Gray-100, #e0e2e7);
+  background: var(--Flowkit-White, #fff);
+  resize: none;
+  height: 100px;
+`, de = f.div`
+  color: var(--contextual-blue, #6396e5);
+  font-family: Lato;
+  font-size: 13px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 16px;
+  cursor: pointer;
+`;
+export {
+  _ as StyledAntSelect,
+  ve as default
+};
+//# sourceMappingURL=CreateReminderModal.js.map

package/dist/components/order-view/order-actions/actions/create-task-reminder/CreateReminderModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreateReminderModal.js","sources":["../../../../../../src/components/order-view/order-actions/actions/create-task-reminder/CreateReminderModal.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport {\n  useCreateReminderPayload,\n  useDeptData,\n  useStaticData,\n} from '../../store';\nimport { priorityData } from '../../utils';\nimport {\n  DoubleDropdownContainer,\n  FormRow,\n  SplitContainer,\n  Wrapper,\n} from './SharedComponents';\nimport { DatePickerWrap } from '../modalstyle';\nimport RadioButtonGroup from '../../../../../common/radio-group/RadioButtonGroup';\nimport styled from 'styled-components';\nimport { TextArea, useAxios } from '@bjsdistribution/dms-component-library';\nimport { DatePicker, notification, Select } from 'antd';\nimport dayjs from 'dayjs';\nimport { isValid } from 'date-fns';\nimport utc from 'dayjs/plugin/utc';\nimport { ApiResponse } from '../../../types';\ndayjs.extend(utc);\ndayjs.extend(isValid);\n\nfunction CreateReminderModal() {\n  const [selectedPriority, setPriority] = useState(null);\n  const [reminderPayload, setReminderPayload] = useCreateReminderPayload();\n  const [displayDate, setDisplayDate] = useState<Date | null>();\n  const [staticData] = useStaticData();\n  const [departmentData, setDepartmentData] = useDeptData();\n  const [selectedDeptId, setSelectedDeptId] = useState<string[]>([]);\n  const [allUsers, setAllUsers] = useState<\n    {\n      fName: string;\n      lName: string;\n      id: string;\n      username: string;\n      deptId: number | null;\n    }[]\n  >([]);\n  const [filteredUsers, setFilteredUsers] = useState<typeof allUsers>([]);\n\n  const handleSelectUser = (value: string[]) => {\n    setReminderPayload((prevState: any) => ({\n      ...prevState,\n      assigned_to: value,\n    }));\n  };\n\n  const deptData =\n    departmentData?.map((item: any) => ({\n      label: item?.label,\n      value: item?.value,\n    })) || [];\n\n  const getPriorityOptions = (staticData: any) => {\n    return staticData?.[0]?.priorities?.map((option: any) => {\n      const colorMatch = priorityData?.find(p => p.id === option.id);\n      return {\n        label: option?.name,\n        value: option?.id,\n        color: colorMatch?.color || '#ccc',\n      };\n    });\n  };\n  const priorityOptions = getPriorityOptions(staticData);\n\n  const handleDepartmentChange = (\n    values: string[],\n    options: { label: string }[]\n  ) => {\n    setSelectedDeptId(values);\n\n    if (reminderPayload && reminderPayload?.assigned_to!?.length > 0) {\n      const matchedUsers = allUsers?.filter(\n        user => user?.deptId !== null && values?.includes(String(user?.deptId))\n      );\n\n      const filteredAssignedTo = reminderPayload?.assigned_to?.filter(\n        (id: any) => matchedUsers?.some(user => user.id === id)\n      );\n\n      setReminderPayload((prev: any) => ({\n        ...prev,\n        assigned_to: filteredAssignedTo,\n      }));\n    }\n\n    const deptLabels = options?.map(opt => opt.label);\n\n    setReminderPayload(prev => ({\n      ...prev,\n      department: deptLabels.join(', '),\n    }));\n  };\n\n  const handleDateChange = (date: any | null) => {\n    if (date && isValid(date?.$d)) {\n      const formattedDateTime = dayjs(date).toISOString();\n      setDisplayDate(date?.$d?.toISOString());\n      setReminderPayload((prevState: any) => ({\n        ...prevState,\n        due_datetime: formattedDateTime,\n      }));\n    } else {\n      setDisplayDate(null);\n      setReminderPayload((prevState: any) => ({\n        ...prevState,\n        due_datetime: null,\n      }));\n    }\n  };\n\n  //handlePriority change\n  const handlePriorityChange = (event: any) => {\n    const newValue = event.target.value;\n    setPriority(newValue);\n    setReminderPayload(prevState => ({\n      ...prevState,\n      priority: +newValue,\n    }));\n  };\n\n  //description change\n  const handleChange = (event: any) => {\n    const desc = event.target.value;\n    setReminderPayload(prevState => ({\n      ...prevState,\n      description: desc,\n    }));\n  };\n\n  // sso Data get\n  const {\n    fetchData: getSSOData,\n    data: fetchData,\n    loading: deptLoading,\n  } = useAxios<{\n    data: ApiResponse[];\n  }>({\n    endpoint: `/sso/departments/`,\n    method: 'GET',\n    showLoader: false,\n  });\n\n  useEffect(() => {\n    const fetchAllSSOData = async () => {\n      try {\n        getSSOData();\n      } catch (error) {\n        console.error('Error fetching SSO data:', error);\n      }\n    };\n    fetchAllSSOData();\n  }, []);\n\n  const { fetchData: getUsersData, loading: userDataLoading } = useAxios<{\n    data: any;\n  }>({\n    endpoint: `/sso/users/`,\n    method: 'GET',\n    showLoader: false,\n  });\n\n  useEffect(() => {\n    const fetchAllPages = async () => {\n      try {\n        let page = 0;\n        let usersList: any[] = [];\n        let totalPages = 1;\n\n        while (page < totalPages) {\n          const res = (await getUsersData({\n            endPointQuery: `?page=${page}&limit=500`,\n          })) as { data: any };\n\n          const data = res?.data;\n\n          if (data) {\n            usersList = [...usersList, ...(data?.users || [])];\n            totalPages = data.pages || 1;\n            page += 1;\n          } else {\n            break;\n          }\n        }\n\n        setAllUsers(\n          usersList?.map(user => ({\n            id: user?.id,\n            username: user?.username,\n            deptId: user?.department_id,\n            fName: user?.first_names,\n            lName: user?.last_name,\n            // userId: user?.user_id,\n          }))\n        );\n      } catch (error) {\n        console.error('Error fetching paginated SSO data:', error);\n      }\n    };\n\n    fetchAllPages();\n  }, []);\n\n  useEffect(() => {\n    if (selectedDeptId !== null && allUsers?.length > 0) {\n      const matchedUsers = allUsers?.filter(\n        user => user?.deptId?.toString() === selectedDeptId?.toString()\n      );\n      setFilteredUsers(matchedUsers);\n    } else {\n      setFilteredUsers([]);\n    }\n  }, [selectedDeptId, allUsers]);\n\n  useEffect(() => {\n    if (fetchData && fetchData?.data) {\n      const deptList =\n        fetchData?.data?.map((item: any) => ({\n          label: item?.name,\n          value: item?.id,\n        })) || [];\n      setDepartmentData(deptList);\n    } else {\n      setDepartmentData([]);\n    }\n  }, [fetchData]);\n\n  const userOptions =\n    selectedDeptId?.length > 0\n      ? filteredUsers?.map((user: any) => ({\n          label: `${user.fName} ${user.lName}`,\n          value: user.id,\n        }))\n      : [];\n\n  const handleAssignToMe = () => {\n    const storedUserJSON = localStorage.getItem('user_type');\n    if (!storedUserJSON) return;\n\n    let storedUserID: string | null = null;\n\n    try {\n      const parsed = JSON.parse(storedUserJSON);\n      storedUserID = parsed?.user_id ?? null;\n    } catch (e) {\n      console.error('Failed to parse stored user_type from localStorage', e);\n      return;\n    }\n\n    if (!storedUserID) return;\n\n    const matchedUser: any = allUsers?.find(user => user?.id === storedUserID);\n\n    const deptMatched =\n      departmentData?.find((dept: any) => dept.value === matchedUser?.deptId)\n        ?.label || null;\n\n    if (!deptMatched) {\n      notification.info({\n        message: 'Info',\n        description: `Department is not assigned to the user`,\n      });\n      return;\n    }\n\n    setReminderPayload((prevState: any) => ({\n      ...prevState,\n      assigned_to: [matchedUser?.id],\n      department: deptMatched,\n    }));\n\n    if (matchedUser?.deptId) {\n      setSelectedDeptId(matchedUser.deptId.toString());\n    }\n  };\n\n  useEffect(() => {\n    if (\n      Array.isArray(selectedDeptId) &&\n      selectedDeptId?.length > 0 &&\n      allUsers?.length > 0\n    ) {\n      const matchedUsers = allUsers?.filter(\n        user =>\n          user?.deptId !== null &&\n          selectedDeptId?.includes(String(user?.deptId))\n      );\n      const currentAssigned = (reminderPayload?.assigned_to || []) as string[];\n\n      const currentAssignedUsers = allUsers?.filter(user =>\n        currentAssigned?.includes(user?.id || '')\n      );\n\n      const mergedUsers = [...matchedUsers, ...currentAssignedUsers];\n      const uniqueUsers = Array.from(\n        new Map(mergedUsers?.map(u => [u?.id, u]))?.values()\n      );\n\n      setFilteredUsers(uniqueUsers);\n    } else {\n      setFilteredUsers(allUsers);\n    }\n  }, [selectedDeptId, allUsers]);\n\n  return (\n    <Wrapper>\n      <SplitContainer>\n        <FormRow label=\"Department\" required>\n          <DoubleDropdownContainer>\n            <StyledAntSelect\n              options={deptData}\n              style={{ width: '20vw' }}\n              placeholder=\"Select Department(s)\"\n              onChange={handleDepartmentChange}\n              value={selectedDeptId || []}\n              loading={deptLoading}\n              showSearch\n              mode=\"multiple\"\n            />\n          </DoubleDropdownContainer>\n        </FormRow>\n        <FormRow label=\"Assigned To\" required>\n          <StyledAntSelect\n            options={userOptions}\n            placeholder=\"Select User\"\n            onChange={handleSelectUser}\n            style={{ width: 'max-content' }}\n            value={reminderPayload?.assigned_to || []}\n            showSearch\n            mode=\"multiple\"\n            loading={userDataLoading}\n            filterOption={(input: string, option?: { label: string }) =>\n              option?.label.toLowerCase().includes(input.toLowerCase())\n            }\n          />\n        </FormRow>\n\n        <StyledLink onClick={handleAssignToMe}>Assign to me</StyledLink>\n\n        <FormRow label=\"Priority\" required>\n          <RadioButtonGroup\n            heading=\"\"\n            options={priorityOptions}\n            onChange={handlePriorityChange}\n            direction=\"horizontal\"\n            selectedValue={selectedPriority || 3}\n            required={false}\n          />\n        </FormRow>\n        <FormRow label=\"Due Date & Time\" required>\n          <StyleContainer>\n            <DatePickerWrap>\n              <DatePicker\n                format=\"DD/MM/YYYY HH:mm A\"\n                value={displayDate ? dayjs(displayDate) : null}\n                onChange={handleDateChange}\n                placeholder=\"Select Date & Time\"\n                showTime={{ defaultValue: dayjs('00:00', 'HH:mm') }}\n                disabledDate={current =>\n                  current && current < dayjs().startOf('day')\n                }\n                disabledTime={date => {\n                  if (date && date.isSame(dayjs(), 'day')) {\n                    const currentHour = dayjs().hour();\n                    const currentMinute = dayjs().minute();\n                    return {\n                      disabledHours: () =>\n                        Array.from({ length: 24 }, (_, i) => i).filter(\n                          hour => hour < currentHour\n                        ),\n                      disabledMinutes: selectedHour => {\n                        if (selectedHour === currentHour) {\n                          return Array.from({ length: 60 }, (_, i) => i).filter(\n                            minute => minute < currentMinute\n                          );\n                        }\n                        return [];\n                      },\n                    };\n                  }\n                  return {};\n                }}\n              />\n            </DatePickerWrap>\n          </StyleContainer>\n        </FormRow>\n      </SplitContainer>\n      <SplitContainer>\n        <Label>\n          Description{' '}\n          <span style={{ color: 'red', fontSize: '20px' }}> * </span>\n        </Label>\n        <StyledTextArea\n          placeholder=\"Add Description\"\n          required\n          onChange={handleChange}\n        />\n      </SplitContainer>\n    </Wrapper>\n  );\n}\n\nconst StyleContainer = styled.div`\n  border-radius: 20px;\n  background: var(--Flowkit-White, #fff);\n`;\nconst Label = styled.label`\n  color: #6a7378;\n  font-family: 'Lato', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n`;\n\nexport const StyledAntSelect: any = styled(Select)`\n  .ant-select-selector {\n    width: 20vw;\n    border-radius: 22px;\n  }\n`;\n\nconst StyledTextArea = styled(TextArea)`\n  display: flex;\n  padding: 12px;\n  align-items: flex-start;\n  gap: 4px;\n  align-self: stretch;\n  border-radius: 10px;\n  border: 1px solid var(--Neutral-Gray-Gray-100, #e0e2e7);\n  background: var(--Flowkit-White, #fff);\n  resize: none;\n  height: 100px;\n`;\n\nconst StyledLink = styled.div`\n  color: var(--contextual-blue, #6396e5);\n  font-family: Lato;\n  font-size: 13px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 16px;\n  cursor: pointer;\n`;\n\nexport default CreateReminderModal;\n"],"names":["dayjs","utc","isValid","CreateReminderModal","selectedPriority","setPriority","useState","reminderPayload","setReminderPayload","useCreateReminderPayload","displayDate","setDisplayDate","staticData","useStaticData","departmentData","setDepartmentData","useDeptData","selectedDeptId","setSelectedDeptId","allUsers","setAllUsers","filteredUsers","setFilteredUsers","handleSelectUser","value","prevState","deptData","item","priorityOptions","option","colorMatch","priorityData","p","handleDepartmentChange","values","options","matchedUsers","user","filteredAssignedTo","id","prev","deptLabels","opt","handleDateChange","date","formattedDateTime","handlePriorityChange","event","newValue","handleChange","desc","getSSOData","fetchData","deptLoading","useAxios","useEffect","error","getUsersData","userDataLoading","page","usersList","totalPages","data","deptList","userOptions","handleAssignToMe","storedUserJSON","storedUserID","e","matchedUser","deptMatched","dept","notification","currentAssigned","currentAssignedUsers","mergedUsers","uniqueUsers","u","Wrapper","jsxs","SplitContainer","jsx","FormRow","DoubleDropdownContainer","StyledAntSelect","input","StyledLink","RadioButtonGroup","StyleContainer","DatePickerWrap","DatePicker","current","currentHour","currentMinute","_","i","hour","selectedHour","minute","Label","StyledTextArea","styled","Select","TextArea"],"mappings":"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"}