anarock-widgets 1.0.82 → 1.0.83

package/dist/index.es.js

@@ -45963,81 +45963,63 @@ function Ene({ data: e = {} }) {
 function wte(e) {
   return Je({ attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { fill: "none", strokeLinejoin: "round", strokeWidth: "32", d: "M416 221.25V416a48 48 0 0 1-48 48H144a48 48 0 0 1-48-48V96a48 48 0 0 1 48-48h98.75a32 32 0 0 1 22.62 9.37l141.26 141.26a32 32 0 0 1 9.37 22.62z" }, child: [] }, { tag: "path", attr: { fill: "none", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "32", d: "M256 56v120a32 32 0 0 0 32 32h120m-232 80h160m-160 80h160" }, child: [] }] })(e);
 }
-function Ote({
-  title: e,
-  value: t,
-  delta: n,
-  deltaLabel: r,
-  positive: i = !0,
-  Icon: o = Nl,
-  iconColor: a = "text-emerald-600"
-}) {
+const Ote = {
+  open_complaints: {
+    title: "Open Complaints",
+    Icon: E_,
+    iconColor: "text-[#AB0000]",
+    deltaLabel: "Compared to last month"
+  },
+  pending_requests: {
+    title: "Pending Requests",
+    Icon: wte,
+    iconColor: "text-[#E7A015]",
+    deltaLabel: "Compared to last month"
+  },
+  avg_response_time: {
+    title: "Avg Response Time",
+    Icon: vR,
+    iconColor: "text-[#1FA05B]",
+    deltaLabel: "Compared to last month"
+  },
+  resolution_rate: {
+    title: "Resolution Rate",
+    Icon: pR,
+    iconColor: "text-[#329DFF]",
+    deltaLabel: "Compared to last month"
+  }
+};
+function _ne({ id: e, data: t }) {
+  const n = Ote[e];
+  if (!n)
+    return console.warn(`Unknown StatCard id: ${e}`), null;
+  const {
+    title: r,
+    Icon: i = Nl,
+    iconColor: o,
+    deltaLabel: a
+  } = n, s = t?.current ?? "—", l = t?.trend_percent ?? "—", c = t?.direction === "good" || t?.direction === "neutral";
   return /* @__PURE__ */ w.jsxs(
     ft,
     {
-      title: e,
-      icon: /* @__PURE__ */ w.jsx("div", { className: "h-6 w-6 grid place-items-center", children: /* @__PURE__ */ w.jsx(o, { className: `h-6 w-6 ${a}` }) }),
+      title: r,
+      icon: /* @__PURE__ */ w.jsx("div", { className: "h-6 w-6 flex items-center justify-center", children: /* @__PURE__ */ w.jsx(i, { className: `h-6 w-6 ${o}` }) }),
       children: [
-        /* @__PURE__ */ w.jsx("div", { className: "text-4xl font-semibold tracking-tight text-[#121212]", children: t ?? "—" }),
-        /* @__PURE__ */ w.jsxs("div", { className: "flex items-center gap-[8px] text-[14px]", children: [
+        /* @__PURE__ */ w.jsx("div", { className: "text-4xl font-semibold tracking-tight text-[#121212]", children: s }),
+        /* @__PURE__ */ w.jsxs("div", { className: "flex items-center gap-[8px] text-[14px] mt-2", children: [
           /* @__PURE__ */ w.jsx(
             "div",
             {
-              className: i ? "text-emerald-600 font-medium" : "text-rose-600 font-medium",
-              children: n ?? "—"
+              className: c ? "text-emerald-600 font-medium" : "text-rose-600 font-medium",
+              children: l
             }
           ),
-          /* @__PURE__ */ w.jsx("div", { className: "text-slate-500", children: r })
+          /* @__PURE__ */ w.jsx("div", { className: "text-slate-500", children: a })
         ] })
       ]
     }
   );
 }
-function _ne({ data: e }) {
-  console.log(e, "stats grid data");
-  const n = [
-    {
-      key: "open_complaints",
-      title: "Open Complaints",
-      Icon: E_,
-      iconColor: "text-[#AB0000]",
-      deltaLabel: "Compared to last month"
-    },
-    {
-      key: "pending_requests",
-      title: "Pending Requests",
-      Icon: wte,
-      iconColor: "text-[#E7A015]",
-      deltaLabel: "Compared to last month"
-    },
-    {
-      key: "avg_response_time",
-      title: "Avg Response Time",
-      Icon: vR,
-      iconColor: "text-[#1FA05B]",
-      deltaLabel: "Compared to last month"
-    },
-    {
-      key: "resolution_rate",
-      title: "Resolution Rate",
-      Icon: pR,
-      iconColor: "text-[#329DFF]",
-      deltaLabel: "Compared to last month"
-    }
-  ].map((r) => {
-    const i = e?.[r.key] || {};
-    return {
-      title: r.title,
-      value: i.current ?? "—",
-      delta: i.trend_percent ?? "—",
-      positive: i.direction === "good" || i.direction === "neutral",
-      Icon: r.Icon,
-      iconColor: r.iconColor,
-      deltaLabel: r.deltaLabel
-    };
-  });
-  return /* @__PURE__ */ w.jsx("div", { className: "px-5 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-[24px]", children: n.map((r, i) => /* @__PURE__ */ w.jsx(Ote, { ...r }, i)) });
-}
 function AE({ title: e, date: t, rsvp: n, utilisation: r, status: i }) {
   return /* @__PURE__ */ w.jsxs("div", { className: " bg-[#F8FAFC] h-[106px] px-3 mt-3", children: [
     /* @__PURE__ */ w.jsxs("div", { className: "flex items-center justify-between", children: [