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

package/dist/components/order-daily-overview/table-view/Pagination.js

@@ -0,0 +1,89 @@
+import { jsx as t, jsxs as m } from "react/jsx-runtime";
+import { StyledContainer as M, StyledContentWrapper as G, StyledInfoBox as O, StyledLabel as T, StyledPaginationWrapper as v, StyledPaginationItem as a } from "./PaginationStyle.js";
+import w from "../../../assets/icons/PrevIcon.js";
+import k from "../../../assets/icons/NextIcon.js";
+import { useAtom as u } from "jotai";
+import { Select as y } from "antd";
+import { filtersReducerAtom as P } from "../header-filters/filterStore.js";
+const R = [50, 100, 150], c = 5, Z = ({
+  currentPage: i,
+  totalItems: d,
+  itemsPerPage: l,
+  onPageChange: p,
+  onItemsPerPageChange: E
+}) => {
+  const [, h] = u(P), f = Math.ceil(d / l), A = (i - 1) * l + 1, I = Math.min(i * l, d), r = (n) => {
+    n >= 1 && n <= f && (h({
+      type: "SET_PAGE",
+      payload: n
+    }), p(n));
+  }, _ = (n) => {
+    const o = n;
+    h({
+      type: "SET_PERPAGE",
+      payload: o
+    }), h({
+      type: "SET_PAGE",
+      payload: 1
+    }), p(1), E(o);
+  }, C = (n, o) => {
+    const e = [1];
+    n > c / 2 + 1 && e.push(-1);
+    const S = Math.max(
+      2,
+      Math.min(n - 1, o - c + 2)
+    ), x = Math.min(S + c - 3, o - 1);
+    for (let s = S; s <= x; s++)
+      e.push(s);
+    return n < o - c / 2 - 1 && e.push(-1), o > 1 && e.push(o), e;
+  };
+  return /* @__PURE__ */ t(M, { children: /* @__PURE__ */ m(G, { children: [
+    /* @__PURE__ */ m(O, { children: [
+      "Showing ",
+      A,
+      "-",
+      I,
+      " from ",
+      d
+    ] }),
+    /* @__PURE__ */ t(T, { children: "Row on Page" }),
+    /* @__PURE__ */ t(
+      y,
+      {
+        value: l,
+        onChange: _,
+        style: { width: 75 },
+        children: R.map((n) => /* @__PURE__ */ t(y.Option, { value: n, children: n }, n))
+      }
+    ),
+    /* @__PURE__ */ m(v, { children: [
+      /* @__PURE__ */ t(
+        a,
+        {
+          onClick: () => r(i - 1),
+          children: /* @__PURE__ */ t(w, {})
+        }
+      ),
+      C(i, f).map((n, o) => /* @__PURE__ */ t(
+        a,
+        {
+          active: n === i,
+          onClick: () => r(n),
+          children: n === -1 ? "..." : n
+        },
+        o
+      )),
+      /* @__PURE__ */ t(
+        a,
+        {
+          onClick: () => r(i + 1),
+          children: /* @__PURE__ */ t(k, {})
+        }
+      )
+    ] })
+  ] }) });
+};
+export {
+  Z as default
+};
+//# sourceMappingURL=Pagination.js.map

package/dist/components/order-daily-overview/table-view/Pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.js","sources":["../../../../src/components/order-daily-overview/table-view/Pagination.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  StyledContainer,\n  StyledContentWrapper,\n  // StyledDropdown,\n  StyledInfoBox,\n  StyledLabel,\n  StyledPaginationItem,\n  StyledPaginationWrapper,\n  // StyledDropdownData,\n} from './PaginationStyle';\nimport PrevIcon from '../../../assets/icons/PrevIcon';\nimport NextIcon from '../../../assets/icons/NextIcon';\nimport { useAtom } from 'jotai';\nimport { Select } from 'antd';\nimport { filtersReducerAtom } from '../header-filters/filterStore';\n\nconst PAGE_SIZE_OPTIONS = [50, 100, 150];\n\nconst MAX_PAGES_TO_SHOW = 5;\n\nconst Pagination: React.FC<any> = ({\n  currentPage,\n  totalItems,\n  itemsPerPage,\n  onPageChange,\n  onItemsPerPageChange,\n}) => {\n  const [, dispatch] = useAtom(filtersReducerAtom);\n\n  const totalPages = Math.ceil(totalItems / itemsPerPage);\n  const startItem = (currentPage - 1) * itemsPerPage + 1;\n  const endItem = Math.min(currentPage * itemsPerPage, totalItems);\n\n  const handlePageChange = (page: number) => {\n    if (page >= 1 && page <= totalPages) {\n      dispatch({\n        type: 'SET_PAGE',\n        payload: page,\n      });\n\n      onPageChange(page);\n    }\n  };\n\n  const handleItemsPerPageChange = (value: number) => {\n    const newItemsPerPage = value;\n    dispatch({\n      type: 'SET_PERPAGE',\n      payload: newItemsPerPage,\n    });\n\n    // Reset to the first page\n    dispatch({\n      type: 'SET_PAGE',\n      payload: 1,\n    });\n\n    onPageChange(1);\n    onItemsPerPageChange(newItemsPerPage);\n  };\n\n  const getPageNumbers = (\n    currentPage: number,\n    totalPages: number\n  ): number[] => {\n    const pageNumbers: number[] = [1]; // Always show the first page\n\n    if (currentPage > MAX_PAGES_TO_SHOW / 2 + 1) {\n      pageNumbers.push(-1); // Ellipsis\n    }\n\n    const startPage = Math.max(\n      2,\n      Math.min(currentPage - 1, totalPages - MAX_PAGES_TO_SHOW + 2)\n    );\n    const endPage = Math.min(startPage + MAX_PAGES_TO_SHOW - 3, totalPages - 1);\n    for (let i = startPage; i <= endPage; i++) {\n      pageNumbers.push(i);\n    }\n\n    if (currentPage < totalPages - MAX_PAGES_TO_SHOW / 2 - 1) {\n      pageNumbers.push(-1); // Ellipsis\n    }\n\n    if (totalPages > 1) {\n      pageNumbers.push(totalPages); // Always show the last page\n    }\n\n    return pageNumbers;\n  };\n\n  return (\n    <StyledContainer>\n      <StyledContentWrapper>\n        <StyledInfoBox>\n          Showing {startItem}-{endItem} from {totalItems}\n        </StyledInfoBox>\n        <StyledLabel>Row on Page</StyledLabel>\n        <Select\n          value={itemsPerPage}\n          onChange={handleItemsPerPageChange}\n          style={{ width: 75 }}\n        >\n          {PAGE_SIZE_OPTIONS.map(option => (\n            <Select.Option key={option} value={option}>\n              {option}\n            </Select.Option>\n          ))}\n        </Select>\n        <StyledPaginationWrapper>\n          <StyledPaginationItem\n            onClick={() => handlePageChange(currentPage - 1)}\n          >\n            <PrevIcon />\n          </StyledPaginationItem>\n          {getPageNumbers(currentPage, totalPages).map((pageNumber, index) => (\n            <StyledPaginationItem\n              key={index}\n              active={pageNumber === currentPage}\n              onClick={() => handlePageChange(pageNumber)}\n            >\n              {pageNumber === -1 ? '...' : pageNumber}\n            </StyledPaginationItem>\n          ))}\n          <StyledPaginationItem\n            onClick={() => handlePageChange(currentPage + 1)}\n          >\n            <NextIcon />\n          </StyledPaginationItem>\n        </StyledPaginationWrapper>\n      </StyledContentWrapper>\n    </StyledContainer>\n  );\n};\n\nexport default Pagination;\n"],"names":["PAGE_SIZE_OPTIONS","MAX_PAGES_TO_SHOW","Pagination","currentPage","totalItems","itemsPerPage","onPageChange","onItemsPerPageChange","dispatch","useAtom","filtersReducerAtom","totalPages","startItem","endItem","handlePageChange","page","handleItemsPerPageChange","value","newItemsPerPage","getPageNumbers","pageNumbers","startPage","endPage","i","jsx","StyledContainer","jsxs","StyledContentWrapper","StyledInfoBox","StyledLabel","Select","option","StyledPaginationWrapper","StyledPaginationItem","PrevIcon","pageNumber","index","NextIcon"],"mappings":"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"}

