@webitel/ui-sdk 26.2.31 → 26.2.33

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

@@ -213,212 +213,196 @@ const senderVideoMutedIconSizes = {
 };
 </script>
 
-<style lang="scss" scoped>
-@use '@webitel/styleguide/typography' as *;
-
+<style scoped>
 .video-call {
   flex: 0 0 auto;
+}
+
+.video-call-position--left-bottom.wt-vidstack-player--sm {
+  left: var(--spacing-sm);
+  bottom: var(--spacing-sm);
+  top: unset;
+}
+
+.video-call-position--left-bottom.wt-vidstack-player--md {
+  top: unset;
+  left: var(--spacing-sm);
+  bottom: var(--spacing-sm);
+}
+
+.video-call-position--right-bottom.wt-vidstack-player--sm {
+  top: unset;
+  right: var(--spacing-sm);
+  bottom: var(--spacing-sm);
+}
+
+.video-call-position--right-bottom.wt-vidstack-player--md {
+  top: unset;
+  right: var(--spacing-sm);
+  bottom: var(--spacing-sm);
+}
+
+.video-call-position--center.wt-vidstack-player {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  right: unset;
+  bottom: unset;
+  transform: translate(-50%, -50%);
+}
+
+.video-call-overlay {
+  width: 100%;
+  height: 100%;
+  display: block;
+  position: absolute;
+  left: 0;
+  top: 0;
+  z-index: -1;
+  background: var(--p-player-wrapper-background);
+}
+
+.video-call-content {
+  height: 100%;
+  padding: var(--p-player-counter-position-padding-sm);
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-end;
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+}
+
+.video-call-content--sm {
+  padding-bottom: calc(var(--p-player-control-bar-sm-height) + var(--p-player-counter-position-padding-sm));
+}
+
+.video-call-content-wrapper {
+  position: absolute;
+  display: flex;
+  flex-direction: column;
+  gap: var(--p-player-control-bar-sm-gap);
+}
+
+.video-call-content-wrapper--sm {
+  left: var(--p-player-counter-position-padding-sm);
+  bottom: calc(var(--p-player-counter-position-padding-sm) + var(--p-player-control-bar-sm-height));
+}
+
+.video-call-content-wrapper--md {
+  left: var(--p-player-counter-position-padding-md);
+  bottom: var(--p-player-counter-position-padding-md);
+}
+
+.video-call-content-wrapper--lg {
+  left: var(--p-player-counter-position-padding-lg);
+  bottom: var(--p-player-counter-position-padding-lg);
+}
+
+.video-call-receiver {
+  color: var(--p-player-wrapper-muted-color);
+}
+
+.video-call-receiver--sm .video-call-receiver-text {
+  max-width: 73px;
+}
+
+.video-call-receiver--muted {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-xs);
+  align-items: center;
+  justify-content: center;
+}
+
+.video-call-sender {
+  flex: 0 0 auto;
+}
+
+.video-call-sender--muted {
+  background: var(--p-player-wrapper-background);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  overflow: hidden;
+  border: 1px solid;
+  border-color: var(--p-player-wrapper-border-color);
+}
+
+.video-call-sender--sm :deep(video) {
+  border-radius: var(--p-player-cam-preview-sm-border-radius);
+}
+
+.video-call-sender--sm.video-call-sender--muted {
+  border-radius: var(--p-player-cam-preview-sm-border-radius);
+}
+
+.video-call-sender--sm.video-call-receiver--muted {
+  padding-bottom: var(--p-player-control-bar-sm-height);
+}
+
+.video-call-sender--sm {
+  width: var(--p-player-cam-preview-sm-width);
+  height: var(--p-player-cam-preview-sm-height);
+  position: relative;
+  right: 0;
+  bottom: 0;
+}
+
+.video-call-sender--md :deep(video) {
+  border-radius: var(--p-player-cam-preview-md-border-radius);
+}
+
+.video-call-sender--md.video-call-sender--muted {
+  border-radius: var(--p-player-cam-preview-md-border-radius);
+}
+
+.video-call-sender--md {
+  width: var(--p-player-cam-preview-md-width);
+  height: var(--p-player-cam-preview-md-height);
+  position: relative;
+  right: 0;
+  bottom: 0;
+}
+
+.video-call-sender--lg :deep(video) {
+  border-radius: var(--p-player-cam-preview-lg-border-radius);
+}
+
+.video-call-sender--lg.video-call-sender--muted {
+  border-radius: var(--p-player-cam-preview-lg-border-radius);
+}
+
+.video-call-sender--lg {
+  width: var(--p-player-cam-preview-lg-width);
+  height: var(--p-player-cam-preview-lg-height);
+  position: relative;
+  right: 0;
+  bottom: 0;
+}
+
+.video-call__indicator {
+  position: absolute;
+  display: flex;
+  align-items: end;
+  justify-content: flex-end;
+}
+
+.video-call__indicator--sm {
+  right: var(--p-player-counter-position-padding-sm);
+  bottom: calc(var(--p-player-counter-position-padding-sm) + var(--p-player-control-bar-sm-height));
+}
+
+.video-call__indicator--md {
+  right: var(--p-player-counter-position-padding-md);
+  bottom: var(--p-player-counter-position-padding-md);
+}
 
