call-control-sdk 6.5.1-uat.7 → 6.5.2-uat.1

package/dist/index.js

@@ -60,6 +60,9 @@ __export(index_exports, {
 });
 module.exports = __toCommonJS(index_exports);
 
+// call-control-sdk/lib/hooks/sdk-state.ts
+var import_vault = require("@react-solutions/vault");
+
 // call-control-sdk/lib/services/endPoint.ts
 var IP = "uat-cti.aighospitals.com";
 var BASE_URL = `https://${IP}:8095`;
@@ -89,7 +92,9 @@ var END_POINT = {
   SEND_NOTIFICATIONS: `${BASE_URL}${VERSION.v1}/cti/notifications/send`,
   CALL_HISTORY: `${BASE_URL}${VERSION.v1}/dashboard/call-history`,
   SENTIMENTAL_ANALYSIS: `${BASE_URL}${VERSION.v1}/users/get_sentiment_analysis`,
-  DISPOSITIONS: `${BASE_URL}${VERSION.v1}/cti/calls/dispositions`
+  DISPOSITIONS: `${BASE_URL}${VERSION.v1}/cti/calls/dispositions`,
+  HOSPITALS_SERVICES: `${BASE_URL}${VERSION.v1}/cti/hospital/services`,
+  BLIEND_TRANSFER: `${BASE_URL}${VERSION.v1}/cti/calls/blind_transfer?provider=convox`
 };
 var WS_END_POINT = {
   WS: `${WS_BASE_URL}${VERSION.v1}/cti/ws`
@@ -201,9 +206,9 @@ var SDKStateManager = class {
   loadFromStorage() {
     var _a2, _b;
     try {
-      const stored = localStorage.getItem(this.STORAGE_KEY);
+      const stored = (0, import_vault.getItem)(this.STORAGE_KEY);
       if (stored) {
-        const parsedState = JSON.parse(stored);
+        const parsedState = stored;
         this.state = __spreadProps(__spreadValues({}, this.state), {
           agentId: parsedState.agentId || "",
           authorization: parsedState.authorization || void 0,
@@ -265,7 +270,7 @@ var SDKStateManager = class {
         callData: this.state.callData,
         conferenceLine: this.state.conferenceLine
       };
-      localStorage.setItem(this.STORAGE_KEY, JSON.stringify(persistentState));
+      (0, import_vault.setItem)(this.STORAGE_KEY, persistentState);
     } catch (error) {
       console.warn("Failed to save SDK state:", error);
     }
@@ -462,7 +467,7 @@ var SDKStateManager = class {
   }
   clearStorageAndReset() {
     try {
-      localStorage.removeItem(this.STORAGE_KEY);
+      (0, import_vault.removeItem)(this.STORAGE_KEY);
       this.state = this.getInitialState();
       this.notifyListeners();
     } catch (error) {
@@ -627,6 +632,7 @@ var axiosInstance = createAxiosInstance();
 var axios_default = axiosInstance;
 
 // call-control-sdk/lib/hooks/useLogout.ts
+var import_vault2 = require("@react-solutions/vault");
 var useLogout = () => {
   const [loading, setLoading] = (0, import_react.useState)(false);
   const [success, setSuccess] = (0, import_react.useState)(false);
@@ -634,8 +640,7 @@ var useLogout = () => {
   const [error, setError] = (0, import_react.useState)(null);
   const [data, setData] = (0, import_react.useState)(null);
   const handleLogout = (0, import_react.useCallback)(async () => {
-    var _a2;
-    const state = JSON.parse((_a2 = localStorage.getItem(STORAGE_KEY)) != null ? _a2 : "");
+    const state = (0, import_vault2.getItem)(STORAGE_KEY);
     setLoading(true);
     const payload = {
       action: "LOGOUTUSER",
@@ -643,16 +648,15 @@ var useLogout = () => {
     };
     return axios_default.post(END_POINT.LOGOUT, payload).then((res) => {
       sdkStateManager.clearStorageAndReset();
-      localStorage.clear();
-      sessionStorage.clear();
+      (0, import_vault2.removeItem)(STORAGE_KEY);
       setData(res == null ? void 0 : res.data);
       setSuccess(true);
       return res == null ? void 0 : res.data;
     }).catch((err) => {
-      var _a3;
+      var _a2;
       setIsError(true);
       setError(err);
-      return (_a3 = err == null ? void 0 : err.response) == null ? void 0 : _a3.data;
+      return (_a2 = err == null ? void 0 : err.response) == null ? void 0 : _a2.data;
     }).finally(() => {
       setLoading(false);
     });
@@ -669,6 +673,7 @@ var useLogout = () => {
 
 // call-control-sdk/lib/hooks/useEndCall.ts
 var import_react2 = require("react");
+var import_vault3 = require("@react-solutions/vault");
 var useEndCall = () => {
   const [loading, setLoading] = (0, import_react2.useState)(false);
   const [success, setSuccess] = (0, import_react2.useState)(false);
@@ -677,26 +682,26 @@ var useEndCall = () => {
   const [data, setData] = (0, import_react2.useState)(null);
   const handleEndCall = (0, import_react2.useCallback)(
     async (data2) => {
-      var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p;
-      const state = JSON.parse((_a2 = localStorage.getItem(STORAGE_KEY)) != null ? _a2 : "");
+      var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o;
+      const state = (0, import_vault3.getItem)(STORAGE_KEY);
       setLoading(true);
       const payload = {
         action: "ENDCALL",
         userId: state == null ? void 0 : state.agentId,
-        processid: (_d = (_c = (_b = state == null ? void 0 : state.process) == null ? void 0 : _b.process_id) == null ? void 0 : _c.toString()) != null ? _d : "",
-        process_name: (_f = (_e = state == null ? void 0 : state.process) == null ? void 0 : _e.process_name) != null ? _f : "",
-        callreferenceid: (_h = (_g = state == null ? void 0 : state.callData) == null ? void 0 : _g.convox_id) != null ? _h : "",
-        mobile_number: (_j = (_i = state == null ? void 0 : state.callData) == null ? void 0 : _i.phone_number) != null ? _j : "",
-        disposition: (_k = data2 == null ? void 0 : data2.disposition) != null ? _k : "RES",
-        set_followUp: (_l = data2 == null ? void 0 : data2.followUp) != null ? _l : "N",
-        callback_date: (_m = data2 == null ? void 0 : data2.callbackDate) != null ? _m : "",
-        callback_hrs: (_n = data2 == null ? void 0 : data2.callbackHrs) != null ? _n : "",
-        callback_mins: (_o = data2 == null ? void 0 : data2.callbackMins) != null ? _o : "",
+        processid: (_c = (_b = (_a2 = state == null ? void 0 : state.process) == null ? void 0 : _a2.process_id) == null ? void 0 : _b.toString()) != null ? _c : "",
+        process_name: (_e = (_d = state == null ? void 0 : state.process) == null ? void 0 : _d.process_name) != null ? _e : "",
+        callreferenceid: (_g = (_f = state == null ? void 0 : state.callData) == null ? void 0 : _f.convox_id) != null ? _g : "",
+        mobile_number: (_i = (_h = state == null ? void 0 : state.callData) == null ? void 0 : _h.phone_number) != null ? _i : "",
+        disposition: (_j = data2 == null ? void 0 : data2.disposition) != null ? _j : "RES",
+        set_followUp: (_k = data2 == null ? void 0 : data2.followUp) != null ? _k : "N",
+        callback_date: (_l = data2 == null ? void 0 : data2.callbackDate) != null ? _l : "",
+        callback_hrs: (_m = data2 == null ? void 0 : data2.callbackHrs) != null ? _m : "",
+        callback_mins: (_n = data2 == null ? void 0 : data2.callbackMins) != null ? _n : "",
         endcall_type: "CLOSE"
       };
       return axios_default.post(END_POINT.END_CALL, payload, {
         params: {
-          isBreak: (_p = data2 == null ? void 0 : data2.isBreak) != null ? _p : false
+          isBreak: (_o = data2 == null ? void 0 : data2.isBreak) != null ? _o : false
         }
       }).then((res) => {
         sdkStateManager.resetConferenceLines();
@@ -727,6 +732,7 @@ var useEndCall = () => {
 
 // call-control-sdk/lib/hooks/useClickToCall.ts
 var import_react3 = require("react");
+var import_vault4 = require("@react-solutions/vault");
 var useClickToCall = () => {
   const [loading, setLoading] = (0, import_react3.useState)(false);
   const [success, setSuccess] = (0, import_react3.useState)(false);
@@ -734,10 +740,10 @@ var useClickToCall = () => {
   const [error, setError] = (0, import_react3.useState)(null);
   const [data, setData] = (0, import_react3.useState)(null);
   const handleStartCall = (0, import_react3.useCallback)(async (data2) => {
-    var _a2, _b, _c, _d, _e, _f, _g, _h, _i;
-    const state = JSON.parse((_a2 = localStorage.getItem(STORAGE_KEY)) != null ? _a2 : "");
+    var _a2, _b, _c, _d, _e, _f, _g, _h;
+    const state = (0, import_vault4.getItem)(STORAGE_KEY);
     setLoading(true);
-    if (((_b = state == null ? void 0 : state.callData) == null ? void 0 : _b.status) === "IDLE") {
+    if (((_a2 = state == null ? void 0 : state.callData) == null ? void 0 : _a2.status) === "IDLE") {
       const payload = {
         action: "CALL",
         userId: state == null ? void 0 : state.agentId,
@@ -756,15 +762,15 @@ var useClickToCall = () => {
       }).finally(() => {
         setLoading(false);
       });
-    } else if (((_c = state == null ? void 0 : state.callData) == null ? void 0 : _c.status) === "ONCALL") {
-      const line_used = (_e = (_d = state == null ? void 0 : state.conferenceLine) == null ? void 0 : _d.filter((each) => each.line !== 1)) == null ? void 0 : _e.find((each) => each.status === "IDLE" && !(each == null ? void 0 : each.isCallStart));
+    } else if (((_b = state == null ? void 0 : state.callData) == null ? void 0 : _b.status) === "ONCALL") {
+      const line_used = (_d = (_c = state == null ? void 0 : state.conferenceLine) == null ? void 0 : _c.filter((each) => each.line !== 1)) == null ? void 0 : _d.find((each) => each.status === "IDLE" && !(each == null ? void 0 : each.isCallStart));
       const payload = {
         action: "EXTERNAL_CONFERENCE",
         operation: `CALL${line_used.line}`,
         line_used: String(line_used.line),
         thirdparty_no: data2 == null ? void 0 : data2.mobileNumber,
-        userid: (_g = (_f = state.callData) == null ? void 0 : _f.agent_id) != null ? _g : "",
-        process: (_i = (_h = state.callData) == null ? void 0 : _h.process_name) != null ? _i : ""
+        userid: (_f = (_e = state.callData) == null ? void 0 : _e.agent_id) != null ? _f : "",
+        process: (_h = (_g = state.callData) == null ? void 0 : _g.process_name) != null ? _h : ""
       };
       return axios_default.post(END_POINT.CONFERENCE_CALL, payload).then((res) => {
         setData(res == null ? void 0 : res.data);
@@ -1729,17 +1735,26 @@ function ConferenceDialog() {
   ) });
 }
 function CallTransferDialog({ open }) {
-  var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
+  var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u;
   const state = useSDKState();
+  const [mobileNumber, setMobileNumber] = (0, import_react9.useState)("");
   const [transferCall] = usePostRequest({
     onSuccess: () => {
       sdkStateManager.setOpenCallTransferDialog(false);
     }
   });
+  const [blindTransferCall] = usePostRequest({
+    onSuccess: () => {
+      sdkStateManager.setOpenCallTransferDialog(false);
+    }
+  });
   const [currentselecteTab, setCurrentselecteTab] = (0, import_react9.useState)("process");
   const [getIdelAgentsList, { data: idleAgentsList, isLoading: isIdleAgentsListLoading }] = usePostRequest({
     disabledSuccessToast: true
   });
+  const [getHospitalsServicesList, { data: hospitalsServicesList, isLoading: isHospitalsServicesListLoading }] = useGetRequest({
+    disabledSuccessToast: true
+  });
   const [
     getProcessAndQueuesList,
     { data: processAndQueuesList, isLoading: isProcessAndQueuesListLoading }
@@ -1750,7 +1765,7 @@ function CallTransferDialog({ open }) {
     sdkStateManager.setOpenCallTransferDialog(false);
   };
   const handleTransferCall = (data, type) => {
-    var _a3, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G;
+    var _a3, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2, _m2, _n2, _o2, _p2, _q2, _r2, _s2, _t2, _u2, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G, _H, _I, _J, _K, _L;
     if (type === "PROCESS") {
       const payload = {
         mobile_number: (_b2 = (_a3 = state.callData) == null ? void 0 : _a3.phone_number) != null ? _b2 : "",
@@ -1764,13 +1779,13 @@ function CallTransferDialog({ open }) {
       transferCall(END_POINT.TRANSFER_CALL, payload);
     } else if (type === "QUEUE") {
       const payload = {
-        mobile_number: (_m = (_l2 = state.callData) == null ? void 0 : _l2.phone_number) != null ? _m : "",
-        userid: (_o = (_n = state.callData) == null ? void 0 : _n.agent_id) != null ? _o : "",
+        mobile_number: (_m2 = (_l2 = state.callData) == null ? void 0 : _l2.phone_number) != null ? _m2 : "",
+        userid: (_o2 = (_n2 = state.callData) == null ? void 0 : _n2.agent_id) != null ? _o2 : "",
         type: "QUEUE",
-        transfer_to: (_p = data == null ? void 0 : data.queue_name) != null ? _p : "",
-        callreferenceid: (_r = (_q = state.callData) == null ? void 0 : _q.convox_id) != null ? _r : "",
-        processid: String((_t = (_s = state.callData) == null ? void 0 : _s.process_id) != null ? _t : ""),
-        process_name: (_v = (_u = state.callData) == null ? void 0 : _u.process_name) != null ? _v : ""
+        transfer_to: (_p2 = data == null ? void 0 : data.queue_name) != null ? _p2 : "",
+        callreferenceid: (_r2 = (_q2 = state.callData) == null ? void 0 : _q2.convox_id) != null ? _r2 : "",
+        processid: String((_t2 = (_s2 = state.callData) == null ? void 0 : _s2.process_id) != null ? _t2 : ""),
+        process_name: (_v = (_u2 = state.callData) == null ? void 0 : _u2.process_name) != null ? _v : ""
       };
       transferCall(END_POINT.TRANSFER_CALL, payload);
     } else if (type === "AGENT") {
@@ -1784,6 +1799,15 @@ function CallTransferDialog({ open }) {
         process_name: (_G = (_F = state.callData) == null ? void 0 : _F.process_name) != null ? _G : ""
       };
       transferCall(END_POINT.TRANSFER_CALL, payload);
+    } else if (type === "OTHER") {
+      const payload = {
+        action: "BLIND_TRANSFER",
+        userid: (_I = (_H = state.callData) == null ? void 0 : _H.agent_id) != null ? _I : "",
+        callreferenceid: (_K = (_J = state.callData) == null ? void 0 : _J.convox_id) != null ? _K : "",
+        blind_transfer_no: (_L = data == null ? void 0 : data.mobile_number) != null ? _L : ""
+      };
+      console.log("payload", payload);
+      blindTransferCall(END_POINT.BLIEND_TRANSFER, payload);
     }
   };
   (0, import_react9.useEffect)(() => {
@@ -1795,6 +1819,7 @@ function CallTransferDialog({ open }) {
       status: "ACTIVE",
       active: true
     });
+    getHospitalsServicesList(END_POINT.HOSPITALS_SERVICES);
   }, []);
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_jsx_runtime2.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
     import_material3.Dialog,
@@ -1803,7 +1828,7 @@ function CallTransferDialog({ open }) {
       "aria-labelledby": "alert-dialog-title",
       "aria-describedby": "alert-dialog-description",
       fullWidth: true,
-      maxWidth: "md",
+      maxWidth: "sm",
       children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_material3.Paper, { sx: { borderRadius: 2 }, children: [
         /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
           import_material3.Box,
@@ -1825,23 +1850,17 @@ function CallTransferDialog({ open }) {
           import_material3.Box,
           {
             sx: {
-              boxShadow: "1px 1px 4px #d3d3d3ff",
-              padding: "6px 10px",
               margin: "10px",
               borderRadius: "10px"
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_material3.Box, { sx: { display: "flex", gap: 1 }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_material3.Box, { sx: { display: "flex", gap: 1, margin: "10px" }, children: [
                 /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
                   import_material3.Button,
                   {
                     variant: currentselecteTab === "process" ? "contained" : "outlined",
                     onClick: () => {
                       setCurrentselecteTab("process");
-                      getProcessAndQueuesList(END_POINT.TRANSFER_TO_DETAILS, {
-                        status: "ACTIVE",
-                        active: true
-                      });
                     },
                     children: "Process"
                   }
@@ -1852,10 +1871,6 @@ function CallTransferDialog({ open }) {
                     variant: currentselecteTab === "queues" ? "contained" : "outlined",
                     onClick: () => {
                       setCurrentselecteTab("queues");
-                      getProcessAndQueuesList(END_POINT.TRANSFER_TO_DETAILS, {
-                        status: "ACTIVE",
-                        active: true
-                      });
                     },
                     children: "Queues"
                   }
@@ -1873,9 +1888,19 @@ function CallTransferDialog({ open }) {
                     },
                     children: "Agents"
                   }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                  import_material3.Button,
+                  {
+                    variant: currentselecteTab === "others" ? "contained" : "outlined",
+                    onClick: () => {
+                      setCurrentselecteTab("others");
+                    },
+                    children: "Others"
+                  }
                 )
               ] }),
-              (isProcessAndQueuesListLoading || isIdleAgentsListLoading) && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+              (isProcessAndQueuesListLoading || isIdleAgentsListLoading || isHospitalsServicesListLoading) && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
                 import_material3.Box,
                 {
                   sx: {
@@ -1890,7 +1915,7 @@ function CallTransferDialog({ open }) {
                   ]
                 }
               ),
-              !isProcessAndQueuesListLoading && !isIdleAgentsListLoading && currentselecteTab === "process" && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material3.Box, { sx: { display: "flex", gap: 1, flexWrap: "wrap" }, children: ((_a2 = processAndQueuesList == null ? void 0 : processAndQueuesList.data) == null ? void 0 : _a2.process) && ((_c = (_b = processAndQueuesList == null ? void 0 : processAndQueuesList.data) == null ? void 0 : _b.process) == null ? void 0 : _c.length) > 0 ? (_e = (_d = processAndQueuesList == null ? void 0 : processAndQueuesList.data) == null ? void 0 : _d.process) == null ? void 0 : _e.map((process, index) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+              !isProcessAndQueuesListLoading && !isIdleAgentsListLoading && !isHospitalsServicesListLoading && currentselecteTab === "process" && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material3.Box, { sx: { display: "grid", gridTemplateColumns: ((_a2 = processAndQueuesList == null ? void 0 : processAndQueuesList.data) == null ? void 0 : _a2.process) && ((_c = (_b = processAndQueuesList == null ? void 0 : processAndQueuesList.data) == null ? void 0 : _b.process) == null ? void 0 : _c.length) > 0 ? "repeat(2, 1fr)" : "repeat(1, 1fr)", gap: 1, padding: "10px", flexWrap: "wrap", boxShadow: "1px 1px 4px #d3d3d3ff", borderRadius: "10px" }, children: ((_d = processAndQueuesList == null ? void 0 : processAndQueuesList.data) == null ? void 0 : _d.process) && ((_f = (_e = processAndQueuesList == null ? void 0 : processAndQueuesList.data) == null ? void 0 : _e.process) == null ? void 0 : _f.length) > 0 ? (_h = (_g = processAndQueuesList == null ? void 0 : processAndQueuesList.data) == null ? void 0 : _g.process) == null ? void 0 : _h.map((process, index) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
                 import_material3.Box,
                 {
                   sx: {
@@ -1915,7 +1940,7 @@ function CallTransferDialog({ open }) {
                           alignItems: "center"
                         },
                         children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icons_material.SupportAgent, { sx: { marginRight: "4px" } }),
+                          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icons_material.MemoryOutlined, { sx: { marginRight: "4px" } }),
                           process.process_name
                         ]
                       }
@@ -1937,26 +1962,41 @@ function CallTransferDialog({ open }) {
                   ]
                 },
                 index
-              )) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-                import_material3.Typography,
+              )) : /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+                import_material3.Box,
                 {
-                  variant: "body1",
                   sx: {
-                    fontSize: "16px",
-                    letterSpacing: "0.02em",
-                    textTransform: "capitalize",
                     display: "flex",
                     alignItems: "center",
                     justifyContent: "center",
-                    width: "100%",
-                    margin: "10px 0px",
-                    color: "gray",
-                    height: "60px"
+                    flexDirection: "column"
                   },
-                  children: "No Process Found"
+                  p: 2,
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icons_material.Upcoming, { color: "primary" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                      import_material3.Typography,
+                      {
+                        variant: "body1",
+                        sx: {
+                          fontSize: "16px",
+                          letterSpacing: "0.02em",
+                          textTransform: "capitalize",
+                          display: "flex",
+                          alignItems: "center",
+                          justifyContent: "center",
+                          width: "100%",
+                          margin: "10px 0px",
+                          color: "primary.main",
+                          height: "20px"
+                        },
+                        children: "No Process Found"
+                      }
+                    )
+                  ]
                 }
               ) }),
-              !isProcessAndQueuesListLoading && !isIdleAgentsListLoading && currentselecteTab === "queues" && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material3.Box, { sx: { display: "flex", gap: 1, flexWrap: "wrap" }, children: ((_f = processAndQueuesList == null ? void 0 : processAndQueuesList.data) == null ? void 0 : _f.queue) && ((_h = (_g = processAndQueuesList == null ? void 0 : processAndQueuesList.data) == null ? void 0 : _g.queue) == null ? void 0 : _h.length) > 0 ? (_j = (_i = processAndQueuesList == null ? void 0 : processAndQueuesList.data) == null ? void 0 : _i.queue) == null ? void 0 : _j.map((queue, index) => {
+              !isProcessAndQueuesListLoading && !isIdleAgentsListLoading && !isHospitalsServicesListLoading && currentselecteTab === "queues" && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material3.Box, { sx: { display: "grid", gridTemplateColumns: ((_i = processAndQueuesList == null ? void 0 : processAndQueuesList.data) == null ? void 0 : _i.queue) && ((_k = (_j = processAndQueuesList == null ? void 0 : processAndQueuesList.data) == null ? void 0 : _j.queue) == null ? void 0 : _k.length) > 0 ? "repeat(2, 1fr)" : "repeat(1, 1fr)", gap: 1, padding: "10px", flexWrap: "wrap", boxShadow: "1px 1px 4px #d3d3d3ff", borderRadius: "10px" }, children: ((_l = processAndQueuesList == null ? void 0 : processAndQueuesList.data) == null ? void 0 : _l.queue) && ((_n = (_m = processAndQueuesList == null ? void 0 : processAndQueuesList.data) == null ? void 0 : _m.queue) == null ? void 0 : _n.length) > 0 ? (_p = (_o = processAndQueuesList == null ? void 0 : processAndQueuesList.data) == null ? void 0 : _o.queue) == null ? void 0 : _p.map((queue, index) => {
                 var _a3, _b2, _c2, _d2, _e2, _f2;
                 return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
                   import_material3.Box,
@@ -1983,7 +2023,7 @@ function CallTransferDialog({ open }) {
                             alignItems: "center"
                           },
                           children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icons_material.SupportAgent, { sx: { marginRight: "4px" } }),
+                            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icons_material.Airlines, { sx: { marginRight: "4px" } }),
                             queue.queue_name,
                             ((_c2 = (_b2 = (_a3 = processAndQueuesList == null ? void 0 : processAndQueuesList.data) == null ? void 0 : _a3.process) == null ? void 0 : _b2.find(
                               (process) => process.process_id === queue.process_id
@@ -2024,26 +2064,41 @@ function CallTransferDialog({ open }) {
                   },
                   index
                 );
-              }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-                import_material3.Typography,
+              }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+                import_material3.Box,
                 {
-                  variant: "body1",
                   sx: {
-                    fontSize: "16px",
-                    letterSpacing: "0.02em",
-                    textTransform: "capitalize",
                     display: "flex",
                     alignItems: "center",
                     justifyContent: "center",
-                    width: "100%",
-                    margin: "10px 0px",
-                    color: "gray",
-                    height: "60px"
+                    flexDirection: "column"
                   },
-                  children: "No Queues Found"
+                  p: 2,
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icons_material.Upcoming, { color: "primary" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                      import_material3.Typography,
+                      {
+                        variant: "body1",
+                        sx: {
+                          fontSize: "16px",
+                          letterSpacing: "0.02em",
+                          textTransform: "capitalize",
+                          display: "flex",
+                          alignItems: "center",
+                          justifyContent: "center",
+                          width: "100%",
+                          margin: "10px 0px",
+                          color: "primary.main",
+                          height: "20px"
+                        },
+                        children: "No Queues Found"
+                      }
+                    )
+                  ]
                 }
               ) }),
-              !isProcessAndQueuesListLoading && !isIdleAgentsListLoading && currentselecteTab === "agents" && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material3.Box, { sx: { display: "flex", gap: 1, flexWrap: "wrap" }, children: (idleAgentsList == null ? void 0 : idleAgentsList.data) && ((_k = idleAgentsList == null ? void 0 : idleAgentsList.data) == null ? void 0 : _k.length) > 0 ? (_l = idleAgentsList == null ? void 0 : idleAgentsList.data) == null ? void 0 : _l.map((agent, index) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+              !isProcessAndQueuesListLoading && !isIdleAgentsListLoading && !isHospitalsServicesListLoading && currentselecteTab === "agents" && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material3.Box, { sx: { display: "grid", gridTemplateColumns: (idleAgentsList == null ? void 0 : idleAgentsList.data) && ((_q = idleAgentsList == null ? void 0 : idleAgentsList.data) == null ? void 0 : _q.length) > 0 ? "repeat(2, 1fr)" : "repeat(1, 1fr)", gap: 1, padding: "10px", flexWrap: "wrap", boxShadow: "1px 1px 4px #d3d3d3ff", borderRadius: "10px" }, children: (idleAgentsList == null ? void 0 : idleAgentsList.data) && ((_r = idleAgentsList == null ? void 0 : idleAgentsList.data) == null ? void 0 : _r.length) > 0 ? (_s = idleAgentsList == null ? void 0 : idleAgentsList.data) == null ? void 0 : _s.map((agent, index) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
                 import_material3.Box,
                 {
                   sx: {
@@ -2090,25 +2145,178 @@ function CallTransferDialog({ open }) {
                   ]
                 },
                 index
-              )) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-                import_material3.Typography,
+              )) : /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+                import_material3.Box,
                 {
-                  variant: "body1",
                   sx: {
-                    fontSize: "16px",
-                    letterSpacing: "0.02em",
-                    textTransform: "capitalize",
                     display: "flex",
                     alignItems: "center",
                     justifyContent: "center",
-                    width: "100%",
-                    margin: "10px 0px",
-                    color: "gray",
-                    height: "60px"
+                    flexDirection: "column"
                   },
-                  children: "No Agents Found"
+                  p: 2,
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icons_material.Upcoming, { color: "primary" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                      import_material3.Typography,
+                      {
+                        variant: "body1",
+                        sx: {
+                          fontSize: "16px",
+                          letterSpacing: "0.02em",
+                          textTransform: "capitalize",
+                          display: "flex",
+                          alignItems: "center",
+                          justifyContent: "center",
+                          width: "100%",
+                          margin: "10px 0px",
+                          color: "primary.main",
+                          height: "20px"
+                        },
+                        children: "No Agents Found"
+                      }
+                    )
+                  ]
                 }
-              ) })
+              ) }),
+              !isProcessAndQueuesListLoading && !isIdleAgentsListLoading && !isHospitalsServicesListLoading && currentselecteTab === "others" && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_material3.Box, { sx: { display: "grid", gridTemplateColumns: "repeat(2, 1fr)", gap: 1, padding: "10px", flexWrap: "wrap", boxShadow: "1px 1px 4px #d3d3d3ff", borderRadius: "10px" }, children: [
+                (hospitalsServicesList == null ? void 0 : hospitalsServicesList.data) && ((_t = hospitalsServicesList == null ? void 0 : hospitalsServicesList.data) == null ? void 0 : _t.length) > 0 && ((_u = hospitalsServicesList == null ? void 0 : hospitalsServicesList.data) == null ? void 0 : _u.map((service, index) => {
+                  var _a3, _b2, _c2;
+                  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+                    import_material3.Box,
+                    {
+                      sx: {
+                        p: 1,
+                        display: "flex",
+                        alignItems: "center",
+                        boxShadow: "1px 1px 4px #d3d3d3ff",
+                        padding: "6px",
+                        borderRadius: "10px",
+                        "&:hover": { bgcolor: "action.selected" }
+                      },
+                      children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+                          import_material3.Typography,
+                          {
+                            variant: "body1",
+                            sx: {
+                              mx: 1,
+                              width: "200px",
+                              maxWidth: "250px",
+                              display: "flex",
+                              alignItems: "center"
+                            },
+                            children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icons_material.Roofing, { sx: { marginRight: "4px" } }),
+                              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material3.Tooltip, { title: `${(_a3 = service == null ? void 0 : service.description) != null ? _a3 : ""}`, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_material3.Box, { sx: { color: "text.secondary" }, children: [
+                                service.name,
+                                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material3.Box, { sx: {
+                                  fontSize: "9px",
+                                  fontWeight: "600",
+                                  letterSpacing: "0.02em",
+                                  textTransform: "capitalize",
+                                  color: "gray",
+                                  textOverflow: "ellipsis",
+                                  whiteSpace: "nowrap",
+                                  overflow: "hidden",
+                                  maxWidth: "160px"
+                                }, children: (_b2 = service == null ? void 0 : service.description) != null ? _b2 : "" })
+                              ] }) })
+                            ]
+                          }
+                        ),
+                        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material3.Tooltip, { title: (_c2 = service == null ? void 0 : service.phone_number) != null ? _c2 : "", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                          import_material3.IconButton,
+                          {
+                            color: "success",
+                            sx: {
+                              bgcolor: "action.hover",
+                              "&:hover": { bgcolor: "action.selected" }
+                            },
+                            onClick: () => {
+                              var _a4;
+                              handleTransferCall({
+                                mobile_number: (_a4 = service == null ? void 0 : service.phone_number) != null ? _a4 : ""
+                              }, "OTHER");
+                            },
+                            children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icons_material.Call, {})
+                          }
+                        ) })
+                      ]
+                    },
+                    index
+                  );
+                })),
+                /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+                  import_material3.Box,
+                  {
+                    sx: {
+                      p: 1,
+                      display: "flex",
+                      alignItems: "center",
+                      boxShadow: "1px 1px 4px #d3d3d3ff",
+                      padding: "6px",
+                      borderRadius: "10px"
+                    },
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                        import_material3.Typography,
+                        {
+                          variant: "body1",
+                          sx: {
+                            mx: 1,
+                            width: "200px",
+                            maxWidth: "250px",
+                            display: "flex",
+                            alignItems: "center"
+                          },
+                          children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                            import_material3.TextField,
+                            {
+                              size: "small",
+                              name: "others",
+                              label: "Mobile number",
+                              variant: "outlined",
+                              type: "tel",
+                              value: mobileNumber,
+                              onChange: (e) => {
+                                const v = e.target.value;
+                                if (/^\d*$/.test(v)) {
+                                  setMobileNumber(v);
+                                }
+                              },
+                              slotProps: {
+                                htmlInput: {
+                                  inputMode: "numeric",
+                                  maxLength: 11
+                                }
+                              },
+                              placeholder: "Enter mobile number",
+                              autoComplete: "off"
+                            }
+                          )
+                        }
+                      ),
+                      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material3.Tooltip, { title: mobileNumber ? `Call To - ${mobileNumber}` : "Enter mobile number", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                        import_material3.IconButton,
+                        {
+                          color: "success",
+                          sx: {
+                            bgcolor: "action.hover",
+                            "&:hover": { bgcolor: "action.selected" }
+                          },
+                          onClick: () => {
+                            handleTransferCall({
+                              mobile_number: mobileNumber != null ? mobileNumber : ""
+                            }, "OTHER");
+                          },
+                          children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icons_material.Call, {})
+                        }
+                      ) })
+                    ]
+                  }
+                )
+              ] })
             ]
           }
         )