package/dist/components/order-daily-overview/table-view/PaginationStyle.js

@@ -0,0 +1,94 @@
+import e from "styled-components";
+const o = e.div`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  align-self: stretch;
+  padding: 0;
+  max-width: 100%;
+  margin-top: 11px;
+  margin-bottom: 0;
+`, d = e.div`
+  display: flex;
+  gap: 12px;
+`, t = e.div`
+  border-radius: 20px;
+  border: 1px solid #e2e0db;
+  background: #fff;
+  color: #8e8a85;
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 20px;
+  letter-spacing: 0.07px;
+  padding: 6px 10px;
+`, a = e.div`
+  color: #8e8a85;
+
+  font-size: 13px;
+  font-weight: 400;
+  line-height: 16px;
+  display: flex;
+  align-items: center;
+`;
+e.select`
+  font-size: 0.875rem;
+  padding: 6px 10px;
+  background-color: white;
+  border: 1px solid #e2e8f0;
+  border-radius: 9999px;
+  color: #71717a;
+`;
+const n = e.div`
+  display: flex;
+  gap: 0;
+  background-color: white;
+  border: 1px solid rgba(208, 213, 221, 0.5);
+  border-radius: 9999px;
+`, l = e.button`
+  background: ${({ active: i }) => i ? "rgba(208, 213, 221, 0.80)" : "white"};
+  color: ${({ active: i }) => "black"};
+  border: none;
+  border-left: 1px solid rgba(208, 213, 221, 0.5);
+  padding: 0.5em 1em;
+  border-radius: 0;
+  cursor: pointer;
+  &:hover {
+    background: rgba(208, 213, 221, 0.8);
+    color: #000;
+  }
+  &:disabled {
+    background: #f0f0f0;
+    cursor: not-allowed;
+  }
+  &:first-child {
+    border-radius: 100px;
+    padding: 0 1em;
+    display: flex;
+    align-items: center;
+  }
+  &:last-child {
+    border-radius: 0 100px 100px 0;
+    padding: 0 1em;
+    display: flex;
+    align-items: center;
+  }
+`;
+e.div`
+  position: relative;
+  display: inline-block;
+`;
+e.img`
+  width: 1.5rem;
+  aspect-ratio: 1;
+  display: flex;
+  align-items: center;
+`;
+export {
+  o as StyledContainer,
+  d as StyledContentWrapper,
+  t as StyledInfoBox,
+  a as StyledLabel,
+  l as StyledPaginationItem,
+  n as StyledPaginationWrapper
+};
+//# sourceMappingURL=PaginationStyle.js.map

package/dist/components/order-daily-overview/table-view/PaginationStyle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationStyle.js","sources":["../../../../src/components/order-daily-overview/table-view/PaginationStyle.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nexport const StyledContainer = styled.div`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  align-self: stretch;\n  padding: 0;\n  max-width: 100%;\n  margin-top: 11px;\n  margin-bottom: 0;\n`;\n\nexport const StyledContentWrapper = styled.div`\n  display: flex;\n  gap: 12px;\n`;\n\nexport const StyledInfoBox = styled.div`\n  border-radius: 20px;\n  border: 1px solid #e2e0db;\n  background: #fff;\n  color: #8e8a85;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 20px;\n  letter-spacing: 0.07px;\n  padding: 6px 10px;\n`;\n\nexport const StyledLabel = styled.div`\n  color: #8e8a85;\n\n  font-size: 13px;\n  font-weight: 400;\n  line-height: 16px;\n  display: flex;\n  align-items: center;\n`;\n\nexport const StyledDropdownData = styled.select`\n  font-size: 0.875rem;\n  padding: 6px 10px;\n  background-color: white;\n  border: 1px solid #e2e8f0;\n  border-radius: 9999px;\n  color: #71717a;\n`;\n\nexport const StyledPaginationWrapper = styled.div`\n  display: flex;\n  gap: 0;\n  background-color: white;\n  border: 1px solid rgba(208, 213, 221, 0.5);\n  border-radius: 9999px;\n`;\n\nexport const StyledPaginationItem = styled.button<{ active?: boolean }>`\n  background: ${({ active }) =>\n    active ? 'rgba(208, 213, 221, 0.80)' : 'white'};\n  color: ${({ active }) => (active ? 'black' : 'black')};\n  border: none;\n  border-left: 1px solid rgba(208, 213, 221, 0.5);\n  padding: 0.5em 1em;\n  border-radius: 0;\n  cursor: pointer;\n  &:hover {\n    background: rgba(208, 213, 221, 0.8);\n    color: #000;\n  }\n  &:disabled {\n    background: #f0f0f0;\n    cursor: not-allowed;\n  }\n  &:first-child {\n    border-radius: 100px;\n    padding: 0 1em;\n    display: flex;\n    align-items: center;\n  }\n  &:last-child {\n    border-radius: 0 100px 100px 0;\n    padding: 0 1em;\n    display: flex;\n    align-items: center;\n  }\n`;\nexport const StyledDropdown = styled.div`\n  position: relative;\n  display: inline-block;\n`;\nexport const StyledPaginationIcon = styled.img`\n  width: 1.5rem;\n  aspect-ratio: 1;\n  display: flex;\n  align-items: center;\n`;\n"],"names":["StyledContainer","styled","StyledContentWrapper","StyledInfoBox","StyledLabel","StyledPaginationWrapper","StyledPaginationItem","active"],"mappings":";AAEO,MAAMA,IAAkBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAWzBC,IAAuBD,EAAO;AAAA;AAAA;AAAA,GAK9BE,IAAgBF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAYvBG,IAAcH,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUAA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASlC,MAAMI,IAA0BJ,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQjCK,IAAuBL,EAAO;AAAA,gBAC3B,CAAC,EAAE,QAAAM,EAAA,MACfA,IAAS,8BAA8B,OAAO;AAAA,WACvC,CAAC,EAAE,QAAAA,EAAA,MAAuB,OAAkB;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;AA2BzBN,EAAO;AAAA;AAAA;AAAA;AAIDA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/components/order-daily-overview/table-view/ReturnPagination.js

