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

package/dist/components/client-portal/return-confirm/ReturnConfirmedTable.js

@@ -0,0 +1,217 @@
+import { jsx as e, Fragment as L, jsxs as n } from "react/jsx-runtime";
+import { Skeleton as P, Empty as M } from "antd";
+import { useRef as k, useState as S, useMemo as x, useEffect as W } from "react";
+import { NavLink as Y } from "react-router-dom";
+import { Checkbox as w, displayValueOrNA as o } from "@bjsdistribution/dms-component-library";
+import { usePrintOptionTOggle as j, useLoading as H } from "../../order-daily-overview/store/store.js";
+import { useReturnConfirmedOrderData as B, useSelectedClientAfterOrders as U } from "../../store.js";
+import { useOrderId as $ } from "../../order-view/store.js";
+import G from "../../../common/SortIcon.js";
+import y from "../../../common/CaretDownFilledIcon.js";
+import { StyledTableWrapper as V, StyledTable as q, EmptyDataContainer as z, CustomDrop as J } from "../../order-daily-overview/return-order-table/return-orders-filters/returnstyles.js";
+import K from "../../../assets/icons/PrinterIcon.js";
+import Q from "../../../assets/icons/DownIcon.js";
+import X from "../../order-daily-overview/shared/elements/PrintDropDown.js";
+import { formatDate as Z } from "../../order-daily-overview/shared/utlis.js";
+import ee from "dayjs";
+import { WEIGHT_UNIT as I } from "../../../common/utils.js";
+const ke = () => {
+  const _ = k(null), m = k(null), [p, g] = j(), [, D] = $(), [u] = B(), [F] = H(), [N, O] = S(!1), [
+    v,
+    f
+  ] = U(), [l, A] = S(null), h = (r) => {
+    A((t) => t?.key === r && t.direction === "asc" ? { key: r, direction: "desc" } : { key: r, direction: "asc" });
+  }, C = x(() => {
+    if (!u || !l) return u;
+    const { key: r, direction: t } = l;
+    return [...u].sort((i, d) => {
+      const c = i[r], s = d[r];
+      return typeof c == "number" && typeof s == "number" ? t === "asc" ? c - s : s - c : typeof c == "string" && typeof s == "string" ? t === "asc" ? c.localeCompare(s) : s.localeCompare(c) : 0;
+    });
+  }, [u, l]), a = (r) => !l || l.key !== r ? /* @__PURE__ */ e(G, {}) : l.direction === "asc" ? /* @__PURE__ */ e(y, {}) : /* @__PURE__ */ e(y, {}), T = (r) => {
+    g((t) => t === r ? null : r);
+  };
+  W(() => (document.addEventListener("mousedown", b), () => {
+    document.removeEventListener("mousedown", b);
+  }), []);
+  const b = (r) => {
+    m.current && !m.current.contains(r.target) && g(null);
+  }, R = (r) => {
+    switch (r) {
+      case "Cancelled":
+      case "Failed":
+        return { color: "#E95252", background: "rgba(233, 82, 82, 0.15)" };
+      case "On Hold":
+        return { color: "#F4A503", background: "#FFF1D6" };
+      case "Sub-Contracted":
+      case "SC":
+        return { color: "#F4A503", background: "#FFF1D6" };
+      case "Awaiting route":
+      case "Awaiting Confirmation":
+        return { color: "#845ADF", background: "rgba(132, 90, 223, 0.15)" };
+      case "Completed":
+        return {
+          color: "#1F9254",
+          background: "rgba(41, 204, 106, 0.15)"
+        };
+      case "Outstanding":
+        return { color: "#FF9900", background: "rgba(255, 153, 0, 0.15)" };
+      case "Routed":
+        return { color: "#6396E5", background: "rgba(99, 150, 229, 0.15)" };
+      default:
+        return { color: "#000", background: "#fff" };
+    }
+  }, E = (r) => {
+    f(
+      (t) => t.includes(r) ? t.filter((i) => i !== r) : [...t, r]
+    );
+  };
+  return /* @__PURE__ */ e(L, { children: /* @__PURE__ */ e(V, { className: "fortables", children: /* @__PURE__ */ n(q, { children: [
+    /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ n("tr", { children: [
+      /* @__PURE__ */ e("th", { className: "emailInvoiceCheckbox", children: /* @__PURE__ */ e(
+        w,
+        {
+          checked: N,
+          onChange: (r) => {
+            const t = r.target.checked;
+            O(t), f(
+              t ? u?.map((i) => i?.id) || [] : []
+            );
+          }
+        }
+      ) }),
+      /* @__PURE__ */ e("th", { onClick: () => h("created_at"), children: /* @__PURE__ */ n("div", { className: "sortIconClass", children: [
+        "Created ",
+        a("created_at")
+      ] }) }),
+      /* @__PURE__ */ e("th", { onClick: () => h("return_location_name"), children: /* @__PURE__ */ n("div", { className: "sortIconClass", children: [
+        "Return Location ",
+        a("return_location_name")
+      ] }) }),
+      /* @__PURE__ */ e("th", { onClick: () => h("recipient_name"), children: /* @__PURE__ */ n("div", { className: "sortIconClass", children: [
+        "Recipient ",
+        a("recipient_name")
+      ] }) }),
+      /* @__PURE__ */ n("th", { children: [
+        "Recipient Reference",
+        a("recipient_reference")
+      ] }),
+      /* @__PURE__ */ e("th", { children: "Sender" }),
+      /* @__PURE__ */ e("th", { children: "Consignment" }),
+      /* @__PURE__ */ e("th", { children: "Return Order No" }),
+      /* @__PURE__ */ e("th", { children: " Total Parts" }),
+      /* @__PURE__ */ e("th", { onClick: () => h("weight"), children: /* @__PURE__ */ n("div", { className: "sortIconClass", children: [
+        "Total Weight (",
+        I,
+        ") ",
+        a("weight")
+      ] }) }),
+      /* @__PURE__ */ e("th", { onClick: () => h("cube"), children: /* @__PURE__ */ n("div", { className: "sortIconClass", children: [
+        "Total CBM ",
+        a("cube")
+      ] }) }),
+      /* @__PURE__ */ e("th", { children: "Status" }),
+      /* @__PURE__ */ e("th", { className: "emailInvoiceShare", children: "Labels" })
+    ] }) }),
+    /* @__PURE__ */ e("tbody", { children: F ? /* @__PURE__ */ n("tr", { children: [
+      /* @__PURE__ */ e("td", { colSpan: 16, children: /* @__PURE__ */ e(P, { active: !0 }) }),
+      /* @__PURE__ */ e("td", { colSpan: 16 })
+    ] }) : C?.length === 0 ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: 16, children: /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(M, {}) }) }) }) : C?.map((r, t) => {
+      const d = {
+        cancelled: "Cancelled",
+        "on hold": "On Hold",
+        subcontracted: "Sub-Contracted",
+        SC: "Sub-Contracted",
+        "awaiting route": "Awaiting route",
+        "awaiting confirmation": "Awaiting Confirmation",
+        complete: "Completed",
+        outstanding: "Outstanding",
+        routed: "Routed",
+        failed: "Failed",
+        confirmed: "Confirmed"
+      }[r?.status_value] || "Unknown", c = R(d);
+      return /* @__PURE__ */ n("tr", { children: [
+        /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e(
+          w,
+          {
+            checked: v.includes(r?.id),
+            onChange: () => E(r?.id)
+          }
+        ) }),
+        /* @__PURE__ */ e("td", { children: Z(new Date(r?.created_at)) }),
+        /* @__PURE__ */ e("td", { children: o(r?.return_location_name) }),
+        /* @__PURE__ */ e("td", { onClick: () => D(r.id), children: /* @__PURE__ */ n("ul", { style: { listStyleType: "none", padding: 0 }, children: [
+          /* @__PURE__ */ e(
+            "li",
+            {
+              style: {
+                color: "#0099ff",
+                fontWeight: 600,
+                paddingLeft: 0
+              },
+              children: /* @__PURE__ */ e(Y, { to: `/return/view/${r.id}`, children: o(r?.recipient_name) })
+            }
+          ),
+          /* @__PURE__ */ e("li", { style: { color: "#888075" }, children: o(r?.postcode) })
+        ] }) }),
+        /* @__PURE__ */ e("td", { children: o(r?.recipient_reference) }),
+        /* @__PURE__ */ e("td", { children: o(r?.customer_name) }),
+        /* @__PURE__ */ e("td", { children: o(r?.consignment) }),
+        /* @__PURE__ */ e("td", { children: o(r?.order_number) }),
+        /* @__PURE__ */ e("td", { children: o(r?.total_products) }),
+        /* @__PURE__ */ n("td", { children: [
+          o(r?.weight),
+          " ",
+          r?.weight && r?.weight > 0 ? I : ""
+        ] }),
+        /* @__PURE__ */ e("td", { children: o(r?.cube) }),
+        /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e(
+          "ul",
+          {
+            className: "statuscontainer",
+            style: {
+              listStyleType: "none",
+              background: c.background
+            },
+            children: /* @__PURE__ */ n(
+              "li",
+              {
+                className: "statustext",
+                style: { color: c.color },
+                children: [
+                  d,
+                  (d === "Completed" || d === "Failed") && r?.action_date ? ` - ${ee(r?.action_date).format(
+                    "DD/MM/YYYY"
+                  )}` : ""
+                ]
+              }
+            )
+          }
+        ) }),
+        /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e("ul", { className: "actionbox", children: /* @__PURE__ */ e(
+          J,
+          {
+            ref: _,
+            className: p === t ? "active" : "",
+            children: /* @__PURE__ */ n(
+              "li",
+              {
+                className: "shareIconContainer",
+                onClick: () => T(t),
+                children: [
+                  /* @__PURE__ */ e(K, {}),
+                  /* @__PURE__ */ e(Q, {}),
+                  p === t && /* @__PURE__ */ e("div", { ref: m, children: /* @__PURE__ */ e(X, { legacyProductId: r }) })
+                ]
+              }
+            )
+          }
+        ) }) })
+      ] }, r.id);
+    }) })
+  ] }) }) });
+};
+export {
+  ke as default
+};
+//# sourceMappingURL=ReturnConfirmedTable.js.map