@@ -2723,6 +2931,7 @@ function cleanupAudioResources() {
 }
 
 // call-control-sdk/lib/components/callControls.tsx
+var import_vault5 = require("@react-solutions/vault");
 var import_jsx_runtime3 = require("react/jsx-runtime");
 var getCombineConfrenceData = (localState, apiData) => {
   const localConfrenceData = localState == null ? void 0 : localState.conferenceLine;
@@ -2930,31 +3139,31 @@ function CallControls({ onDataChange }) {
       console.error("Failed to start mic:", err);
     });
     const handleKeyDown = (event) => {
-      var _a3, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2;
-      const fullState = JSON.parse((_a3 = localStorage.getItem("call-control-sdk-state")) != null ? _a3 : "");
-      const key = (_b2 = event.key) == null ? void 0 : _b2.toLowerCase();
-      if (!event.altKey || ((_c2 = fullState == null ? void 0 : fullState.callData) == null ? void 0 : _c2.status) !== "ONCALL" /* ONCALL */) {
+      var _a3, _b2, _c2, _d2, _e2, _f2, _g2, _h2;
+      const fullState = (0, import_vault5.getItem)(STORAGE_KEY);
+      const key = (_a3 = event.key) == null ? void 0 : _a3.toLowerCase();
+      if (!event.altKey || ((_b2 = fullState == null ? void 0 : fullState.callData) == null ? void 0 : _b2.status) !== "ONCALL" /* ONCALL */) {
         return;
       }
-      if (key === "m" && String((_d2 = fullState == null ? void 0 : fullState.callData) == null ? void 0 : _d2.mute) === "0") {
+      if (key === "m" && String((_c2 = fullState == null ? void 0 : fullState.callData) == null ? void 0 : _c2.mute) === "0") {
         event.preventDefault();
-        (_e2 = micRef.current) == null ? void 0 : _e2.mute();
+        (_d2 = micRef.current) == null ? void 0 : _d2.mute();
         const payload = {
           action: "MUTE" /* MUTE */,
           userId: fullState.agentId
         };
         muteOrUnMute(END_POINT.MUTE_CALL, payload);
       }
-      if (key === "u" && String((_f2 = fullState == null ? void 0 : fullState.callData) == null ? void 0 : _f2.mute) === "1") {
+      if (key === "u" && String((_e2 = fullState == null ? void 0 : fullState.callData) == null ? void 0 : _e2.mute) === "1") {
         event.preventDefault();
         const payload = {
           action: "UNMUTE" /* UNMUTE */,
           userId: fullState.agentId
         };
         muteOrUnMute(END_POINT.MUTE_CALL, payload);
-        (_g2 = micRef.current) == null ? void 0 : _g2.unmute();
+        (_f2 = micRef.current) == null ? void 0 : _f2.unmute();
       }
-      if (key === "h" && String((_h2 = fullState == null ? void 0 : fullState.callData) == null ? void 0 : _h2.hold) === "0") {
+      if (key === "h" && String((_g2 = fullState == null ? void 0 : fullState.callData) == null ? void 0 : _g2.hold) === "0") {
         event.preventDefault();
         const payload = {
           action: "HOLD" /* HOLD */,
@@ -2962,7 +3171,7 @@ function CallControls({ onDataChange }) {
         };
         holdOrUnHold(END_POINT.HOLD_CALL, payload);
       }
-      if (key === "r" && String((_i2 = fullState == null ? void 0 : fullState.callData) == null ? void 0 : _i2.hold) === "1") {
+      if (key === "r" && String((_h2 = fullState == null ? void 0 : fullState.callData) == null ? void 0 : _h2.hold) === "1") {
         event.preventDefault();
         const payload = {
           action: "UNHOLD" /* UNHOLD */,
@@ -3088,13 +3297,13 @@ function CallControls({ onDataChange }) {
         }, 3e4);
       };
       webSocketRef.current.onmessage = (event) => {
-        var _a3, _b2, _c2;
+        var _a3, _b2;
         try {
           const data = JSON.parse(event.data);
           if (data.type === "pong") {
             return;
           }
-          const sdkState = JSON.parse((_a3 = localStorage.getItem(STORAGE_KEY)) != null ? _a3 : "{}");
+          const sdkState = (0, import_vault5.getItem)(STORAGE_KEY);
           const confrence = getCombineConfrenceData(sdkState, data);
           const callData = {
             "agent_id": data == null ? void 0 : data.agent_id,
@@ -3114,7 +3323,7 @@ function CallControls({ onDataChange }) {
           sdkStateManager.updateConferenceData([...confrence]);
           if (["RINGING" /* RINGING */, "DIALING" /* DIALING */].includes(data.status)) {
             setShowIframe(true);
-            setCallWrapuptime((_c2 = (_b2 = sdkState == null ? void 0 : sdkState.sdkConfig) == null ? void 0 : _b2.auto_wrapup_time) != null ? _c2 : null);
+            setCallWrapuptime((_b2 = (_a3 = sdkState == null ? void 0 : sdkState.sdkConfig) == null ? void 0 : _a3.auto_wrapup_time) != null ? _b2 : null);
             sdkStateManager.updateConferenceData(
               [
                 {