@@ -0,0 +1,89 @@
+import { jsx as o, jsxs as m } from "react/jsx-runtime";
+import { StyledContainer as M, StyledContentWrapper as u, StyledInfoBox as G, StyledLabel as O, StyledPaginationWrapper as R, StyledPaginationItem as a } from "./PaginationStyle.js";
+import T from "../../../assets/icons/PrevIcon.js";
+import v from "../../../assets/icons/NextIcon.js";
+import { useAtom as w } from "jotai";
+import { Select as y } from "antd";
+import { filtersReducerReturnAtom as k } from "../return-after-table/table-filters/ReturnFilterStore.js";
+const P = [50, 100, 150], c = 5, Z = ({
+  currentPage: i,
+  totalItems: d,
+  itemsPerPage: l,
+  onPageChange: p,
+  onItemsPerPageChange: E
+}) => {
+  const [, r] = w(k), f = Math.ceil(d / l), A = (i - 1) * l + 1, I = Math.min(i * l, d), h = (n) => {
+    n >= 1 && n <= f && (r({
+      type: "SET_PAGE",
+      payload: n
+    }), p(n));
+  }, _ = (n) => {
+    const t = n;
+    r({
+      type: "SET_PERPAGE",
+      payload: t
+    }), r({
+      type: "SET_PAGE",
+      payload: 1
+    }), p(1), E(t);
+  }, C = (n, t) => {
+    const e = [1];
+    n > c / 2 + 1 && e.push(-1);
+    const S = Math.max(
+      2,
+      Math.min(n - 1, t - c + 2)
+    ), x = Math.min(S + c - 3, t - 1);
+    for (let s = S; s <= x; s++)
+      e.push(s);
+    return n < t - c / 2 - 1 && e.push(-1), t > 1 && e.push(t), e;
+  };
+  return /* @__PURE__ */ o(M, { children: /* @__PURE__ */ m(u, { children: [
+    /* @__PURE__ */ m(G, { children: [
+      "Showing ",
+      A,
+      "-",
+      I,
+      " from ",
+      d
+    ] }),
+    /* @__PURE__ */ o(O, { children: "Row on Page" }),
+    /* @__PURE__ */ o(
+      y,
+      {
+        value: l,
+        onChange: _,
+        style: { width: 75 },
+        children: P.map((n) => /* @__PURE__ */ o(y.Option, { value: n, children: n }, n))
+      }
+    ),
+    /* @__PURE__ */ m(R, { children: [
+      /* @__PURE__ */ o(
+        a,
+        {
+          onClick: () => h(i - 1),
+          children: /* @__PURE__ */ o(T, {})
+        }
+      ),
+      C(i, f).map((n, t) => /* @__PURE__ */ o(
+        a,
+        {
+          active: n === i,
+          onClick: () => h(n),
+          children: n === -1 ? "..." : n
+        },
+        t
+      )),
+      /* @__PURE__ */ o(
+        a,
+        {
+          onClick: () => h(i + 1),
+          children: /* @__PURE__ */ o(v, {})
+        }
+      )
+    ] })
+  ] }) });
+};
+export {
+  Z as default
+};
+//# sourceMappingURL=ReturnPagination.js.map