-  &-position {
-    &--left-bottom {
-      &.wt-vidstack-player {
-        &--sm {
-          left: var(--spacing-sm);
-          bottom: var(--spacing-sm);
-          top: unset;
-        }
-
-        &--md {
-          top: unset;
-          left: var(--spacing-sm);
-          bottom: var(--spacing-sm);
-        }
-      }
-    }
-
-    &--right-bottom {
-      &.wt-vidstack-player {
-        &--sm {
-          top: unset;
-          right: var(--spacing-sm);
-          bottom: var(--spacing-sm);
-        }
-
-        &--md {
-          top: unset;
-          right: var(--spacing-sm);
-          bottom: var(--spacing-sm);
-        }
-      }
-    }
-
-    &--center {
-      &.wt-vidstack-player {
-        position: absolute;
-        top: 50%;
-        left: 50%;
-        right: unset;
-        bottom: unset;
-        transform: translate(-50%, -50%);
-      }
-    }
-  }
-
-  &-overlay {
-    width: 100%;
-    height: 100%;
-    display: block;
-    position: absolute;
-    left: 0;
-    top: 0;
-    z-index: -1;
-    background: var(--p-player-wrapper-background);
-  }
-
-  &-content {
-    height: 100%;
-    padding: var(--p-player-counter-position-padding-sm);
-    display: flex;
-    justify-content: space-between;
-    align-items: flex-end;
-    position: absolute;
-    left: 0;
-    top: 0;
-    width: 100%;
-
-    &--sm {
-      padding-bottom: calc(var(--p-player-control-bar-sm-height) + var(--p-player-counter-position-padding-sm));
-    }
-
-    &-wrapper {
-      position: absolute;
-      display: flex;
-      flex-direction: column;
-      gap: var(--p-player-control-bar-sm-gap);
-
-      &--sm {
-        left: var(--p-player-counter-position-padding-sm);
-        bottom: calc(var(--p-player-counter-position-padding-sm) + var(--p-player-control-bar-sm-height));
-      }
-
-      &--md {
-        left: var(--p-player-counter-position-padding-md);
-        bottom: var(--p-player-counter-position-padding-md);
-      }
-
-      &--lg {
-        left: var(--p-player-counter-position-padding-lg);
-        bottom: var(--p-player-counter-position-padding-lg);
-      }
-    }
-  }
-
-  &-receiver {
-    color: var(--p-player-wrapper-muted-color);
-
-    &--sm {
-      .video-call-receiver-text {
-        max-width: 73px;
-      }
-    }
-
-    &--muted {
-      width: 100%;
-      height: 100%;
-      display: flex;
-      flex-direction: column;
-      gap: var(--spacing-xs);
-      align-items: center;
-      justify-content: center;
-    }
-  }
-
-  &-sender {
-    flex: 0 0 auto;
-
-    &--muted {
-      background: var(--p-player-wrapper-background);
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      overflow: hidden;
-      border: 1px solid;
-      border-color: var(--p-player-wrapper-border-color);
-    }
-
-    &--sm {
-      :deep(video) {
-        border-radius: var(--p-player-cam-preview-sm-border-radius);
-      }
-
-      &.video-call-sender--muted {
-        border-radius: var(--p-player-cam-preview-sm-border-radius);
-      }
-
-      &.video-call-receiver--muted {
-        padding-bottom: var(--p-player-control-bar-sm-height);
-      }
-
-      width: var(--p-player-cam-preview-sm-width);
-      height: var(--p-player-cam-preview-sm-height);
-      position: relative;
-      right: 0;
-      bottom: 0;
-    }
-
-    &--md {
-      :deep(video) {
-        border-radius: var(--p-player-cam-preview-md-border-radius);
-      }
-
-      &.video-call-sender--muted {
-        border-radius: var(--p-player-cam-preview-md-border-radius);
-      }
-
-      width: var(--p-player-cam-preview-md-width);
-      height: var(--p-player-cam-preview-md-height);
-      position: relative;
-      right: 0;
-      bottom: 0;
-    }
-
-    &--lg {
-      :deep(video) {
-        border-radius: var(--p-player-cam-preview-lg-border-radius);
-      }
-
-      &.video-call-sender--muted {
-        border-radius: var(--p-player-cam-preview-lg-border-radius);
-      }
-
-      width: var(--p-player-cam-preview-lg-width);
-      height: var(--p-player-cam-preview-lg-height);
-      position: relative;
-      right: 0;
-      bottom: 0;
-    }
-  }
-
-  &__indicator {
-    position: absolute;
-    display: flex;
-    align-items: end;
-    justify-content: flex-end;
-
-    &--sm {
-      right: var(--p-player-counter-position-padding-sm);
-      bottom: calc(var(--p-player-counter-position-padding-sm) + var(--p-player-control-bar-sm-height));
-    }
-
-    &--md {
-      right: var(--p-player-counter-position-padding-md);
-      bottom: var(--p-player-counter-position-padding-md);
-    }
-
-    &--lg {
-      right: var(--p-player-counter-position-padding-lg);
-      bottom: var(--p-player-counter-position-padding-lg);
-    }
-  }
+.video-call__indicator--lg {
+  right: var(--p-player-counter-position-padding-lg);
+  bottom: var(--p-player-counter-position-padding-lg);
 }
 </style>

