@webitel/ui-sdk 25.8.63 → 25.8.65

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webitel/ui-sdk",
-  "version": "25.8.63",
+  "version": "25.8.65",
   "private": false,
   "scripts": {
     "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/components/wt-button-select/wt-button-select.vue

@@ -1,5 +1,6 @@
 <template>
   <div
+    ref="buttonSelect"
     v-clickaway="atClickaway"
     class="wt-button-select"
   >
@@ -43,7 +44,7 @@
 </template>
 
 <script setup>
-import { ref } from 'vue';
+import { ref, useTemplateRef } from 'vue';
 
 const props = defineProps({
   /**
@@ -84,6 +85,7 @@ const emit = defineEmits([
 ]);
 
 const isOpened = ref(false);
+const buttonSelect = useTemplateRef('buttonSelect');
 
 const selectOption = ({ option, index }) => {
   emit('click:option', option, index);
@@ -96,7 +98,10 @@ const atClickaway = () => {
 
 const toggleContextMenu = (toggle, e) => {
   isOpened.value = !isOpened.value;
-  toggle(e)
+  // The menu is positioned relative to `buttonSelect` (reference button).
+  // If not provided, it defaults to centering on the trigger button (`e`).
+  // https://webitel.atlassian.net/browse/WTEL-7349
+  toggle(e, buttonSelect.value)
 };
 </script>
 

package/src/components/wt-datepicker/wt-datepicker.vue

@@ -87,6 +87,8 @@
 import '@vuepic/vue-datepicker/dist/main.css';
 
 import VueDatepicker from '@vuepic/vue-datepicker';
+import { useWindowFocus } from '@vueuse/core'
+import { watch } from 'vue'
 import { computed, ref, toRefs } from 'vue';
 
 import { useValidation } from '../../mixins/validationMixin/useValidation';
@@ -161,6 +163,8 @@ const emit = defineEmits(['input']);
 const isOpened = ref(false);
 const datepicker = ref(null); // template ref
 
+const winFocused = useWindowFocus()
+
 const isDateTime = props.mode === 'datetime';
 
 const requiredLabel = computed(() => {
@@ -178,12 +182,23 @@ const { isValidation, invalid, validationText } = useValidation({
 const clearValue = () => {
   emit('input', null);
 
+  closePicker()
+};
+
+const closePicker = () => {
   if (isOpened.value) {
     datepicker?.value.closeMenu();
   }
 
   isOpened.value = false;
-};
+}
+
+// close picker when window loses focus(when clicking to iframe)
+// https://webitel.atlassian.net/browse/WTEL-5794
+watch(winFocused, (focused) => {
+  if (!focused && isOpened.value) closePicker()
+})
+
 </script>
 
 <style lang="scss">

package/src/components/wt-popover/wt-popover.vue

@@ -41,12 +41,16 @@ withDefaults(defineProps<PopoverProps>(), {
 });
 defineEmits<PopoverEmitsOptions>();
 
-const toggle = (event?: Event) => {
-  innerPopover.value?.toggle(event);
+const toggle = (event?: Event, target?: HTMLElement | null | undefined) => {
+  innerPopover.value?.toggle(event, target ?? undefined);
 };
 
-const show = (event?: Event) => {
-  innerPopover.value?.show(event);
+const show = (event?: Event, target?: HTMLElement | null | undefined) => {
+  // Opens the popover.
+  // `target` is the element the popover will be positioned relative to.
+  // If not provided, the popover will be positioned relative to the `activator` slot element by default.
+  //https://webitel.atlassian.net/browse/WTEL-7349
+  innerPopover.value?.show(event, target ?? undefined);
 };
 
 const hide = (event?: Event) => {

package/src/enums/WebitelApplications/CrmSections.ts

@@ -11,6 +11,10 @@ export const CrmSections = {
   CloseReasonGroups: 'close-reason-groups',
   ContactGroups: 'contact-groups',
   CaseSources: 'case-sources',
+
+  // CUSTOMIZATION
+  CasesExtensions: 'ext-cases',
+  ContactsExtensions: 'ext-contacts',
   CustomLookups: 'custom-lookups',
 } as const;
 

package/src/modules/Userinfo/classes/ApplicationsAccess.js

@@ -241,6 +241,18 @@ const applicationsAccess = (value = true) => ({
       _enabled: value,
       _locale: `WebitelApplications.${WebitelApplications.CRM}.sections.${CrmSectionsNew.Statuses}`,
     },
+    [CrmSectionsNew.CasesExtensions]: {
+      _enabled: value,
+      _locale: `WebitelApplications.${WebitelApplications.CRM}.sections.${CrmSectionsNew.CasesExtensions}`,
+    },
+    [CrmSectionsNew.ContactsExtensions]: {
+      _enabled: value,
+      _locale: `WebitelApplications.${WebitelApplications.CRM}.sections.${CrmSectionsNew.ContactsExtensions}`,
+    },
+    [CrmSectionsNew.CustomLookups]: {
+      _enabled: value,
+      _locale: `WebitelApplications.${WebitelApplications.CRM}.sections.${CrmSectionsNew.CustomLookups}`,
+    },
   },
 });
 

package/types/components/on-demand/wt-display-chip-items/wt-display-chip-items.vue.d.ts

@@ -10,7 +10,7 @@ declare const firstItemName: import("vue").ComputedRef<any>;
 declare const displayList: import("vue").ComputedRef<unknown[]>;
 declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
 declare var __VLS_1: {}, __VLS_7: {
-    toggle: (event?: Event) => void;
+    toggle: (event?: Event, target?: HTMLElement | null | undefined) => void;
 }, __VLS_13: {
     items: unknown[];
 };

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

@@ -2,17 +2,17 @@ import { PopoverProps } from 'primevue';
 declare const attrs: {
     [x: string]: unknown;
 };
-declare const toggle: (event?: Event) => void;
-declare const show: (event?: Event) => void;
+declare const toggle: (event?: Event, target?: HTMLElement | null | undefined) => void;
+declare const show: (event?: Event, target?: HTMLElement | null | undefined) => void;
 declare const hide: (event?: Event) => void;
 declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
 declare var __VLS_1: {
-    show: (event?: Event) => void;
-    toggle: (event?: Event) => void;
+    show: (event?: Event, target?: HTMLElement | null | undefined) => void;
+    toggle: (event?: Event, target?: HTMLElement | null | undefined) => void;
     hide: (event?: Event) => void;
 }, __VLS_9: {
     hide: (event?: Event) => void;
-    toggle: (event?: Event) => void;
+    toggle: (event?: Event, target?: HTMLElement | null | undefined) => void;
 };
 type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
     activator?: (props: typeof __VLS_1) => any;
@@ -42,8 +42,8 @@ declare const __VLS_self: import("vue").DefineComponent<PopoverProps, {
     closeOnEscape: boolean | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_component: import("vue").DefineComponent<PopoverProps, {
-    toggle: (event?: Event) => void;
-    show: (event?: Event) => void;
+    toggle: (event?: Event, target?: HTMLElement | null | undefined) => void;
+    show: (event?: Event, target?: HTMLElement | null | undefined) => void;
     hide: (event?: Event) => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     show: () => any;

package/types/enums/WebitelApplications/CrmSections.d.ts

@@ -9,6 +9,8 @@ export declare const CrmSections: {
     readonly CloseReasonGroups: "close-reason-groups";
     readonly ContactGroups: "contact-groups";
     readonly CaseSources: "case-sources";
+    readonly CasesExtensions: "ext-cases";
+    readonly ContactsExtensions: "ext-contacts";
     readonly CustomLookups: "custom-lookups";
 };
 export type CrmSections = (typeof CrmSections)[keyof typeof CrmSections];

package/src/enums/WebitelApplications/AdminSections.js

@@ -1,45 +0,0 @@
-/**
- * @augments WtApplication
- * represents ui sections in Admin WtApplication
- * without any relation to WtObjects (?)
- */
-export const AdminSections = {
-  Agents: 'agents',
-  Blacklist: 'blacklist',
-  Buckets: 'buckets',
-  Calendars: 'calendars',
-  Changelogs: 'changelogs',
-  ChatGateways: 'chat-gateways',
-  Chatplan: 'chatplan',
-  CognitiveProfiles: 'cognitive-profiles',
-  Communications: 'communications',
-  Configuration: 'configuration',
-  Dialplan: 'dialplan',
-  Devices: 'devices',
-  EmailProfiles: 'email-profiles',
-  Flow: 'flow',
-  Gateways: 'gateways',
-  GlobalVariables: 'global-variables',
-  ImportCsv: 'import-csv',
-  License: 'license',
-  Media: 'media',
-  Members: 'members',
-  Objects: 'objects',
-  PauseCause: 'pause-cause',
-  PauseTemplates: 'pause-templates',
-  Queues: 'queues',
-  Regions: 'regions',
-  ResourceGroups: 'resource-groups',
-  Resources: 'resources',
-  Roles: 'roles',
-  ShiftTemplates: 'shift-templates',
-  SingleSignOn: 'single-sign-on',
-  Skills: 'skills',
-  Storage: 'storage',
-  StoragePolicies: 'storage-policies',
-  Teams: 'teams',
-  Triggers: 'triggers',
-  Users: 'users',
-  WorkingConditions: 'working-conditions',
-  QuickReplies: 'quick-replies',
-};

package/src/enums/WebitelApplications/AuditorSections.js

@@ -1,3 +0,0 @@
-export const AuditorSections = {
-  Scorecards: 'scorecards',
-};

package/src/enums/WebitelApplications/CrmSections.js

@@ -1,14 +0,0 @@
-export const CrmSections = {
-  Contacts: 'contacts',
-  Cases: 'cases',
-  // CONFIGURATION - LOOKUPS
-  Slas: 'slas',
-  ServiceCatalogs: 'service-catalogs',
-  Priorities: 'priorities',
-  Statuses: 'statuses',
-  Sources: 'sources',
-  CloseReasonGroups: 'close-reason-groups',
-  ContactGroups: 'contact-groups',
-  CaseSources: 'case-sources',
-  CustomLookups: 'custom-lookups',
-};

package/src/enums/WebitelApplications/SupervisorSections.js

@@ -1,5 +0,0 @@
-export const SupervisorSections = {
-  Queues: 'queues',
-  Agents: 'agents',
-  ActiveCalls: 'activeCalls',
-};