ahs-cti 0.0.5 → 0.0.7

package/dist/{callHistory-MRBBY3UO.mjs → callHistory-T3M76D4B.mjs}

@@ -1,76 +1,67 @@
 import {
   KeyboardArrowDown_default
-} from "./chunk-DXZIYCNQ.mjs";
+} from "./chunk-OHJIW3I3.mjs";
 import {
   SDKPageHeader
-} from "./chunk-BVQNDAS6.mjs";
+} from "./chunk-DNTGBNZD.mjs";
 import {
   Phone_default
-} from "./chunk-MBHP7UOP.mjs";
+} from "./chunk-6WLG2PXL.mjs";
 import {
   PlayArrow_default
-} from "./chunk-MBXHRFGP.mjs";
+} from "./chunk-7LE2VTAI.mjs";
 import {
   AppButton
-} from "./chunk-HBR2JS4C.mjs";
+} from "./chunk-NAZO4HKB.mjs";
 import {
   Refresh_default,
   Search_default
-} from "./chunk-RSL5OBRQ.mjs";
+} from "./chunk-YAQYTUTX.mjs";
 import {
   SDKProvider,
   useToast
-} from "./chunk-6ICPXSN6.mjs";
+} from "./chunk-VVDJLUYT.mjs";
 import {
   END_POINT,
   axios_default,
-  createSvgIcon,
   deepFindArray
-} from "./chunk-Q7FIRWF2.mjs";
+} from "./chunk-LHE4QGJJ.mjs";
 import {
+  Avatar_default,
+  Box_default,
+  Chip_default,
+  CircularProgress_default,
+  Collapse_default,
+  FormControlLabel_default,
+  IconButton_default,
+  InputAdornment_default,
+  OutlinedInput_default,
+  Paper_default,
+  Rating_default,
+  Stack_default,
+  Switch_default,
+  TableBody_default,
+  TableCell_default,
+  TableContainer_default,
+  TableHead_default,
+  TablePagination_default,
+  TableRow_default,
+  Table_default,
+  ToggleButtonGroup_default,
+  ToggleButton_default,
+  Tooltip_default,
+  Typography_default,
   __spreadProps,
-  __spreadValues
-} from "./chunk-UB5HSUGK.mjs";
+  __spreadValues,
+  createSvgIcon,
+  useTheme
+} from "./chunk-Q6G3MPS7.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) {
@@ -80,13 +71,13 @@ function scoreColor(score) {
 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: [
+  return /* @__PURE__ */ jsxs(Box_default, { sx: { maxWidth: 240 }, children: [
+    typeof metric.Model_Prediction_Confidence_Level === "number" && /* @__PURE__ */ jsxs(Typography_default, { 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 : "" })
+    /* @__PURE__ */ jsx(Typography_default, { sx: { fontSize: "0.72rem", lineHeight: 1.4 }, children: (_a = metric.Observations) != null ? _a : "" })
   ] });
 }
 function Gauge({ score, label }) {
@@ -97,8 +88,8 @@ function Gauge({ score, label }) {
   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: [
+  return /* @__PURE__ */ jsxs(Box_default, { sx: { display: "flex", flexDirection: "column", alignItems: "center", px: 1 }, children: [
+    /* @__PURE__ */ jsxs(Box_default, { 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(
@@ -117,7 +108,7 @@ function Gauge({ score, label }) {
         )
       ] }),
       /* @__PURE__ */ jsx(
-        Box,
+        Box_default,
         {
           sx: {
             position: "absolute",
@@ -134,7 +125,7 @@ function Gauge({ score, label }) {
       )
     ] }),
     /* @__PURE__ */ jsx(
-      Typography,
+      Typography_default,
       {
         sx: {
           mt: 0.5,
@@ -165,14 +156,14 @@ function ClassificationBar({ classification }) {
     };
   });
   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)) })
+  return /* @__PURE__ */ jsxs(Box_default, { children: [
+    /* @__PURE__ */ jsx(Stack_default, { direction: "row", spacing: 2, mb: 0.75, sx: { flexWrap: "wrap", rowGap: 0.5 }, children: segments.map((s) => /* @__PURE__ */ jsx(Typography_default, { sx: { fontSize: "0.72rem", color: s.color, fontWeight: 600 }, children: s.label }, s.label)) }),
+    /* @__PURE__ */ jsx(Box_default, { sx: { display: "flex", width: "100%", height: 8, borderRadius: 4, overflow: "hidden" }, children: segments.map((s) => /* @__PURE__ */ jsx(Box_default, { 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 }),
+  return /* @__PURE__ */ jsxs(Box_default, { sx: (t) => ({ border: `1.5px solid ${t.palette.primary.main}`, borderRadius: 1, p: 1, mb: 1.25 }), children: [
+    /* @__PURE__ */ jsx(Typography_default, { sx: { fontSize: "0.75rem", fontWeight: 700, mb: 0.5 }, children: title }),
     children
   ] });
 }
@@ -209,7 +200,7 @@ var Transcript = ({ row }) => {
     };
   }, [row.call_uuid]);
   if (loading) {
-    return /* @__PURE__ */ jsx(Box, { display: "flex", justifyContent: "center", py: 3, children: /* @__PURE__ */ jsx(CircularProgress, { size: 22 }) });
+    return /* @__PURE__ */ jsx(Box_default, { display: "flex", justifyContent: "center", py: 3, children: /* @__PURE__ */ jsx(CircularProgress_default, { 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;
@@ -234,37 +225,37 @@ var Transcript = ({ row }) => {
   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: [
+      /* @__PURE__ */ jsx(Typography_default, { fontWeight: 600, fontSize: "0.85rem", mb: 0.5, children: "Call Details" }),
+      /* @__PURE__ */ jsxs(Typography_default, { variant: "body2", fontSize: "0.82rem", children: [
         "Call UID: ",
         row.call_uuid
       ] }),
-      /* @__PURE__ */ jsxs(Typography, { variant: "body2", fontSize: "0.82rem", children: [
+      /* @__PURE__ */ jsxs(Typography_default, { 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." })
+      /* @__PURE__ */ jsx(Typography_default, { 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 })
+  return /* @__PURE__ */ jsxs(Box_default, { sx: { display: "grid", gridTemplateColumns: { xs: "1fr", md: "1fr 1fr" }, gap: 1.5 }, children: [
+    /* @__PURE__ */ jsxs(Box_default, { children: [
+      /* @__PURE__ */ jsxs(Box_default, { sx: { p: 1.25, border: "1px solid #e0e0e0", borderRadius: 1, backgroundColor: "#fff", mb: 1.25 }, children: [
+        /* @__PURE__ */ jsxs(Stack_default, { direction: "row", alignItems: "center", justifyContent: "space-between", mb: 0.5, children: [
+          /* @__PURE__ */ jsx(Typography_default, { sx: { fontWeight: 700, fontSize: "0.85rem", color: "primary.main" }, children: "Call Summary" }),
+          /* @__PURE__ */ jsxs(Stack_default, { direction: "row", alignItems: "center", spacing: 0.5, children: [
+            /* @__PURE__ */ jsx(Typography_default, { sx: { fontSize: "0.75rem", color: "#555" }, children: "Overall Satisfaction:" }),
+            /* @__PURE__ */ jsx(Rating_default, { 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 : "-" })
+        /* @__PURE__ */ jsx(Typography_default, { 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) => {
+      lines.length > 0 ? /* @__PURE__ */ jsxs(Box_default, { sx: { p: 1.25, border: "1px solid #e0e0e0", borderRadius: 1, backgroundColor: "#fff" }, children: [
+        /* @__PURE__ */ jsx(Typography_default, { sx: { fontWeight: 700, fontSize: "0.85rem", color: "primary.main", mb: 1 }, children: "Transcript" }),
+        /* @__PURE__ */ jsx(Box_default, { 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,
+            Box_default,
             {
               sx: {
                 display: "flex",
@@ -274,9 +265,9 @@ var Transcript = ({ row }) => {
                 gap: 0.75
               },
               children: [
-                !isPatient && /* @__PURE__ */ jsx(Avatar, { sx: { width: 22, height: 22, fontSize: 12 } }),
+                !isPatient && /* @__PURE__ */ jsx(Avatar_default, { sx: { width: 22, height: 22, fontSize: 12 } }),
                 /* @__PURE__ */ jsx(
-                  Box,
+                  Box_default,
                   {
                     sx: (t) => ({
                       maxWidth: "70%",
@@ -292,36 +283,36 @@ var Transcript = ({ row }) => {
                     children: text
                   }
                 ),
-                isPatient && /* @__PURE__ */ jsx(Avatar, { sx: { width: 22, height: 22, fontSize: 12 } })
+                isPatient && /* @__PURE__ */ jsx(Avatar_default, { 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: [
+      ] }) : /* @__PURE__ */ jsxs(Box_default, { sx: { p: 1.25, border: "1px solid #e0e0e0", borderRadius: 1, backgroundColor: "#fff" }, children: [
+        /* @__PURE__ */ jsx(Typography_default, { sx: { fontWeight: 700, fontSize: "0.9rem", color: "primary.main", mb: 1 }, children: "Key Highlights & Issues Identified" }),
+        /* @__PURE__ */ jsxs(Box_default, { sx: { maxHeight: 180, overflowY: "auto", pr: 0.5 }, children: [
+          /* @__PURE__ */ jsx(Typography_default, { 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_default, { 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: [
+          ] }, i)) : /* @__PURE__ */ jsx(Typography_default, { sx: { fontSize: "0.78rem", color: "#999", pl: 1.5 }, children: "\u2014" }),
+          /* @__PURE__ */ jsx(Typography_default, { 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_default, { 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" })
+          ] }, i)) : /* @__PURE__ */ jsx(Typography_default, { 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(Box_default, { children: [
+      /* @__PURE__ */ jsxs(Box_default, { sx: { p: 1.25, border: "1px solid #e0e0e0", borderRadius: 1, backgroundColor: "#fff", mb: lines.length > 0 ? 1.25 : 0 }, children: [
+        /* @__PURE__ */ jsx(Typography_default, { sx: { fontWeight: 700, fontSize: "0.9rem", color: "primary.main", mb: 1 }, children: "Sentiment Analysis" }),
+        /* @__PURE__ */ jsxs(Box_default, { 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]) => {
+            /* @__PURE__ */ jsx(Stack_default, { 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(
+              return /* @__PURE__ */ jsx(Tooltip_default, { 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,
@@ -329,15 +320,15 @@ var Transcript = ({ row }) => {
                 }
               ) }) }, 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(Stack_default, { direction: "row", alignItems: "center", spacing: 0.5, children: [
+              /* @__PURE__ */ jsx(Typography_default, { sx: { fontSize: "0.7rem", fontWeight: 600 }, children: "Patient Sentiment:" }),
+              /* @__PURE__ */ jsx(Rating_default, { 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]) => {
+            /* @__PURE__ */ jsx(Stack_default, { 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(
+              return /* @__PURE__ */ jsx(Tooltip_default, { 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,
@@ -345,27 +336,27 @@ var Transcript = ({ row }) => {
                 }
               ) }) }, 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__ */ jsxs(Stack_default, { direction: "row", alignItems: "center", spacing: 0.5, children: [
+              /* @__PURE__ */ jsx(Typography_default, { sx: { fontSize: "0.7rem", fontWeight: 600 }, children: "Agent Performance:" }),
+              /* @__PURE__ */ jsx(Rating_default, { 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: [
+      lines.length > 0 && /* @__PURE__ */ jsxs(Box_default, { sx: { p: 1.25, border: "1px solid #e0e0e0", borderRadius: 1, backgroundColor: "#fff" }, children: [
+        /* @__PURE__ */ jsx(Typography_default, { sx: { fontWeight: 700, fontSize: "0.9rem", color: "primary.main", mb: 1 }, children: "Key Highlights & Issues Identified" }),
+        /* @__PURE__ */ jsxs(Box_default, { sx: { maxHeight: 180, overflowY: "auto", pr: 0.5 }, children: [
+          /* @__PURE__ */ jsx(Typography_default, { 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_default, { 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: [
+          ] }, i)) : /* @__PURE__ */ jsx(Typography_default, { sx: { fontSize: "0.78rem", color: "#999", pl: 1.5 }, children: "\u2014" }),
+          /* @__PURE__ */ jsx(Typography_default, { 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_default, { 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" })
+          ] }, i)) : /* @__PURE__ */ jsx(Typography_default, { sx: { fontSize: "0.78rem", color: "#999", pl: 1.5 }, children: "\u2014" })
         ] })
       ] })
     ] })
@@ -563,17 +554,17 @@ var CallHistoryContent = memo(() => {
     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: [
+  return /* @__PURE__ */ jsxs2(Box_default, { children: [
     /* @__PURE__ */ jsx2(
       SDKPageHeader,
       {
         title: "Call History",
-        actions: /* @__PURE__ */ jsxs2(Stack2, { direction: "row", alignItems: "center", spacing: 1, children: [
+        actions: /* @__PURE__ */ jsxs2(Stack_default, { direction: "row", alignItems: "center", spacing: 1, children: [
           /* @__PURE__ */ jsx2(
             AppButton,
             {
               size: "small",
-              startIcon: loading ? /* @__PURE__ */ jsx2(CircularProgress2, { size: 14, color: "inherit" }) : /* @__PURE__ */ jsx2(Refresh_default, { sx: { fontSize: "0.95rem !important" } }),
+              startIcon: loading ? /* @__PURE__ */ jsx2(CircularProgress_default, { size: 14, color: "inherit" }) : /* @__PURE__ */ jsx2(Refresh_default, { sx: { fontSize: "0.95rem !important" } }),
               onClick: () => showMissedCalls ? fetchMissedCalls() : fetchCallHistory({
                 page: page + 1,
                 pageSize: rowsPerPage,
@@ -586,7 +577,7 @@ var CallHistoryContent = memo(() => {
             }
           ),
           /* @__PURE__ */ jsx2(
-            OutlinedInput,
+            OutlinedInput_default,
             {
               size: "small",
               value: search,
@@ -596,19 +587,19 @@ var CallHistoryContent = memo(() => {
               },
               placeholder: "Search",
               sx: { width: 220, fontSize: "0.82rem", height: 36 },
-              endAdornment: /* @__PURE__ */ jsx2(InputAdornment, { position: "end", children: /* @__PURE__ */ jsx2(Search_default, { sx: { fontSize: 18, color: "#999" } }) })
+              endAdornment: /* @__PURE__ */ jsx2(InputAdornment_default, { position: "end", children: /* @__PURE__ */ jsx2(Search_default, { 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__ */ jsxs2(Box_default, { py: 1.5, px: 2, children: [
+      /* @__PURE__ */ jsxs2(Stack_default, { direction: "row", spacing: 2, alignItems: "center", mb: 2, children: [
         /* @__PURE__ */ jsx2(
-          FormControlLabel,
+          FormControlLabel_default,
           {
             control: /* @__PURE__ */ jsx2(
-              Switch,
+              Switch_default,
               {
                 size: "small",
                 checked: showMissedCalls,
@@ -618,12 +609,12 @@ var CallHistoryContent = memo(() => {
                 }
               }
             ),
-            label: /* @__PURE__ */ jsx2(Typography2, { sx: { fontSize: "0.8rem", color: "#555" }, children: "Missed Calls" }),
+            label: /* @__PURE__ */ jsx2(Typography_default, { sx: { fontSize: "0.8rem", color: "#555" }, children: "Missed Calls" }),
             sx: { ml: 0 }
           }
         ),
         /* @__PURE__ */ jsxs2(
-          ToggleButtonGroup,
+          ToggleButtonGroup_default,
           {
             value: filter,
             exclusive: true,
@@ -657,17 +648,17 @@ var CallHistoryContent = memo(() => {
               }
             },
             children: [
-              /* @__PURE__ */ jsx2(ToggleButton, { value: "ALL", children: "All" }),
-              /* @__PURE__ */ jsx2(ToggleButton, { value: "INCOMING", children: "Inbound" }),
-              /* @__PURE__ */ jsx2(ToggleButton, { value: "OUTGOING", children: "Outbound" })
+              /* @__PURE__ */ jsx2(ToggleButton_default, { value: "ALL", children: "All" }),
+              /* @__PURE__ */ jsx2(ToggleButton_default, { value: "INCOMING", children: "Inbound" }),
+              /* @__PURE__ */ jsx2(ToggleButton_default, { 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,
+      /* @__PURE__ */ jsxs2(TableContainer_default, { component: Paper_default, variant: "outlined", sx: { display: "flex", flexDirection: "column" }, children: [
+        /* @__PURE__ */ jsx2(Box_default, { sx: { overflowY: "auto", maxHeight: 600 }, children: /* @__PURE__ */ jsx2(Table_default, { stickyHeader: true, size: "small", children: showMissedCalls ? /* @__PURE__ */ jsxs2(Fragment2, { children: [
+          /* @__PURE__ */ jsx2(TableHead_default, { children: /* @__PURE__ */ jsx2(TableRow_default, { children: MISSED_CALLS_COLS.map((col) => /* @__PURE__ */ jsx2(
+            TableCell_default,
             {
               align: CENTER_COLS.has(col) ? "center" : "left",
               sx: { fontWeight: 600, backgroundColor: "#f1f1f1", fontSize: "0.8rem" },
@@ -675,10 +666,10 @@ var CallHistoryContent = memo(() => {
             },
             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__ */ jsx2(TableBody_default, { children: loading ? /* @__PURE__ */ jsx2(TableRow_default, { children: /* @__PURE__ */ jsx2(TableCell_default, { colSpan: 5, align: "center", sx: { py: 4 }, children: /* @__PURE__ */ jsx2(CircularProgress_default, { size: 24 }) }) }) : filteredMissedCalls.length === 0 ? /* @__PURE__ */ jsx2(TableRow_default, { children: /* @__PURE__ */ jsx2(TableCell_default, { 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,
+          /* @__PURE__ */ jsx2(TableHead_default, { children: /* @__PURE__ */ jsx2(TableRow_default, { children: CALL_HISTORY_COLS.map((col) => /* @__PURE__ */ jsx2(
+            TableCell_default,
             {
               align: CENTER_COLS.has(col) ? "center" : "left",
               sx: { fontWeight: 600, backgroundColor: "#f1f1f1", fontSize: "0.8rem" },
@@ -686,7 +677,7 @@ var CallHistoryContent = memo(() => {
             },
             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(
+          /* @__PURE__ */ jsx2(TableBody_default, { children: loading ? /* @__PURE__ */ jsx2(TableRow_default, { children: /* @__PURE__ */ jsx2(TableCell_default, { colSpan: 8, align: "center", sx: { py: 4 }, children: /* @__PURE__ */ jsx2(CircularProgress_default, {}) }) }) : filteredCalls.length === 0 ? /* @__PURE__ */ jsx2(TableRow_default, { children: /* @__PURE__ */ jsx2(TableCell_default, { colSpan: 8, align: "center", sx: { py: 4, color: "#999", fontSize: "0.82rem" }, children: "No Records Found" }) }) : filteredCalls.map((row, i) => /* @__PURE__ */ jsx2(
             ExpandableRow,
             {
               row,
@@ -698,7 +689,7 @@ var CallHistoryContent = memo(() => {
           )) })
         ] }) }) }),
         /* @__PURE__ */ jsx2(
-          TablePagination,
+          TablePagination_default,
           {
             component: "div",
             count: showMissedCalls ? filteredMissedCalls.length : callsTotal,
@@ -720,17 +711,17 @@ var CallHistoryContent = memo(() => {
 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: [
+  return /* @__PURE__ */ jsxs2(TableRow_default, { hover: true, children: [
+    /* @__PURE__ */ jsx2(TableCell_default, { sx: { fontSize: "0.82rem", color: theme.palette.primary.main }, children: row.agentId }),
+    /* @__PURE__ */ jsx2(TableCell_default, { sx: { fontSize: "0.82rem" }, children: row.username }),
+    /* @__PURE__ */ jsxs2(TableCell_default, { 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_default, { sx: { color: "#c0392b", fontSize: 20, cursor: "pointer" } }) })
+    /* @__PURE__ */ jsx2(TableCell_default, { sx: { fontSize: "0.82rem", textTransform: "uppercase" }, children: row.callType }),
+    /* @__PURE__ */ jsx2(TableCell_default, { align: "center", children: /* @__PURE__ */ jsx2(Phone_default, { sx: { color: "#c0392b", fontSize: 20, cursor: "pointer" } }) })
   ] });
 });
 MissedCallRow.displayName = "MissedCallRow";
@@ -780,40 +771,40 @@ function ExpandableRow({
   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,
+    /* @__PURE__ */ jsxs2(TableRow_default, { hover: true, children: [
+      /* @__PURE__ */ jsx2(TableCell_default, { sx: __spreadProps(__spreadValues({}, cellSx), { maxWidth: 130 }), children: /* @__PURE__ */ jsx2(Tooltip_default, { title: row.call_uuid, arrow: true, children: /* @__PURE__ */ jsx2(
+        Typography_default,
         {
           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,
+      /* @__PURE__ */ jsx2(TableCell_default, { sx: cellSx, children: row.mobile_no }),
+      /* @__PURE__ */ jsx2(TableCell_default, { align: "center", sx: cellSx, children: /* @__PURE__ */ jsx2(
+        Chip_default,
         {
           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,
+      /* @__PURE__ */ jsx2(TableCell_default, { sx: cellSx, children: new Date(row.start_time).toLocaleString() }),
+      /* @__PURE__ */ jsx2(TableCell_default, { sx: cellSx, children: row.end_time ? new Date(row.end_time).toLocaleString() : "\u2014" }),
+      /* @__PURE__ */ jsx2(TableCell_default, { align: "center", sx: cellSx, children: row.recording.available ? /* @__PURE__ */ jsx2(
+        IconButton_default,
         {
           color: "primary",
           onClick: handlePlay,
           disabled: loadingAudio,
           size: "small",
-          children: loadingAudio ? /* @__PURE__ */ jsx2(CircularProgress2, { size: 18 }) : /* @__PURE__ */ jsx2(PlayArrow_default, {})
+          children: loadingAudio ? /* @__PURE__ */ jsx2(CircularProgress_default, { size: 18 }) : /* @__PURE__ */ jsx2(PlayArrow_default, {})
         }
-      ) : /* @__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_default, {}) : /* @__PURE__ */ jsx2(KeyboardArrowDown_default, {}) }) })
+      ) : /* @__PURE__ */ jsx2(Chip_default, { size: "small", label: "No File" }) }),
+      /* @__PURE__ */ jsx2(TableCell_default, { align: "center", sx: cellSx, children: (_a = row.agent_id) != null ? _a : "" }),
+      /* @__PURE__ */ jsx2(TableCell_default, { align: "center", sx: cellSx, children: /* @__PURE__ */ jsx2(IconButton_default, { onClick: handleToggle, size: "small", children: open ? /* @__PURE__ */ jsx2(ExpandLess_default, {}) : /* @__PURE__ */ jsx2(KeyboardArrowDown_default, {}) }) })
     ] }),
-    audioURL && /* @__PURE__ */ jsx2(TableRow, { children: /* @__PURE__ */ jsx2(TableCell, { colSpan: 8, sx: { p: 0 }, children: /* @__PURE__ */ jsx2(Box2, { p: 2, children: /* @__PURE__ */ jsx2(
+    audioURL && /* @__PURE__ */ jsx2(TableRow_default, { children: /* @__PURE__ */ jsx2(TableCell_default, { colSpan: 8, sx: { p: 0 }, children: /* @__PURE__ */ jsx2(Box_default, { p: 2, children: /* @__PURE__ */ jsx2(
       "audio",
       {
         controls: true,
@@ -823,7 +814,7 @@ function ExpandableRow({
         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 }) }) }) }) })
+    /* @__PURE__ */ jsx2(TableRow_default, { children: /* @__PURE__ */ jsx2(TableCell_default, { colSpan: 8, sx: { p: 0 }, children: /* @__PURE__ */ jsx2(Collapse_default, { in: open, unmountOnExit: true, children: /* @__PURE__ */ jsx2(Box_default, { p: 2, bgcolor: "#f9fafc", borderTop: "1px solid #eee", children: open && /* @__PURE__ */ jsx2(Transcript_default, { row }) }) }) }) })
   ] });
 }
 var CallHistory = () => /* @__PURE__ */ jsx2(SDKProvider, { children: /* @__PURE__ */ jsx2(CallHistoryContent, {}) });
@@ -831,4 +822,4 @@ var callHistory_default = CallHistory;
 export {
   callHistory_default as default
 };
-//# sourceMappingURL=callHistory-MRBBY3UO.mjs.map
+//# sourceMappingURL=callHistory-T3M76D4B.mjs.map