package/dist/components/order-daily-overview/table-view/ReturnPagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReturnPagination.js","sources":["../../../../src/components/order-daily-overview/table-view/ReturnPagination.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  StyledContainer,\n  StyledContentWrapper,\n  // StyledDropdown,\n  StyledInfoBox,\n  StyledLabel,\n  StyledPaginationItem,\n  StyledPaginationWrapper,\n  // StyledDropdownData,\n} from './PaginationStyle';\nimport PrevIcon from '../../../assets/icons/PrevIcon';\nimport NextIcon from '../../../assets/icons/NextIcon';\nimport { useAtom } from 'jotai';\nimport { Select } from 'antd';\nimport { filtersReducerReturnAtom } from '../return-after-table/table-filters/ReturnFilterStore';\n\nconst PAGE_SIZE_OPTIONS = [50, 100, 150];\nconst MAX_PAGES_TO_SHOW = 5;\n\nconst ReturnPagination: React.FC<any> = ({\n  currentPage,\n  totalItems,\n  itemsPerPage,\n  onPageChange,\n  onItemsPerPageChange,\n}) => {\n  const [, dispatch] = useAtom(filtersReducerReturnAtom);\n\n  const totalPages = Math.ceil(totalItems / itemsPerPage);\n  const startItem = (currentPage - 1) * itemsPerPage + 1;\n  const endItem = Math.min(currentPage * itemsPerPage, totalItems);\n\n  const handlePageChange = (page: number) => {\n    if (page >= 1 && page <= totalPages) {\n      dispatch({\n        type: 'SET_PAGE',\n        payload: page,\n      });\n\n      onPageChange(page);\n    }\n  };\n\n  const handleItemsPerPageChange = (value: number) => {\n    const newItemsPerPage = value;\n    dispatch({\n      type: 'SET_PERPAGE',\n      payload: newItemsPerPage,\n    });\n\n    // Reset to the first page\n    dispatch({\n      type: 'SET_PAGE',\n      payload: 1,\n    });\n\n    onPageChange(1);\n    onItemsPerPageChange(newItemsPerPage);\n  };\n\n  const getPageNumbers = (\n    currentPage: number,\n    totalPages: number\n  ): number[] => {\n    const pageNumbers: number[] = [1]; // Always show the first page\n\n    if (currentPage > MAX_PAGES_TO_SHOW / 2 + 1) {\n      pageNumbers.push(-1); // Ellipsis\n    }\n\n    const startPage = Math.max(\n      2,\n      Math.min(currentPage - 1, totalPages - MAX_PAGES_TO_SHOW + 2)\n    );\n    const endPage = Math.min(startPage + MAX_PAGES_TO_SHOW - 3, totalPages - 1);\n    for (let i = startPage; i <= endPage; i++) {\n      pageNumbers.push(i);\n    }\n\n    if (currentPage < totalPages - MAX_PAGES_TO_SHOW / 2 - 1) {\n      pageNumbers.push(-1); // Ellipsis\n    }\n\n    if (totalPages > 1) {\n      pageNumbers.push(totalPages); // Always show the last page\n    }\n\n    return pageNumbers;\n  };\n\n  return (\n    <StyledContainer>\n      <StyledContentWrapper>\n        <StyledInfoBox>\n          Showing {startItem}-{endItem} from {totalItems}\n        </StyledInfoBox>\n        <StyledLabel>Row on Page</StyledLabel>\n        <Select\n          value={itemsPerPage}\n          onChange={handleItemsPerPageChange}\n          style={{ width: 75 }}\n        >\n          {PAGE_SIZE_OPTIONS.map(option => (\n            <Select.Option key={option} value={option}>\n              {option}\n            </Select.Option>\n          ))}\n        </Select>\n        <StyledPaginationWrapper>\n          <StyledPaginationItem\n            onClick={() => handlePageChange(currentPage - 1)}\n          >\n            <PrevIcon />\n          </StyledPaginationItem>\n          {getPageNumbers(currentPage, totalPages).map((pageNumber, index) => (\n            <StyledPaginationItem\n              key={index}\n              active={pageNumber === currentPage}\n              onClick={() => handlePageChange(pageNumber)}\n            >\n              {pageNumber === -1 ? '...' : pageNumber}\n            </StyledPaginationItem>\n          ))}\n          <StyledPaginationItem\n            onClick={() => handlePageChange(currentPage + 1)}\n          >\n            <NextIcon />\n          </StyledPaginationItem>\n        </StyledPaginationWrapper>\n      </StyledContentWrapper>\n    </StyledContainer>\n  );\n};\n\nexport default ReturnPagination;\n"],"names":["PAGE_SIZE_OPTIONS","MAX_PAGES_TO_SHOW","ReturnPagination","currentPage","totalItems","itemsPerPage","onPageChange","onItemsPerPageChange","dispatch","useAtom","filtersReducerReturnAtom","totalPages","startItem","endItem","handlePageChange","page","handleItemsPerPageChange","value","newItemsPerPage","getPageNumbers","pageNumbers","startPage","endPage","i","jsx","StyledContainer","jsxs","StyledContentWrapper","StyledInfoBox","StyledLabel","Select","option","StyledPaginationWrapper","StyledPaginationItem","PrevIcon","pageNumber","index","NextIcon"],"mappings":"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"}

package/dist/components/order-view/DynamicTable.js