package/dist/components/client-portal/return-confirm/ReturnConfirmedTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReturnConfirmedTable.js","sources":["../../../../src/components/client-portal/return-confirm/ReturnConfirmedTable.tsx"],"sourcesContent":["import { Empty } from 'antd';\nimport React, { useEffect, useMemo, useRef, useState } from 'react';\nimport { Skeleton } from 'antd';\nimport { NavLink } from 'react-router-dom';\nimport {\n  Checkbox,\n  displayValueOrNA,\n} from '@bjsdistribution/dms-component-library';\nimport {\n  useLoading,\n  usePrintOptionTOggle,\n} from '../../order-daily-overview/store/store';\nimport {\n  useReturnConfirmedOrderData,\n  useSelectedClientAfterOrders,\n} from '../../store';\nimport { useOrderId } from '../../order-view/store';\nimport SortIcon from '../../../common/SortIcon';\nimport CaretDownFilledIcon from '../../../common/CaretDownFilledIcon';\nimport {\n  CustomDrop,\n  EmptyDataContainer,\n  StyledTable,\n  StyledTableWrapper,\n} from '../../order-daily-overview/return-order-table/return-orders-filters/returnstyles';\nimport PrinterIcon from '../../../assets/icons/PrinterIcon';\nimport DownIcon from '../../../assets/icons/DownIcon';\nimport PrintDropDown from '../../order-daily-overview/shared/elements/PrintDropDown';\nimport { formatDate } from '../../order-daily-overview/shared/utlis';\nimport dayjs from 'dayjs';\nimport { WEIGHT_UNIT } from '../../../common/utils';\n\nconst ReturnConfirmedTable = () => {\n  const dropdownRefParent = useRef<HTMLDivElement>(null);\n  const dropdownRef = useRef<HTMLDivElement>(null);\n  const [printToogle, setPrintToggle] = usePrintOptionTOggle();\n  const [, setOrderId] = useOrderId();\n  const [returnConfirmedTable] = useReturnConfirmedOrderData();\n  const [loading] = useLoading();\n  const [selectClientAll, setSelectClientAll] = useState(false);\n  const [\n    selectedOrderIds,\n    setSelectedOrderIds,\n  ] = useSelectedClientAfterOrders();\n  //sorting\n  const [sortConfig, setSortConfig] = useState<{\n    key: string;\n    direction: 'asc' | 'desc';\n  } | null>(null);\n\n  const handleSort = (key: string) => {\n    setSortConfig((prev: any) => {\n      if (prev?.key === key && prev.direction === 'asc') {\n        return { key, direction: 'desc' };\n      }\n      return { key, direction: 'asc' };\n    });\n  };\n\n  const sortedData = useMemo(() => {\n    if (!returnConfirmedTable || !sortConfig) return returnConfirmedTable;\n\n    const { key, direction } = sortConfig;\n    return [...returnConfirmedTable].sort((a, b) => {\n      const valueA = a[key];\n      const valueB = b[key];\n\n      if (typeof valueA === 'number' && typeof valueB === 'number') {\n        return direction === 'asc' ? valueA - valueB : valueB - valueA;\n      }\n      if (typeof valueA === 'string' && typeof valueB === 'string') {\n        return direction === 'asc'\n          ? valueA.localeCompare(valueB)\n          : valueB.localeCompare(valueA);\n      }\n      return 0;\n    });\n  }, [returnConfirmedTable, sortConfig]);\n\n  const renderSortIcon = (columnKey: string) => {\n    if (!sortConfig || sortConfig.key !== columnKey) {\n      return <SortIcon />;\n    }\n    return sortConfig.direction === 'asc' ? (\n      <CaretDownFilledIcon />\n    ) : (\n      <CaretDownFilledIcon />\n    );\n  };\n\n  const OpenDropDown = (index: number) => {\n    setPrintToggle((prevIndex: any) => (prevIndex === index ? null : index));\n  };\n\n  // Close dropdown outside click\n  useEffect(() => {\n    document.addEventListener('mousedown', handleClickOutside);\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside);\n    };\n  }, []);\n  const handleClickOutside = (event: MouseEvent) => {\n    if (\n      dropdownRef.current &&\n      !dropdownRef.current.contains(event.target as Node)\n    ) {\n      setPrintToggle(null);\n    }\n  };\n\n  const getStatusClass = (status: string) => {\n    switch (status) {\n      case 'Cancelled':\n      case 'Failed':\n        return { color: '#E95252', background: 'rgba(233, 82, 82, 0.15)' };\n      case 'On Hold':\n        return { color: '#F4A503', background: '#FFF1D6' };\n      case 'Sub-Contracted':\n      case 'SC':\n        return { color: '#F4A503', background: '#FFF1D6' };\n      case 'Awaiting route':\n      case 'Awaiting Confirmation':\n        return { color: '#845ADF', background: 'rgba(132, 90, 223, 0.15)' };\n      case 'Completed':\n        return {\n          color: '#1F9254',\n          background: 'rgba(41, 204, 106, 0.15)',\n        };\n      case 'Outstanding':\n        return { color: '#FF9900', background: 'rgba(255, 153, 0, 0.15)' };\n      case 'Routed':\n        return { color: '#6396E5', background: 'rgba(99, 150, 229, 0.15)' };\n      default:\n        return { color: '#000', background: '#fff' };\n    }\n  };\n\n  const handleSelectOrderId = (id: string | number) => {\n    setSelectedOrderIds(prev =>\n      prev.includes(id) ? prev.filter(orderId => orderId !== id) : [...prev, id]\n    );\n  };\n  const handleClientSelectAll = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const isChecked = e.target.checked;\n    setSelectClientAll(isChecked);\n\n    if (isChecked) {\n      setSelectedOrderIds(\n        returnConfirmedTable?.map((item: any) => item?.id) || []\n      );\n    } else {\n      setSelectedOrderIds([]);\n    }\n  };\n\n  return (\n    <>\n      <StyledTableWrapper className=\"fortables\">\n        <StyledTable>\n          <thead>\n            <tr>\n              {/* <th className=\"emailInvoiceCheckbox\">\n                <Checkbox checked={false} />\n              </th> */}\n              <th className=\"emailInvoiceCheckbox\">\n                <Checkbox\n                  checked={selectClientAll}\n                  onChange={handleClientSelectAll}\n                />\n              </th>\n              <th onClick={() => handleSort('created_at')}>\n                <div className=\"sortIconClass\">\n                  Created {renderSortIcon('created_at')}\n                </div>\n              </th>\n              {/* <th onClick={() => handleSort('return_location_name')}>\n                <div className=\"sortIconClass\">\n                  Delivery Date {renderSortIcon('return_location_name')}\n                </div>\n              </th> */}\n              <th onClick={() => handleSort('return_location_name')}>\n                <div className=\"sortIconClass\">\n                  Return Location {renderSortIcon('return_location_name')}\n                </div>\n              </th>\n              <th onClick={() => handleSort('recipient_name')}>\n                <div className=\"sortIconClass\">\n                  Recipient {renderSortIcon('recipient_name')}\n                </div>\n              </th>\n              {/* <th onClick={() => handleSort('recipient_reference')}> */}\n              <th>\n                {/* <div className=\"sortIconClass\"> */}\n                Recipient Reference{renderSortIcon('recipient_reference')}\n                {/* </div> */}\n              </th>\n              <th>Sender</th>\n              <th>Consignment</th>\n              <th>Return Order No</th>\n              <th> Total Parts</th>\n              <th onClick={() => handleSort('weight')}>\n                <div className=\"sortIconClass\">\n                  Total Weight ({WEIGHT_UNIT}) {renderSortIcon('weight')}\n                </div>\n              </th>\n              <th onClick={() => handleSort('cube')}>\n                <div className=\"sortIconClass\">\n                  Total CBM {renderSortIcon('cube')}\n                </div>\n              </th>\n              <th>Status</th>\n              <th className=\"emailInvoiceShare\">Labels</th>\n            </tr>\n          </thead>\n          <tbody>\n            {loading ? (\n              <tr>\n                <td colSpan={16}>\n                  <Skeleton active />\n                </td>\n                <td colSpan={16}></td>\n              </tr>\n            ) : sortedData?.length === 0 ? (\n              <tr>\n                <td colSpan={16}>\n                  <EmptyDataContainer>\n                    <Empty />\n                  </EmptyDataContainer>\n                </td>\n              </tr>\n            ) : (\n              sortedData?.map((item: any, index: any) => {\n                const statusMapping: any = {\n                  cancelled: 'Cancelled',\n                  'on hold': 'On Hold',\n                  subcontracted: 'Sub-Contracted',\n                  SC: 'Sub-Contracted',\n                  'awaiting route': 'Awaiting route',\n                  'awaiting confirmation': 'Awaiting Confirmation',\n                  complete: 'Completed',\n                  outstanding: 'Outstanding',\n                  routed: 'Routed',\n                  failed: 'Failed',\n                  confirmed: 'Confirmed',\n                };\n                const status = statusMapping[item?.status_value] || 'Unknown';\n                const statusClass = getStatusClass(status);\n\n                return (\n                  <tr key={item.id}>\n                    <td>\n                      <Checkbox\n                        checked={selectedOrderIds.includes(item?.id)}\n                        onChange={() => handleSelectOrderId(item?.id)}\n                      />\n                    </td>\n                    <td>{formatDate(new Date(item?.created_at))}</td>\n                    {/* <td>{formatDate(new Date(item?.action_date))}</td> */}\n                    <td>{displayValueOrNA(item?.return_location_name)}</td>\n                    <td onClick={() => setOrderId(item.id)}>\n                      <ul style={{ listStyleType: 'none', padding: 0 }}>\n                        <li\n                          style={{\n                            color: '#0099ff',\n                            fontWeight: 600,\n                            paddingLeft: 0,\n                          }}\n                        >\n                          <NavLink to={`/return/view/${item.id}`}>\n                            {displayValueOrNA(item?.recipient_name)}\n                          </NavLink>\n                        </li>\n                        <li style={{ color: '#888075' }}>\n                          {displayValueOrNA(item?.postcode)}\n                        </li>\n                      </ul>\n                    </td>\n                    <td>{displayValueOrNA(item?.recipient_reference)}</td>\n\n                    <td>{displayValueOrNA(item?.customer_name)}</td>\n\n                    <td>{displayValueOrNA(item?.consignment)}</td>\n                    <td>{displayValueOrNA(item?.order_number)}</td>\n\n                    <td>{displayValueOrNA(item?.total_products)}</td>\n                    <td>\n                      {displayValueOrNA(item?.weight)}{' '}\n                      {item?.weight && item?.weight > 0 ? WEIGHT_UNIT : ''}\n                    </td>\n\n                    <td>{displayValueOrNA(item?.cube)}</td>\n\n                    <td>\n                      <ul\n                        className=\"statuscontainer\"\n                        style={{\n                          listStyleType: 'none',\n                          background: statusClass.background,\n                        }}\n                      >\n                        <li\n                          className=\"statustext\"\n                          style={{ color: statusClass.color }}\n                        >\n                          {status}\n\n                          {(status === 'Completed' || status === 'Failed') &&\n                          item?.action_date\n                            ? ` - ${dayjs(item?.action_date).format(\n                                'DD/MM/YYYY'\n                              )}`\n                            : ''}\n                        </li>\n                      </ul>\n                    </td>\n                    <td>\n                      <ul className=\"actionbox\">\n                        <CustomDrop\n                          ref={dropdownRefParent}\n                          className={printToogle === index ? 'active' : ''}\n                        >\n                          <li\n                            className=\"shareIconContainer\"\n                            onClick={() => OpenDropDown(index)}\n                          >\n                            <PrinterIcon />\n                            <DownIcon />\n\n                            {printToogle === index && (\n                              <div ref={dropdownRef}>\n                                <PrintDropDown legacyProductId={item} />\n                              </div>\n                            )}\n                          </li>\n                        </CustomDrop>\n                      </ul>\n                    </td>\n                  </tr>\n                );\n              })\n            )}\n          </tbody>\n        </StyledTable>\n      </StyledTableWrapper>\n    </>\n  );\n};\n\nexport default ReturnConfirmedTable;\n"],"names":["ReturnConfirmedTable","dropdownRefParent","useRef","dropdownRef","printToogle","setPrintToggle","usePrintOptionTOggle","setOrderId","useOrderId","returnConfirmedTable","useReturnConfirmedOrderData","loading","useLoading","selectClientAll","setSelectClientAll","useState","selectedOrderIds","setSelectedOrderIds","useSelectedClientAfterOrders","sortConfig","setSortConfig","handleSort","key","prev","sortedData","useMemo","direction","a","b","valueA","valueB","renderSortIcon","columnKey","SortIcon","CaretDownFilledIcon","OpenDropDown","index","prevIndex","useEffect","handleClickOutside","event","getStatusClass","status","handleSelectOrderId","id","orderId","jsx","StyledTableWrapper","StyledTable","Checkbox","e","isChecked","item","jsxs","WEIGHT_UNIT","Skeleton","EmptyDataContainer","Empty","statusClass","formatDate","displayValueOrNA","NavLink","dayjs","CustomDrop","PrinterIcon","DownIcon","PrintDropDown"],"mappings":"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"}

package/dist/components/fakeData.js

@@ -0,0 +1,14 @@
+const l = [
+  {
+    label: "Private",
+    value: "private"
+  },
+  {
+    label: "Public",
+    value: "public"
+  }
+];
+export {
+  l as CustomOptions
+};
+//# sourceMappingURL=fakeData.js.map

package/dist/components/fakeData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fakeData.js","sources":["../../src/components/fakeData.ts"],"sourcesContent":["export const obtainProductMethodData = [\n  {\n    label: 'Collect From Other Location',\n    value: 'collect_from_other_location',\n  },\n  {\n    label: 'Collect From Customer',\n    value: 'collect_from_customer',\n  },\n  {\n    label: 'Collect From Supplier',\n    value: 'collect_from_supplier',\n  },\n  {\n    label: 'Already Collected',\n    value: 'already_collected',\n  },\n  {\n    label: 'Customer Delivering into Depot',\n    value: 'customer_delivering_into_depot',\n  },\n  {\n    label: 'Supplier Delivering into Depot',\n    value: 'supplier_delivering_into_depot',\n  },\n  {\n    label: 'Pick From Internal stock',\n    value: 'pick_from_internal_stock',\n  },\n  {\n    label: 'Full Stock Control',\n    value: 'full_stock_control',\n  },\n];\nexport const options = [\n  {\n    label: 'Task',\n    value: 'task',\n    selectedBackgroundColor: '#F0F2F2',\n    selectedFontColor: '#3a3630',\n  },\n  {\n    label: 'Reminder',\n    value: 'reminder',\n    selectedBackgroundColor: 'white',\n    selectedFontColor: '#3a3630',\n  },\n];\nexport const ReturnData = [\n  {\n    label: 'Return1',\n    value: 'return1',\n  },\n  {\n    label: 'Return2',\n    value: 'return2',\n  },\n  {\n    label: 'Return3',\n    value: 'return3',\n  },\n];\nexport const CollectionData = [\n  {\n    label: 'Test1',\n    value: 'test1',\n  },\n  {\n    label: 'Test2',\n    value: 'test2',\n  },\n  {\n    label: 'Test3',\n    value: 'test3',\n  },\n];\nexport const UnReceivedata = [\n  {\n    label: 'Test1',\n    value: 'test1',\n  },\n  {\n    label: 'Test2',\n    value: 'test2',\n  },\n  {\n    label: 'Test3',\n    value: 'test3',\n  },\n];\nexport const ProductType = [\n  {\n    label: 'Delivery',\n    value: 'delivery',\n  },\n  {\n    label: 'Return',\n    value: 'return',\n  },\n  {\n    label: 'Collection',\n    value: 'collection',\n  },\n];\nexport const TaskType = [\n  {\n    label: 'Client',\n    value: 'client',\n  },\n  {\n    label: 'Customer Service (CS)',\n    value: 'cs',\n  },\n  {\n    label: 'Transport (DH)',\n    value: 'dh',\n  },\n  {\n    label: 'Warehouse',\n    value: 'warehouse',\n  },\n  {\n    label: 'Customer Portal',\n    value: 'customer-portal',\n  },\n  {\n    label: 'Delivery App',\n    value: 'delivery-app',\n  },\n  {\n    label: 'Complaints',\n    value: 'complaints',\n  },\n  {\n    label: 'Offshore',\n    value: 'offshore',\n  },\n  {\n    label: 'Stock Admin',\n    value: 'stock-admin',\n  },\n  {\n    label: 'Call Customer',\n    value: 'call-customer',\n  },\n  {\n    label: 'Driver Compliance',\n    value: 'driver-compliance',\n  },\n];\nexport const CustomOptions = [\n  {\n    label: 'Private',\n    value: 'private',\n  },\n  {\n    label: 'Public',\n    value: 'public',\n  },\n];\nexport const DefectConfirm = [\n  {\n    label: 'Yes',\n    value: 'yes',\n  },\n  {\n    label: 'No',\n    value: 'no',\n  },\n];\nexport const TomTomColumns = [\n  {\n    header: 'Event Date',\n    accessorKey: 'eventdate',\n  },\n  {\n    header: 'Route',\n    accessorKey: 'route',\n  },\n  {\n    header: 'Details',\n    accessorKey: 'details',\n  },\n  {\n    header: 'Type',\n    accessorKey: 'type',\n  },\n];\nexport const orderResources = [\n  {\n    types: 'Workflow',\n    category: 'ePOD',\n    datetimes: '2024-06-01 10:30:30',\n    action: 'action',\n    reference: 'Success Note',\n  },\n  {\n    types: 'Workflow',\n    category: 'ePOD',\n    datetimes: '2024-06-01 10:30:30',\n    action: 'action',\n    reference: 'Success Note',\n  },\n  {\n    types: 'Workflow',\n    category: 'ePOD',\n    datetimes: '2024-06-01 10:30:30',\n    action: 'action',\n    reference: 'Success Note',\n  },\n  {\n    types: 'Workflow',\n    category: 'ePOD',\n    datetimes: '2024-06-01 10:30:30',\n    action: 'action',\n    reference: 'Success Note',\n  },\n];\nexport const orderResourcesColumns = [\n  {\n    header: 'Date Time',\n    accessorKey: 'datetimes',\n  },\n  {\n    header: 'Type',\n    accessorKey: 'types',\n  },\n  {\n    header: 'Category',\n    accessorKey: 'category',\n  },\n  {\n    header: 'Reference',\n    accessorKey: 'reference',\n  },\n  {\n    header: 'Action',\n    accessorKey: 'action',\n  },\n];\nexport const tomtomResources = [\n  {\n    route: 'Hammer',\n    details: 'Sent to Object; RYF',\n    eventdate: '2024-06-01',\n    type: 'workFlow',\n  },\n  {\n    route: 'Screwdriver',\n    details: 'Sent to Object; RYF',\n    eventdate: '2024-06-10',\n    type: 'workFlow',\n  },\n  {\n    route: 'Wrench',\n    details: 'Sent to Object; RYF',\n    eventdate: '2024-06-20',\n    type: 'workFlow',\n  },\n];\nexport const toolboxResources = [\n  {\n    resources: 'Hammer',\n    sources: 'John Doe',\n    datetime: '2024-06-01',\n    action: 'Action',\n  },\n  {\n    resources: 'Screwdriver',\n    sources: 'Jane Smith',\n    datetime: '2024-06-10',\n    action: 'Action',\n  },\n  {\n    resources: 'Wrench',\n    sources: 'Jim Beam',\n    datetime: '2024-06-20',\n    action: 'Action',\n  },\n];\nexport const toolboxColumns = [\n  {\n    header: 'Resources',\n    accessorKey: 'resources',\n  },\n  {\n    header: 'Sources',\n    accessorKey: 'sources',\n  },\n  {\n    header: 'Date Time',\n    accessorKey: 'datetime',\n  },\n  {\n    header: 'Action',\n    accessorKey: 'action',\n  },\n];\nexport const SystemEventColumns = [\n  {\n    header: 'Date',\n    accessorKey: 'date',\n  },\n  {\n    header: 'Event',\n    accessorKey: 'event',\n  },\n  {\n    header: 'Notes',\n    accessorKey: 'notes',\n  },\n  {\n    header: 'Code',\n    accessorKey: 'code',\n  },\n];\nexport const systemLgsEvents = [\n  {\n    event: 'Order cretaed via Api',\n    notes: 'Consignment Number: BGRD546841',\n    date: '2024-06-01 20:01:11',\n    code: 'BPA1124',\n  },\n  {\n    event: 'Order cretaed via Api',\n    notes: 'Consignment Number: BGRD546841',\n    date: '2024-06-01 20:01:11',\n    code: 'BPA1124',\n  },\n  {\n    event: 'Order cretaed via Api',\n    notes: 'Consignment Number: BGRD546841',\n    date: '2024-06-01 20:01:11',\n    code: 'BPA1124',\n  },\n  {\n    event: 'Order cretaed via Api',\n    notes: 'Consignment Number: BGRD546841',\n    date: '2024-06-01 20:01:11',\n    code: 'BPA1124',\n  },\n];\n"],"names":["CustomOptions"],"mappings":"AAsJO,MAAMA,IAAgB;AAAA,EAC3B;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EAAA;AAAA,EAET;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EAAA;AAEX;"}

package/dist/components/order-daily-overview/common/fakedata.js

@@ -0,0 +1,44 @@
+import "../../../common/utils.js";
+const l = [
+  { icon: "runSheet", label: "Print Runsheet", type: "runsheet_url" },
+  { icon: "loadSheet", label: "Print Loadsheet", type: "loadsheet_url" },
+  {
+    icon: "deliveryLables",
+    label: "Print Delivery Labels",
+    type: "delivery_label_url"
+  },
+  {
+    icon: "customerLables",
+    label: "Print Customer Labels",
+    type: "customer_label_url"
+  },
+  {
+    icon: "collectionLables",
+    label: "Print Return Labels",
+    type: "return_label_url"
+  }
+], t = [
+  {
+    icon: "deliveryLables",
+    label: "Print Delivery Labels",
+    type: "delivery_label_url"
+  },
+  {
+    icon: "customerLables",
+    label: "Print Customer Labels",
+    type: "customer_label_url"
+  },
+  {
+    icon: "collectionLables",
+    label: "Print Return Labels",
+    type: "return_label_url"
+  }
+], r = [
+  { icon: "deliveryLables", label: "Print Return Labels" }
+];
+export {
+  t as optionsClientPortPrint,
+  r as optionsForReturnPrint,
+  l as optionsPrint
+};
+//# sourceMappingURL=fakedata.js.map

package/dist/components/order-daily-overview/common/fakedata.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fakedata.js","sources":["../../../../src/components/order-daily-overview/common/fakedata.tsx"],"sourcesContent":["import { POSTCODE_LABEL } from '../../../common/utils';\nexport const RouteCountTable = [\n  {\n    id: 1,\n    icon: 'onTotalOrder',\n    status: 'onTotalOrder',\n    count: 200,\n    label: 'TOTAL ORDERS',\n  },\n\n  {\n    id: 3,\n    icon: 'onComplete',\n    status: 'onComplete',\n    count: 200,\n    label: 'Deliverd',\n  },\n\n  {\n    id: 4,\n    icon: 'onPending',\n    status: 'onPending',\n    count: 200,\n    label: 'Pending',\n  },\n  // {\n  //   id: 5,\n  //   icon: 'collection',\n  //   status: 'collection',\n  //   count: 2000,\n  //   label: 'Completed',\n  // },\n  {\n    id: 2,\n    icon: 'onCollection',\n    status: 'late',\n    count: 200,\n    label: 'Failed',\n  },\n];\n\nexport const FilterRoutes = [\n  { id: 1, icon: 'assembly', label: 'Assembly Routes', value: '' },\n  {\n    id: 2,\n    icon: 'heavyItems',\n    label: 'Heavy Items',\n    value: 'contains_heavy_item',\n  },\n  {\n    id: 3,\n    icon: 'supplier',\n    label: 'Supplier Collections',\n    value: 'contains_collection',\n  },\n  { id: 4, icon: 'vip', label: 'VIP', value: '' },\n];\n\nexport const departmentDropDownList = [\n  {\n    label: 'Made-Direct',\n    value: 'madedirect',\n  },\n  {\n    label: 'Made-Direct',\n    value: 'madedirect',\n  },\n  {\n    label: 'Made-Direct',\n    value: 'madedirect',\n  },\n  {\n    label: 'Made-Direct',\n    value: 'madedirect',\n  },\n];\n\nexport const TableData = [\n  {\n    tableHead: [\n      { key: 'time', label: 'Time', alwaysVisible: true },\n      { key: 'tomtom', label: 'Tomtom', alwaysVisible: true },\n      { key: 'recipient', label: 'Recipient', alwaysVisible: true },\n      { key: 'postcode', label: POSTCODE_LABEL },\n      { key: 'route', label: 'Route' },\n\n      { key: 'vehicle', label: 'Vehicle' },\n      { key: 'driverSideman', label: 'Crew' },\n      { key: 'customer', label: 'Customer' },\n      { key: 'ArrivalDeparture', label: 'Arrival-> Departure' },\n      { key: 'status', label: 'Status' },\n      { key: 'action', label: 'Action' },\n    ],\n  },\n];\n\ninterface PrintOption {\n  icon: string;\n  label: string;\n  type: string;\n}\n\nexport const optionsPrint: PrintOption[] = [\n  { icon: 'runSheet', label: 'Print Runsheet', type: 'runsheet_url' },\n  { icon: 'loadSheet', label: 'Print Loadsheet', type: 'loadsheet_url' },\n  {\n    icon: 'deliveryLables',\n    label: 'Print Delivery Labels',\n    type: 'delivery_label_url',\n  },\n  {\n    icon: 'customerLables',\n    label: 'Print Customer Labels',\n    type: 'customer_label_url',\n  },\n  {\n    icon: 'collectionLables',\n    label: 'Print Return Labels',\n    type: 'return_label_url',\n  },\n];\n\nexport const optionsClientPortPrint: PrintOption[] = [\n  {\n    icon: 'deliveryLables',\n    label: 'Print Delivery Labels',\n    type: 'delivery_label_url',\n  },\n  {\n    icon: 'customerLables',\n    label: 'Print Customer Labels',\n    type: 'customer_label_url',\n  },\n  {\n    icon: 'collectionLables',\n    label: 'Print Return Labels',\n    type: 'return_label_url',\n  },\n];\n\nexport const optionsForReturnPrint = [\n  { icon: 'deliveryLables', label: 'Print Return Labels' },\n];\n\nexport const Depots = [\n  { value: 'bjsCouriers', label: 'BJS COURIERS' },\n  { value: 'bjsSales', label: 'BJS SALES' },\n  { value: 'test', label: 'TEST' },\n];\n\nexport const TableData2 = [\n  {\n    tableHead: [\n      { key: 'drop', label: 'Drop', alwaysVisible: true },\n      { key: 'escalation', label: 'Escalation', alwaysVisible: true },\n      { key: 'arriveDepart', label: 'Arrive/Depart', alwaysVisible: true },\n      { key: 'type', label: 'Type' },\n      { key: 'recipient', label: 'Recipient' },\n      { key: 'instructions', label: 'Instructions' },\n      { key: 'postCode', label: POSTCODE_LABEL },\n      { key: 'customer', label: 'Customer' },\n      { key: 'weightCubes', label: 'Weight/Cubes' },\n      { key: 'boxes', label: 'Boxes' },\n      { key: 'received', label: 'Received' },\n      { key: 'actStartFinish', label: 'Act Start/Finish' },\n      { key: 'status', label: 'Status' },\n      { key: 'action', label: 'Action' },\n      { key: 'linkOrder', label: 'Link Order' },\n    ],\n    tableBody: [\n      {\n        drop: { id: 1 },\n        escalation: { name: 'VIP 2' },\n        arriveDepart: {\n          arriveTime: '11:30',\n          departime: '23:28',\n          slote: 'Slot:8-11',\n          days: 'All Day',\n        },\n        type: {\n          icontype: 'collection',\n        },\n        recipient: {\n          name: 'Clayton Hopkins',\n          isValid: true,\n        },\n        instructions: {\n          notes: 'Closed for lunch between 12:30 - 13:30 hrs. Business Hours',\n        },\n        postCode: {\n          code: 'DN31 2PE',\n        },\n        customer: {\n          name: 'HAPPY BEDS 2 Man',\n        },\n        weightCubes: {\n          weight: '1,959.73kg',\n          cube: '12.70 CBM',\n        },\n        boxes: {\n          count: '6 (6)',\n        },\n        received: {\n          status: 'No stock Received',\n        },\n        actStartFinish: {\n          startTIme: '23:00',\n          endTime: '23:47',\n          totalTime: '47m',\n        },\n        status: {\n          status: 'completed',\n        },\n        action: {\n          dateCOnfirm: true,\n          preCall: 'true',\n        },\n        linkOrder: {\n          status: true,\n        },\n      },\n    ],\n  },\n];\n"],"names":["optionsPrint","optionsClientPortPrint","optionsForReturnPrint"],"mappings":";AAsGO,MAAMA,IAA8B;AAAA,EACzC,EAAE,MAAM,YAAY,OAAO,kBAAkB,MAAM,eAAA;AAAA,EACnD,EAAE,MAAM,aAAa,OAAO,mBAAmB,MAAM,gBAAA;AAAA,EACrD;AAAA,IACE,MAAM;AAAA,IACN,OAAO;AAAA,IACP,MAAM;AAAA,EAAA;AAAA,EAER;AAAA,IACE,MAAM;AAAA,IACN,OAAO;AAAA,IACP,MAAM;AAAA,EAAA;AAAA,EAER;AAAA,IACE,MAAM;AAAA,IACN,OAAO;AAAA,IACP,MAAM;AAAA,EAAA;AAEV,GAEaC,IAAwC;AAAA,EACnD;AAAA,IACE,MAAM;AAAA,IACN,OAAO;AAAA,IACP,MAAM;AAAA,EAAA;AAAA,EAER;AAAA,IACE,MAAM;AAAA,IACN,OAAO;AAAA,IACP,MAAM;AAAA,EAAA;AAAA,EAER;AAAA,IACE,MAAM;AAAA,IACN,OAAO;AAAA,IACP,MAAM;AAAA,EAAA;AAEV,GAEaC,IAAwB;AAAA,EACnC,EAAE,MAAM,kBAAkB,OAAO,sBAAA;AACnC;"}

package/dist/components/order-daily-overview/filters/BulkFilter.js

@@ -0,0 +1,17 @@
+import { jsx as r } from "react/jsx-runtime";
+import { useRef as n, useEffect as u } from "react";
+import { StyledBulkItem as m } from "./BulkFilterStyle.js";
+import d from "../header/route-header/search/SearchType.js";
+const l = () => {
+  const e = n(null), t = (o) => {
+    e.current && e.current.contains(o.target);
+  };
+  return u(() => (document.addEventListener("mousedown", t), () => {
+    document.removeEventListener("mousedown", t);
+  }), []), // <StyledBulkFilterCover>
+  /* @__PURE__ */ r(m, { children: /* @__PURE__ */ r(d, {}) });
+};
+export {
+  l as default
+};
+//# sourceMappingURL=BulkFilter.js.map

package/dist/components/order-daily-overview/filters/BulkFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BulkFilter.js","sources":["../../../../src/components/order-daily-overview/filters/BulkFilter.tsx"],"sourcesContent":["import React, { useEffect, useRef } from 'react';\nimport {  StyledBulkItem } from './BulkFilterStyle';\n// import { TableData } from '../common/fakedata';\n// import TableFilter from '../header/table-filter/TableFilter';\nimport SearchType from '../header/route-header/search/SearchType';\n\n\nconst BulkFilter = () => {\n  // const [printToogle, setPrintToggle] = useMenuDropDown();\n  const dropdownRef = useRef<HTMLDivElement>(null);\n\n  // const showMenu = () => {\n  //   setPrintToggle(prev => !prev);\n  // };\n\n  const handleClickOutside = (event: MouseEvent) => {\n    if (\n      dropdownRef.current &&\n      !dropdownRef.current.contains(event.target as Node)\n    ) {\n      // setPrintToggle(false);\n    }\n  };\n\n  useEffect(() => {\n    document.addEventListener('mousedown', handleClickOutside);\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside);\n    };\n  }, []);\n\n  return (\n    // <StyledBulkFilterCover>\n\n      <StyledBulkItem>\n      <SearchType />\n      </StyledBulkItem>\n      /* {showTableFilter && ( \n        <StyledBulkItem>\n          <TableFilter tableData={TableData[0].tableHead} />\n        </StyledBulkItem>\n      )} */\n    // </StyledBulkFilterCover>\n  );\n};\n\nexport default BulkFilter;\n\n\n\n"],"names":["BulkFilter","dropdownRef","useRef","handleClickOutside","event","useEffect","jsx","StyledBulkItem","SearchType"],"mappings":";;;;AAOA,MAAMA,IAAa,MAAM;AAEvB,QAAMC,IAAcC,EAAuB,IAAI,GAMzCC,IAAqB,CAACC,MAAsB;AAChD,IACEH,EAAY,WACXA,EAAY,QAAQ,SAASG,EAAM,MAAc;AAAA,EAItD;AAEA,SAAAC,EAAU,OACR,SAAS,iBAAiB,aAAaF,CAAkB,GAClD,MAAM;AACX,aAAS,oBAAoB,aAAaA,CAAkB;AAAA,EAC9D,IACC,CAAA,CAAE;AAAA,EAKD,gBAAAG,EAACC,GAAA,EACD,UAAA,gBAAAD,EAACE,GAAA,CAAA,CAAW,EAAA,CACZ;AAQN;"}

package/dist/components/order-daily-overview/filters/BulkFilterStyle.js

@@ -0,0 +1,54 @@
+import e from "styled-components";
+e.div`
+  border-radius: 100px;
+  border: 1px solid rgba(208, 213, 221, 0.5);
+  background: #fff;
+  display: flex;
+  min-height: 40px;
+  gap: 8px;
+`;
+const r = e.div`
+  padding: 8px 12px;
+  display: flex;
+  align-items: center;
+  /* border-right: 1px solid #d0d5dd; */
+  gap: 8px;
+  cursor: pointer;
+  position: relative;
+
+  @media screen and (max-width: 1030px) {
+    padding: 8px 11px;
+  }
+
+  ul {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+    box-sizing: border-box;
+    top: 54px;
+  }
+  &:last-child {
+    border-right: none;
+  }
+  &.active svg.arrowDown {
+    transform: rotate(180deg);
+  }
+  label {
+    color: #6a7378;
+    text-align: center;
+    font-family: 'Open Sans';
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 18px;
+    cursor: pointer;
+  }
+
+  &.noPadding {
+    padding: 0;
+  }
+`;
+export {
+  r as StyledBulkItem
+};
+//# sourceMappingURL=BulkFilterStyle.js.map

package/dist/components/order-daily-overview/filters/BulkFilterStyle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BulkFilterStyle.js","sources":["../../../../src/components/order-daily-overview/filters/BulkFilterStyle.tsx"],"sourcesContent":["\nimport styled from 'styled-components';\n\nexport const StyledBulkFilterCover = styled.div`\n  border-radius: 100px;\n  border: 1px solid rgba(208, 213, 221, 0.5);\n  background: #fff;\n  display: flex;\n  min-height: 40px;\n  gap: 8px;\n`;\n\nexport const StyledBulkItem = styled.div`\n  padding: 8px 12px;\n  display: flex;\n  align-items: center;\n  /* border-right: 1px solid #d0d5dd; */\n  gap: 8px;\n  cursor: pointer;\n  position: relative;\n\n  @media screen and (max-width: 1030px) {\n    padding: 8px 11px;\n  }\n\n  ul {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n    box-sizing: border-box;\n    top: 54px;\n  }\n  &:last-child {\n    border-right: none;\n  }\n  &.active svg.arrowDown {\n    transform: rotate(180deg);\n  }\n  label {\n    color: #6a7378;\n    text-align: center;\n    font-family: 'Open Sans';\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 18px;\n    cursor: pointer;\n  }\n\n  &.noPadding {\n    padding: 0;\n  }\n`;\n"],"names":["styled","StyledBulkItem"],"mappings":";AAGqCA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASrC,MAAMC,IAAiBD,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;"}

package/dist/components/order-daily-overview/filters/FilterStyle.js

@@ -0,0 +1,132 @@
+import e from "styled-components";
+const i = e.div`
+  display: flex;
+  padding: 1px 5px 1px 1.1px;
+  align-items: center;
+  gap: 10px;
+  border-radius: 40px;
+  border: 1px solid rgba(0, 0, 0, 0.08);
+  background: var(--Flowkit-White, #fff);
+
+  .filtercontainer {
+    display: flex;
+    padding: 8px 8px 8px 4px;
+    align-items: center;
+    gap: 4px;
+    align-self: stretch;
+    border-radius: 20px 0px 0px 20px;
+    border-right: 1px solid rgba(0, 0, 0, 0.04);
+    background: var(--BjsColor-Bg-F0F2F2, #f0f2f2);
+
+    .filtericon {
+      display: flex;
+      padding: 7px 0px 5px 5px;
+      align-items: flex-start;
+      gap: 10px;
+      border-radius: 30px;
+    }
+    .textcont {
+      color: #758588;
+      text-align: center;
+      font-size: 14px;
+      font-style: normal;
+      font-weight: 500;
+      line-height: normal;
+    }
+  }
+  .datefilter {
+    display: flex;
+    height: 36px;
+    padding: 6px 8px;
+    justify-content: center;
+    align-items: center;
+    gap: 2px;
+    border-radius: 20px;
+    border: 1px solid #edebe8;
+
+    .dateiconcontainer {
+      display: flex;
+      width: 24px;
+      height: 24px;
+      padding: 5px;
+      flex-direction: column;
+      justify-content: center;
+      align-items: center;
+      border-radius: 20px;
+      border: 1px solid var(--tonal-brown-101, #e2e0db);
+      background: #f1f5f6;
+    }
+    .datetext {
+      color: #6a7378;
+
+      /* body/captions */
+      font-family: 'Lato';
+      font-size: 13px;
+      font-style: normal;
+      font-weight: 400;
+      line-height: 16px; /* 123.077% */
+    }
+  }
+`;
+e.div`
+  display: flex;
+  padding: 0px 8px 0px 4px;
+  align-items: center;
+  gap: 4px;
+  align-self: stretch;
+  border-radius: 20px 0px 0px 20px;
+  border-right: 1px solid rgba(0, 0, 0, 0.04);
+  background: var(--BjsColor-Bg-F0F2F2, #f0f2f2);
+`;
+e.div``;
+const n = e.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+`, r = e.div`
+  display: flex;
+  padding: 0;
+  gap: 10px;
+  align-items: center;
+`;
+e.div`
+  display: flex;
+  gap: 4px;
+  align-items: center;
+  span {
+    color: #758588;
+    text-align: center;
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 500;
+    line-height: normal;
+  }
+`;
+const o = e.div`
+  color: #232d42;
+  font-style: normal;
+  line-height: 175%;
+  position: relative;
+  padding-right: 10px;
+  text-transform: uppercase;
+  font-size: 20px;
+  font-style: normal;
+  font-weight: 900;
+  /* &:after{
+    content: '';
+    width: 1px;
+    height: 100%;
+    background: rgba(58, 54, 48, 0.20);
+    position: absolute;
+    right: 0;
+    top: 0;
+  } */
+`, p = e.div``;
+export {
+  i as LeftSideConatiner,
+  r as StyledFIlterELements,
+  n as StyledFiter,
+  p as StyledTableFilter,
+  o as Text
+};
+//# sourceMappingURL=FilterStyle.js.map

package/dist/components/order-daily-overview/filters/FilterStyle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterStyle.js","sources":["../../../../src/components/order-daily-overview/filters/FilterStyle.tsx"],"sourcesContent":["// LeftSide filter\n\nimport styled from 'styled-components';\n\n//Left side\nexport const LeftSideConatiner = styled.div`\n  display: flex;\n  padding: 1px 5px 1px 1.1px;\n  align-items: center;\n  gap: 10px;\n  border-radius: 40px;\n  border: 1px solid rgba(0, 0, 0, 0.08);\n  background: var(--Flowkit-White, #fff);\n\n  .filtercontainer {\n    display: flex;\n    padding: 8px 8px 8px 4px;\n    align-items: center;\n    gap: 4px;\n    align-self: stretch;\n    border-radius: 20px 0px 0px 20px;\n    border-right: 1px solid rgba(0, 0, 0, 0.04);\n    background: var(--BjsColor-Bg-F0F2F2, #f0f2f2);\n\n    .filtericon {\n      display: flex;\n      padding: 7px 0px 5px 5px;\n      align-items: flex-start;\n      gap: 10px;\n      border-radius: 30px;\n    }\n    .textcont {\n      color: #758588;\n      text-align: center;\n      font-size: 14px;\n      font-style: normal;\n      font-weight: 500;\n      line-height: normal;\n    }\n  }\n  .datefilter {\n    display: flex;\n    height: 36px;\n    padding: 6px 8px;\n    justify-content: center;\n    align-items: center;\n    gap: 2px;\n    border-radius: 20px;\n    border: 1px solid #edebe8;\n\n    .dateiconcontainer {\n      display: flex;\n      width: 24px;\n      height: 24px;\n      padding: 5px;\n      flex-direction: column;\n      justify-content: center;\n      align-items: center;\n      border-radius: 20px;\n      border: 1px solid var(--tonal-brown-101, #e2e0db);\n      background: #f1f5f6;\n    }\n    .datetext {\n      color: #6a7378;\n\n      /* body/captions */\n      font-family: 'Lato';\n      font-size: 13px;\n      font-style: normal;\n      font-weight: 400;\n      line-height: 16px; /* 123.077% */\n    }\n  }\n`;\n\nexport const FilterConatiner = styled.div`\n  display: flex;\n  padding: 0px 8px 0px 4px;\n  align-items: center;\n  gap: 4px;\n  align-self: stretch;\n  border-radius: 20px 0px 0px 20px;\n  border-right: 1px solid rgba(0, 0, 0, 0.04);\n  background: var(--BjsColor-Bg-F0F2F2, #f0f2f2);\n`;\n\nexport const FilterIconConatiner = styled.div``;\n\n//\nexport const StyledFiter = styled.div`\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n`;\nexport const StyledFIlterELements = styled.div`\n  display: flex;\n  padding: 0;\n  gap: 10px;\n  align-items: center;\n`;\n\nexport const StyledFilterLabel = styled.div`\n  display: flex;\n  gap: 4px;\n  align-items: center;\n  span {\n    color: #758588;\n    text-align: center;\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 500;\n    line-height: normal;\n  }\n`;\n\nexport const Text = styled.div`\n  color: #232d42;\n  font-style: normal;\n  line-height: 175%;\n  position: relative;\n  padding-right: 10px;\n  text-transform: uppercase;\n  font-size: 20px;\n  font-style: normal;\n  font-weight: 900;\n  /* &:after{\n    content: '';\n    width: 1px;\n    height: 100%;\n    background: rgba(58, 54, 48, 0.20);\n    position: absolute;\n    right: 0;\n    top: 0;\n  } */\n`;\n// Right side filter\n\nexport const StyledTableFilter = styled.div``;\n"],"names":["LeftSideConatiner","styled","StyledFiter","StyledFIlterELements","Text","StyledTableFilter"],"mappings":";AAKO,MAAMA,IAAoBC,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;AAsETA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWHA,EAAO;AAGnC,MAAMC,IAAcD,EAAO;AAAA;AAAA;AAAA;AAAA,GAKrBE,IAAuBF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAOVA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAcjC,MAAMG,IAAOH,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAsBdI,IAAoBJ,EAAO;"}

package/dist/components/order-daily-overview/filters/Filters.js

@@ -0,0 +1,11 @@
+import { jsx as e, Fragment as r, jsxs as t } from "react/jsx-runtime";
+import { StyledFiter as l, StyledFIlterELements as i, StyledTableFilter as m } from "./FilterStyle.js";
+import o from "./BulkFilter.js";
+const F = () => /* @__PURE__ */ e(r, { children: /* @__PURE__ */ t(l, { children: [
+  /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(m, {}) }),
+  /* @__PURE__ */ e(o, {})
+] }) });
+export {
+  F as default
+};
+//# sourceMappingURL=Filters.js.map

package/dist/components/order-daily-overview/filters/Filters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Filters.js","sources":["../../../../src/components/order-daily-overview/filters/Filters.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  StyledFIlterELements,\n  StyledFiter,\n  StyledTableFilter,\n} from './FilterStyle';\nimport BulkFilter from './BulkFilter';\n\nconst Filters = () => {\n  return (\n    <>\n      <StyledFiter>\n        <StyledFIlterELements>\n          <StyledTableFilter />\n        </StyledFIlterELements>\n        <BulkFilter />\n      </StyledFiter>\n    </>\n  );\n};\n\nexport default Filters;\n"],"names":["Filters","jsx","Fragment","StyledFiter","StyledFIlterELements","StyledTableFilter","BulkFilter"],"mappings":";;;AAQA,MAAMA,IAAU,MAEZ,gBAAAC,EAAAC,GAAA,EACE,4BAACC,GAAA,EACC,UAAA;AAAA,EAAA,gBAAAF,EAACG,GAAA,EACC,UAAA,gBAAAH,EAACI,GAAA,CAAA,CAAkB,GACrB;AAAA,oBACCC,GAAA,CAAA,CAAW;AAAA,EAAA,CACd,EAAA,CACF;"}