call-control-sdk 6.5.1-uat.4 → 6.5.1-uat.6

package/dist/index.js

@@ -88,7 +88,8 @@ var END_POINT = {
   TRANSFER_TO_DETAILS: `${BASE_URL}${VERSION.v1}/cti/transfer-to-details?provider=convox`,
   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`
+  SENTIMENTAL_ANALYSIS: `${BASE_URL}${VERSION.v1}/users/get_sentiment_analysis`,
+  DISPOSITIONS: `${BASE_URL}${VERSION.v1}/cti/calls/dispositions`
 };
 var WS_END_POINT = {
   WS: `${WS_BASE_URL}${VERSION.v1}/cti/ws`
@@ -252,7 +253,7 @@ var SDKStateManager = class {
         });
       }
     } catch (error) {
-      console.warn("Failed to load SDK state from localStorage:", error);
+      console.warn("Failed to load SDK state:", error);
     }
   }
   saveToStorage() {
@@ -276,7 +277,7 @@ var SDKStateManager = class {
       };
       localStorage.setItem(this.STORAGE_KEY, JSON.stringify(persistentState));
     } catch (error) {
-      console.warn("Failed to save SDK state to localStorage:", error);
+      console.warn("Failed to save SDK state:", error);
     }
   }
   notifyListeners() {
@@ -410,7 +411,6 @@ var SDKStateManager = class {
   setConferenceLine(line) {
     var _a2;
     if (!this.state.conferenceLine || !Array.isArray(this.state.conferenceLine)) {
-      console.warn("Conference line data corrupted, resetting to initial state");
       this.state.conferenceLine = this.getInitialState().conferenceLine;
     }
     const conferenceLineData = (_a2 = this.state.conferenceLine) == null ? void 0 : _a2.map((each) => {
@@ -485,19 +485,7 @@ var SDKStateManager = class {
       this.state = this.getInitialState();
       this.notifyListeners();
     } catch (error) {
-      console.warn("Failed to clear localStorage:", error);
-    }
-  }
-  debugStorage() {
-    try {
-      const stored = localStorage.getItem(this.STORAGE_KEY);
-      console.log("Current localStorage data:", stored);
-      if (stored) {
-        console.log("Parsed localStorage data:", JSON.parse(stored));
-      }
-      console.log("Current state:", this.state);
-    } catch (error) {
-      console.error("Error debugging storage:", error);
+      console.warn("Failed to clear:", error);
     }
   }
   getConferenceLines() {
@@ -512,23 +500,17 @@ var EventTrackerSDK = class {
     __publicField(this, "config", null);
     __publicField(this, "ticketId", null);
     __publicField(this, "baseUrl", "");
-    __publicField(this, "eventQueue", []);
-    // private isOnline: boolean = true;
-    // private retryQueue: Array<() => Promise<void>> = [];
     __publicField(this, "flushTimer", null);
   }
   async init(config) {
     this.config = __spreadValues({
-      autoTrack: true,
       retryAttempts: 3,
       queueSize: 100,
       flushInterval: 5e3
     }, config);
     this.baseUrl = config.baseUrl || (typeof window !== "undefined" ? window.location.origin : "");
-    this.setupNetworkDetection();
     const ticket = await this.createTicket();
     this.startPeriodicFlush();
-    console.log("EventTracker SDK initialized successfully");
     return ticket;
   }
   isInitialized() {
@@ -562,104 +544,11 @@ var EventTrackerSDK = class {
       }
       const data = await response.json();
       this.ticketId = data.ticketId;
-      if (this.config.autoTrack) {
-        this.setupAutoTracking();
-      }
       return data;
     } catch (error) {
-      console.error("EventTracker initialization failed:", error);
       throw error;
     }
   }
-  async logEvent(eventType, eventData) {
-    if (!this.config || !this.ticketId) {
-      console.warn("EventTracker not initialized, skipping event:", eventType);
-      return;
-    }
-    const event = {
-      eventType,
-      eventData,
-      timestamp: Date.now()
-    };
-    this.eventQueue.push(event);
-    if (this.eventQueue.length > (this.config.queueSize || 100)) {
-      this.eventQueue.shift();
-    }
-  }
-  // private async sendEvent(event: {
-  // 	eventType: string;
-  // 	eventData?: EventData;
-  // 	timestamp: number;
-  // }): Promise<void> {
-  // 	if (!this.config || !this.ticketId) return;
-  // 	try {
-  // 		const response = await this.makeRequest("/api/v1/et/event", {
-  // 			method: "POST",
-  // 			headers: {
-  // 				"Content-Type": "application/json",
-  // 				"X-API-Key": this.config.apiKey,
-  // 			},
-  // 			body: JSON.stringify({
-  // 				ticketId: this.ticketId,
-  // 				eventType: event.eventType,
-  // 				eventData: event.eventData,
-  // 			}),
-  // 		});
-  // 		if (!response.ok) {
-  // 			throw new Error(`Failed to log event: ${response.status} ${response.statusText}`);
-  // 		}
-  // 		const index = this.eventQueue.findIndex((e) => e.timestamp === event.timestamp);
-  // 		if (index > -1) {
-  // 			this.eventQueue.splice(index, 1);
-  // 		}
-  // 	} catch (error) {
-  // 		console.error("Event logging failed:", error);
-  // 		// this.retryQueue.push(() => this.sendEvent(event));
-  // 	}
-  // }
-  // async closeTicket(): Promise<void> {
-  // 	if (!this.config || !this.ticketId) {
-  // 		throw new Error("EventTracker not initialized");
-  // 	}
-  // 	await this.flush();
-  // 	try {
-  // 		const response = await this.makeRequest("/api/v1/et/close", {
-  // 			method: "POST",
-  // 			headers: {
-  // 				"Content-Type": "application/json",
-  // 				"X-API-Key": this.config.apiKey,
-  // 			},
-  // 			body: JSON.stringify({
-  // 				ticketId: this.ticketId,
-  // 			}),
-  // 		});
-  // 		if (!response.ok) {
-  // 			throw new Error(`Failed to close ticket: ${response.status} ${response.statusText}`);
-  // 		}
-  // 		this.ticketId = null;
-  // 		this.stopPeriodicFlush();
-  // 		console.log("Ticket closed successfully");
-  // 	} catch (error) {
-  // 		console.error("Ticket close failed:", error);
-  // 		throw error;
-  // 	}
-  // }
-  // async flush(): Promise<void> {
-  // 	if (!this.isOnline || this.eventQueue.length === 0) return;
-  // 	// const eventsToFlush = [...this.eventQueue];
-  // 	// for (const event of eventsToFlush) {
-  // 	// 	await this.sendEvent(event);
-  // 	// }
-  // 	const retryItems = [...this.retryQueue];
-  // 	this.retryQueue = [];
-  // 	for (const retryFn of retryItems) {
-  // 		try {
-  // 			await retryFn();
-  // 		} catch (error) {
-  // 			console.error("Retry failed:", error);
-  // 		}
-  // 	}
-  // }
   async makeRequest(url, options) {
     var _a2;
     const fullUrl = `${this.baseUrl}${url}`;
@@ -678,156 +567,11 @@ var EventTrackerSDK = class {
     }
     throw new Error("Max retries exceeded");
   }
-  setupAutoTracking() {
-    var _a2;
-    if (typeof window === "undefined" || !((_a2 = this.config) == null ? void 0 : _a2.autoTrack)) return;
-    const autoTrackConfig = this.config.autoTrack === true ? {} : this.config.autoTrack;
-    if (autoTrackConfig.pageVisits !== false) {
-      this.logEvent("pageVisit", {
-        url: window.location.href,
-        title: document.title,
-        referrer: document.referrer,
-        userAgent: navigator.userAgent,
-        viewport: {
-          width: window.innerWidth,
-          height: window.innerHeight
-        },
-        timestamp: (/* @__PURE__ */ new Date()).toISOString()
-      }).catch((error) => console.warn("Failed to track page visit:", error));
-    }
-    if (autoTrackConfig.clicks !== false) {
-      document.addEventListener("click", (event) => {
-        var _a3;
-        const target = event.target;
-        if (target.tagName === "BUTTON" || target.tagName === "A" || target.onclick || target.getAttribute("role") === "button" || target instanceof HTMLButtonElement && target.type === "button") {
-          this.logEvent("click", {
-            element: target.tagName,
-            text: (_a3 = target.textContent) == null ? void 0 : _a3.trim().substring(0, 100),
-            href: target.getAttribute("href"),
-            id: target.id,
-            className: target.className,
-            role: target.getAttribute("role"),
-            position: {
-              x: event.clientX,
-              y: event.clientY
-            },
-            timestamp: (/* @__PURE__ */ new Date()).toISOString()
-          }).catch((error) => console.warn("Failed to track click:", error));
-        }
-      });
-    }
-    if (autoTrackConfig.forms !== false) {
-      document.addEventListener("submit", (event) => {
-        const target = event.target;
-        const formData = new FormData(target);
-        const formFields = {};
-        formData.forEach((value, key) => {
-          formFields[key] = value.toString();
-        });
-        this.logEvent("formSubmission", {
-          formId: target.id,
-          action: target.action,
-          method: target.method,
-          fields: Object.keys(formFields),
-          fieldCount: Object.keys(formFields).length,
-          timestamp: (/* @__PURE__ */ new Date()).toISOString()
-        }).catch((error) => console.warn("Failed to track form submission:", error));
-      });
-    }
-    if (autoTrackConfig.inputs !== false) {
-      let inputTimer;
-      document.addEventListener("input", (event) => {
-        const target = event.target;
-        if (target.tagName === "INPUT" || target.tagName === "TEXTAREA" || target.tagName === "SELECT") {
-          clearTimeout(inputTimer);
-          inputTimer = setTimeout(() => {
-            var _a3;
-            this.logEvent("fieldChange", {
-              element: target.tagName,
-              type: target.getAttribute("type"),
-              name: target.getAttribute("name"),
-              id: target.id,
-              valueLength: ((_a3 = target.value) == null ? void 0 : _a3.length) || 0,
-              timestamp: (/* @__PURE__ */ new Date()).toISOString()
-            }).catch((error) => console.warn("Failed to track field change:", error));
-          }, 1e3);
-        }
-      });
-    }
-    const sessionStartTime = Date.now();
-    window.addEventListener("beforeunload", () => {
-      const sessionDuration = Date.now() - sessionStartTime;
-      this.logEvent("pageUnload", {
-        url: window.location.href,
-        sessionDuration,
-        timestamp: (/* @__PURE__ */ new Date()).toISOString()
-      });
-    });
-    if (autoTrackConfig.visibility !== false) {
-      document.addEventListener("visibilitychange", () => {
-        this.logEvent("visibilityChange", {
-          hidden: document.hidden,
-          visibilityState: document.visibilityState,
-          timestamp: (/* @__PURE__ */ new Date()).toISOString()
-        });
-      });
-    }
-    if (autoTrackConfig.errors !== false) {
-      window.addEventListener("error", (event) => {
-        this.logEvent("jsError", {
-          message: event.message,
-          filename: event.filename,
-          lineno: event.lineno,
-          colno: event.colno,
-          timestamp: (/* @__PURE__ */ new Date()).toISOString()
-        });
-      });
-      window.addEventListener("unhandledrejection", (event) => {
-        var _a3;
-        this.logEvent("unhandledRejection", {
-          reason: (_a3 = event.reason) == null ? void 0 : _a3.toString(),
-          timestamp: (/* @__PURE__ */ new Date()).toISOString()
-        });
-      });
-    }
-    if (autoTrackConfig.performance !== false && typeof window.performance !== "undefined" && window.performance.navigation) {
-      window.addEventListener("load", () => {
-        setTimeout(() => {
-          const navigation = window.performance.navigation;
-          const timing = window.performance.timing;
-          this.logEvent("performanceMetrics", {
-            navigationTime: timing.navigationStart,
-            loadTime: timing.loadEventEnd - timing.navigationStart,
-            domReady: timing.domContentLoadedEventEnd - timing.navigationStart,
-            renderTime: timing.loadEventEnd - timing.domContentLoadedEventEnd,
-            navigationType: navigation.type,
-            redirectCount: navigation.redirectCount,
-            timestamp: (/* @__PURE__ */ new Date()).toISOString()
-          });
-        }, 1e3);
-      });
-    }
-  }
-  setupNetworkDetection() {
-    if (typeof window === "undefined") return;
-    window.addEventListener("online", () => {
-      console.log("EventTracker: Back online, flushing queued events");
-    });
-    window.addEventListener("offline", () => {
-      console.log("EventTracker: Offline, queueing events");
-    });
-  }
   startPeriodicFlush() {
     if (this.flushTimer) {
       clearInterval(this.flushTimer);
     }
   }
-  // private stopPeriodicFlush(): void {
-  // 	if (this.flushTimer) {
-  // 		clearInterval(this.flushTimer);
-  // 		this.flushTimer = null;
-  // 	}
-  // }
 };
 var eventTracker = new EventTrackerSDK();
 if (typeof window !== "undefined") {
@@ -876,12 +620,6 @@ function createAxiosInstance() {
   );
   instance.interceptors.response.use(
     (response) => {
-      var _a3;
-      const endTime = (/* @__PURE__ */ new Date()).getTime();
-      const startTime = (_a3 = response.config.metadata) == null ? void 0 : _a3.startTime;
-      if (startTime) {
-        console.log(`Request to ${response.config.url} took ${endTime - startTime}ms`);
-      }
       return response;
     },
     async (error) => {
@@ -1310,6 +1048,59 @@ var reducer = (state, action) => {
   }
   throw Error("Unknown action.");
 };
+var useGetRequest = (props = {}) => {
+  const { onSuccess = null, onError = null } = props;
+  const { showToast } = useToast();
+  const [state, dispatch] = (0, import_react9.useReducer)(reducer, initialState);
+  const getRequest = (0, import_react9.useCallback)(
+    (url, config = {}) => {
+      dispatch({
+        type: "isLoading",
+        payload: true
+      });
+      axios_default.get(url, config).then((res) => {
+        var _a2, _b;
+        if ((_a2 = res.data) == null ? void 0 : _a2.success) {
+          dispatch({
+            type: "isSuccess",
+            payload: res.data
+          });
+          onSuccess == null ? void 0 : onSuccess(res.data, config);
+        } else {
+          dispatch({
+            type: "isError",
+            payload: res.data
+          });
+          showToast((_b = res.data) == null ? void 0 : _b.message, "error");
+          onError == null ? void 0 : onError(res.data, config);
+        }
+      }).catch((err) => {
+        var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
+        const error = {
+          status: (_b = (_a2 = err.response) == null ? void 0 : _a2.status) != null ? _b : 500,
+          message: ((_d = (_c = err.response) == null ? void 0 : _c.data) == null ? void 0 : _d.detail) || ((_f = (_e = err.response) == null ? void 0 : _e.data) == null ? void 0 : _f.message) || err.message || "An unknown error occurred",
+          data: (_h = (_g = err.response) == null ? void 0 : _g.data) != null ? _h : null,
+          statusText: (_j = (_i = err.response) == null ? void 0 : _i.statusText) != null ? _j : "",
+          code: (_k = err == null ? void 0 : err.code) != null ? _k : "",
+          name: (_l = err == null ? void 0 : err.name) != null ? _l : ""
+        };
+        showToast(error.message, "error");
+        dispatch({
+          type: "isError",
+          payload: error
+        });
+        onError == null ? void 0 : onError(error, config);
+      }).finally(() => {
+        dispatch({
+          type: "isLoading",
+          payload: false
+        });
+      });
+    },
+    [onSuccess, onError, showToast]
+  );
+  return [getRequest, state];
+};
 var usePostRequest = (props = {}) => {
   const { onSuccess = null, onError = null, disabledSuccessToast = false } = props;
   const { showToast } = useToast();
@@ -1451,7 +1242,7 @@ var ConferenceTableRow = ({ each }) => {
     const line_used = __spreadValues(__spreadValues({}, line), data);
     setConferenceCallStart(true);
     const payload = {
-      action: "EXTERNAL_CONFERENCE",
+      action: "INTERNAL_CONFERENCE",
       operation: `CALL${line_used.line}`,
       line_used: String(line_used.line),
       thirdparty_no: line_used.phone,
@@ -1547,17 +1338,11 @@ var ConferenceTableRow = ({ each }) => {
   const [holdOrUnHold] = usePostRequest({
     onSuccess: () => {
       sdkStateManager.setHolding(!state.isHolding);
-    },
-    onError: (error) => {
-      console.log("\u274C Hold operation error:", error);
     }
   });
   const [muteOrUnMute] = usePostRequest({
     onSuccess: () => {
       sdkStateManager.setMuted(!state.isMuted);
-    },
-    onError: (error) => {
-      console.log("\u274C Mute operation error:", error);
     }
   });
   const handleHoldToggle = () => {
@@ -2454,7 +2239,8 @@ function CallTransferDialog({ open }) {
   ) });
 }
 function EndCallDispositionDialog({ open, setOpen, onSubmitDisposition }) {
-  var _a2, _b, _c, _d;
+  var _a2, _b, _c, _d, _e;
+  const [getDispositions, data] = useGetRequest();
   const [formData, setFormData] = (0, import_react10.useState)({
     disposition: { label: "Resolved", value: "RES" },
     followUp: { label: "No", value: "N" },
@@ -2463,10 +2249,6 @@ function EndCallDispositionDialog({ open, setOpen, onSubmitDisposition }) {
     callbackMins: "",
     selected_break: false
   });
-  const dispositionOptions = [
-    { label: "Not Interested", value: "NI" },
-    { label: "Resolved", value: "RES" }
-  ];
   const followUpOptions = [
     { label: "Yes", value: "Y" },
     { label: "No", value: "N" }
@@ -2488,6 +2270,16 @@ function EndCallDispositionDialog({ open, setOpen, onSubmitDisposition }) {
     handleReset();
     setOpen(false);
   };
+  (0, import_react10.useEffect)(() => {
+    getDispositions(END_POINT.DISPOSITIONS);
+  }, []);
+  const dispositionsOptions = (0, import_react10.useMemo)(() => {
+    var _a3, _b2;
+    return ((_b2 = (_a3 = data == null ? void 0 : data.data) == null ? void 0 : _a3.data) == null ? void 0 : _b2.map((item) => ({
+      label: item.name,
+      value: item.code
+    }))) || [];
+  }, [(_a2 = data == null ? void 0 : data.data) == null ? void 0 : _a2.data]);
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_jsx_runtime2.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
     import_material3.Dialog,
     {
@@ -2540,7 +2332,7 @@ function EndCallDispositionDialog({ open, setOpen, onSubmitDisposition }) {
                       import_material3.Autocomplete,
                       {
                         value: formData.disposition,
-                        options: dispositionOptions,
+                        options: dispositionsOptions,
                         getOptionLabel: (opt) => opt.label,
                         onChange: (_, val) => handleChange("disposition", val),
                         size: "small",
@@ -2605,7 +2397,7 @@ function EndCallDispositionDialog({ open, setOpen, onSubmitDisposition }) {
                       ),
                       " Mark as break"
                     ] }),
-                    ((_b = (_a2 = formData == null ? void 0 : formData.followUp) == null ? void 0 : _a2.label) == null ? void 0 : _b.toLowerCase()) === "yes" ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                    ((_c = (_b = formData == null ? void 0 : formData.followUp) == null ? void 0 : _b.label) == null ? void 0 : _c.toLowerCase()) === "yes" ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
                       import_material3.TextField,
                       {
                         size: "small",
@@ -2623,7 +2415,7 @@ function EndCallDispositionDialog({ open, setOpen, onSubmitDisposition }) {
                   ]
                 }
               ),
-              ((_d = (_c = formData == null ? void 0 : formData.followUp) == null ? void 0 : _c.label) == null ? void 0 : _d.toLowerCase()) === "yes" && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+              ((_e = (_d = formData == null ? void 0 : formData.followUp) == null ? void 0 : _d.label) == null ? void 0 : _e.toLowerCase()) === "yes" && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
                 import_material3.Box,
                 {
                   display: "flex",
@@ -2857,7 +2649,7 @@ async function loadAudioAsBlob() {
     audioBlobUrl = URL.createObjectURL(blob);
     return audioBlobUrl;
   } catch (error) {
-    console.warn("Could not create blob URL, using direct URL:", error);
+    console.error("Could not create blob URL, using direct URL:", error);
     return import_incoming.default;
   }
 }
@@ -2896,15 +2688,11 @@ async function createAudioElement() {
   };
   let loaded = await tryLoadAudio(audioUrl);
   if (!loaded && audioUrl !== import_incoming.default) {
-    console.log("Primary URL failed, trying original import URL:", import_incoming.default);
     loaded = await tryLoadAudio(import_incoming.default);
     if (loaded) {
       audioUrl = import_incoming.default;
     }
   }
-  if (!loaded) {
-    console.error("Failed to load audio with all methods. URL:", audioUrl);
-  }
   return audio;
 }
 function cleanupAudioResources() {
@@ -3026,6 +2814,7 @@ function CallControls({ onDataChange }) {
   const [processList, setProcessList] = (0, import_react11.useState)(null);
   const [phoneNumber, setPhoneNumber] = (0, import_react11.useState)("");
   const [callDuration, setCallDuration] = (0, import_react11.useState)(0);
+  const [callWrapuptime, setCallWrapuptime] = (0, import_react11.useState)(null);
   const { position, isDragging, dragRef, handleMouseDown, handleTouchStart } = useDraggable(
     state.controlPanelPosition,
     (newPosition) => sdkStateManager.setControlPanelPosition(newPosition)
@@ -3049,17 +2838,11 @@ function CallControls({ onDataChange }) {
   const [holdOrUnHold, { isLoading: holdOrUnHoldLoading }] = usePostRequest({
     onSuccess: () => {
       sdkStateManager.setHolding(!state.isHolding);
-    },
-    onError: (error) => {
-      console.log("\u274C Hold operation error:", error);
     }
   });
   const [muteOrUnMute, { isLoading: muteOrUnMuteLoading }] = usePostRequest({
     onSuccess: () => {
       sdkStateManager.setMuted(!state.isMuted);
-    },
-    onError: (error) => {
-      console.log("\u274C Mute operation error:", error);
     }
   });
   const [readyAgentStatus, { isLoading: agentReadyLoading }] = usePostRequest();
@@ -3231,6 +3014,7 @@ function CallControls({ onDataChange }) {
   }, []);
   (0, import_react11.useEffect)(() => {
     let interval;
+    let wrapUpinterval;
     if (state.callData.status && state.callData.status === "ONCALL") {
       interval = setInterval(() => {
         const elapsed = Math.floor((Date.now() - state.callStartTime) / 1e3);
@@ -3239,8 +3023,28 @@ function CallControls({ onDataChange }) {
     } else {
       setCallDuration(0);
     }
+    if (state.callData.status && state.callData.status === "WRAPUP" && callWrapuptime !== null) {
+      wrapUpinterval = setInterval(() => {
+        setCallWrapuptime((prevTime) => {
+          if (prevTime === null || prevTime <= 1) {
+            clearInterval(wrapUpinterval);
+            handleEndCall({
+              disposition: { label: "Resolved", value: "RES" },
+              followUp: { label: "No", value: "N" },
+              callbackDate: "",
+              callbackHrs: "",
+              callbackMins: "",
+              selected_break: false
+            });
+            return null;
+          }
+          return prevTime - 1;
+        });
+      }, 1e3);
+    }
     return () => {
       if (interval) clearInterval(interval);
+      if (wrapUpinterval) clearInterval(wrapUpinterval);
     };
   }, [state.callData.status]);
   (0, import_react11.useEffect)(() => {
@@ -3291,13 +3095,10 @@ function CallControls({ onDataChange }) {
       }).catch((err) => {
         showToast(err.response.data.message, "error");
       });
-    } else {
-      console.log("No agentId available, skipping API call");
     }
   }, [state.agentId]);
   const connectWebSocket = () => {
     if (!state.agentId) {
-      console.log("No agentId available, cannot connect WebSocket");
       return;
     }
     if (reconnectTimeoutRef.current) {
@@ -3316,7 +3117,6 @@ function CallControls({ onDataChange }) {
           if (webSocketRef.current && webSocketRef.current.readyState === WebSocket.OPEN) {
             try {
               webSocketRef.current.send(JSON.stringify({ type: "ping" }));
-              console.log("\u{1F4E1} WebSocket ping sent");
             } catch (error) {
               console.error("Failed to send ping:", error);
             }
@@ -3324,14 +3124,14 @@ function CallControls({ onDataChange }) {
         }, 3e4);
       };
       webSocketRef.current.onmessage = (event) => {
+        var _a3, _b2, _c2;
         try {
           const data = JSON.parse(event.data);
           if (data.type === "pong") {
-            console.log("\u{1F4E1} WebSocket pong received");
             return;
           }
-          const rls = localStorage.getItem("call-control-sdk-state");
-          const confrence = getCombineConfrenceData(JSON.parse(rls || "{}"), data);
+          const rls = JSON.parse((_a3 = localStorage.getItem("call-control-sdk-state")) != null ? _a3 : "{}");
+          const confrence = getCombineConfrenceData(rls, data);
           sdkStateManager.updateCallData(data);
           sdkStateManager.updateConferenceData([...confrence]);
           if ((data.status === "RINGING" || data.status === "DIALING") && (data == null ? void 0 : data.mode) !== "manual") {
@@ -3401,6 +3201,7 @@ function CallControls({ onDataChange }) {
           }
           if (data.status === "ONCALL") {
             sdkStateManager.startCall();
+            setCallWrapuptime((_c2 = (_b2 = rls == null ? void 0 : rls.sdkConfig) == null ? void 0 : _b2.auto_wrapup_time) != null ? _c2 : null);
             if (!showIframe) {
               setShowIframe(true);
             }
@@ -3409,11 +3210,10 @@ function CallControls({ onDataChange }) {
             sdkStateManager.endCall();
           }
         } catch (e) {
-          console.log("\u{1F4E8} Raw message:", event.data);
+          console.error("\u{1F4E8} Raw message:", event.data);
         }
       };
       webSocketRef.current.onclose = (event) => {
-        console.log("\u{1F50C} WebSocket connection closed", event.code, event.reason);
         if (pingIntervalRef.current) {
           clearInterval(pingIntervalRef.current);
           pingIntervalRef.current = null;
@@ -3424,14 +3224,13 @@ function CallControls({ onDataChange }) {
             baseReconnectDelay * Math.pow(2, reconnectAttemptsRef.current - 1),
             maxReconnectDelay
           );
-          console.log(
+          console.warn(
             `\u{1F504} Attempting to reconnect WebSocket (attempt ${reconnectAttemptsRef.current}/${maxReconnectAttempts}) in ${delay}ms`
           );
           reconnectTimeoutRef.current = setTimeout(() => {
             connectWebSocket();
           }, delay);
         } else if (reconnectAttemptsRef.current >= maxReconnectAttempts) {
-          console.error("\u274C Maximum reconnection attempts reached. Please refresh the page.");
           showToast("WebSocket connection failed. Please refresh the page.", "error");
         }
       };
@@ -3439,7 +3238,6 @@ function CallControls({ onDataChange }) {
         console.error("\u274C WebSocket error:", error);
       };
     } catch (error) {
-      console.error("\u274C Failed to create WebSocket:", error);
       if (reconnectAttemptsRef.current < maxReconnectAttempts) {
         reconnectAttemptsRef.current += 1;
         const delay = Math.min(
@@ -3592,7 +3390,7 @@ function CallControls({ onDataChange }) {
                               fontWeight: "600",
                               cursor: "pointer"
                             },
-                            children: formatDuration(callDuration)
+                            children: state.callData.status === "WRAPUP" && callWrapuptime !== null ? formatDuration(callWrapuptime) : formatDuration(callDuration)
                           }
                         ) }),
                         /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
@@ -4142,7 +3940,7 @@ async function initSDK({
       baseUrl: BASE_URL
     });
     if (initResult) {
-      console.log("SDK initialized successfully");
+      console.info("SDK initialized successfully");
       sdkStateManager.initialize(
         apiKey.trim(),
         tenantId.trim(),
@@ -4151,14 +3949,12 @@ async function initSDK({
         initResult
       );
     } else {
-      console.error("SDK initialization failed: Event tracker initialization returned false");
       sdkStateManager.setInitCheck();
       throw new Error(
         "SDK initialization failed: Unable to establish connection with the CTI system"
       );
     }
   } catch (error) {
-    console.error("SDK initialization error:", error);
     sdkStateManager.setInitCheck();
     if (error instanceof Error) {
       throw error;