@@ -0,0 +1,169 @@
+import { jsx as t, jsxs as R } from "react/jsx-runtime";
+import { useReactTable as v, getSortedRowModel as D, getCoreRowModel as S, flexRender as h } from "@tanstack/react-table";
+import { useMemo as x } from "react";
+import o from "styled-components";
+import M from "../../common/scrollbar/index.js";
+import { atom as k, useAtom as j } from "jotai";
+import { Skeleton as H } from "antd";
+const N = k([]);
+function O({ columns: i, data: s, loading: u }, a) {
+  const b = x(() => i, [i]), w = x(() => s, [s]), c = v({
+    columns: b,
+    data: w,
+    getCoreRowModel: S(),
+    getSortedRowModel: D()
+  }), l = c.getRowModel().rows, y = c.getHeaderGroups(), C = a, [r] = j(N), p = [
+    "types",
+    "sources",
+    "event",
+    "code",
+    "type",
+    "route",
+    "action"
+  ], m = ["date", "reference", "note", "category"], g = ["details", "datetime"], T = ["id"];
+  return console.log(l, "<===========rows"), console.log(a, "props"), /* @__PURE__ */ t(I, { children: /* @__PURE__ */ t($, { children: /* @__PURE__ */ t(z, { children: /* @__PURE__ */ t(M, { children: /* @__PURE__ */ R(G, { children: [
+    /* @__PURE__ */ t(A, { children: y?.map((n) => /* @__PURE__ */ t(d, { children: n.headers.map((e) => /* @__PURE__ */ t(
+      F,
+      {
+        className: `col 
+                          ${p.includes(e?.id) ? "sm" : m.includes(e?.id) ? "md" : g.includes(e?.id) ? "lg" : ""}`,
+        onClick: e.column.getToggleSortingHandler(),
+        children: h(
+          e.column.columnDef.header,
+          e.getContext()
+        )
+      },
+      e.id
+    )) }, n.id)) }),
+    /* @__PURE__ */ t(B, { children: u ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", { colSpan: 5, children: /* @__PURE__ */ t(H, { active: !0 }) }) }) : l?.length === 0 ? /* @__PURE__ */ t(d, { children: /* @__PURE__ */ t(f, { colSpan: i.length, children: "No entries found." }) }) : l?.map((n) => /* @__PURE__ */ t(
+      d,
+      {
+        className: `${r?.length > 0 && r?.filter(
+          (e) => e?.id === n?.original?.id
+        )?.length ? "isSelectedRow" : ""}`,
+        children: n.getVisibleCells().map((e) => /* @__PURE__ */ t(
+          f,
+          {
+            className: `col 
+                            ${T.includes(e?.column.id) ? "noFlex" : p.includes(e?.column.id) ? "sm" : m.includes(e?.column.id) ? "md" : g.includes(e?.column.id) ? "lg" : ""} ${e?.column.id}`,
+            children: h(e.column.columnDef.cell, {
+              ...e.getContext(),
+              action: C
+            })
+          },
+          e.id
+        ))
+      },
+      n.id
+    )) })
+  ] }) }) }) }) });
+}
+const $ = o.div`
+  height: 30vh;
+  pointer-events: initial;
+  @media (max-width: 1024px) {
+    height: 40vh;
+  }
+`, z = o.div`
+  height: 100%;
+  overflow-x: auto;
+  scrollbar-width: thin;
+  border-top-left-radius: 15px;
+  border-top-right-radius: 15px;
+`, F = o.th`
+  padding: 10px 5px;
+  font-family: 'Roboto', sans-serif;
+  font-size: 14px;
+  font-weight: 500;
+  line-height: 24px;
+  letter-spacing: 0px;
+`, f = o.td`
+  border-spacing: 0px;
+  padding: 10px 5px;
+  font-family: 'Lato', sans-serif;
+  font-size: 13px;
+  font-weight: 400;
+  line-height: 16px;
+  letter-spacing: 0px;
+`, d = o.tr`
+  display: flex;
+  align-items: stretch;
+  width: 100%;
+  border-bottom: 1px solid rgb(215, 214, 213);
+  font-weight: 300;
+`, B = o.tbody`
+  border-bottom-right-radius: 10px;
+  background: rgb(255, 255, 255);
+  height: 96%;
+  overflow: auto;
+  width: 100%;
+`, A = o.thead`
+  position: sticky;
+  top: 0px;
+  z-index: 1;
+  background: #f8f8f8;
+  white-space: nowrap;
+`, G = o.table`
+  width: 100%;
+  height: 50%;
+  background: rgb(255, 255, 255);
+  box-shadow: 0px 4px 30px 0px #2e2d740d;
+`, I = o.div`
+  .col {
+    display: flex;
+    align-items: center;
+    color: #3a3630;
+    padding: 10px 5px;
+    text-align: left;
+  }
+
+  .col.noFlex {
+    flex: 0;
+  }
+
+  .col.sm {
+    flex: 1;
+    min-width: 100px;
+  }
+
+  .col.md {
+    flex: 2;
+    justify-content: flex-start;
+    min-width: 85px;
+  }
+
+  .col.lg {
+    flex: 4;
+    justify-content: flex-start;
+    min-width: 180px;
+  }
+
+  .col.date {
+  }
+
+  .col.amount,
+  .col.price {
+    justify-content: flex-end;
+  }
+
+  .TableHeadData,
+  .TableData {
+    padding: 10px 5px;
+    text-align: left;
+    white-space: nowrap;
+  }
+
+  .TableRow {
+    display: flex;
+    width: 100%;
+  }
+
+  .Table {
+    width: 100%;
+  }
+`;
+export {
+  O as default,
+  N as selectedID
+};
+//# sourceMappingURL=DynamicTable.js.map

