@webitel/ui-sdk 25.12.52 → 25.12.53

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/package.json +1 -1
  2. package/src/modules/CallSession/modules/VideoCall/video-call.vue +14 -14
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@webitel/ui-sdk",
3
- "version": "25.12.52",
3
+ "version": "25.12.53",
4
4
  "private": false,
5
5
  "scripts": {
6
6
  "make-all": "npm version patch --git-tag-version false && npm run build && (npm run build:types || true) && (npm run lint:fix || true) && npm run publish-lib",
package/src/modules/CallSession/modules/VideoCall/video-call.vue CHANGED
@@ -30,25 +30,25 @@
30
30
  @close="emit(`action:${VideoCallAction.CloseScreenshot}`)"
31
31
  />
32
32
 
33
- <template v-if="props['receiver:stream'] && !props['receiver:video:enabled']">
33
+ <template v-if="props['sender:stream'] && !props['sender:video:enabled']">
34
34
  <div
35
- :class="`video-call-receiver--${innerSize}`"
36
- class="video-call-receiver video-call-receiver--muted"
35
+ :class="`video-call-sender--${innerSize}`"
36
+ class="video-call-sender video-call-sender--muted"
37
37
  >
38
38
  <wt-icon :size="senderVideoMutedIconSizes[innerSize]" icon="video-cam-off--filled" />
39
39
  </div>
40
40
  </template>
41
41
 
42
- <template v-else-if="props['receiver:stream']">
42
+ <template v-else-if="props['sender:stream']">
43
43
  <wt-vidstack-player
44
- :stream="props['receiver:stream']"
45
- :class="`video-call-receiver--${innerSize}`"
44
+ :stream="props['sender:stream']"
45
+ :class="`video-call-sender--${innerSize}`"
46
46
  hide-header
47
47
  hide-controls-panel
48
48
  static
49
49
  autoplay
50
50
  muted
51
- class="video-call-receiver"
51
+ class="video-call-sender"
52
52
  />
53
53
  </template>
54
54
  </div>
@@ -151,9 +151,9 @@ const emit = defineEmits<{
151
151
  }>()
152
152
 
153
153
  const mainStream = computed(() => {
154
- if (!props['sender:video:enabled']) return null;
154
+ if (!props['receiver:video:enabled']) return null;
155
155
 
156
- return props['sender:stream'] || props['receiver:stream'];
156
+ return props['receiver:stream'] || props['sender:stream'];
157
157
  })
158
158
 
159
159
  const senderVideoMutedIconSizes = {
@@ -259,7 +259,7 @@ const senderVideoMutedIconSizes = {
259
259
  }
260
260
  }
261
261
 
262
- &-receiver {
262
+ &-sender {
263
263
  flex: 0 0 auto;
264
264
 
265
265
  &--muted {
@@ -277,11 +277,11 @@ const senderVideoMutedIconSizes = {
277
277
  border-radius: var(--p-player-cam-preview-sm-border-radius);
278
278
  }
279
279
 
280
- &.video-call-receiver--muted {
280
+ &.video-call-sender--muted {
281
281
  border-radius: var(--p-player-cam-preview-sm-border-radius);
282
282
  }
283
283
 
284
- &.video-call-sender--muted {
284
+ &.video-call-receiver--muted {
285
285
  padding-bottom: var(--p-player-control-bar-sm-height);
286
286
  }
287
287
 
@@ -297,7 +297,7 @@ const senderVideoMutedIconSizes = {
297
297
  border-radius: var(--p-player-cam-preview-md-border-radius);
298
298
  }
299
299
 
300
- &.video-call-receiver--muted {
300
+ &.video-call-sender--muted {
301
301
  border-radius: var(--p-player-cam-preview-md-border-radius);
302
302
  }
303
303
 
@@ -313,7 +313,7 @@ const senderVideoMutedIconSizes = {
313
313
  border-radius: var(--p-player-cam-preview-lg-border-radius);
314
314
  }
315
315
 
316
- &.video-call-receiver--muted {
316
+ &.video-call-sender--muted {
317
317
  border-radius: var(--p-player-cam-preview-lg-border-radius);
318
318
  }
319
319