package/src/modules/Userinfo/v2/mappings/mappings.ts

@@ -1,4 +1,4 @@
-import invert from 'lodash/fp/invert';
+import invert from 'lodash/invert';
 
 import {
 	AdminSections,

package/types/components/wt-action-bar/WtActionBarActionsOrder.d.ts

@@ -1,2 +1,2 @@
-export const tableActionsOrder: ("filters" | "delete" | "add" | "refresh" | "upload" | "download" | "copy" | "columns" | "variables" | "add-contact" | "download-pdf")[];
-export const sectionActionsOrder: ("filters" | "delete" | "add" | "refresh" | "upload" | "download" | "copy" | "columns" | "variables" | "add-contact" | "download-pdf")[];
+export const tableActionsOrder: ("delete" | "filters" | "add" | "refresh" | "upload" | "download" | "copy" | "columns" | "variables" | "add-contact" | "download-pdf")[];
+export const sectionActionsOrder: ("delete" | "filters" | "add" | "refresh" | "upload" | "download" | "copy" | "columns" | "variables" | "add-contact" | "download-pdf")[];

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

@@ -83,58 +83,58 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     exclude: unknown[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 type __VLS_Slots = {
-    filters?: (props: {
-        action: "filters" | "delete" | "add" | "refresh" | "upload" | "download" | "copy" | "columns" | "variables" | "add-contact" | "download-pdf";
+    delete?: (props: {
+        action: "delete" | "filters" | "add" | "refresh" | "upload" | "download" | "copy" | "columns" | "variables" | "add-contact" | "download-pdf";
         size: string;
         onClick: () => void;
     }) => any;
-    delete?: (props: {
-        action: "filters" | "delete" | "add" | "refresh" | "upload" | "download" | "copy" | "columns" | "variables" | "add-contact" | "download-pdf";
+    filters?: (props: {
+        action: "delete" | "filters" | "add" | "refresh" | "upload" | "download" | "copy" | "columns" | "variables" | "add-contact" | "download-pdf";
         size: string;
         onClick: () => void;
     }) => any;
     add?: (props: {
-        action: "filters" | "delete" | "add" | "refresh" | "upload" | "download" | "copy" | "columns" | "variables" | "add-contact" | "download-pdf";
+        action: "delete" | "filters" | "add" | "refresh" | "upload" | "download" | "copy" | "columns" | "variables" | "add-contact" | "download-pdf";
         size: string;
         onClick: () => void;
     }) => any;
     refresh?: (props: {
-        action: "filters" | "delete" | "add" | "refresh" | "upload" | "download" | "copy" | "columns" | "variables" | "add-contact" | "download-pdf";
+        action: "delete" | "filters" | "add" | "refresh" | "upload" | "download" | "copy" | "columns" | "variables" | "add-contact" | "download-pdf";
         size: string;
         onClick: () => void;
     }) => any;
     upload?: (props: {
-        action: "filters" | "delete" | "add" | "refresh" | "upload" | "download" | "copy" | "columns" | "variables" | "add-contact" | "download-pdf";
+        action: "delete" | "filters" | "add" | "refresh" | "upload" | "download" | "copy" | "columns" | "variables" | "add-contact" | "download-pdf";
         size: string;
         onClick: () => void;
     }) => any;
     download?: (props: {
-        action: "filters" | "delete" | "add" | "refresh" | "upload" | "download" | "copy" | "columns" | "variables" | "add-contact" | "download-pdf";
+        action: "delete" | "filters" | "add" | "refresh" | "upload" | "download" | "copy" | "columns" | "variables" | "add-contact" | "download-pdf";
         size: string;
         onClick: () => void;
     }) => any;
     copy?: (props: {
-        action: "filters" | "delete" | "add" | "refresh" | "upload" | "download" | "copy" | "columns" | "variables" | "add-contact" | "download-pdf";
+        action: "delete" | "filters" | "add" | "refresh" | "upload" | "download" | "copy" | "columns" | "variables" | "add-contact" | "download-pdf";
         size: string;
         onClick: () => void;
     }) => any;
     columns?: (props: {
-        action: "filters" | "delete" | "add" | "refresh" | "upload" | "download" | "copy" | "columns" | "variables" | "add-contact" | "download-pdf";
+        action: "delete" | "filters" | "add" | "refresh" | "upload" | "download" | "copy" | "columns" | "variables" | "add-contact" | "download-pdf";
         size: string;
         onClick: () => void;
     }) => any;
     variables?: (props: {
-        action: "filters" | "delete" | "add" | "refresh" | "upload" | "download" | "copy" | "columns" | "variables" | "add-contact" | "download-pdf";
+        action: "delete" | "filters" | "add" | "refresh" | "upload" | "download" | "copy" | "columns" | "variables" | "add-contact" | "download-pdf";
         size: string;
         onClick: () => void;
     }) => any;
     "add-contact"?: (props: {
-        action: "filters" | "delete" | "add" | "refresh" | "upload" | "download" | "copy" | "columns" | "variables" | "add-contact" | "download-pdf";
+        action: "delete" | "filters" | "add" | "refresh" | "upload" | "download" | "copy" | "columns" | "variables" | "add-contact" | "download-pdf";
         size: string;
         onClick: () => void;
     }) => any;
     "download-pdf"?: (props: {
-        action: "filters" | "delete" | "add" | "refresh" | "upload" | "download" | "copy" | "columns" | "variables" | "add-contact" | "download-pdf";
+        action: "delete" | "filters" | "add" | "refresh" | "upload" | "download" | "copy" | "columns" | "variables" | "add-contact" | "download-pdf";
         size: string;
         onClick: () => void;
     }) => any;

package/types/components/wt-input-number/wt-input-number.vue.d.ts

@@ -32,7 +32,7 @@ type __VLS_Slots = {} & {
     suffix?: (props: typeof __VLS_51) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
-    focus: () => any;
+    focus: () => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: number) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{

package/types/components/wt-input-text/wt-input-text.vue.d.ts

@@ -27,7 +27,7 @@ type __VLS_Slots = {} & {
     suffix?: (props: typeof __VLS_39) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
-    focus: () => any;
+    focus: () => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{

package/types/components/wt-password/wt-password.vue.d.ts

@@ -23,7 +23,7 @@ type __VLS_Slots = {} & {
     label?: (props: typeof __VLS_7) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
-    focus: () => any;
+    focus: () => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{

package/types/components/wt-table/wt-table.vue.d.ts

@@ -102,8 +102,8 @@ declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, i
     "onColumn-resize"?: (...args: any[]) => any;
     "onColumn-reorder"?: (...args: any[]) => any;
 }>, {
-    data: Array<unknown>;
     headers: WtTableHeader[];
+    data: Array<unknown>;
     sortable: boolean;
     selectable: boolean;
     gridActions: boolean;

package/types/composables/useInputControl/useInputControl.d.ts

@@ -1,4 +1,4 @@
 export declare const useInputControl: (input: any) => {
-    focus: () => any;
+    focus: () => void;
     handleKeyup: (e: any) => any;
 };

package/types/plugins/primevue/theme/components/avatar/avatar.d.ts

@@ -7,20 +7,20 @@ declare const avatar: {
                 color: string;
             };
             letters: {
-                "p1-color": string;
-                "p2-color": string;
-                "p3-color": string;
-                "p4-color": string;
-                "p5-color": string;
-                "p6-color": string;
-                "p7-color": string;
-                "p8-color": string;
-                "p9-color": string;
-                "p10-color": string;
-                "p11-color": string;
-                "p12-color": string;
-                "p13-color": string;
-                "p14-color": string;
+                'p1-color': string;
+                'p2-color': string;
+                'p3-color': string;
+                'p4-color': string;
+                'p5-color': string;
+                'p6-color': string;
+                'p7-color': string;
+                'p8-color': string;
+                'p9-color': string;
+                'p10-color': string;
+                'p11-color': string;
+                'p12-color': string;
+                'p13-color': string;
+                'p14-color': string;
             };
         };
         dark: {
@@ -29,20 +29,20 @@ declare const avatar: {
                 color: string;
             };
             letters: {
-                "p1-color": string;
-                "p2-color": string;
-                "p3-color": string;
-                "p4-color": string;
-                "p5-color": string;
-                "p6-color": string;
-                "p7-color": string;
-                "p8-color": string;
-                "p9-color": string;
-                "p10-color": string;
-                "p11-color": string;
-                "p12-color": string;
-                "p13-color": string;
-                "p14-color": string;
+                'p1-color': string;
+                'p2-color': string;
+                'p3-color': string;
+                'p4-color': string;
+                'p5-color': string;
+                'p6-color': string;
+                'p7-color': string;
+                'p8-color': string;
+                'p9-color': string;
+                'p10-color': string;
+                'p11-color': string;
+                'p12-color': string;
+                'p13-color': string;
+                'p14-color': string;
             };
         };
     };

package/types/scripts/caseConverters.d.ts

@@ -1 +1 @@
-export { camelToKebab, camelToSnake, kebabToCamel, kebabToSnake, objCamelToKebab, objCamelToSnake, objSnakeToCamel, snakeToCamel, snakeToKebab } from "@webitel/api-services/utils";
+export {};

package/types/api/history/index.d.ts

@@ -1,2 +0,0 @@
-export { callTranscript };
-import callTranscript from './transcript/callTranscript.js';

package/types/api/history/transcript/callTranscript.d.ts

@@ -1,15 +0,0 @@
-export default CallTranscriptAPI;
-declare namespace CallTranscriptAPI {
-    export { createTranscript as create };
-    export { getTranscript as get };
-    export { deleteTranscript as delete };
-}
-declare function createTranscript({ callId }: {
-    callId: any;
-}): Promise<any>;
-declare function getTranscript({ id, page, size }: {
-    id: any;
-    page?: number;
-    size?: number;
-}): Promise<any>;
-declare function deleteTranscript(item: any): Promise<any>;

package/types/assets/icons/sprite/_index.d.ts

@@ -1,2 +0,0 @@
-declare const _default: Record<string, string>;
-export default _default;