package/dist/components/order-view/DynamicTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DynamicTable.js","sources":["../../../src/components/order-view/DynamicTable.tsx"],"sourcesContent":["import {\n  flexRender,\n  getCoreRowModel,\n  getSortedRowModel,\n  useReactTable,\n} from '@tanstack/react-table';\nimport React, { useMemo } from 'react';\nimport styled from 'styled-components';\nimport CustomScrollBar from '../../common/scrollbar';\nimport { atom, useAtom } from 'jotai';\nimport { Skeleton } from 'antd';\nexport const selectedID = atom<any>([]);\n\ninterface DynamicTableProps {\n  columns: any;\n  data: any[];\n  loading: boolean;\n}\n\nfunction DynamicTable(\n  { columns, data, loading }: DynamicTableProps,\n  props: any\n) {\n  const tableColumns = useMemo(() => columns, [columns]);\n  const tableData = useMemo(() => data, [data]);\n\n  const table = useReactTable({\n    columns: tableColumns,\n    data: tableData,\n    getCoreRowModel: getCoreRowModel(),\n    getSortedRowModel: getSortedRowModel(),\n  });\n\n  const rows = table.getRowModel().rows;\n  const headerGroups = table.getHeaderGroups();\n  const action = props;\n  const [selectedRows] = useAtom(selectedID);\n\n  const smallColumns = [\n    'types',\n    'sources',\n    'event',\n    'code',\n    'type',\n    'route',\n    'action',\n  ];\n  const mediumColumns = ['date', 'reference', 'note', 'category'];\n  const largeColumns = ['details', 'datetime'];\n  const noFlexColumns = ['id'];\n\n  console.log(rows, '<===========rows');\n  console.log(props, 'props');\n  return (\n    <MainContainer>\n      <Container>\n        <TableWrapper>\n          <CustomScrollBar>\n            <Table>\n              <TableHead>\n                {headerGroups?.map(headerGroup => (\n                  <TableRow key={headerGroup.id}>\n                    {headerGroup.headers.map(header => (\n                      <TableHeadData\n                        className={`col \n                          ${\n                            smallColumns.includes(header?.id)\n                              ? 'sm'\n                              : mediumColumns.includes(header?.id)\n                              ? 'md'\n                              : largeColumns.includes(header?.id)\n                              ? 'lg'\n                              : ''\n                          }`}\n                        key={header.id}\n                        onClick={header.column.getToggleSortingHandler()}\n                      >\n                        {flexRender(\n                          header.column.columnDef.header,\n                          header.getContext()\n                        )}\n                      </TableHeadData>\n                    ))}\n                  </TableRow>\n                ))}\n              </TableHead>\n              <TableBody>\n                {loading ? (\n                  <tr>\n                    <td colSpan={5}>\n                      <Skeleton active />\n                    </td>\n                  </tr>\n                ) : rows?.length === 0 ? (\n                  <TableRow>\n                    <TableData colSpan={columns.length}>\n                      No entries found.\n                    </TableData>\n                  </TableRow>\n                ) : (\n                  rows?.map(row => (\n                    <TableRow\n                      key={row.id}\n                      className={`${\n                        selectedRows?.length > 0 &&\n                        selectedRows?.filter(\n                          (f: any) => f?.id === (row?.original as any)?.id\n                        )?.length\n                          ? 'isSelectedRow'\n                          : ''\n                      }`}\n                    >\n                      {row.getVisibleCells().map(cell => (\n                        <TableData\n                          className={`col \n                            ${\n                              noFlexColumns.includes(cell?.column.id)\n                                ? 'noFlex'\n                                : smallColumns.includes(cell?.column.id)\n                                ? 'sm'\n                                : mediumColumns.includes(cell?.column.id)\n                                ? 'md'\n                                : largeColumns.includes(cell?.column.id)\n                                ? 'lg'\n                                : ''\n                            } ${cell?.column.id}`}\n                          key={cell.id}\n                        >\n                          {flexRender(cell.column.columnDef.cell, {\n                            ...cell.getContext(),\n                            action,\n                          })}\n                        </TableData>\n                      ))}\n                    </TableRow>\n                  ))\n                )}\n              </TableBody>\n            </Table>\n          </CustomScrollBar>\n        </TableWrapper>\n      </Container>\n    </MainContainer>\n  );\n}\n\nconst Container = styled.div`\n  height: 30vh;\n  pointer-events: initial;\n  @media (max-width: 1024px) {\n    height: 40vh;\n  }\n`;\n\nconst TableWrapper = styled.div`\n  height: 100%;\n  overflow-x: auto;\n  scrollbar-width: thin;\n  border-top-left-radius: 15px;\n  border-top-right-radius: 15px;\n`;\n\nconst TableHeadData = styled.th`\n  padding: 10px 5px;\n  font-family: 'Roboto', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  line-height: 24px;\n  letter-spacing: 0px;\n`;\n\nconst TableData = styled.td`\n  border-spacing: 0px;\n  padding: 10px 5px;\n  font-family: 'Lato', sans-serif;\n  font-size: 13px;\n  font-weight: 400;\n  line-height: 16px;\n  letter-spacing: 0px;\n`;\n\nconst TableRow = styled.tr`\n  display: flex;\n  align-items: stretch;\n  width: 100%;\n  border-bottom: 1px solid rgb(215, 214, 213);\n  font-weight: 300;\n`;\n\nconst TableBody = styled.tbody`\n  border-bottom-right-radius: 10px;\n  background: rgb(255, 255, 255);\n  height: 96%;\n  overflow: auto;\n  width: 100%;\n`;\n\nconst TableHead = styled.thead`\n  position: sticky;\n  top: 0px;\n  z-index: 1;\n  background: #f8f8f8;\n  white-space: nowrap;\n`;\n\nconst Table = styled.table`\n  width: 100%;\n  height: 50%;\n  background: rgb(255, 255, 255);\n  box-shadow: 0px 4px 30px 0px #2e2d740d;\n`;\n\nconst MainContainer = styled.div`\n  .col {\n    display: flex;\n    align-items: center;\n    color: #3a3630;\n    padding: 10px 5px;\n    text-align: left;\n  }\n\n  .col.noFlex {\n    flex: 0;\n  }\n\n  .col.sm {\n    flex: 1;\n    min-width: 100px;\n  }\n\n  .col.md {\n    flex: 2;\n    justify-content: flex-start;\n    min-width: 85px;\n  }\n\n  .col.lg {\n    flex: 4;\n    justify-content: flex-start;\n    min-width: 180px;\n  }\n\n  .col.date {\n  }\n\n  .col.amount,\n  .col.price {\n    justify-content: flex-end;\n  }\n\n  .TableHeadData,\n  .TableData {\n    padding: 10px 5px;\n    text-align: left;\n    white-space: nowrap;\n  }\n\n  .TableRow {\n    display: flex;\n    width: 100%;\n  }\n\n  .Table {\n    width: 100%;\n  }\n`;\n\nexport default DynamicTable;\n"],"names":["selectedID","atom","DynamicTable","columns","data","loading","props","tableColumns","useMemo","tableData","table","useReactTable","getCoreRowModel","getSortedRowModel","rows","headerGroups","action","selectedRows","useAtom","smallColumns","mediumColumns","largeColumns","noFlexColumns","jsx","MainContainer","Container","TableWrapper","CustomScrollBar","jsxs","Table","TableHead","headerGroup","TableRow","header","TableHeadData","flexRender","TableBody","Skeleton","TableData","row","f","cell","styled"],"mappings":"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"}

package/dist/components/order-view/details-filters/DetailsFilters.js

@@ -0,0 +1,30 @@
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import t from "styled-components";
+import i from "./right-side-filters/Details.js";
+import o from "./left-side-filters/ActionsMenu.js";
+const d = () => /* @__PURE__ */ r(p, { children: [
+  /* @__PURE__ */ e(i, {}),
+  /* @__PURE__ */ e(o, {})
+] }), p = t.div`
+  border-radius: 40px;
+  border: 1px solid rgba(0, 0, 0, 0.08);
+  background: linear-gradient(180deg, #fff 0%, #f9fcff 100%);
+
+  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
+  /* z-index: 9999; */
+  display: flex;
+  padding: 10px;
+  flex-direction: row;
+  gap: 10px;
+  align-self: stretch;
+  position: relative;
+  margin-bottom: -71px;
+  width: 97%;
+  margin-left: 21px;
+  top: -132px;
+  justify-content: space-between;
+`;
+export {
+  d as default
+};
+//# sourceMappingURL=DetailsFilters.js.map

package/dist/components/order-view/details-filters/DetailsFilters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DetailsFilters.js","sources":["../../../../src/components/order-view/details-filters/DetailsFilters.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport Details from './right-side-filters/Details';\nimport ActionsMenu from './left-side-filters/ActionsMenu';\n\nconst DetailsFilters = () => {\n  return (\n    <Flex>\n      <Details />\n      <ActionsMenu />\n    </Flex>\n  );\n};\n\nconst Flex = styled.div`\n  border-radius: 40px;\n  border: 1px solid rgba(0, 0, 0, 0.08);\n  background: linear-gradient(180deg, #fff 0%, #f9fcff 100%);\n\n  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n  /* z-index: 9999; */\n  display: flex;\n  padding: 10px;\n  flex-direction: row;\n  gap: 10px;\n  align-self: stretch;\n  position: relative;\n  margin-bottom: -71px;\n  width: 97%;\n  margin-left: 21px;\n  top: -132px;\n  justify-content: space-between;\n`;\nexport default DetailsFilters;\n"],"names":["DetailsFilters","Flex","jsx","Details","ActionsMenu","styled"],"mappings":";;;;AAKA,MAAMA,IAAiB,wBAElBC,GAAA,EACC,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAQ;AAAA,oBACRC,GAAA,CAAA,CAAY;AAAA,GACf,GAIEH,IAAOI,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/components/order-view/details-filters/left-side-filters/ActionsMenu.js

