@webitel/ui-sdk 24.12.136 → 24.12.138

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webitel/ui-sdk",
-  "version": "24.12.136",
+  "version": "24.12.138",
   "private": false,
   "scripts": {
     "dev": "vite",
@@ -17,6 +17,7 @@
     "docs:build": "vitepress build docs",
     "docs:preview": "vitepress preview docs",
     "tsc": "tsc -p tsconfig.json",
+    "link": "npm link",
     "update-node": "nvm install --lts && nvm alias default node",
     "i": "npm install",
     "lint:package": "publint"
@@ -125,7 +126,7 @@
     "is-valid-domain": "^0.1.6",
     "jszip": "^3.10.1",
     "jszip-utils": "^0.1.0",
-    "lodash": "^4.17.21",
+    "lodash-es": "^4.17.21",
     "mitt": "3.0.1",
     "path-browserify": "^1.0.1",
     "plyr": "^3.7.8",
@@ -136,7 +137,8 @@
     "vue-observe-visibility": "^2.0.0-alpha.1",
     "vue-router": "^4.4.5",
     "webitel-sdk": "^24.10.29",
-    "xlsx": "^0.18.5"
+    "xlsx": "^0.18.5",
+    "date-fns": "^4.1.0"
   },
   "devDependencies": {
     "@eslint/js": "^9.17.0",
@@ -184,7 +186,8 @@
     "@rollup/rollup-linux-x64-gnu": "4.9.5"
   },
   "overrides": {
-    "vite": "^6.1.1"
+    "vite": "^6.1.1",
+    "date-fns": "^4.1.0"
   },
   "engines": {
     "npm": "10",

package/src/api/clients/agents/agents.js

@@ -1,4 +1,5 @@
 import { AgentServiceApiFactory } from 'webitel-sdk';
+
 import convertDuration from '../../../scripts/convertDuration.js';
 import {
   getDefaultGetListResponse,
@@ -47,10 +48,7 @@ const getAgentsList = async (params) => {
     notTeamId,
     supervisorId,
     notSkillId,
-  } = applyTransform(params, [
-    merge(getDefaultGetParams()),
-    starToSearch('search'),
-  ]);
+  } = applyTransform(params, [merge(getDefaultGetParams())]);
 
   try {
     const response = await agentService.searchAgent(

package/src/components/wt-icon-action/iconMappings.js

@@ -1,7 +1,7 @@
 import { IconAction } from '../../enums';
 
 export const WtIconActionIconMappings = Object.freeze({
-  [IconAction.ADD]: 'add-filter',
+  [IconAction.ADD]: 'plus',
   [IconAction.DELETE]: 'bucket',
   [IconAction.DOWNLOAD]: 'download',
   [IconAction.EDIT]: 'edit',
@@ -13,4 +13,6 @@ export const WtIconActionIconMappings = Object.freeze({
   [IconAction.COLUMNS]: 'column-select',
   [IconAction.VARIABLES]: 'variable-select',
   [IconAction.CLOSE]: 'close--filled',
+  [IconAction.CLEAR]: 'clear',
+  [IconAction.ADD_FILTER]: 'add-filter',
 });

package/src/enums/IconAction/IconAction.enum.js

@@ -14,6 +14,8 @@ const IconAction = Object.freeze({
   EXPAND: 'expand',
   CLOSE: 'close',
   VARIABLES: 'variables',
+  CLEAR: 'clear',
+  ADD_FILTER: 'add-filter',
 });
 
 export default IconAction;

package/src/locale/en/en.js

@@ -415,6 +415,9 @@ export default {
         [IconAction.EXPAND]: ({ linked }) => linked('reusable.expand'),
         [IconAction.COLLAPSE]: ({ linked }) => linked('reusable.collapse'),
         [IconAction.CLOSE]: ({ linked }) => linked('reusable.close'),
+        [IconAction.CLEAR]: ({ linked }) =>
+          linked('webitelUI.tableActions.filterReset'),
+        [IconAction.ADD_FILTER]: ({ linked }) => linked('reusable.add'),
       },
     },
     errorPages: {

package/src/locale/ru/ru.js

@@ -412,6 +412,9 @@ export default {
         [IconAction.EXPAND]: ({ linked }) => linked('reusable.expand'),
         [IconAction.COLLAPSE]: ({ linked }) => linked('reusable.collapse'),
         [IconAction.CLOSE]: ({ linked }) => linked('reusable.close'),
+        [IconAction.CLEAR]: ({ linked }) =>
+          linked('webitelUI.tableActions.filterReset'),
+        [IconAction.ADD_FILTER]: ({ linked }) => linked('reusable.add'),
       },
     },
     errorPages: {

package/src/locale/ua/ua.js

@@ -412,6 +412,9 @@ export default {
         [IconAction.EXPAND]: ({ linked }) => linked('reusable.expand'),
         [IconAction.COLLAPSE]: ({ linked }) => linked('reusable.collapse'),
         [IconAction.CLOSE]: ({ linked }) => linked('reusable.close'),
+        [IconAction.CLEAR]: ({ linked }) =>
+          linked('webitelUI.tableActions.filterReset'),
+        [IconAction.ADD_FILTER]: ({ linked }) => linked('reusable.add'),
       },
     },
     errorPages: {

package/src/modules/Filters/v2/filters/classes/FiltersManager.ts

@@ -72,7 +72,7 @@ class FiltersManager implements IFiltersManager {
   toString(): string {
     const filtersData = [...this.filters.values()].reduce(
       (acc, { name, label, value }) => {
-        if (isEmpty(value)) return acc;
+        if (isEmpty(value) && value == null) return acc;
 
         acc[filterValueToSnapshotKey(name)] = value;
 

package/src/modules/Filters/v2/filters/components/dynamic-filter-add-action.vue

@@ -5,7 +5,7 @@
         <p v-if="props.showLabel">
           {{ t('webitelUI.filters.addFilter') }}
         </p>
-        <wt-icon-action action="add" />
+        <wt-icon-action action="add-filter" />
       </div>
     </template>
 

package/src/modules/Filters/v2/filters/components/enums/boolean-options.ts

@@ -7,10 +7,10 @@ import { FilterEnumOption } from '../../types/Filter.js';
 export const BooleanOptions: Array<FilterEnumOption> = [
   {
     locale: 'vocabulary.yes',
-    value: true,
+    value: 'true',
   },
   {
     locale: 'vocabulary.no',
-    value: false,
+    value: 'false',
   },
 ] as const;

package/src/modules/Filters/v2/filters/components/values/_shared/has-options/has-option-filter-value-field.vue

@@ -3,27 +3,36 @@
     v-bind="attrs"
     :clearable="false"
     :options="BooleanOptions"
-    :value="model"
+    :value="strModel"
     :label="t('webitelUI.filters.filterValue')"
     class="has-option-filter-value-field"
     track-by="value"
     use-value-from-options-by-prop="value"
-    @input="model = $event"
+    @input="strModel = $event"
   />
 </template>
 
 <script lang="ts" setup>
-import { useAttrs } from 'vue';
+import {computed, useAttrs} from 'vue';
 import { useI18n } from 'vue-i18n';
 
 import WtSelect from '../../../../../../../../components/wt-select/wt-select.vue';
 import { BooleanOptions } from '../../../enums/boolean-options';
 
-const model = defineModel<string>();
+const model = defineModel<boolean | null>();
 
 const attrs = useAttrs();
 
 const { t } = useI18n();
+
+const strModel = computed({
+  get: () => {
+    return typeof model.value === "boolean" ? String(model.value) : model.value;
+  },
+  set: (value: string) => {
+    model.value = value === 'true';
+  },
+});
 </script>
 
 <style lang="scss" scoped></style>

package/src/modules/Filters/v2/filters/components/values/created-at-from/created-at-from-filter-value-field.vue

@@ -2,7 +2,7 @@
   <wt-datepicker
     v-if="model"
     :value="model"
-    :label="`${t('webitelUI.filters.createdAtFrom')}:`"
+    :label="`${t('webitelUI.filters.filterValue')}`"
     mode="datetime"
     @input="model = $event"
   />

package/src/modules/Filters/v2/filters/components/values/created-at-to/created-at-to-filter-value-field.vue

@@ -1,7 +1,7 @@
 <template>
   <wt-datepicker
     v-if="model"
-    :label="`${t('webitelUI.filters.createdAtTo')}:`"
+    :label="`${t('webitelUI.filters.filterValue')}`"
     :value="model"
     mode="datetime"
     @input="model = $event"

package/src/modules/Filters/v2/filters/components/values/has-file/HasFileFilter.d.ts

@@ -0,0 +1 @@
+export type HasFileFilterModelValue = boolean;

package/src/modules/Filters/v2/filters/components/values/has-file/has-file-filter-value-field.vue

@@ -8,17 +8,18 @@
 
 <script lang="ts" setup>
 import { useVuelidate } from '@vuelidate/core';
-import { required } from '@vuelidate/validators';
 import { computed, watch } from 'vue';
 
 import HasOptionFilterValueField from '../_shared/has-options/has-option-filter-value-field.vue';
+import {HasFileFilterModelValue} from "./HasFileFilter";
 
-const model = defineModel<string>();
+const model = defineModel<HasFileFilterModelValue>();
 
 const v$ = useVuelidate(
   computed(() => ({
     model: {
-      required,
+      required: (v: HasFileFilterModelValue) => !(!v && v !== false),
+
     },
   })),
   { model },

package/src/modules/Filters/v2/filters/components/values/has-file/has-file-filter-value-preview.vue

@@ -6,16 +6,13 @@
 import { computed } from 'vue';
 import { useI18n } from 'vue-i18n';
 
-import { BooleanOptions } from '../../enums/boolean-options';
-
 const props = defineProps<{
   value: boolean;
 }>();
 const { t } = useI18n();
 
 const localeValue = computed(() => {
-  const match = BooleanOptions.find((el) => el.value === props.value);
-  return match ? t(match.locale) : '';
+  return props.value ? t('vocabulary.yes') : t('vocabulary.no');
 });
 </script>
 

package/src/modules/Filters/v2/filters/components/values/has-transcription/HasTranscriptionFilter.d.ts

@@ -0,0 +1 @@
+export type HasTranscriptionFilterModelValue = boolean;

package/src/modules/Filters/v2/filters/components/values/has-transcription/has-transcription-filter-value-field.vue

@@ -8,17 +8,17 @@
 
 <script lang="ts" setup>
 import { useVuelidate } from '@vuelidate/core';
-import { required } from '@vuelidate/validators';
 import { computed, watch } from 'vue';
 
 import HasOptionFilterValueField from '../_shared/has-options/has-option-filter-value-field.vue';
+import {HasTranscriptionFilterModelValue} from "./HasTranscriptionFilter";
 
-const model = defineModel<string>();
+const model = defineModel<HasTranscriptionFilterModelValue>();
 
 const v$ = useVuelidate(
   computed(() => ({
     model: {
-      required,
+      required: (v: HasTranscriptionFilterModelValue) => !(!v && v !== false),
     },
   })),
   { model },

package/src/modules/Filters/v2/filters/components/values/has-transcription/has-transcription-filter-value-preview.vue

@@ -6,16 +6,13 @@
 import { computed } from 'vue';
 import { useI18n } from 'vue-i18n';
 
-import { BooleanOptions } from '../../enums/boolean-options';
-
 const props = defineProps<{
   value: boolean;
 }>();
 const { t } = useI18n();
 
 const localeValue = computed(() => {
-  const match = BooleanOptions.find((el) => el.value === props.value);
-  return match ? t(match.locale) : '';
+  return props.value ? t('vocabulary.yes') : t('vocabulary.no');
 });
 </script>
 

package/src/modules/Filters/v2/filters/components/values/index.js

@@ -12,6 +12,8 @@ import AuthorFilter from './author/author-filter-value-field.vue';
 import AuthorFilterPreview from './author/author-filter-value-preview.vue';
 import CauseFilter from './cause/cause-filter-value-field.vue';
 import CauseFilterPreview from './cause/cause-filter-value-preview.vue';
+import CloseReasonGroupsCaseFilter from './close-reason-groups-case/close-reason-groups-case-filter-value-field.vue';
+import CloseReasonGroupsCaseFilterPreview from './close-reason-groups-case/close-reason-groups-case-filter-value-preview.vue';
 import ContactFilter from './contact/contact-filter-value-field.vue';
 import ContactFilterPreview from './contact/contact-filter-value-preview.vue';
 import ContactGroupFilter from './contact-group/contact-group-filter-value-field.vue';
@@ -28,7 +30,7 @@ import GranteeFilter from './grantee/grantee-filter-value-field.vue';
 import GranteeFilterPreview from './grantee/grantee-filter-value-preview.vue';
 import HasAttachmentFilter from './has-attachment/has-attachment-filter-value-field.vue';
 import HasAttachmentFilterPreview from './has-attachment/has-attachment-filter-value-preview.vue';
-import HasFileFilter from './has-file/has-file-filter-value-preview.vue';
+import HasFileFilter from './has-file/has-file-filter-value-field.vue';
 import HasFileFilterPreview from './has-file/has-file-filter-value-preview.vue';
 import HasTranscriptionFilter from './has-transcription/has-transcription-filter-value-field.vue';
 import HasTranscriptionFilterPreview from './has-transcription/has-transcription-filter-value-preview.vue';
@@ -46,8 +48,6 @@ import RatingFromToFilter from './rating/rating-from-to-filter-value-field.vue';
 import RatingFromToFilterPreview from './rating/rating-from-to-filter-value-preview.vue';
 import ReactionTimeFilter from './reaction-time/reaction-time-filter-value-field.vue';
 import ReactionTimeFilterPreview from './reaction-time/reaction-time-filter-value-preview.vue';
-import CloseReasonGroupsCaseFilter from './close-reason-groups-case/close-reason-groups-case-filter-value-field.vue';
-import CloseReasonGroupsCaseFilterPreview from './close-reason-groups-case/close-reason-groups-case-filter-value-preview.vue';
 import ReporterFilter from './reporter/reporter-filter-value-field.vue';
 import ReporterFilterPreview from './reporter/reporter-filter-value-preview.vue';
 import ResolutionTimeFilter from './resolution-time/resolution-time-filter-value-field.vue';
@@ -58,10 +58,10 @@ import ScoreFilterPreview from './score/score-from-to-filter-value-preview.vue';
 // import ServiceCaseFilterPreview from './service-case/service-case-filter-value-preview.vue';
 import SlaFilter from './sla/sla-filter-value-field.vue';
 import SlaFilterPreview from './sla/sla-filter-value-preview.vue';
-import SourceCaseFilter from './source-case/source-case-filter-value-field.vue';
-import SourceCaseFilterPreview from './source-case/source-case-filter-value-preview.vue';
 import SlaConditionFilter from './sla-condition/sla-condition-filter-value-field.vue';
 import SlaConditionFilterPreview from './sla-condition/sla-condition-filter-value-preview.vue';
+import SourceCaseFilter from './source-case/source-case-filter-value-field.vue';
+import SourceCaseFilterPreview from './source-case/source-case-filter-value-preview.vue';
 import StatusCaseFilter from './status-case/status-case-filter-value-field.vue';
 import StatusCaseFilterPreview from './status-case/status-case-filter-value-preview.vue';
 import TagFilter from './tag/tag-filter-value-field.vue';
@@ -92,6 +92,8 @@ export {
   AuthorFilterPreview,
   CauseFilter,
   CauseFilterPreview,
+  CloseReasonGroupsCaseFilter,
+  CloseReasonGroupsCaseFilterPreview,
   ContactFilter,
   ContactFilterPreview,
   ContactGroupFilter,
@@ -126,20 +128,18 @@ export {
   RatingFromToFilterPreview,
   ReactionTimeFilter,
   ReactionTimeFilterPreview,
-  CloseReasonGroupsCaseFilter,
-  CloseReasonGroupsCaseFilterPreview,
   ReporterFilter,
   ReporterFilterPreview,
   ResolutionTimeFilter,
   ResolutionTimeFilterPreview,
   ScoreFilter,
   ScoreFilterPreview,
+  SlaConditionFilter,
+  SlaConditionFilterPreview,
   // ServiceCaseFilter,
   // ServiceCaseFilterPreview,
   SlaFilter,
   SlaFilterPreview,
-  SlaConditionFilter,
-  SlaConditionFilterPreview,
   SourceCaseFilter,
   SourceCaseFilterPreview,
   StatusCaseFilter,

package/src/modules/Filters/v2/filters/components/values/score/score-from-to-filter-value-field.vue

@@ -6,7 +6,7 @@
       :number-max="props.numberMax"
       :number-min="0"
       :v="v$.model?.from"
-      :label="`${t('webitelUI.filters.filterValueFrom')}:`"
+      :label="`${t('reusable.from')}:`"
       :placeholder="t('webitelUI.filters.filterValue')"
       class="score-from-to-filter-value-field__input"
       name="score-from-to-filter-value-field-from"
@@ -20,7 +20,7 @@
       :number-max="props.numberMax"
       :number-min="0"
       :v="v$.model?.to"
-      :label="`${t('reusable.to').toLowerCase()}:`"
+      :label="`${t('reusable.to')}:`"
       :placeholder="t('webitelUI.filters.filterValue')"
       class="score-from-to-filter-value-field__input"
       name="score-from-to-filter-value-field-to"
@@ -92,8 +92,9 @@ watch(
 
 <style lang="scss" scoped>
 .score-from-to-filter-value-field {
-  display: flex;
+  display: grid;
   align-items: center;
+  grid-template-columns: repeat(2, 1fr);
   grid-gap: var(--spacing-xs);
 }
 </style>