ahs-cti 0.0.7 → 0.0.9

package/dist-react/callHistory-HXXRYUIV.mjs

@@ -0,0 +1,832 @@
+import * as __ext_react from "react";
+import * as __ext_react_dom from "react-dom";
+import * as __ext_react_jsx from "react/jsx-runtime";
+var __cjsExternals = { "react": __ext_react, "react-dom": __ext_react_dom, "react/jsx-runtime": __ext_react_jsx };
+var require = function (id) {
+  var mod = __cjsExternals[id];
+  if (mod) return mod.default || mod;
+  throw new Error('Dynamic require of "' + id + '" is not supported');
+};
+
+import {
+  SDKPageHeader
+} from "./chunk-T53WMN5A.mjs";
+import {
+  AppButton
+} from "./chunk-LX6I32Y4.mjs";
+import {
+  SDKProvider,
+  useToast
+} from "./chunk-4YF4IDV6.mjs";
+import {
+  END_POINT,
+  axios_default,
+  deepFindArray
+} from "./chunk-F7G2XFRU.mjs";
+import {
+  __spreadProps,
+  __spreadValues
+} from "./chunk-S4J35V4B.mjs";
+
+// call-control-sdk/lib/pages/callHistory/index.tsx
+import { memo, useCallback as useCallback2, useEffect as useEffect2, useState as useState3 } from "react";
+import {
+  Box as Box2,
+  Typography as Typography2,
+  Table,
+  TableBody,
+  TableCell,
+  TableContainer,
+  TableHead,
+  TableRow,
+  TablePagination,
+  ToggleButton,
+  ToggleButtonGroup,
+  IconButton,
+  Collapse,
+  CircularProgress as CircularProgress2,
+  Chip,
+  Stack as Stack2,
+  Switch,
+  FormControlLabel,
+  Tooltip as Tooltip2,
+  InputAdornment,
+  OutlinedInput,
+  useTheme,
+  Paper
+} from "@mui/material";
+
+// call-control-sdk/lib/pages/common/components/Transcript.tsx
+import { useEffect, useState } from "react";
+import {
+  Avatar,
+  Box,
+  CircularProgress,
+  Rating,
+  Stack,
+  Tooltip,
+  Typography
+} from "@mui/material";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var GAUGE_COLORS = ["#e74c3c", "#e67e22", "#f1c40f", "#a3d977", "#2ecc71"];
+function scoreColor(score) {
+  const idx = Math.max(0, Math.min(4, Math.round(score) - 1));
+  return GAUGE_COLORS[idx];
+}
+function GaugeTooltip({ metric }) {
+  var _a;
+  if (!metric) return /* @__PURE__ */ jsx(Fragment, { children: "\u2014" });
+  return /* @__PURE__ */ jsxs(Box, { sx: { maxWidth: 240 }, children: [
+    typeof metric.Model_Prediction_Confidence_Level === "number" && /* @__PURE__ */ jsxs(Typography, { sx: { fontSize: "0.75rem", fontWeight: 600, mb: 0.5 }, children: [
+      "Model Confidence: ",
+      metric.Model_Prediction_Confidence_Level,
+      "%"
+    ] }),
+    /* @__PURE__ */ jsx(Typography, { sx: { fontSize: "0.72rem", lineHeight: 1.4 }, children: (_a = metric.Observations) != null ? _a : "" })
+  ] });
+}
+function Gauge({ score, label }) {
+  const max = 5;
+  const radius = 32;
+  const stroke = 7;
+  const circumference = 2 * Math.PI * radius;
+  const pct = Math.max(0, Math.min(1, score / max));
+  const dash = circumference * pct;
+  const color = scoreColor(score);
+  return /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", flexDirection: "column", alignItems: "center", px: 1 }, children: [
+    /* @__PURE__ */ jsxs(Box, { sx: { position: "relative", width: 80, height: 80 }, children: [
+      /* @__PURE__ */ jsxs("svg", { width: 80, height: 80, viewBox: "0 0 80 80", children: [
+        /* @__PURE__ */ jsx("circle", { cx: 40, cy: 40, r: radius, fill: "none", stroke: "#eee", strokeWidth: stroke }),
+        /* @__PURE__ */ jsx(
+          "circle",
+          {
+            cx: 40,
+            cy: 40,
+            r: radius,
+            fill: "none",
+            stroke: color,
+            strokeWidth: stroke,
+            strokeLinecap: "round",
+            strokeDasharray: `${dash} ${circumference - dash}`,
+            transform: "rotate(-90 40 40)"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx(
+        Box,
+        {
+          sx: {
+            position: "absolute",
+            inset: 0,
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
+            fontSize: 18,
+            fontWeight: 600,
+            color: "#444"
+          },
+          children: score
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(
+      Typography,
+      {
+        sx: {
+          mt: 0.5,
+          fontSize: "0.7rem",
+          color: "primary.main",
+          fontWeight: 600,
+          textAlign: "center",
+          lineHeight: 1.2,
+          maxWidth: 110
+        },
+        children: label
+      }
+    )
+  ] });
+}
+function ClassificationBar({ classification }) {
+  const COLOR_MAP = {
+    Informational_Queries: "#5bc0eb",
+    Action_Oriented_Queries: "#3aa3d0",
+    Escalations_or_Complaints: "#9b59b6"
+  };
+  const segments = Object.entries(classification != null ? classification : {}).filter(([, v]) => v != null).map(([key, value]) => {
+    var _a;
+    return {
+      label: key.replaceAll("_", " "),
+      value: Number(value) || 0,
+      color: (_a = COLOR_MAP[key]) != null ? _a : "#7e57c2"
+    };
+  });
+  const total = segments.reduce((s, seg) => s + seg.value, 0) || 1;
+  return /* @__PURE__ */ jsxs(Box, { children: [
+    /* @__PURE__ */ jsx(Stack, { direction: "row", spacing: 2, mb: 0.75, sx: { flexWrap: "wrap", rowGap: 0.5 }, children: segments.map((s) => /* @__PURE__ */ jsx(Typography, { sx: { fontSize: "0.72rem", color: s.color, fontWeight: 600 }, children: s.label }, s.label)) }),
+    /* @__PURE__ */ jsx(Box, { sx: { display: "flex", width: "100%", height: 8, borderRadius: 4, overflow: "hidden" }, children: segments.map((s) => /* @__PURE__ */ jsx(Box, { sx: { width: `${s.value / total * 100}%`, backgroundColor: s.color } }, s.label)) })
+  ] });
+}
+function SectionBox({ title, children }) {
+  return /* @__PURE__ */ jsxs(Box, { sx: (t) => ({ border: `1.5px solid ${t.palette.primary.main}`, borderRadius: 1, p: 1, mb: 1.25 }), children: [
+    /* @__PURE__ */ jsx(Typography, { sx: { fontSize: "0.75rem", fontWeight: 700, mb: 0.5 }, children: title }),
+    children
+  ] });
+}
+function resolveTranscriptData(raw) {
+  var _a;
+  if (!raw) return null;
+  const payload = (_a = raw.data) != null ? _a : raw;
+  if (payload.Call_Center_Interaction_Hospital_Service) {
+    return {
+      transcription: payload.transcription,
+      sentiment_analysis: {
+        Call_Center_Interaction_Hospital_Service: payload.Call_Center_Interaction_Hospital_Service
+      }
+    };
+  }
+  return payload;
+}
+var Transcript = ({ row }) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
+  const [transcript, setTranscript] = useState(null);
+  const [loading, setLoading] = useState(true);
+  useEffect(() => {
+    let cancelled = false;
+    setLoading(true);
+    axios_default.get(END_POINT.CALLSAGE_SENTIMENT(row.call_uuid)).then((res) => {
+      if (!cancelled) setTranscript(resolveTranscriptData(res.data));
+    }).catch(() => {
+      if (!cancelled) setTranscript(null);
+    }).finally(() => {
+      if (!cancelled) setLoading(false);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [row.call_uuid]);
+  if (loading) {
+    return /* @__PURE__ */ jsx(Box, { display: "flex", justifyContent: "center", py: 3, children: /* @__PURE__ */ jsx(CircularProgress, { size: 22 }) });
+  }
+  const svc = (_a = transcript == null ? void 0 : transcript.sentiment_analysis) == null ? void 0 : _a.Call_Center_Interaction_Hospital_Service;
+  const summary = svc == null ? void 0 : svc.Call_Summary;
+  const breakdown = svc == null ? void 0 : svc.Sentiment_Analysis_Breakdown;
+  const patient = (_b = breakdown == null ? void 0 : breakdown.Patient_Sentiment_Analysis) != null ? _b : {};
+  const agent = (_c = breakdown == null ? void 0 : breakdown.Agent_Sentiment_Analysis) != null ? _c : {};
+  const oss = breakdown == null ? void 0 : breakdown["Overall_Sentiment_Score_(OSS)"];
+  const classification = svc == null ? void 0 : svc.Conversation_Type_Classification;
+  const positives = (_e = (_d = svc == null ? void 0 : svc.Key_Highlights_Issues_Identified) == null ? void 0 : _d.Positive_Aspects) != null ? _e : [];
+  const improvements = (_g = (_f = svc == null ? void 0 : svc.Key_Highlights_Issues_Identified) == null ? void 0 : _f.Areas_for_Improvement) != null ? _g : [];
+  const lines = ((_h = transcript == null ? void 0 : transcript.transcription) != null ? _h : "").split("\n").filter((l) => l.trim().length > 0);
+  const patientAspects = Object.entries(patient).filter(([key]) => key !== "Overall_Sentiment");
+  const agentAspects = Object.entries(agent).filter(([key]) => key !== "Overall_Agent_Performance");
+  const patientAvg = (_j = (_i = patient["Overall_Sentiment"]) == null ? void 0 : _i.Sentiment_Score) != null ? _j : patientAspects.reduce((sum, [, m]) => {
+    var _a2;
+    return sum + ((_a2 = m == null ? void 0 : m.Sentiment_Score) != null ? _a2 : 0);
+  }, 0) / (patientAspects.length || 1);
+  const agentAvg = (_l = (_k = agent["Overall_Agent_Performance"]) == null ? void 0 : _k.Sentiment_Score) != null ? _l : agentAspects.reduce((sum, [, m]) => {
+    var _a2;
+    return sum + ((_a2 = m == null ? void 0 : m.Sentiment_Score) != null ? _a2 : 0);
+  }, 0) / (agentAspects.length || 1);
+  const overall = (_m = oss == null ? void 0 : oss.Sentiment_Score) != null ? _m : (patientAvg + agentAvg) / 2;
+  if (!svc && lines.length === 0) {
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(Typography, { fontWeight: 600, fontSize: "0.85rem", mb: 0.5, children: "Call Details" }),
+      /* @__PURE__ */ jsxs(Typography, { variant: "body2", fontSize: "0.82rem", children: [
+        "Call UID: ",
+        row.call_uuid
+      ] }),
+      /* @__PURE__ */ jsxs(Typography, { variant: "body2", fontSize: "0.82rem", children: [
+        "Agent: ",
+        (_n = row.agent_id) != null ? _n : "Unassigned"
+      ] }),
+      /* @__PURE__ */ jsx(Typography, { variant: "body2", fontSize: "0.82rem", color: "#999", mt: 1, children: "No transcript available for this call." })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(Box, { sx: { display: "grid", gridTemplateColumns: { xs: "1fr", md: "1fr 1fr" }, gap: 1.5 }, children: [
+    /* @__PURE__ */ jsxs(Box, { children: [
+      /* @__PURE__ */ jsxs(Box, { sx: { p: 1.25, border: "1px solid #e0e0e0", borderRadius: 1, backgroundColor: "#fff", mb: 1.25 }, children: [
+        /* @__PURE__ */ jsxs(Stack, { direction: "row", alignItems: "center", justifyContent: "space-between", mb: 0.5, children: [
+          /* @__PURE__ */ jsx(Typography, { sx: { fontWeight: 700, fontSize: "0.85rem", color: "primary.main" }, children: "Call Summary" }),
+          /* @__PURE__ */ jsxs(Stack, { direction: "row", alignItems: "center", spacing: 0.5, children: [
+            /* @__PURE__ */ jsx(Typography, { sx: { fontSize: "0.75rem", color: "#555" }, children: "Overall Satisfaction:" }),
+            /* @__PURE__ */ jsx(Rating, { size: "small", value: overall, precision: 0.5, readOnly: true })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx(Typography, { sx: { fontSize: "0.78rem", color: "#444", lineHeight: 1.45 }, children: summary != null ? summary : "-" })
+      ] }),
+      lines.length > 0 ? /* @__PURE__ */ jsxs(Box, { sx: { p: 1.25, border: "1px solid #e0e0e0", borderRadius: 1, backgroundColor: "#fff" }, children: [
+        /* @__PURE__ */ jsx(Typography, { sx: { fontWeight: 700, fontSize: "0.85rem", color: "primary.main", mb: 1 }, children: "Transcript" }),
+        /* @__PURE__ */ jsx(Box, { sx: { maxHeight: 360, overflowY: "auto", pr: 0.5 }, children: lines.map((line, idx) => {
+          const isPatient = line.trim().toLowerCase().startsWith("patient");
+          const text = line.replace(/^\s*(Patient|Agent)\s*:\s*/i, "");
+          return /* @__PURE__ */ jsxs(
+            Box,
+            {
+              sx: {
+                display: "flex",
+                justifyContent: isPatient ? "flex-end" : "flex-start",
+                alignItems: "center",
+                mb: 0.75,
+                gap: 0.75
+              },
+              children: [
+                !isPatient && /* @__PURE__ */ jsx(Avatar, { sx: { width: 22, height: 22, fontSize: 12 } }),
+                /* @__PURE__ */ jsx(
+                  Box,
+                  {
+                    sx: (t) => ({
+                      maxWidth: "70%",
+                      px: 1.25,
+                      py: 0.75,
+                      borderRadius: isPatient ? "8px 8px 0 8px" : "8px 8px 8px 0",
+                      backgroundColor: isPatient ? t.palette.primary.main : "#fff",
+                      color: isPatient ? t.palette.common.white : "#222",
+                      border: isPatient ? "none" : "1px solid #e0e0e0",
+                      fontSize: "0.8rem",
+                      lineHeight: 1.4
+                    }),
+                    children: text
+                  }
+                ),
+                isPatient && /* @__PURE__ */ jsx(Avatar, { sx: { width: 22, height: 22, fontSize: 12 } })
+              ]
+            },
+            idx
+          );
+        }) })
+      ] }) : /* @__PURE__ */ jsxs(Box, { sx: { p: 1.25, border: "1px solid #e0e0e0", borderRadius: 1, backgroundColor: "#fff" }, children: [
+        /* @__PURE__ */ jsx(Typography, { sx: { fontWeight: 700, fontSize: "0.9rem", color: "primary.main", mb: 1 }, children: "Key Highlights & Issues Identified" }),
+        /* @__PURE__ */ jsxs(Box, { sx: { maxHeight: 180, overflowY: "auto", pr: 0.5 }, children: [
+          /* @__PURE__ */ jsx(Typography, { sx: { fontSize: "0.82rem", fontWeight: 700, color: "#2ecc71", mb: 0.5 }, children: "\u2705 Positive Aspects:" }),
+          positives.length > 0 ? positives.map((p, i) => /* @__PURE__ */ jsxs(Typography, { sx: { fontSize: "0.78rem", color: "#333", pl: 1.5, mb: 0.25 }, children: [
+            "\u2022 ",
+            p
+          ] }, i)) : /* @__PURE__ */ jsx(Typography, { sx: { fontSize: "0.78rem", color: "#999", pl: 1.5 }, children: "\u2014" }),
+          /* @__PURE__ */ jsx(Typography, { sx: { fontSize: "0.82rem", fontWeight: 700, color: "#e67e22", mt: 1, mb: 0.5 }, children: "\u26A0\uFE0F Areas of Improvements:" }),
+          improvements.length > 0 ? improvements.map((p, i) => /* @__PURE__ */ jsxs(Typography, { sx: { fontSize: "0.78rem", color: "#333", pl: 1.5, mb: 0.25 }, children: [
+            "\u2022 ",
+            p
+          ] }, i)) : /* @__PURE__ */ jsx(Typography, { sx: { fontSize: "0.78rem", color: "#999", pl: 1.5 }, children: "\u2014" })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(Box, { children: [
+      /* @__PURE__ */ jsxs(Box, { sx: { p: 1.25, border: "1px solid #e0e0e0", borderRadius: 1, backgroundColor: "#fff", mb: lines.length > 0 ? 1.25 : 0 }, children: [
+        /* @__PURE__ */ jsx(Typography, { sx: { fontWeight: 700, fontSize: "0.9rem", color: "primary.main", mb: 1 }, children: "Sentiment Analysis" }),
+        /* @__PURE__ */ jsxs(Box, { sx: { display: "grid", gridTemplateColumns: "1fr 1fr", gap: 1, mb: 1 }, children: [
+          /* @__PURE__ */ jsxs(SectionBox, { title: "Patient Sentiment", children: [
+            /* @__PURE__ */ jsx(Stack, { direction: "row", justifyContent: "space-around", flexWrap: "wrap", mb: 0.5, children: patientAspects.map(([key, metric]) => {
+              var _a2;
+              return /* @__PURE__ */ jsx(Tooltip, { title: /* @__PURE__ */ jsx(GaugeTooltip, { metric }), arrow: true, children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(
+                Gauge,
+                {
+                  score: (_a2 = metric == null ? void 0 : metric.Sentiment_Score) != null ? _a2 : 0,
+                  label: key.replaceAll("_", " ")
+                }
+              ) }) }, key);
+            }) }),
+            /* @__PURE__ */ jsxs(Stack, { direction: "row", alignItems: "center", spacing: 0.5, children: [
+              /* @__PURE__ */ jsx(Typography, { sx: { fontSize: "0.7rem", fontWeight: 600 }, children: "Patient Sentiment:" }),
+              /* @__PURE__ */ jsx(Rating, { size: "small", value: patientAvg, precision: 0.5, readOnly: true })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs(SectionBox, { title: "Agent Performance", children: [
+            /* @__PURE__ */ jsx(Stack, { direction: "row", justifyContent: "space-around", flexWrap: "wrap", mb: 0.5, children: agentAspects.map(([key, metric]) => {
+              var _a2;
+              return /* @__PURE__ */ jsx(Tooltip, { title: /* @__PURE__ */ jsx(GaugeTooltip, { metric }), arrow: true, children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(
+                Gauge,
+                {
+                  score: (_a2 = metric == null ? void 0 : metric.Sentiment_Score) != null ? _a2 : 0,
+                  label: key.replaceAll("_", " ")
+                }
+              ) }) }, key);
+            }) }),
+            /* @__PURE__ */ jsxs(Stack, { direction: "row", alignItems: "center", spacing: 0.5, children: [
+              /* @__PURE__ */ jsx(Typography, { sx: { fontSize: "0.7rem", fontWeight: 600 }, children: "Agent Performance:" }),
+              /* @__PURE__ */ jsx(Rating, { size: "small", value: agentAvg, precision: 0.5, readOnly: true })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx(SectionBox, { title: "Conversation Classification", children: /* @__PURE__ */ jsx(ClassificationBar, { classification }) })
+      ] }),
+      lines.length > 0 && /* @__PURE__ */ jsxs(Box, { sx: { p: 1.25, border: "1px solid #e0e0e0", borderRadius: 1, backgroundColor: "#fff" }, children: [
+        /* @__PURE__ */ jsx(Typography, { sx: { fontWeight: 700, fontSize: "0.9rem", color: "primary.main", mb: 1 }, children: "Key Highlights & Issues Identified" }),
+        /* @__PURE__ */ jsxs(Box, { sx: { maxHeight: 180, overflowY: "auto", pr: 0.5 }, children: [
+          /* @__PURE__ */ jsx(Typography, { sx: { fontSize: "0.82rem", fontWeight: 700, color: "#2ecc71", mb: 0.5 }, children: "\u2705 Positive Aspects:" }),
+          positives.length > 0 ? positives.map((p, i) => /* @__PURE__ */ jsxs(Typography, { sx: { fontSize: "0.78rem", color: "#333", pl: 1.5, mb: 0.25 }, children: [
+            "\u2022 ",
+            p
+          ] }, i)) : /* @__PURE__ */ jsx(Typography, { sx: { fontSize: "0.78rem", color: "#999", pl: 1.5 }, children: "\u2014" }),
+          /* @__PURE__ */ jsx(Typography, { sx: { fontSize: "0.82rem", fontWeight: 700, color: "#e67e22", mt: 1, mb: 0.5 }, children: "\u26A0\uFE0F Areas of Improvements:" }),
+          improvements.length > 0 ? improvements.map((p, i) => /* @__PURE__ */ jsxs(Typography, { sx: { fontSize: "0.78rem", color: "#333", pl: 1.5, mb: 0.25 }, children: [
+            "\u2022 ",
+            p
+          ] }, i)) : /* @__PURE__ */ jsx(Typography, { sx: { fontSize: "0.78rem", color: "#999", pl: 1.5 }, children: "\u2014" })
+        ] })
+      ] })
+    ] })
+  ] });
+};
+var Transcript_default = Transcript;
+
+// call-control-sdk/lib/pages/callHistory/index.tsx
+import KeyboardArrowDown from "@mui/icons-material/KeyboardArrowDown";
+import PlayArrow from "@mui/icons-material/PlayArrow";
+import ExpandLess from "@mui/icons-material/ExpandLess";
+import Search from "@mui/icons-material/Search";
+import Phone from "@mui/icons-material/Phone";
+import RefreshIcon from "@mui/icons-material/Refresh";
+
+// call-control-sdk/lib/pages/callHistory/useCallHistory.ts
+import { useState as useState2, useCallback } from "react";
+var MOCK_TRANSCRIPT = {
+  transcription: [
+    "Agent: Welcome, please wait while your call is being transferred.",
+    "Patient: Welcome, please wait while your call is being connected.",
+    "Agent: Please wait while your call is connected.",
+    "Agent: I will show you how you can also book new appointments if you need an appointment.",
+    "Agent: And you can select your specialty.",
+    "Patient: I am not getting it.",
+    "Patient: Yes, I am speaking.",
+    "Patient: I don't know what the reason is.",
+    "Patient: Yes.",
+    "Patient: I will do it according to the plan.",
+    "Patient: I am not getting any information about that.",
+    "Patient: Yeah, so I want to see the result.",
+    "Patient: I am not doing it now.",
+    "Agent: So we also have a new point.",
+    "Agent: We can include that.",
+    "Agent: So, um, these are the entities of the bank.",
+    "Agent: If you have any questions, I can answer them for you.",
+    "Patient: How much is it?",
+    "Patient: No, I don't want to do it.",
+    "Patient: I just got some calling.",
+    "Patient: I will call now."
+  ].join("\n"),
+  sentiment_analysis: {
+    Call_Center_Interaction_Hospital_Service: {
+      Call_Summary: "The conversation involved a patient attempting to get information regarding booking an appointment and the status of their results. The agent provided some guidance but the patient expressed confusion and dissatisfaction with the information provided, leading to frustration.",
+      Sentiment_Analysis_Breakdown: {
+        Patient_Sentiment_Analysis: {
+          "Resolution_Confidence_Index_(RCI)": {
+            Sentiment_Score: 1,
+            Observations: "The patient expressed confusion and dissatisfaction, stating 'I am not getting any information about that' and 'I am not doing it now', indicating a lack of clarity and resolution.",
+            Model_Prediction_Confidence_Level: 85
+          },
+          "Tone_And_Emotional_Analysis_(TEA)": {
+            Sentiment_Score: 2,
+            Observations: "The patient displayed frustration with statements like 'I don't know what the reason is' and 'I am not getting it', indicating a high level of dissatisfaction throughout the call.",
+            Model_Prediction_Confidence_Level: 80
+          },
+          Overall_Sentiment: {
+            Sentiment_Score: 1.5,
+            Observations: "The patient showed significant frustration and confusion, leading to a low overall sentiment."
+          }
+        },
+        Agent_Sentiment_Analysis: {
+          Empathy_Score: {
+            Sentiment_Score: 2,
+            Observations: "The agent attempted to provide information but lacked engagement and empathy, as evidenced by the unclear responses and minimal reassurance offered to the patient.",
+            Model_Prediction_Confidence_Level: 75
+          },
+          Confidence_Score: {
+            Sentiment_Score: 2,
+            Observations: "The agent's responses were somewhat unclear and lacked confidence, particularly when addressing the patient's inquiries, leading to a perception of hesitation.",
+            Model_Prediction_Confidence_Level: 70
+          },
+          Overall_Agent_Performance: {
+            Sentiment_Score: 2,
+            Observations: "The agent's performance was below expectations, lacking both empathy and clarity."
+          }
+        },
+        "Overall_Sentiment_Score_(OSS)": {
+          Sentiment_Score: 1.7,
+          Observations: "The overall conversation reflected a low satisfaction level from the patient, compounded by the agent's lack of clarity and engagement."
+        }
+      },
+      Conversation_Type_Classification: {
+        Informational_Queries: "40%",
+        Action_Oriented_Queries: "40%",
+        Escalations_or_Complaints: "20%"
+      },
+      Key_Highlights_Issues_Identified: {
+        Positive_Aspects: [
+          "The agent attempted to provide information about booking appointments."
+        ],
+        Areas_for_Improvement: [
+          "The agent needs to improve clarity in communication and show more empathy towards patient concerns."
+        ]
+      }
+    }
+  }
+};
+function useCallHistory() {
+  const [calls, setCalls] = useState2([]);
+  const [callsTotal, setCallsTotal] = useState2(-1);
+  const [missedCalls, setMissedCalls] = useState2([]);
+  const [loading, setLoading] = useState2(false);
+  const fetchCallHistory = useCallback(async (params) => {
+    var _a, _b;
+    setLoading(true);
+    try {
+      const page = (_a = params == null ? void 0 : params.page) != null ? _a : 1;
+      const pageSize = (_b = params == null ? void 0 : params.pageSize) != null ? _b : 10;
+      const query = { page, pageSize };
+      if (params == null ? void 0 : params.search) query.search = params.search;
+      if (params == null ? void 0 : params.call_type) query.call_type = params.call_type;
+      const res = await axios_default.post(END_POINT.CALLS_HISTORY, {}, { params: query });
+      const records = deepFindArray(res.data, ["records"]);
+      const d = res.data;
+      const total = typeof (d == null ? void 0 : d.total) === "number" ? d.total : typeof (d == null ? void 0 : d.count) === "number" ? d.count : typeof (d == null ? void 0 : d.totalCount) === "number" ? d.totalCount : -1;
+      setCalls(records);
+      setCallsTotal(total >= 0 ? total : records.length < pageSize ? (page - 1) * pageSize + records.length : -1);
+    } catch (e) {
+      setCalls([]);
+      setCallsTotal(-1);
+    } finally {
+      setLoading(false);
+    }
+  }, []);
+  const fetchMissedCalls = useCallback(async () => {
+    var _a;
+    setLoading(true);
+    try {
+      const res = await axios_default.get(END_POINT.MISSED_CALLS);
+      setMissedCalls(Array.isArray((_a = res.data) == null ? void 0 : _a.data) ? res.data.data : []);
+    } catch (e) {
+      setMissedCalls([]);
+    } finally {
+      setLoading(false);
+    }
+  }, []);
+  const fetchRecording = useCallback(async (call_uuid) => {
+    const res = await axios_default.get(END_POINT.RECORDING_BY_CALL(call_uuid), {
+      responseType: "blob"
+    });
+    return res.data;
+  }, []);
+  const fetchTranscript = useCallback(async (_call_uuid) => {
+    await new Promise((r) => setTimeout(r, 400));
+    return MOCK_TRANSCRIPT;
+  }, []);
+  return {
+    calls,
+    callsTotal,
+    missedCalls,
+    loading,
+    fetchCallHistory,
+    fetchMissedCalls,
+    fetchRecording,
+    fetchTranscript
+  };
+}
+
+// call-control-sdk/lib/pages/callHistory/index.tsx
+import { Fragment as Fragment2, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var CALL_HISTORY_COLS = ["Call UID", "Mobile", "Type", "Start Time", "End Time", "Recording", "Agent", "Details"];
+var MISSED_CALLS_COLS = ["Agent ID", "Agent Name", "Mobile No", "Type", "Actions"];
+var CENTER_COLS = /* @__PURE__ */ new Set(["Type", "Recording", "Agent", "Details", "Actions"]);
+var CallHistoryContent = memo(() => {
+  const theme = useTheme();
+  const { showToast } = useToast();
+  const { calls, callsTotal, missedCalls, loading, fetchCallHistory, fetchMissedCalls, fetchRecording } = useCallHistory();
+  const [filter, setFilter] = useState3("ALL");
+  const [search, setSearch] = useState3("");
+  const [showMissedCalls, setShowMissedCalls] = useState3(false);
+  const [page, setPage] = useState3(0);
+  const [rowsPerPage, setRowsPerPage] = useState3(10);
+  const [debouncedSearch, setDebouncedSearch] = useState3("");
+  useEffect2(() => {
+    const t = setTimeout(() => setDebouncedSearch(search.trim()), 400);
+    return () => clearTimeout(t);
+  }, [search]);
+  useEffect2(() => {
+    if (showMissedCalls) {
+      fetchMissedCalls();
+    } else {
+      fetchCallHistory({
+        page: page + 1,
+        pageSize: rowsPerPage,
+        search: debouncedSearch || void 0,
+        call_type: filter === "ALL" ? void 0 : filter
+      });
+    }
+  }, [showMissedCalls, page, rowsPerPage, filter, debouncedSearch, fetchCallHistory, fetchMissedCalls]);
+  const filteredCalls = calls;
+  const filteredMissedCalls = missedCalls.filter((c) => {
+    var _a;
+    return filter === "ALL" || ((_a = c.callType) == null ? void 0 : _a.toUpperCase()) === filter;
+  }).filter((c) => {
+    var _a, _b, _c;
+    const q = search.toLowerCase();
+    return ((_a = c.agentId) == null ? void 0 : _a.toLowerCase().includes(q)) || ((_b = c.username) == null ? void 0 : _b.toLowerCase().includes(q)) || ((_c = c.mobileNumber) == null ? void 0 : _c.toLowerCase().includes(q));
+  });
+  return /* @__PURE__ */ jsxs2(Box2, { children: [
+    /* @__PURE__ */ jsx2(
+      SDKPageHeader,
+      {
+        title: "Call History",
+        actions: /* @__PURE__ */ jsxs2(Stack2, { direction: "row", alignItems: "center", spacing: 1, children: [
+          /* @__PURE__ */ jsx2(
+            AppButton,
+            {
+              size: "small",
+              startIcon: loading ? /* @__PURE__ */ jsx2(CircularProgress2, { size: 14, color: "inherit" }) : /* @__PURE__ */ jsx2(RefreshIcon, { sx: { fontSize: "0.95rem !important" } }),
+              onClick: () => showMissedCalls ? fetchMissedCalls() : fetchCallHistory({
+                page: page + 1,
+                pageSize: rowsPerPage,
+                search: debouncedSearch || void 0,
+                call_type: filter === "ALL" ? void 0 : filter
+              }),
+              disabled: loading,
+              sx: { height: 36 },
+              children: "Refresh"
+            }
+          ),
+          /* @__PURE__ */ jsx2(
+            OutlinedInput,
+            {
+              size: "small",
+              value: search,
+              onChange: (e) => {
+                setSearch(e.target.value);
+                setPage(0);
+              },
+              placeholder: "Search",
+              sx: { width: 220, fontSize: "0.82rem", height: 36 },
+              endAdornment: /* @__PURE__ */ jsx2(InputAdornment, { position: "end", children: /* @__PURE__ */ jsx2(Search, { sx: { fontSize: 18, color: "#999" } }) })
+            }
+          )
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsxs2(Box2, { py: 1.5, px: 2, children: [
+      /* @__PURE__ */ jsxs2(Stack2, { direction: "row", spacing: 2, alignItems: "center", mb: 2, children: [
+        /* @__PURE__ */ jsx2(
+          FormControlLabel,
+          {
+            control: /* @__PURE__ */ jsx2(
+              Switch,
+              {
+                size: "small",
+                checked: showMissedCalls,
+                onChange: (_, checked) => {
+                  setShowMissedCalls(checked);
+                  setPage(0);
+                }
+              }
+            ),
+            label: /* @__PURE__ */ jsx2(Typography2, { sx: { fontSize: "0.8rem", color: "#555" }, children: "Missed Calls" }),
+            sx: { ml: 0 }
+          }
+        ),
+        /* @__PURE__ */ jsxs2(
+          ToggleButtonGroup,
+          {
+            value: filter,
+            exclusive: true,
+            onChange: (_, v) => {
+              if (v) {
+                setFilter(v);
+                setPage(0);
+              }
+            },
+            size: "small",
+            sx: {
+              border: "1px solid #ccc",
+              borderRadius: "50px",
+              overflow: "hidden",
+              "& .MuiToggleButton-root": {
+                border: "none",
+                borderRight: "1px solid #ccc",
+                color: "#555",
+                fontWeight: 600,
+                textTransform: "uppercase",
+                fontSize: "0.72rem",
+                px: 2,
+                py: 0.5,
+                borderRadius: 0,
+                "&:last-of-type": { borderRight: "none" },
+                "&.Mui-selected": {
+                  backgroundColor: theme.palette.primary.main,
+                  color: "#fff",
+                  "&:hover": { backgroundColor: theme.palette.primary.dark }
+                }
+              }
+            },
+            children: [
+              /* @__PURE__ */ jsx2(ToggleButton, { value: "ALL", children: "All" }),
+              /* @__PURE__ */ jsx2(ToggleButton, { value: "INCOMING", children: "Inbound" }),
+              /* @__PURE__ */ jsx2(ToggleButton, { value: "OUTGOING", children: "Outbound" })
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs2(TableContainer, { component: Paper, variant: "outlined", sx: { display: "flex", flexDirection: "column" }, children: [
+        /* @__PURE__ */ jsx2(Box2, { sx: { overflowY: "auto", maxHeight: 600 }, children: /* @__PURE__ */ jsx2(Table, { stickyHeader: true, size: "small", children: showMissedCalls ? /* @__PURE__ */ jsxs2(Fragment2, { children: [
+          /* @__PURE__ */ jsx2(TableHead, { children: /* @__PURE__ */ jsx2(TableRow, { children: MISSED_CALLS_COLS.map((col) => /* @__PURE__ */ jsx2(
+            TableCell,
+            {
+              align: CENTER_COLS.has(col) ? "center" : "left",
+              sx: { fontWeight: 600, backgroundColor: "#f1f1f1", fontSize: "0.8rem" },
+              children: col
+            },
+            col
+          )) }) }),
+          /* @__PURE__ */ jsx2(TableBody, { children: loading ? /* @__PURE__ */ jsx2(TableRow, { children: /* @__PURE__ */ jsx2(TableCell, { colSpan: 5, align: "center", sx: { py: 4 }, children: /* @__PURE__ */ jsx2(CircularProgress2, { size: 24 }) }) }) : filteredMissedCalls.length === 0 ? /* @__PURE__ */ jsx2(TableRow, { children: /* @__PURE__ */ jsx2(TableCell, { colSpan: 5, align: "center", sx: { py: 4, color: "#999", fontSize: "0.82rem" }, children: "No Records Found" }) }) : filteredMissedCalls.slice(page * rowsPerPage, (page + 1) * rowsPerPage).map((row, i) => /* @__PURE__ */ jsx2(MissedCallRow, { row }, `${row.agentId}-${row.mobileNumber}-${i}`)) })
+        ] }) : /* @__PURE__ */ jsxs2(Fragment2, { children: [
+          /* @__PURE__ */ jsx2(TableHead, { children: /* @__PURE__ */ jsx2(TableRow, { children: CALL_HISTORY_COLS.map((col) => /* @__PURE__ */ jsx2(
+            TableCell,
+            {
+              align: CENTER_COLS.has(col) ? "center" : "left",
+              sx: { fontWeight: 600, backgroundColor: "#f1f1f1", fontSize: "0.8rem" },
+              children: col
+            },
+            col
+          )) }) }),
+          /* @__PURE__ */ jsx2(TableBody, { children: loading ? /* @__PURE__ */ jsx2(TableRow, { children: /* @__PURE__ */ jsx2(TableCell, { colSpan: 8, align: "center", sx: { py: 4 }, children: /* @__PURE__ */ jsx2(CircularProgress2, {}) }) }) : filteredCalls.length === 0 ? /* @__PURE__ */ jsx2(TableRow, { children: /* @__PURE__ */ jsx2(TableCell, { colSpan: 8, align: "center", sx: { py: 4, color: "#999", fontSize: "0.82rem" }, children: "No Records Found" }) }) : filteredCalls.map((row, i) => /* @__PURE__ */ jsx2(
+            ExpandableRow,
+            {
+              row,
+              striped: i % 2 === 0,
+              fetchRecording,
+              onError: (msg) => showToast(msg, "error")
+            },
+            row.call_uuid
+          )) })
+        ] }) }) }),
+        /* @__PURE__ */ jsx2(
+          TablePagination,
+          {
+            component: "div",
+            count: showMissedCalls ? filteredMissedCalls.length : callsTotal,
+            page,
+            rowsPerPage,
+            onPageChange: (_, p) => setPage(p),
+            onRowsPerPageChange: (e) => {
+              setRowsPerPage(parseInt(e.target.value, 10));
+              setPage(0);
+            },
+            rowsPerPageOptions: [10, 15, 25, 50, 100],
+            sx: { borderTop: "1px solid #e0e0e0" }
+          }
+        )
+      ] })
+    ] })
+  ] });
+});
+CallHistoryContent.displayName = "CallHistoryContent";
+var MissedCallRow = memo(({ row }) => {
+  const theme = useTheme();
+  return /* @__PURE__ */ jsxs2(TableRow, { hover: true, children: [
+    /* @__PURE__ */ jsx2(TableCell, { sx: { fontSize: "0.82rem", color: theme.palette.primary.main }, children: row.agentId }),
+    /* @__PURE__ */ jsx2(TableCell, { sx: { fontSize: "0.82rem" }, children: row.username }),
+    /* @__PURE__ */ jsxs2(TableCell, { sx: { fontSize: "0.82rem" }, children: [
+      row.mobileNumber,
+      " (",
+      row.callCount,
+      ")"
+    ] }),
+    /* @__PURE__ */ jsx2(TableCell, { sx: { fontSize: "0.82rem", textTransform: "uppercase" }, children: row.callType }),
+    /* @__PURE__ */ jsx2(TableCell, { align: "center", children: /* @__PURE__ */ jsx2(Phone, { sx: { color: "#c0392b", fontSize: 20, cursor: "pointer" } }) })
+  ] });
+});
+MissedCallRow.displayName = "MissedCallRow";
+var activePlayers = /* @__PURE__ */ new Set();
+var notifyPlay = (activeId) => {
+  activePlayers.forEach((fn) => fn(activeId));
+};
+function ExpandableRow({
+  row,
+  striped,
+  fetchRecording,
+  onError
+}) {
+  var _a;
+  const [open, setOpen] = useState3(false);
+  const [audioURL, setAudioURL] = useState3(null);
+  const [loadingAudio, setLoadingAudio] = useState3(false);
+  const closePlayer = useCallback2(() => {
+    setAudioURL((prev) => {
+      if (prev && prev.startsWith("blob:")) URL.revokeObjectURL(prev);
+      return null;
+    });
+  }, []);
+  useEffect2(() => {
+    const onPlay = (activeId) => {
+      if (activeId !== row.call_uuid) closePlayer();
+    };
+    activePlayers.add(onPlay);
+    return () => {
+      activePlayers.delete(onPlay);
+    };
+  }, [row.call_uuid, closePlayer]);
+  const handlePlay = async () => {
+    if (!row.recording.available) return;
+    notifyPlay(row.call_uuid);
+    setLoadingAudio(true);
+    try {
+      const blob = await fetchRecording(row.call_uuid);
+      setAudioURL(URL.createObjectURL(blob));
+    } catch (e) {
+      onError("Recording not available");
+    } finally {
+      setLoadingAudio(false);
+    }
+  };
+  const handleToggle = () => setOpen((prev) => !prev);
+  const bg = striped ? "#fafafa" : "white";
+  const cellSx = { fontSize: "0.82rem", backgroundColor: bg };
+  return /* @__PURE__ */ jsxs2(Fragment2, { children: [
+    /* @__PURE__ */ jsxs2(TableRow, { hover: true, children: [
+      /* @__PURE__ */ jsx2(TableCell, { sx: __spreadProps(__spreadValues({}, cellSx), { maxWidth: 130 }), children: /* @__PURE__ */ jsx2(Tooltip2, { title: row.call_uuid, arrow: true, children: /* @__PURE__ */ jsx2(
+        Typography2,
+        {
+          noWrap: true,
+          sx: { fontSize: 13, maxWidth: 130, overflow: "hidden", textOverflow: "ellipsis" },
+          children: row.call_uuid
+        }
+      ) }) }),
+      /* @__PURE__ */ jsx2(TableCell, { sx: cellSx, children: row.mobile_no }),
+      /* @__PURE__ */ jsx2(TableCell, { align: "center", sx: cellSx, children: /* @__PURE__ */ jsx2(
+        Chip,
+        {
+          size: "small",
+          label: row.call_type,
+          color: row.call_type === "INCOMING" ? "success" : "primary"
+        }
+      ) }),
+      /* @__PURE__ */ jsx2(TableCell, { sx: cellSx, children: new Date(row.start_time).toLocaleString() }),
+      /* @__PURE__ */ jsx2(TableCell, { sx: cellSx, children: row.end_time ? new Date(row.end_time).toLocaleString() : "\u2014" }),
+      /* @__PURE__ */ jsx2(TableCell, { align: "center", sx: cellSx, children: row.recording.available ? /* @__PURE__ */ jsx2(
+        IconButton,
+        {
+          color: "primary",
+          onClick: handlePlay,
+          disabled: loadingAudio,
+          size: "small",
+          children: loadingAudio ? /* @__PURE__ */ jsx2(CircularProgress2, { size: 18 }) : /* @__PURE__ */ jsx2(PlayArrow, {})
+        }
+      ) : /* @__PURE__ */ jsx2(Chip, { size: "small", label: "No File" }) }),
+      /* @__PURE__ */ jsx2(TableCell, { align: "center", sx: cellSx, children: (_a = row.agent_id) != null ? _a : "" }),
+      /* @__PURE__ */ jsx2(TableCell, { align: "center", sx: cellSx, children: /* @__PURE__ */ jsx2(IconButton, { onClick: handleToggle, size: "small", children: open ? /* @__PURE__ */ jsx2(ExpandLess, {}) : /* @__PURE__ */ jsx2(KeyboardArrowDown, {}) }) })
+    ] }),
+    audioURL && /* @__PURE__ */ jsx2(TableRow, { children: /* @__PURE__ */ jsx2(TableCell, { colSpan: 8, sx: { p: 0 }, children: /* @__PURE__ */ jsx2(Box2, { p: 2, children: /* @__PURE__ */ jsx2(
+      "audio",
+      {
+        controls: true,
+        autoPlay: true,
+        src: audioURL,
+        onEnded: closePlayer,
+        style: { width: "100%" }
+      }
+    ) }) }) }),
+    /* @__PURE__ */ jsx2(TableRow, { children: /* @__PURE__ */ jsx2(TableCell, { colSpan: 8, sx: { p: 0 }, children: /* @__PURE__ */ jsx2(Collapse, { in: open, unmountOnExit: true, children: /* @__PURE__ */ jsx2(Box2, { p: 2, bgcolor: "#f9fafc", borderTop: "1px solid #eee", children: open && /* @__PURE__ */ jsx2(Transcript_default, { row }) }) }) }) })
+  ] });
+}
+var CallHistory = () => /* @__PURE__ */ jsx2(SDKProvider, { children: /* @__PURE__ */ jsx2(CallHistoryContent, {}) });
+var callHistory_default = CallHistory;
+export {
+  callHistory_default as default
+};
+//# sourceMappingURL=callHistory-HXXRYUIV.mjs.map