@@ -0,0 +1,18 @@
+import { jsx as r } from "react/jsx-runtime";
+import o from "styled-components";
+import p from "./dropdowns/DropDowns.js";
+const x = () => /* @__PURE__ */ r(t, { children: /* @__PURE__ */ r(p, {}) }), t = o.div`
+  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
+  display: flex;
+  height: 34px;
+  padding: 1px;
+  align-items: flex-start;
+  border-radius: 20px;
+  border: 1px solid rgba(0, 0, 0, 0.08);
+  background: #f0f2f2;
+  cursor: pointer;
+`;
+export {
+  x as default
+};
+//# sourceMappingURL=ActionsMenu.js.map

package/dist/components/order-view/details-filters/left-side-filters/ActionsMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionsMenu.js","sources":["../../../../../src/components/order-view/details-filters/left-side-filters/ActionsMenu.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport DropDowns from './dropdowns/DropDowns';\n\nconst ActionsMenu = () => {\n  return (\n    <Flex>\n      <DropDowns />\n    </Flex>\n  );\n};\nconst Flex = styled.div`\n  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n  display: flex;\n  height: 34px;\n  padding: 1px;\n  align-items: flex-start;\n  border-radius: 20px;\n  border: 1px solid rgba(0, 0, 0, 0.08);\n  background: #f0f2f2;\n  cursor: pointer;\n`;\n\nexport default ActionsMenu;\n"],"names":["ActionsMenu","jsx","Flex","DropDowns","styled"],"mappings":";;;AAIA,MAAMA,IAAc,MAEhB,gBAAAC,EAACC,GAAA,EACC,UAAA,gBAAAD,EAACE,GAAA,CAAA,CAAU,GACb,GAGED,IAAOE,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/components/order-view/details-filters/left-side-filters/dropdowns/DropDowns.js

@@ -0,0 +1,57 @@
+import { jsx as e, Fragment as D, jsxs as I } from "react/jsx-runtime";
+import { useState as n } from "react";
+import l from "styled-components";
+import y from "./OptionsDropDown.js";
+import k from "../../../general-information/dropdowns/Print.js";
+import w from "./MenuDropDown.js";
+import { useOrderDetails as A, useCurrentAction as S, errorAtom as V } from "../../../store.js";
+import { useAtom as B } from "jotai";
+function U() {
+  const [o] = A(), [, s] = S(), [r] = B(V), [a, c] = n(!1), [d, p] = n(!1), m = o?.order_recipient?.contact_email, f = /^(07\d{8,12}|447\d{7,11})$/, h = /^(08[35679]\d{7}|3538[35679]\d{7}|\+3538[35679]\d{7})$/, u = (t) => typeof t == "string" && f.test(t), x = (t) => typeof t == "string" && h.test(t), _ = (t) => u(t) || x(t), E = o?.order_recipient?.contact_mobile, g = o?.order_recipient?.contact_home, M = o?.order_recipient?.contact_work, b = [E, g, M].some(_), i = [];
+  return b && (r?.mobileError ? a || c(!0) : i.push({
+    label: "Send SMS",
+    onClick: () => s("send-sms")
+  })), m && (r?.emailError ? d || p(!0) : i.push({
+    label: "Send Email",
+    onClick: () => s("send-email")
+  })), /* @__PURE__ */ e(D, { children: /* @__PURE__ */ I(H, { children: [
+    /* @__PURE__ */ e(w, {}),
+    /* @__PURE__ */ e(y, {}),
+    /* @__PURE__ */ e(k, {}),
+    i?.map((t, C) => /* @__PURE__ */ e(
+      L,
+      {
+        onClick: t.onClick,
+        style: { cursor: "pointer" },
+        children: t?.label
+      },
+      C
+    ))
+  ] }) });
+}
+const H = l.section`
+  padding: 0 5px;
+  display: flex;
+  align-self: center;
+  gap: 10px;
+  align-items: center;
+`, L = l.div`
+  color: #6a7378;
+  text-align: center;
+  font-family: 'lato', sans-serif;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 500;
+  line-height: 18px;
+  text-transform: uppercase;
+  cursor: ${(o) => o.disabled ? "not-allowed" : "pointer"};
+  @media screen and (max-width: 1210px) {
+    font-size: 11px;
+    line-height: 12px;
+  }
+`;
+export {
+  L as FontContainer,
+  U as default
+};
+//# sourceMappingURL=DropDowns.js.map

