@argusoft/medplat-app-shell 1.0.0

package/dist/DashboardUI-DFb9Rl9J.js

@@ -0,0 +1,829 @@
+import { jsxs as i, jsx as t } from "react/jsx-runtime";
+import { useState as f, useEffect as Z, useRef as Qe, Suspense as Y, lazy as te } from "react";
+import { G as B, u as Ve, H as Xe, M as Ke, a as Ze, A as et, C as tt, S as at, W as ot, Q as nt, g as st, r as rt, e as it, s as lt, b as dt, c as ee, d as Se, f as we } from "./index.lib-C7mD5d-r.js";
+import { Typography as x, Chip as ct, IconButton as _e, Card as ft, Popover as ve } from "@mui/material";
+import W from "@mui/material/Grid2";
+import { Box as r } from "@mui/system";
+import { saveAs as ht } from "file-saver";
+import { useSelector as pt, useDispatch as mt } from "react-redux";
+import * as A from "xlsx-js-style";
+import { FontAwesomeIcon as G } from "@fortawesome/react-fontawesome";
+import { faEllipsisVertical as Ce, faFileExcel as gt, faBars as ut } from "@fortawesome/free-solid-svg-icons";
+import { useNavigate as xt } from "react-router";
+import { useTheme as bt, alpha as o } from "@mui/material/styles";
+const kt = te(() => import("./index.lib-C7mD5d-r.js").then((w) => w.l2)), Te = te(() => import("./index.lib-C7mD5d-r.js").then((w) => w.l3)), yt = te(() => import("./index.lib-C7mD5d-r.js").then((w) => w.l4)), At = () => {
+  var xe, be, ke;
+  const w = ["#dd4b39", "#00a65a", "#f39c12", "#00c0ef", "#333333", "#ffc90e"], [H, F] = f([]), [P, E] = f(!1), [j, We] = f(""), [_, J] = f([]), [T, Q] = f(null), [ae, Ie] = f(!1), [y, U] = f([]), [d, Ne] = f({}), [oe, Me] = f(!1), [ze, ne] = f(!0), [se, re] = f(!1), [I, V] = f({}), [O, ie] = f({}), [le, Be] = f([]), [L, Ae] = f({}), [Ee, Oe] = f([]), X = xt(), b = bt(), n = b.palette.mode === "dark", [$e, Re] = f([{ field: "index", label: "#", align: "left" }]), [De, de] = f(!1), [ce, He] = f(null), { user: v } = pt((e) => e.Authenticate), Fe = mt();
+  B.getEnv();
+  const K = async (e) => {
+    await lt([e]), await $(d);
+  }, fe = async () => {
+    var l;
+    const { data: e } = await st(), { data: s } = await rt({ userId: v == null ? void 0 : v.id });
+    s && V(s), (l = s == null ? void 0 : s.baskets) != null && l.length ? (F(e.filter((a) => !s.baskets.includes(a.id))), J(
+      e.filter((a) => s.baskets.includes(a.id)).map((a) => ({
+        ...a,
+        colorCode: a.colorCode || w[Math.floor(Math.random() * w.length)]
+      }))
+    )) : F(e);
+  };
+  Z(() => {
+    fe();
+  }, []);
+  const Pe = async (e) => {
+    Object.keys(I).length === 0 && (I.baskets = [], I.taskbar = "show");
+    const s = { ...I, baskets: [...I.baskets, e.id] };
+    V(s), await we({ preference: JSON.stringify(s), userId: v == null ? void 0 : v.id }), J((l) => [...l, e]), F((l) => l.filter((a) => a.id !== e.id));
+  }, je = (e) => e.isActionRequired ? [
+    {
+      label: "",
+      icon: /* @__PURE__ */ t(G, { icon: ut, size: "lg", "data-testid": "webtaskslist-button-menu" }),
+      menuItems: [
+        {
+          label: e != null && e.url_name ? "Fill the form" : e != null && e.modal_name ? "Perform Actions" : "Actions",
+          onClick: () => {
+            if (e != null && e.url_name) {
+              const s = (h) => h == null ? void 0 : h.replace(/-([a-z])/g, (k, u) => u.toUpperCase()), l = e.url_name.match(/^(.*?)\((\{.*\})\)$/);
+              l || X("notfound");
+              let a = l[1].replace(/\./g, "/");
+              a = s(a);
+              try {
+                const h = JSON.parse(l[2].replace(/'/g, '"')), { id: k, queryParams: u, ...m } = h, g = k ? `${a}/${k}` : a;
+                let c = "";
+                u ? c = `queryParams=${encodeURIComponent(JSON.stringify(u))}` : Object.keys(m).length > 0 && (c = new URLSearchParams(m).toString());
+                const D = (c ? `/${g}?${c}` : `/${g}`).replace(/^\/?techo\//, "medplat/");
+                X(`/ui/${D}`);
+              } catch (h) {
+                console.error("Navigation Error:", h), X("notfound");
+              }
+            } else e != null && e.modal_name ? (We(e == null ? void 0 : e.modal_name), E(!0), ie({
+              ...le.find((s) => s.taskId === e.taskId),
+              title: d.name
+            })) : (ie({
+              ...le.find((s) => s.taskId === e.taskId),
+              title: d.name
+            }), re(!0));
+          }
+        }
+      ].filter(Boolean)
+      // Filter out null/false items
+    }
+  ] : [], he = () => Me(!oe), $ = async (e) => {
+    Fe(dt(e.name)), Ne(e);
+    const { id: s, isLocationBasedFilterRequired: l } = e;
+    Ie(l);
+    const { data: a } = await ee(
+      { limit: 100, offset: 0, taskTypeId: s }
+    ).catch((c) => (console.error("🚀 ~ getWebTasksDetails ~ error:", c), Se({ message: "Unable to retrieve task details", type: "error" }), U([]), null));
+    ne(() => a.length && a.length === 100), Be(a), U(
+      a.map((c, C) => {
+        const { details: D, taskId: z, ...N } = c;
+        return { index: C + 1, ...D, taskId: z, ...N };
+      })
+    );
+    const h = ["modal_name", "url_name", "id", "widgetMessage"], u = Object.keys(a[0].details).filter((c) => !h.includes(c)).map((c) => ({
+      field: c,
+      label: c,
+      align: "left",
+      render: (C) => /* @__PURE__ */ t("div", { className: "w-48 h-full flex items-center h-full", children: /* @__PURE__ */ t("div", { dangerouslySetInnerHTML: { __html: C == null ? void 0 : C[c] } }) })
+    })), m = a.some((c) => c.isActionRequired), g = [{ field: "index", label: "#", align: "left" }, ...u];
+    m && g.push({
+      field: "Actions",
+      label: "Actions",
+      align: "left"
+    }), Re(g), de(!0);
+  }, Ue = async (e, s) => {
+    try {
+      const l = e.map((z, N) => ({ "#": N + 1, ...z })), a = /* @__PURE__ */ new Date(), h = a.getMonth() + 1, k = `${d.name}-${a.getDate()}/${h} ${a.getHours()}:${a.getMinutes()} ${a.getFullYear().toString().slice(-2)}`, u = A.utils.json_to_sheet(l), m = {
+        font: { bold: !0 },
+        alignment: { horizontal: "center" }
+      };
+      if (l.length > 0) {
+        const z = A.utils.decode_range(u["!ref"]);
+        for (let N = z.s.c; N <= z.e.c; ++N) {
+          const ye = u[A.utils.encode_cell({ r: 0, c: N })];
+          ye && (ye.s = m);
+        }
+      }
+      const g = A.utils.book_new();
+      A.utils.book_append_sheet(g, u, "Sheet1");
+      const c = A.write(g, { bookType: "xlsx", type: "array" }), C = new Blob([c], {
+        type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
+      }), D = (C.size / (1024 * 1024)).toFixed(2);
+      ht(C, `${k}.xlsx`), me("file_download", {
+        file_type: "excel",
+        file_name: `${k}.xlsx`,
+        file_size: `${D} MB`,
+        filter_parameters: {
+          location_id: s || null,
+          taskTypeId: d.id
+        },
+        download_status: "success"
+      });
+    } catch (l) {
+      console.error("Error generating Excel file:", l), Se({ message: "Error generating Excel file", type: "error" });
+    }
+  }, Le = async () => {
+    var h, k;
+    const e = (k = (h = L == null ? void 0 : L.finalSelected) == null ? void 0 : h.optionSelected) == null ? void 0 : k.id, s = {
+      limit: null,
+      offset: 0,
+      taskTypeId: d.id
+    };
+    e && (s.locationId = e);
+    const { data: l } = await ee(s);
+    let a = [];
+    l && l.length > 0 && (a = l.map((u) => {
+      const m = { ...u.details };
+      return Object.keys(m).forEach((g) => {
+        m[g] === null ? m[g] = "" : typeof m[g] == "boolean" && (m[g] = m[g] ? "Yes" : "No");
+      }), m;
+    })), Ue(a, e);
+  }, S = Qe(null);
+  Z(() => {
+    S.current = y;
+  }, [y]);
+  const qe = async (e) => {
+    var s, l;
+    if (((s = S == null ? void 0 : S.current) == null ? void 0 : s.length) >= 100) {
+      const { data: a } = await ee(
+        {
+          limit: 100,
+          offset: (l = S == null ? void 0 : S.current) == null ? void 0 : l.length,
+          taskTypeId: e.id
+        }
+      );
+      a && (ne(() => a.length && a.length === 100), U([
+        ...S.current,
+        ...a.map((h, k) => {
+          var c;
+          const { details: u, taskId: m, ...g } = h;
+          return { index: ((c = S == null ? void 0 : S.current) == null ? void 0 : c.length) + k + 1, ...u, taskId: m, ...g };
+        })
+      ]));
+    }
+  }, Ye = async () => {
+    var e, s;
+    try {
+      if (H.some((a) => a.code === "TOTAL_AMOUNT_EARNED_BY_CHES")) {
+        const a = await it({
+          code: "TOTAL_AMOUNT_EARNED_BY_CHES_QUERY",
+          paramerter: {
+            locationId: null
+          }
+        });
+        a != null && a.data && He(((s = (e = a.data) == null ? void 0 : e.result) == null ? void 0 : s[0]["Grand Total Amount"]) || null);
+      }
+    } catch (l) {
+      console.error("Error in getting total amount earned:", l);
+    }
+  };
+  Z(() => {
+    Ye();
+  }, [H]);
+  const pe = async (e) => {
+    const s = I.baskets.filter((a) => a !== e.id), l = { ...I, baskets: s };
+    V(l), await we({ preference: JSON.stringify(l), userId: v == null ? void 0 : v.id }), J((a) => a.filter((h) => h.id !== e.id)), F((a) => [...a, e]);
+  }, me = Ve(), q = () => {
+    me("button_click", {
+      button_name: "hide taskbar",
+      button_type: "navigate",
+      button_id: "taskbar-hide-button"
+    }), Q(null);
+  }, Ge = async (e) => {
+    re(!1), e && fe();
+  }, Je = _.reduce((e, s) => e + (s.count || 0), 0), ge = [...H].sort((e, s) => e.orderNo === null ? 1 : s.orderNo === null ? -1 : e.orderNo - s.orderNo), p = (d == null ? void 0 : d.colorCode) || (n ? "#4da8da" : "#1c6fb7"), ue = ((xe = b.palette.custom) == null ? void 0 : xe.shellBorder) || o("#0f172a", 0.12), R = {
+    borderRadius: "24px",
+    border: `1px solid ${ue}`,
+    background: n ? b.palette.background.paper : "rgba(255,255,255,0.84)",
+    boxShadow: n ? "0 18px 36px rgba(0,0,0,0.3)" : "0 14px 30px rgba(148, 163, 184, 0.12)",
+    backdropFilter: "blur(14px)"
+  }, M = n ? o("#fff", 0.62) : "#6d8298";
+  return /* @__PURE__ */ i(
+    W,
+    {
+      container: !0,
+      spacing: 2,
+      className: "w-full m-0",
+      sx: {
+        position: "relative",
+        px: { xs: 0.25, md: 0.75 },
+        pb: 2.5
+      },
+      children: [
+        j === "health_workers_incorrect_details_modal" && /* @__PURE__ */ t(
+          Xe,
+          {
+            open: P,
+            onClose: () => {
+              E(!1);
+            },
+            task: O,
+            onSave: async (e) => await K(e)
+          }
+        ),
+        j === "maternal_death_verification_modal_mo" && /* @__PURE__ */ t(
+          Ke,
+          {
+            open: P,
+            onClose: () => {
+              E(!1);
+            },
+            task: O,
+            onSave: async (e) => await K(e)
+          }
+        ),
+        j === "cmtc_probable_confirmation_modal" && /* @__PURE__ */ t(
+          Ze,
+          {
+            open: P,
+            onClose: () => {
+              E(!1);
+            },
+            task: O,
+            onSave: async (e) => await K(e)
+          }
+        ),
+        j === "asha_data_quality_verification_modal" && /* @__PURE__ */ t(
+          et,
+          {
+            open: P,
+            onClose: () => {
+              E(!1);
+            },
+            task: O,
+            onSave: async () => await $(d)
+          }
+        ),
+        /* @__PURE__ */ t(Y, { children: se && /* @__PURE__ */ t(kt, { open: se, onClose: Ge, selectedTask: O }) }),
+        /* @__PURE__ */ t(W, { size: 12, children: /* @__PURE__ */ t(
+          r,
+          {
+            sx: {
+              ...R,
+              position: "relative",
+              overflow: "hidden",
+              mt: { xs: 0.5, md: 0.75 },
+              p: { xs: 1.75, md: 2.1 },
+              "&::before": {
+                content: '""',
+                position: "absolute",
+                inset: "auto auto -78px -62px",
+                width: 150,
+                height: 150,
+                borderRadius: "999px",
+                background: o(p, n ? 0.18 : 0.12),
+                filter: "blur(14px)"
+              },
+              "&::after": {
+                content: '""',
+                position: "absolute",
+                top: -86,
+                right: -22,
+                width: 130,
+                height: 130,
+                borderRadius: "999px",
+                background: o("#7dd3fc", n ? 0.08 : 0.07),
+                filter: "blur(16px)"
+              }
+            },
+            children: /* @__PURE__ */ i(
+              r,
+              {
+                sx: {
+                  position: "relative",
+                  zIndex: 1,
+                  display: "flex",
+                  alignItems: { xs: "flex-start", md: "center" },
+                  justifyContent: "space-between",
+                  gap: 2,
+                  flexWrap: "wrap"
+                },
+                children: [
+                  /* @__PURE__ */ i(r, { sx: { minWidth: 0 }, children: [
+                    /* @__PURE__ */ t(
+                      x,
+                      {
+                        variant: "h5",
+                        sx: { fontWeight: 800, letterSpacing: "-0.03em", color: b.palette.text.primary },
+                        children: "Dashboard"
+                      }
+                    ),
+                    /* @__PURE__ */ t(
+                      x,
+                      {
+                        sx: {
+                          mt: 0.45,
+                          maxWidth: 560,
+                          color: M,
+                          lineHeight: 1.5
+                        },
+                        children: "Pick a basket and the related tasks appear here. The page stays intentionally light so the work is easy to scan."
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ i(r, { className: "flex flex-wrap gap-2", sx: { alignItems: "center" }, children: [
+                    /* @__PURE__ */ i(
+                      r,
+                      {
+                        sx: {
+                          px: 1.25,
+                          py: 0.65,
+                          borderRadius: "999px",
+                          background: n ? o("#fff", 0.08) : o("#0f172a", 0.05),
+                          color: n ? o("#fff", 0.86) : "#38506c",
+                          fontSize: "0.78rem",
+                          fontWeight: 700
+                        },
+                        children: [
+                          H.length,
+                          " baskets"
+                        ]
+                      }
+                    ),
+                    !B.isBahaar && /* @__PURE__ */ i(
+                      r,
+                      {
+                        sx: {
+                          px: 1.25,
+                          py: 0.65,
+                          borderRadius: "999px",
+                          background: o(p, n ? 0.18 : 0.12),
+                          color: n ? "#dbeafe" : p,
+                          fontSize: "0.78rem",
+                          fontWeight: 700
+                        },
+                        children: [
+                          _.length,
+                          " hidden"
+                        ]
+                      }
+                    ),
+                    /* @__PURE__ */ t(
+                      r,
+                      {
+                        sx: {
+                          px: 1.25,
+                          py: 0.65,
+                          borderRadius: "999px",
+                          background: n ? o("#fff", 0.08) : o("#ffffff", 0.78),
+                          color: n ? "#e2e8f0" : "#38506c",
+                          fontSize: "0.78rem",
+                          fontWeight: 700,
+                          maxWidth: { xs: "100%", sm: 240 },
+                          overflow: "hidden",
+                          textOverflow: "ellipsis",
+                          whiteSpace: "nowrap"
+                        },
+                        children: d != null && d.name ? d.name : "No basket selected"
+                      }
+                    )
+                  ] })
+                ]
+              }
+            )
+          }
+        ) }),
+        /* @__PURE__ */ t(W, { size: { xs: 12, lg: B.isBahaar ? 12 : 9 }, children: /* @__PURE__ */ i(
+          r,
+          {
+            sx: {
+              ...R,
+              p: { xs: 1.75, md: 2.25 }
+            },
+            children: [
+              /* @__PURE__ */ i(r, { className: "flex items-start justify-between gap-4 flex-wrap", children: [
+                /* @__PURE__ */ i(r, { sx: { display: "flex", alignItems: "center", gap: 3 }, children: [
+                  /* @__PURE__ */ i(r, { children: [
+                    /* @__PURE__ */ t(x, { variant: "h6", sx: { fontWeight: 800, color: b.palette.text.primary }, children: "Workflow baskets" }),
+                    /* @__PURE__ */ t(x, { sx: { mt: 0.4, color: M }, children: "Select a basket to load its task list." })
+                  ] }),
+                  ce && /* @__PURE__ */ t(
+                    ct,
+                    {
+                      label: /* @__PURE__ */ i("span", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
+                        /* @__PURE__ */ t("span", { style: { fontWeight: 900 }, children: "Total Earnings:" }),
+                        /* @__PURE__ */ i("span", { style: { fontWeight: 600, letterSpacing: "0.5px" }, children: [
+                          "₹ ",
+                          ce
+                        ] })
+                      ] }),
+                      sx: {
+                        fontSize: "0.85rem",
+                        px: 0.5,
+                        py: 2,
+                        borderRadius: "12px",
+                        backgroundColor: n ? o("#10b981", 0.15) : o("#10b981", 0.1),
+                        color: n ? "#34d399" : "#059669",
+                        border: "1px solid",
+                        borderColor: n ? o("#10b981", 0.3) : o("#10b981", 0.4),
+                        boxShadow: "0 2px 8px rgba(16, 185, 129, 0.15)"
+                      }
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ i(r, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+                  /* @__PURE__ */ i(
+                    r,
+                    {
+                      sx: {
+                        px: 1.3,
+                        py: 0.65,
+                        borderRadius: "999px",
+                        background: n ? o("#fff", 0.08) : o("#0f172a", 0.05),
+                        color: n ? o("#fff", 0.82) : "#38506c",
+                        fontSize: "0.78rem",
+                        fontWeight: 700
+                      },
+                      children: [
+                        ge.length,
+                        " available"
+                      ]
+                    }
+                  ),
+                  B.isBahaar && /* @__PURE__ */ t(
+                    _e,
+                    {
+                      onClick: (e) => Q(e.currentTarget),
+                      sx: {
+                        width: 34,
+                        height: 34,
+                        background: n ? o("#fff", 0.08) : o(p, 0.1)
+                      },
+                      "data-testid": "bahaar-manage-tray-button",
+                      children: /* @__PURE__ */ t(G, { icon: Ce, className: n ? "text-white" : "text-slate-700" })
+                    }
+                  )
+                ] })
+              ] }),
+              /* @__PURE__ */ t(W, { container: !0, spacing: 1.5, className: "mt-2", children: ge.map((e) => (e.colorCode = e.colorCode || w[Math.floor(Math.random() * w.length)], /* @__PURE__ */ t(Y, { children: /* @__PURE__ */ t(W, { item: !0, size: { xs: 12, sm: 6, md: 4, xl: 3 }, children: /* @__PURE__ */ t(
+                yt,
+                {
+                  widgetData: e,
+                  hidden: !1,
+                  isSelected: e.id === (d == null ? void 0 : d.id),
+                  onClick: () => $(e),
+                  onArrowClick: () => Pe(e),
+                  dataTestId: "Dashboard-Widget-Card"
+                }
+              ) }) }, e.id))) })
+            ]
+          }
+        ) }),
+        !B.isBahaar && /* @__PURE__ */ i(W, { size: { xs: 12, lg: 3 }, children: [
+          /* @__PURE__ */ i(
+            ft,
+            {
+              sx: {
+                ...R,
+                borderRadius: "24px",
+                overflow: "hidden",
+                background: n ? b.palette.background.paper : "linear-gradient(180deg, rgba(255,255,255,0.96) 0%, rgba(246,249,255,0.98) 100%)"
+              },
+              "data-testid": "taskbar-widget-card",
+              onClick: (e) => Q(e.currentTarget),
+              children: [
+                /* @__PURE__ */ i(r, { sx: { p: 2 }, children: [
+                  /* @__PURE__ */ i(r, { className: "flex items-start justify-between gap-3", children: [
+                    /* @__PURE__ */ i(r, { children: [
+                      /* @__PURE__ */ t(
+                        x,
+                        {
+                          sx: { fontSize: "0.82rem", fontWeight: 800, color: n ? o("#fff", 0.7) : "#60768f" },
+                          children: "Hidden basket tray"
+                        }
+                      ),
+                      /* @__PURE__ */ t(
+                        x,
+                        {
+                          "data-testid": "dashboard-hidden-count",
+                          sx: { mt: 0.8, fontSize: "1.75rem", fontWeight: 800, color: b.palette.text.primary },
+                          children: Je
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ i(
+                      r,
+                      {
+                        sx: {
+                          px: 1.1,
+                          py: 0.55,
+                          borderRadius: "999px",
+                          background: n ? o("#fff", 0.08) : o(p, 0.08),
+                          color: n ? o("#fff", 0.84) : "#38506c",
+                          fontSize: "0.72rem",
+                          fontWeight: 700
+                        },
+                        children: [
+                          _.length,
+                          " items"
+                        ]
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ t(x, { sx: { mt: 0.5, color: M, lineHeight: 1.55 }, children: "Hidden baskets stay here until you need them again." }),
+                  /* @__PURE__ */ i(r, { className: "flex flex-wrap gap-2 mt-3", children: [
+                    _.slice(0, 2).map((e) => /* @__PURE__ */ t(
+                      r,
+                      {
+                        sx: {
+                          px: 1.2,
+                          py: 0.6,
+                          borderRadius: "999px",
+                          background: n ? o("#fff", 0.08) : o(p, 0.08),
+                          color: n ? o("#fff", 0.86) : "#38506c",
+                          fontSize: "0.74rem",
+                          maxWidth: "100%"
+                        },
+                        children: e.name
+                      },
+                      e.id
+                    )),
+                    _.length > 2 && /* @__PURE__ */ i(
+                      r,
+                      {
+                        sx: {
+                          px: 1.2,
+                          py: 0.6,
+                          borderRadius: "999px",
+                          background: n ? o("#fff", 0.08) : o(p, 0.08),
+                          color: n ? o("#fff", 0.86) : "#38506c",
+                          fontSize: "0.74rem"
+                        },
+                        children: [
+                          "+",
+                          _.length - 2,
+                          " more"
+                        ]
+                      }
+                    ),
+                    _.length === 0 && /* @__PURE__ */ t(
+                      r,
+                      {
+                        sx: {
+                          px: 1.2,
+                          py: 0.6,
+                          borderRadius: "999px",
+                          background: n ? o("#fff", 0.06) : o("#0f172a", 0.05),
+                          color: n ? o("#fff", 0.62) : "#72859c",
+                          fontSize: "0.74rem"
+                        },
+                        children: "Nothing hidden right now"
+                      }
+                    )
+                  ] })
+                ] }),
+                /* @__PURE__ */ i(
+                  r,
+                  {
+                    sx: {
+                      px: 2,
+                      py: 1.05,
+                      display: "flex",
+                      alignItems: "center",
+                      justifyContent: "space-between",
+                      background: n ? o("#fff", 0.05) : o(p, 0.06),
+                      borderTop: `1px solid ${ue}`
+                    },
+                    children: [
+                      /* @__PURE__ */ t(x, { sx: { fontWeight: 700, color: b.palette.text.primary }, children: "Manage tray" }),
+                      /* @__PURE__ */ t(
+                        _e,
+                        {
+                          sx: {
+                            width: 34,
+                            height: 34,
+                            background: n ? o("#fff", 0.08) : o(p, 0.1)
+                          },
+                          children: /* @__PURE__ */ t(G, { icon: Ce, className: n ? "text-white" : "text-slate-700" })
+                        }
+                      )
+                    ]
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ t(
+            ve,
+            {
+              id: T ? "simple-popover" : void 0,
+              open: !!T,
+              anchorEl: T,
+              onClose: q,
+              anchorOrigin: {
+                vertical: "bottom",
+                horizontal: "right"
+              },
+              transformOrigin: {
+                vertical: "top",
+                horizontal: "right"
+              },
+              slotProps: {
+                paper: {
+                  style: {
+                    width: "450px",
+                    borderRadius: "24px",
+                    overflow: "hidden"
+                  }
+                }
+              },
+              children: /* @__PURE__ */ t(Y, { children: /* @__PURE__ */ t(
+                Te,
+                {
+                  show: T,
+                  hiddenWidgets: _,
+                  handleHideTaskbar: q,
+                  handleUnhideWidget: pe,
+                  onWidgetClick: $
+                }
+              ) })
+            }
+          )
+        ] }),
+        B.isBahaar && /* @__PURE__ */ t(
+          ve,
+          {
+            id: T ? "bahaar-popover" : void 0,
+            open: !!T,
+            anchorEl: T,
+            onClose: q,
+            anchorOrigin: {
+              vertical: "bottom",
+              horizontal: "right"
+            },
+            transformOrigin: {
+              vertical: "top",
+              horizontal: "right"
+            },
+            slotProps: {
+              paper: {
+                style: {
+                  width: "450px",
+                  borderRadius: "24px",
+                  overflow: "hidden"
+                }
+              }
+            },
+            children: /* @__PURE__ */ t(Y, { children: /* @__PURE__ */ t(
+              Te,
+              {
+                show: T,
+                hiddenWidgets: _,
+                handleHideTaskbar: q,
+                handleUnhideWidget: pe,
+                onWidgetClick: $
+              }
+            ) })
+          }
+        ),
+        /* @__PURE__ */ t(W, { size: 12, children: /* @__PURE__ */ i(
+          r,
+          {
+            sx: {
+              ...R,
+              p: { xs: 1.75, md: 2.25 }
+            },
+            children: [
+              /* @__PURE__ */ i(r, { className: "flex items-start justify-between gap-4 flex-wrap", children: [
+                /* @__PURE__ */ i(r, { children: [
+                  /* @__PURE__ */ t(x, { variant: "h6", sx: { fontWeight: 800, color: b.palette.text.primary }, children: (d == null ? void 0 : d.name) || "Task workspace" }),
+                  /* @__PURE__ */ t(x, { sx: { mt: 0.4, color: M }, children: "Review tasks, act on pending work, and export when needed." })
+                ] }),
+                /* @__PURE__ */ i(r, { className: "flex items-center gap-3 flex-wrap", children: [
+                  ae && /* @__PURE__ */ t(
+                    "button",
+                    {
+                      onClick: he,
+                      className: "cursor-pointer px-4 py-2 rounded-xl transition-all text-sm font-bold",
+                      style: {
+                        background: n ? o("#fff", 0.08) : o(p, 0.08),
+                        color: n ? "#f8fafc" : p,
+                        border: `1px solid ${o(p, 0.22)}`
+                      },
+                      children: "Filters"
+                    }
+                  ),
+                  y.length > 0 && /* @__PURE__ */ i(
+                    "button",
+                    {
+                      onClick: Le,
+                      className: "cursor-pointer px-4 py-2 rounded-xl transition-all flex items-center gap-2 text-sm font-black",
+                      style: {
+                        background: `linear-gradient(135deg, ${p} 0%, ${n ? "#245c89" : "#0f4f8a"} 100%)`,
+                        color: "#ffffff",
+                        boxShadow: n ? "0 14px 28px rgba(2, 8, 23, 0.3)" : "0 14px 30px rgba(28, 111, 183, 0.22)"
+                      },
+                      "data-testid": "dashboard-webtaskslist-icon-pdf",
+                      children: [
+                        /* @__PURE__ */ t(G, { icon: gt, className: "mr-1" }),
+                        "Export Excel"
+                      ]
+                    }
+                  )
+                ] })
+              ] }),
+              ((be = y == null ? void 0 : y[0]) == null ? void 0 : be.widgetMessage) && /* @__PURE__ */ t(
+                r,
+                {
+                  sx: {
+                    mt: 2,
+                    px: 1.35,
+                    py: 1.1,
+                    borderRadius: "16px",
+                    background: n ? o("#fff", 0.06) : o(p, 0.06),
+                    color: b.palette.text.primary
+                  },
+                  children: /* @__PURE__ */ t(
+                    "div",
+                    {
+                      dangerouslySetInnerHTML: {
+                        __html: (ke = y == null ? void 0 : y[0]) == null ? void 0 : ke.widgetMessage
+                      }
+                    }
+                  )
+                }
+              ),
+              y.length > 0 ? /* @__PURE__ */ t(r, { sx: { mt: 2 }, children: /* @__PURE__ */ t(
+                tt,
+                {
+                  columns: $e,
+                  tableData: y,
+                  actions: je,
+                  paginationConfig: {
+                    pagination: !0,
+                    paginationType: "infinite-scroll",
+                    hasMore: ze,
+                    loadMore: () => qe(d)
+                  },
+                  styleConfig: { tableStyle: { maxHeight: 80 } },
+                  scrollToTop: De,
+                  setScrollToTop: de,
+                  dataTestId: "widgetlist-table-customized"
+                }
+              ) }) : /* @__PURE__ */ i(
+                r,
+                {
+                  sx: {
+                    mt: 2,
+                    borderRadius: "20px",
+                    p: { xs: 2.25, md: 3.25 },
+                    textAlign: "center",
+                    border: `1px dashed ${o(p, 0.28)}`,
+                    background: n ? o("#fff", 0.03) : o(p, 0.04)
+                  },
+                  children: [
+                    /* @__PURE__ */ t(x, { sx: { fontSize: "1.05rem", fontWeight: 700, color: b.palette.text.primary }, children: "Select a basket to open the task table" }),
+                    /* @__PURE__ */ t(x, { sx: { mt: 0.65, color: M }, children: "Task rows, filters, actions, and export controls will appear here." })
+                  ]
+                }
+              )
+            ]
+          }
+        ) }),
+        ae && /* @__PURE__ */ t(
+          at,
+          {
+            title: "Filter",
+            showSideBarTitle: !1,
+            FormBody: ot,
+            handleOverlayState: he,
+            overlayOpen: oe,
+            dataTestId: "dashboard-webtasks-overlay-filter",
+            formProps: {
+              setWebTasksData: U,
+              selectedWidgetData: d,
+              locations: Ee,
+              setLocations: Oe,
+              selectedLocation: L,
+              setSelectedLocation: Ae
+            }
+          }
+        ),
+        /* @__PURE__ */ t(W, { size: 12, children: /* @__PURE__ */ i(
+          r,
+          {
+            sx: {
+              ...R,
+              px: { xs: 1, md: 1.5 },
+              py: { xs: 1.1, md: 1.35 },
+              background: n ? b.palette.background.paper : "rgba(255,255,255,0.72)",
+              boxShadow: "none"
+            },
+            children: [
+              /* @__PURE__ */ t(r, { className: "flex items-center justify-between gap-3 flex-wrap px-3 pt-1", children: /* @__PURE__ */ i(r, { children: [
+                /* @__PURE__ */ t(x, { sx: { fontWeight: 800, color: b.palette.text.primary }, children: "Quick links" }),
+                /* @__PURE__ */ t(x, { sx: { mt: 0.35, color: M }, children: "Your frequent destinations, kept close." })
+              ] }) }),
+              /* @__PURE__ */ t(nt, {})
+            ]
+          }
+        ) })
+      ]
+    }
+  );
+};
+export {
+  At as default
+};
+//# sourceMappingURL=DashboardUI-DFb9Rl9J.js.map