@webitel/ui-sdk 26.8.100 → 26.8.102

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webitel/ui-sdk",
-	"version": "26.8.100",
+	"version": "26.8.102",
 	"private": false,
 	"scripts": {
 		"dev": "npm run docs:dev",

package/src/modules/AgentStatusSelect/components/wt-cc-agent-status-select.vue

@@ -10,7 +10,7 @@
       @update:model-value="toggleCallCenterMode"
     />
     <wt-status-select
-      :key="status"
+      :key="`${status}_${statusSelectKey}`"
       :status="status"
       :status-duration="statusDuration"
       :disabled="disabled"
@@ -85,6 +85,8 @@ const emit = defineEmits<{
 
 const { t } = useI18n();
 
+const statusSelectKey = ref(0);
+
 const isPauseCausePopup = ref(false);
 const pauseCauses = ref<EngineForAgentPauseCause[]>([]);
 const error = ref(null);
@@ -109,6 +111,7 @@ function openPauseCausePopup() {
 
 function closePauseCausePopup() {
 	isPauseCausePopup.value = false;
+	statusSelectKey.value++;
 }
 
 async function loadPauseCauses(): Promise<void> {
@@ -125,6 +128,7 @@ function openActivityTypePopup() {
 function closeActivityTypePopup() {
 	isActivityTypePopup.value = false;
 	callCenterModeChanging.value = false;
+	statusSelectKey.value++;
 }
 
 async function updateStatus({
@@ -162,7 +166,8 @@ async function changeStatus({
 		await updateStatus(statusPayload);
 		emit('changed', statusPayload);
 	} catch (err) {
-		if (err.response.data.id === PauseNotAllowedError.id) error.value = err;
+		statusSelectKey.value++;
+		if (err?.response?.data?.id === PauseNotAllowedError.id) error.value = err;
 		throw err;
 	}
 }

package/src/modules/CallSession/modules/VideoCall/video-call.vue

@@ -678,10 +678,6 @@ const senderVideoMutedIconSizes: Partial<Record<ComponentSize, ComponentSize>> =
   height: 160px;
 }
 
-.video-call-content-wrapper--sender-portrait .video-call-sender.video-call-sender--lg :deep(video) {
-  object-fit: cover;
-}
-
 .video-call-receiver {
   color: var(--p-player-wrapper-muted-color);
 }