package/dist/components/order-view/details-filters/left-side-filters/dropdowns/DropDowns.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropDowns.js","sources":["../../../../../../src/components/order-view/details-filters/left-side-filters/dropdowns/DropDowns.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport styled from 'styled-components';\nimport OptionsDropDown from './OptionsDropDown';\nimport Print from '../../../general-information/dropdowns/Print';\nimport BjsMenuDropDown from './MenuDropDown';\nimport {\n  errorAtom,\n  useAtom,\n  useCurrentAction,\n  useOrderDetails,\n} from '../../../store';\n// components\n\nfunction DropDowns() {\n  const [orderDetails] = useOrderDetails();\n  const [, setCurrentAction] = useCurrentAction();\n  const [errors] = useAtom(errorAtom);\n  const [hasNotifiedMobile, setHasNotifiedMobile] = useState(false);\n  const [hasNotifiedEmail, setHasNotifiedEmail] = useState(false);\n\n  const isEmailId = orderDetails?.order_recipient?.contact_email;\n  // const isContactNum = orderDetails?.order_recipient?.contact_home;\n  const VALID_UK_MOBILE_REGEX = /^(07\\d{8,12}|447\\d{7,11})$/;\n  const VALID_IRISH_MOBILE_REGEX = /^(08[35679]\\d{7}|3538[35679]\\d{7}|\\+3538[35679]\\d{7})$/;\n\n  const isValidUKMobile = (number: string | null | undefined): boolean =>\n    typeof number === 'string' && VALID_UK_MOBILE_REGEX.test(number);\n  const isValidIrishMobile = (number: string | null | undefined): boolean =>\n    typeof number === 'string' && VALID_IRISH_MOBILE_REGEX.test(number);\n  const isValidMobile = (number: string | null | undefined): boolean =>\n    isValidUKMobile(number) || isValidIrishMobile(number);\n\n  const contactMobile = orderDetails?.order_recipient?.contact_mobile;\n  const contactHome = orderDetails?.order_recipient?.contact_home;\n  const contactWork = orderDetails?.order_recipient?.contact_work;\n\n  const allContacts = [contactMobile, contactHome, contactWork];\n  const hasValidMobile = allContacts.some(isValidMobile);\n\n  const actions = [];\n\n  if (hasValidMobile) {\n    if (errors?.mobileError) {\n      if (!hasNotifiedMobile) {\n        setHasNotifiedMobile(true);\n      }\n    } else {\n      actions.push({\n        label: 'Send SMS',\n        onClick: () => setCurrentAction('send-sms'),\n      });\n    }\n  }\n\n  if (isEmailId) {\n    if (errors?.emailError) {\n      if (!hasNotifiedEmail) {\n        setHasNotifiedEmail(true);\n      }\n    } else {\n      actions.push({\n        label: 'Send Email',\n        onClick: () => setCurrentAction('send-email'),\n      });\n    }\n  }\n\n  return (\n    <>\n      <DashBoardWrapper>\n        <BjsMenuDropDown />\n        <OptionsDropDown />\n        <Print />\n        {actions?.map((action, index) => (\n          <FontContainer\n            key={index}\n            onClick={action.onClick}\n            style={{ cursor: 'pointer' }}\n          >\n            {action?.label}\n          </FontContainer>\n        ))}\n      </DashBoardWrapper>\n    </>\n  );\n}\n\nconst DashBoardWrapper = styled.section`\n  padding: 0 5px;\n  display: flex;\n  align-self: center;\n  gap: 10px;\n  align-items: center;\n`;\n\nexport const FontContainer: any = styled.div<{ disabled?: boolean }>`\n  color: #6a7378;\n  text-align: center;\n  font-family: 'lato', sans-serif;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 18px;\n  text-transform: uppercase;\n  cursor: ${props => (props.disabled ? 'not-allowed' : 'pointer')};\n  @media screen and (max-width: 1210px) {\n    font-size: 11px;\n    line-height: 12px;\n  }\n`;\n\nexport default DropDowns;\n"],"names":["DropDowns","orderDetails","useOrderDetails","setCurrentAction","useCurrentAction","errors","useAtom","errorAtom","hasNotifiedMobile","setHasNotifiedMobile","useState","hasNotifiedEmail","setHasNotifiedEmail","isEmailId","VALID_UK_MOBILE_REGEX","VALID_IRISH_MOBILE_REGEX","isValidUKMobile","number","isValidIrishMobile","isValidMobile","contactMobile","contactHome","contactWork","hasValidMobile","actions","jsx","Fragment","DashBoardWrapper","BjsMenuDropDown","OptionsDropDown","Print","action","index","FontContainer","styled","props"],"mappings":";;;;;;;;AAaA,SAASA,IAAY;AACnB,QAAM,CAACC,CAAY,IAAIC,EAAA,GACjB,CAAA,EAAGC,CAAgB,IAAIC,EAAA,GACvB,CAACC,CAAM,IAAIC,EAAQC,CAAS,GAC5B,CAACC,GAAmBC,CAAoB,IAAIC,EAAS,EAAK,GAC1D,CAACC,GAAkBC,CAAmB,IAAIF,EAAS,EAAK,GAExDG,IAAYZ,GAAc,iBAAiB,eAE3Ca,IAAwB,8BACxBC,IAA2B,0DAE3BC,IAAkB,CAACC,MACvB,OAAOA,KAAW,YAAYH,EAAsB,KAAKG,CAAM,GAC3DC,IAAqB,CAACD,MAC1B,OAAOA,KAAW,YAAYF,EAAyB,KAAKE,CAAM,GAC9DE,IAAgB,CAACF,MACrBD,EAAgBC,CAAM,KAAKC,EAAmBD,CAAM,GAEhDG,IAAgBnB,GAAc,iBAAiB,gBAC/CoB,IAAcpB,GAAc,iBAAiB,cAC7CqB,IAAcrB,GAAc,iBAAiB,cAG7CsB,IADc,CAACH,GAAeC,GAAaC,CAAW,EACzB,KAAKH,CAAa,GAE/CK,IAAU,CAAA;AAEhB,SAAID,MACElB,GAAQ,cACLG,KACHC,EAAqB,EAAI,IAG3Be,EAAQ,KAAK;AAAA,IACX,OAAO;AAAA,IACP,SAAS,MAAMrB,EAAiB,UAAU;AAAA,EAAA,CAC3C,IAIDU,MACER,GAAQ,aACLM,KACHC,EAAoB,EAAI,IAG1BY,EAAQ,KAAK;AAAA,IACX,OAAO;AAAA,IACP,SAAS,MAAMrB,EAAiB,YAAY;AAAA,EAAA,CAC7C,IAKH,gBAAAsB,EAAAC,GAAA,EACE,4BAACC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAF,EAACG,GAAA,EAAgB;AAAA,sBAChBC,GAAA,EAAgB;AAAA,sBAChBC,GAAA,EAAM;AAAA,IACNN,GAAS,IAAI,CAACO,GAAQC,MACrB,gBAAAP;AAAA,MAACQ;AAAA,MAAA;AAAA,QAEC,SAASF,EAAO;AAAA,QAChB,OAAO,EAAE,QAAQ,UAAA;AAAA,QAEhB,UAAAA,GAAQ;AAAA,MAAA;AAAA,MAJJC;AAAA,IAAA,CAMR;AAAA,EAAA,EAAA,CACH,EAAA,CACF;AAEJ;AAEA,MAAML,IAAmBO,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQnBD,IAAqBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAS7B,CAAAC,MAAUA,EAAM,WAAW,gBAAgB,SAAU;AAAA;AAAA;AAAA;AAAA;AAAA;"}