@webitel/ui-sdk 25.10.70 → 25.10.72

package/src/components/wt-vidstack-player/wt-vidstack-player.vue

@@ -23,9 +23,12 @@
         :title="props.title"
         :username="props.username"
         :session="props.session"
+        :screenshot-status="props.screenshotStatus"
         :mode="mode"
         @close-player="emit('close')"
         @close-session="emit('close-session')"
+        @make-screenshot="emit('make-screenshot')"
+        @toggle-record="emit('toggle-record')"
       />
 
     </media-player>
@@ -41,17 +44,16 @@ import {
   computed,
   defineEmits,
   defineProps,
-  nextTick,
   onBeforeUnmount,
   onMounted,
   provide,
   ref,
-  useTemplateRef,
-  watch
+  useTemplateRef
 } from 'vue';
 
 import {ComponentSize} from '../../enums';
 import VideoLayout from './components/layouts/video-layout.vue';
+import {ScreenshotStatus} from "./types/ScreenshotStatus";
 import {WtVidstakPlayerControlsMode} from "./types/WtVidstackPlayerControlsMode";
 import {WtVidstackPlayerSession} from "./types/WtVidstackPlayerSession";
 
@@ -66,6 +68,7 @@ interface Props {
   stream?: MediaStream
   mode: WtVidstakPlayerControlsMode;
   session?: WtVidstackPlayerSession
+  screenshotStatus: ScreenshotStatus
 }
 
 const props = withDefaults(defineProps<Props>(), {
@@ -81,6 +84,8 @@ const props = withDefaults(defineProps<Props>(), {
 const emit = defineEmits<{
   'close': [],
   'close-session': [],
+  'make-screenshot': [],
+  'toggle-record': [],
 }>()
 
 const player = useTemplateRef<MediaPlayerElement>('player');
@@ -205,29 +210,15 @@ onBeforeUnmount(() => {
     }
   }
 }
-
-media-player[data-hocus] { // hover or focus within https://vidstack.io/docs/wc/player/components/core/player/?styling=css#player.attrs
-  .controls-group {
-    opacity: 1;
-  }
-
-  .video-display-panel {
-    background: var(--p-player-head-line-hover-background);
-
-    :deep(.video-display-panel) { // show panel buttons on hover
-      opacity: 1;
-    }
-  }
-}
 </style>
 
 <style lang="scss">
 .wt-vidstack-player {
   video {
     height: 100%;
-    object-fit: fill;width: 100%;
+    object-fit: contain;
+    width: 100%;
     min-width: 0;
-
   }
 }
 </style>

package/src/modules/Userinfo/v2/stores/accessStore.ts

@@ -129,7 +129,7 @@ export const createUserAccessStore = ({
       access: rawVisibilityAccess,
     }: CreateUserAccessStoreRawAccess) => {
       // Enable bypass mode if access data is null/undefined
-      bypassMode.value = rawVisibilityAccess === null;
+      // bypassMode.value = rawVisibilityAccess === null;
 
       globalAccess.value = makeGlobalAccessMap(rawGlobalAccess);
       scopeAccess.value = makeScopeAccessMap(rawScopeAccess);

package/src/plugins/primevue/theme/extend/player/player.js

@@ -1,5 +1,10 @@
 const generateCustomSharingPanelSizeCss = ({ size, dt }) => `
-        .screen-sharing-control-panel--${size} .screen-sharing-control-panel__actions {
+        .screen-sharing-control-panel--${size}, .media-control-panel--${size} {
+            padding: ${dt(`player-control-bar-position-padding-${size}`)};
+        }
+        
+        .screen-sharing-control-panel--${size} .screen-sharing-control-panel__actions,
+         .media-control-panel--${size} .media-control-panel__actions {
             gap: ${dt(`player-control-bar-${size}-gap`)};
             border-radius: ${dt(`player-control-bar-${size}-border-radius`)};
             padding: ${dt(`player-control-bar-${size}-padding`)};

package/types/components/wt-navigation-bar/wt-navigation-bar.vue.d.ts

@@ -47,7 +47,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             dark: any;
             light: any;
         };
-        [WebitelApplications.Wfm]: {
+        [WebitelApplications.WFM]: {
             dark: any;
             light: any;
         };

package/types/components/wt-vidstack-player/components/layouts/video-layout.vue.d.ts

@@ -1,3 +1,4 @@
+import { ScreenshotStatus } from "../../types/ScreenshotStatus";
 import { WtVidstakPlayerControlsMode } from "../../types/WtVidstackPlayerControlsMode";
 import { WtVidstackPlayerSession } from "../../types/WtVidstackPlayerSession";
 type __VLS_Props = {
@@ -6,12 +7,17 @@ type __VLS_Props = {
     closable?: boolean;
     mode: WtVidstakPlayerControlsMode;
     session: WtVidstackPlayerSession;
+    screenshotStatus: ScreenshotStatus;
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "close-session": () => any;
+    "make-screenshot": () => any;
+    "toggle-record": () => any;
     "close-player": () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onClose-session"?: () => any;
+    "onMake-screenshot"?: () => any;
+    "onToggle-record"?: () => any;
     "onClose-player"?: () => any;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/types/components/wt-vidstack-player/components/panels/screen-sharing-control-panel/screen-sharing-control-panel.vue.d.ts

@@ -1,10 +1,16 @@
+import { ScreenshotStatus } from "../../../types/ScreenshotStatus";
 import { WtVidstackPlayerSession } from "../../../types/WtVidstackPlayerSession";
 interface Props {
     session: WtVidstackPlayerSession;
+    screenshotStatus: ScreenshotStatus | null;
 }
 declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "close-session": () => any;
+    "make-screenshot": () => any;
+    "toggle-record": () => any;
 }, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
     "onClose-session"?: () => any;
+    "onMake-screenshot"?: () => any;
+    "onToggle-record"?: () => any;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/types/components/wt-vidstack-player/types/ScreenshotStatus.d.ts

@@ -0,0 +1 @@
+export type ScreenshotStatus = 'done' | 'error';

package/types/components/wt-vidstack-player/wt-vidstack-player.vue.d.ts

@@ -1,5 +1,6 @@
 import 'vidstack/player';
 import 'vidstack/player/ui';
+import { ScreenshotStatus } from "./types/ScreenshotStatus";
 import { WtVidstakPlayerControlsMode } from "./types/WtVidstackPlayerControlsMode";
 import { WtVidstackPlayerSession } from "./types/WtVidstackPlayerSession";
 interface Props {
@@ -16,13 +17,18 @@ interface Props {
     stream?: MediaStream;
     mode: WtVidstakPlayerControlsMode;
     session?: WtVidstackPlayerSession;
+    screenshotStatus: ScreenshotStatus;
 }
 declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: () => any;
     "close-session": () => any;
+    "make-screenshot": () => any;
+    "toggle-record": () => any;
 }, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
     onClose?: () => any;
     "onClose-session"?: () => any;
+    "onMake-screenshot"?: () => any;
+    "onToggle-record"?: () => any;
 }>, {
     title: string;
     mode: WtVidstakPlayerControlsMode;