@webitel/ui-sdk 25.4.55 → 25.4.57

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

@@ -1,76 +0,0 @@
-<template>
-  <dynamic-filter-config-view :disabled="dummy">
-    <template #activator="{ visible: configFormVisible }">
-      <wt-tooltip :disabled="configFormVisible">
-        <template #activator>
-          <wt-chip color="primary">
-            {{ filter.label || t(`webitelUI.filters.${filter.name}`) }}
-            <wt-icon-btn
-              v-if="!dummy"
-              icon="close--filled"
-              size="sm"
-              color="on-primary"
-              @mousedown.stop="deleteFilter"
-            />
-          </wt-chip>
-        </template>
-
-        <template #default>
-          <dynamic-filter-preview-info>
-            <template #header>
-              {{ t(`webitelUI.filters.${props.filter.name}`) }}
-            </template>
-
-            <template>
-              <slot name="info" />
-            </template>
-          </dynamic-filter-preview-info>
-        </template>
-      </wt-tooltip>
-    </template>
-
-    <template #content="slotScope">
-      <slot
-        name="form"
-        v-bind="slotScope"
-      />
-    </template>
-  </dynamic-filter-config-view>
-</template>
-
-<script lang="ts" setup>
-import { useI18n } from 'vue-i18n';
-
-import WtChip from '../../../../../../components/wt-chip/wt-chip.vue';
-import WtIconBtn from '../../../../../../components/wt-icon-btn/wt-icon-btn.vue';
-import WtTooltip from '../../../../../../components/wt-tooltip/wt-tooltip.vue';
-import type { IFilter } from '../../types/Filter';
-import DynamicFilterConfigView from '../config/dynamic-filter-config-view.vue';
-import DynamicFilterPreviewInfo from './dynamic-filter-preview-info.vue';
-
-interface Props {
-  filter: IFilter;
-  dummy?: boolean /* https://webitel.atlassian.net/browse/WTEL-6308?focusedCommentId=657415 */;
-}
-
-const { t } = useI18n();
-
-const props = defineProps<Props>();
-
-const emit = defineEmits<{
-  'delete:filter': [IFilter];
-}>();
-
-const deleteFilter = () => {
-  emit('delete:filter', props.filter);
-};
-</script>
-
-<style lang="scss" scoped>
-.wt-chip {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  gap: var(--spacing-2xs);
-}
-</style>

package/src/modules/Filters/v2/filters/components/table-filters-panel.vue

@@ -1,87 +0,0 @@
-<template>
-  <section class="table-filters-panel">
-    <slot></slot>
-    <div class="table-filters-panel-filters">
-      <dynamic-filter-add-action>
-        <template #form>
-          <dynamic-filter-config-form
-            :options="unappliedFilters"
-            @submit="applyFilter"
-          >
-            <template
-              #value-input="{
-                filterName,
-                filterValue,
-                onValueChange,
-                onValueInvalidChange,
-              }"
-            >
-              <component
-                :is="getFilterValueComponent(filterName)"
-                :key="filterName"
-                :model-value="filterValue"
-                @update:model-value="onValueChange"
-                @undate:invalid="onValueInvalidChange"
-              />
-            </template>
-          </dynamic-filter-config-form>
-        </template>
-      </dynamic-filter-add-action>
-
-      <dynamic-filter-preview
-        v-for="filter of appliedFilters"
-        :key="filter.name"
-        :filter="filter"
-        @delete:filter="deleteAppliedFilter($event.name)"
-      >
-        <template #form>
-          <dynamic-filter-config-form
-            :filter="filter"
-            @submit="updateAppliedFilter"
-          >
-            <template
-              #value-input="{
-                filterName,
-                filterValue,
-                onValueChange,
-                onValueInvalidChange,
-              }"
-            >
-              <component
-                :is="getFilterValueComponent(filterName)"
-                :key="filterName"
-                :model-value="filterValue"
-                @update:model-value="onValueChange"
-                @undate:invalid="onValueInvalidChange"
-              />
-            </template>
-          </dynamic-filter-config-form>
-        </template>
-      </dynamic-filter-preview>
-    </div>
-    <div class="table-filters-panel-actions"></div>
-  </section>
-</template>
-
-<script lang="ts" setup>
-import DynamicFilterConfigForm from './config/dynamic-filter-config-form.vue';
-import DynamicFilterAddAction from './dynamic-filter-add-action.vue';
-import DynamicFilterPreview from './preview/dynamic-filter-preview.vue';
-
-interface Props {}
-
-const props = defineProps<Props>();
-
-const emit = defineEmits<{
-  'add:filter': [];
-  'update:filter': [];
-  'delete:filter': [];
-  'reset:filters': [];
-  hide: [];
-}>();
-</script>
-
-<style lang="scss" scoped>
-.table-filters-panel {
-}
-</style>

package/src/modules/Filters/v2/filters/createTableFiltersStore.ts

@@ -1,81 +0,0 @@
-import { defineStore } from 'pinia';
-import { computed, reactive, ref } from 'vue';
-
-import { PersistedStorageType } from '../persist/PersistedStorage.types.ts';
-import { usePersistedStorage } from '../persist/usePersistedStorage.ts';
-import { createFiltersManager } from './classes/FiltersManager.ts';
-import { FiltersManagerConfig } from './types/FiltersManager';
-
-export const createTableFiltersStore = (
-  namespace: string,
-  config?: { filtersManagerConfig: FiltersManagerConfig },
-) => {
-  const id = `${namespace}/filters`;
-
-  return defineStore(id, () => {
-    const filtersManager = reactive(
-      createFiltersManager(config?.filtersManagerConfig),
-    );
-
-    /* for watchers in filter components */
-    const isRestoring = ref(false);
-
-    /*
-     wrapping filtersManager methods to extend their functionality
-     if it will be needed in future
-     */
-    const hasFilter = filtersManager.hasFilter.bind(filtersManager);
-    const addFilter = filtersManager.addFilter.bind(filtersManager);
-    const updateFilter = filtersManager.updateFilter.bind(filtersManager);
-    const deleteFilter = filtersManager.deleteFilter.bind(filtersManager);
-
-    const filtersList = computed(() => filtersManager.getFiltersList());
-
-    const setupPersistence = () => {
-      const { restore: restoreFilters } = usePersistedStorage({
-        name: 'filters',
-
-        value: computed(
-          () => filtersManager,
-        ) /* computed is used to provide value as ref(), not reactive() – as per usePersistedStorage interface */,
-
-        storages: [PersistedStorageType.Route],
-
-        /* use custom .toString() logic, provided by FiltersManager */
-        onStore: async (save, { name }) => {
-          const snapshotStr = filtersManager.toString();
-          return save({ name, value: snapshotStr });
-        },
-
-        /* use custom .fromString() logic, provided by FiltersManager */
-        onRestore: async (restore, name) => {
-          isRestoring.value = true;
-          const snapshotStr = await restore(name);
-          /*
-          snapshot as string because we know that filtersManager.toString() returns string,
-           not string[]
-           */
-          if (snapshotStr) filtersManager.fromString(snapshotStr as string);
-
-          isRestoring.value = false;
-        },
-      });
-
-      return restoreFilters();
-    };
-
-    return {
-      filtersManager,
-      isRestoring,
-
-      filtersList,
-
-      hasFilter,
-      addFilter,
-      updateFilter,
-      deleteFilter,
-
-      setupPersistence,
-    };
-  });
-};

package/src/modules/Filters/v2/filters/enums/FilterOption.ts

@@ -1,43 +0,0 @@
-export const FilterOption = {
-  Agent: 'agent',
-  AmdResult: 'amdResult',
-  Contact: 'contact',
-  Direction: 'direction',
-  Rated: 'rated',
-  Gateway: 'gateway',
-  Grantee: 'grantee',
-  Cause: 'cause',
-  Queue: 'queue',
-  RatedBy: 'ratedBy',
-  HasFile: 'hasFile',
-  Score: 'score',
-  Tag: 'tag',
-  TalkDuration: 'talkDuration',
-  Team: 'team',
-  TotalDuration: 'totalDuration',
-  HasTranscription: 'hasTranscription',
-  User: 'user',
-  Variable: 'variable',
-  CreatedAtFrom: 'createdAtFrom',
-  CreatedAtTo: 'createdAtTo',
-  Status: 'status',
-  Source: 'source',
-  Service: 'service',
-  Author: 'author',
-  Reporter: 'reporter',
-  Impacted: 'impacted',
-  Assignee: 'assignee',
-  ContactGroup: 'contactGroup',
-  Priority: 'priority',
-  CloseReasonGroups: 'closeReasonGroups',
-  Rating: 'rating',
-  Sla: 'sla',
-  SlaCondition: 'slaCondition',
-  ReactionTime: 'reactionTime',
-  ResolutionTime: 'resolutionTime',
-  ActualReactionTime: 'actualReactionTime',
-  ActualResolutionTime: 'actualResolutionTime',
-  HasAttachment: 'hasAttachment',
-} as const;
-
-export type FilterOption = (typeof FilterOption)[keyof typeof FilterOption];

package/src/modules/Filters/v2/filters/enums/amd-result-options.ts

@@ -1,38 +0,0 @@
-import { FilterInitParams } from '../types/Filter';
-
-/**
- * AMD Result to filter
- * @enum
- * @readonly
- */
-
-export const AmdResultOptions: Array<FilterInitParams> = [
-  {
-    name: 'NOTSURE',
-    value: 'NOTSURE',
-  },
-  {
-    name: 'HUMAN',
-    value: 'HUMAN',
-  },
-  {
-    name: 'MACHINE',
-    value: 'MACHINE',
-  },
-  {
-    name: 'CANCEL',
-    value: 'CANCEL',
-  },
-  {
-    name: 'SILENCE',
-    value: 'SILENCE',
-  },
-  {
-    name: 'VOICEMAIL',
-    value: 'VOICEMAIL',
-  },
-  {
-    name: 'RINGING',
-    value: 'RINGING',
-  },
-] as const;

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

@@ -1,16 +0,0 @@
-/*
-values are strings instead of booleans because restoration from url query
-returns string for any type of value [DEV-3924]
- */
-import { FilterEnumOption } from '../types/Filter';
-
-export const BooleanOptions: Array<FilterEnumOption> = [
-  {
-    locale: 'vocabulary.yes',
-    value: 'true',
-  },
-  {
-    locale: 'vocabulary.no',
-    value: 'false',
-  },
-] as const;

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

@@ -1,20 +0,0 @@
-import { CallDirection } from 'webitel-sdk';
-
-export type CallDirectionType =
-  (typeof CallDirection)[keyof typeof CallDirection];
-
-export type DirectionOption = {
-  locale: [string, number];
-  value: CallDirectionType;
-};
-
-export const DirectionOptions: readonly DirectionOption[] = [
-  {
-    locale: [`calls.direction.${CallDirection.Inbound}`, 2],
-    value: CallDirection.Inbound,
-  },
-  {
-    locale: [`calls.direction.${CallDirection.Outbound}`, 2],
-    value: CallDirection.Outbound,
-  },
-] as const;

package/src/modules/Filters/v2/filters/enums/hangup-cause-options.ts

@@ -1,265 +0,0 @@
-import { FilterInitParams } from '../types/Filter';
-
-/**
- * Hangup causes to filter
- * @enum
- * @readonly
- */
-export const HangupCauseOptions: Array<FilterInitParams> = [
-  {
-    name: 'UNSPECIFIED',
-    value: 'UNSPECIFIED',
-  },
-  {
-    name: 'UNALLOCATED_NUMBER',
-    value: 'UNALLOCATED_NUMBER',
-  },
-  {
-    name: 'NO_ROUTE_TRANSIT_NET',
-    value: 'NO_ROUTE_TRANSIT_NET',
-  },
-  {
-    name: 'NO_ROUTE_DESTINATION',
-    value: 'NO_ROUTE_DESTINATION',
-  },
-  {
-    name: 'CHANNEL_UNACCEPTABLE',
-    value: 'CHANNEL_UNACCEPTABLE',
-  },
-  {
-    name: 'CALL_AWARDED_DELIVERED',
-    value: 'CALL_AWARDED_DELIVERED',
-  },
-  {
-    name: 'NORMAL_CLEARING',
-    value: 'NORMAL_CLEARING',
-  },
-  {
-    name: 'USER_BUSY',
-    value: 'USER_BUSY',
-  },
-  {
-    name: 'NO_USER_RESPONSE',
-    value: 'NO_USER_RESPONSE',
-  },
-  {
-    name: 'NO_ANSWER',
-    value: 'NO_ANSWER',
-  },
-  {
-    name: 'SUBSCRIBER_ABSENT',
-    value: 'SUBSCRIBER_ABSENT',
-  },
-  {
-    name: 'CALL_REJECTED',
-    value: 'CALL_REJECTED',
-  },
-  {
-    name: 'NUMBER_CHANGED',
-    value: 'NUMBER_CHANGED',
-  },
-  {
-    name: 'REDIRECTION_TO_NEW_DESTINATION',
-    value: 'REDIRECTION_TO_NEW_DESTINATION',
-  },
-  {
-    name: 'EXCHANGE_ROUTING_ERROR',
-    value: 'EXCHANGE_ROUTING_ERROR',
-  },
-  {
-    name: 'DESTINATION_OUT_OF_ORDER',
-    value: 'DESTINATION_OUT_OF_ORDER',
-  },
-  {
-    name: 'INVALID_NUMBER_FORMAT',
-    value: 'INVALID_NUMBER_FORMAT',
-  },
-  {
-    name: 'FACILITY_REJECTED',
-    value: 'FACILITY_REJECTED',
-  },
-  {
-    name: 'RESPONSE_TO_STATUS_ENQUIRY',
-    value: 'RESPONSE_TO_STATUS_ENQUIRY',
-  },
-  {
-    name: 'NORMAL_UNSPECIFIED',
-    value: 'NORMAL_UNSPECIFIED',
-  },
-  {
-    name: 'NORMAL_CIRCUIT_CONGESTION',
-    value: 'NORMAL_CIRCUIT_CONGESTION',
-  },
-  {
-    name: 'NETWORK_OUT_OF_ORDER',
-    value: 'NETWORK_OUT_OF_ORDER',
-  },
-  {
-    name: 'NORMAL_TEMPORARY_FAILURE',
-    value: 'NORMAL_TEMPORARY_FAILURE',
-  },
-  {
-    name: 'SWITCH_CONGESTION',
-    value: 'SWITCH_CONGESTION',
-  },
-  {
-    name: 'ACCESS_INFO_DISCARDED',
-    value: 'ACCESS_INFO_DISCARDED',
-  },
-  {
-    name: 'REQUESTED_CHAN_UNAVAIL',
-    value: 'REQUESTED_CHAN_UNAVAIL',
-  },
-  {
-    name: 'PRE_EMPTED',
-    value: 'PRE_EMPTED',
-  },
-  {
-    name: 'FACILITY_NOT_SUBSCRIBED',
-    value: 'FACILITY_NOT_SUBSCRIBED',
-  },
-  {
-    name: 'OUTGOING_CALL_BARRED',
-    value: 'OUTGOING_CALL_BARRED',
-  },
-  {
-    name: 'INCOMING_CALL_BARRED',
-    value: 'INCOMING_CALL_BARRED',
-  },
-  {
-    name: 'BEARERCAPABILITY_NOTAUTH',
-    value: 'BEARERCAPABILITY_NOTAUTH',
-  },
-  {
-    name: 'BEARERCAPABILITY_NOTAVAIL',
-    value: 'BEARERCAPABILITY_NOTAVAIL',
-  },
-  {
-    name: 'SERVICE_UNAVAILABLE',
-    value: 'SERVICE_UNAVAILABLE',
-  },
-  {
-    name: 'BEARERCAPABILITY_NOTIMPL',
-    value: 'BEARERCAPABILITY_NOTIMPL',
-  },
-  {
-    name: 'CHAN_NOT_IMPLEMENTED',
-    value: 'CHAN_NOT_IMPLEMENTED',
-  },
-  {
-    name: 'FACILITY_NOT_IMPLEMENTED',
-    value: 'FACILITY_NOT_IMPLEMENTED',
-  },
-  {
-    name: 'SERVICE_NOT_IMPLEMENTED',
-    value: 'SERVICE_NOT_IMPLEMENTED',
-  },
-  {
-    name: 'INVALID_CALL_REFERENCE',
-    value: 'INVALID_CALL_REFERENCE',
-  },
-  {
-    name: 'INCOMPATIBLE_DESTINATION',
-    value: 'INCOMPATIBLE_DESTINATION',
-  },
-  {
-    name: 'INVALID_MSG_UNSPECIFIED',
-    value: 'INVALID_MSG_UNSPECIFIED',
-  },
-  {
-    name: 'MANDATORY_IE_MISSING',
-    value: 'MANDATORY_IE_MISSING',
-  },
-  {
-    name: 'MESSAGE_TYPE_NONEXIST',
-    value: 'MESSAGE_TYPE_NONEXIST',
-  },
-  {
-    name: 'WRONG_MESSAGE',
-    value: 'WRONG_MESSAGE',
-  },
-  {
-    name: 'IE_NONEXIST',
-    value: 'IE_NONEXIST',
-  },
-  {
-    name: 'INVALID_IE_CONTENTS',
-    value: 'INVALID_IE_CONTENTS',
-  },
-  {
-    name: 'WRONG_CALL_STATE',
-    value: 'WRONG_CALL_STATE',
-  },
-  {
-    name: 'RECOVERY_ON_TIMER_EXPIRE',
-    value: 'RECOVERY_ON_TIMER_EXPIRE',
-  },
-  {
-    name: 'MANDATORY_IE_LENGTH_ERROR',
-    value: 'MANDATORY_IE_LENGTH_ERROR',
-  },
-  {
-    name: 'PROTOCOL_ERROR',
-    value: 'PROTOCOL_ERROR',
-  },
-  {
-    name: 'INTERWORKING',
-    value: 'INTERWORKING',
-  },
-  {
-    name: 'ORIGINATOR_CANCEL',
-    value: 'ORIGINATOR_CANCEL',
-  },
-  {
-    name: 'CRASH',
-    value: 'CRASH',
-  },
-  {
-    name: 'SYSTEM_SHUTDOWN',
-    value: 'SYSTEM_SHUTDOWN',
-  },
-  {
-    name: 'LOSE_RACE',
-    value: 'LOSE_RACE',
-  },
-  {
-    name: 'MANAGER_REQUEST',
-    value: 'MANAGER_REQUEST',
-  },
-  {
-    name: 'BLIND_TRANSFER',
-    value: 'BLIND_TRANSFER',
-  },
-  {
-    name: 'ATTENDED_TRANSFER',
-    value: 'ATTENDED_TRANSFER',
-  },
-  {
-    name: 'ALLOTTED_TIMEOUT',
-    value: 'ALLOTTED_TIMEOUT',
-  },
-  {
-    name: 'USER_CHALLENGE',
-    value: 'USER_CHALLENGE',
-  },
-  {
-    name: 'MEDIA_TIMEOUT',
-    value: 'MEDIA_TIMEOUT',
-  },
-  {
-    name: 'PICKED_OFF',
-    value: 'PICKED_OFF',
-  },
-  {
-    name: 'USER_NOT_REGISTERED',
-    value: 'USER_NOT_REGISTERED',
-  },
-  {
-    name: 'PROGRESS_TIMEOUT',
-    value: 'PROGRESS_TIMEOUT',
-  },
-  {
-    name: 'GATEWAY_DOWN',
-    value: 'GATEWAY_DOWN',
-  },
-] as const;

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

@@ -1,8 +0,0 @@
-import { FilterEnumOption } from '../types/Filter';
-
-export const TagOptions: Array<FilterEnumOption> = [
-  {
-    locale: 'filters.tag.options.vm',
-    value: 'vm',
-  },
-] as const;

package/src/modules/Filters/v2/filters/index.ts

@@ -1,29 +0,0 @@
-import { Filter } from './classes/Filter.ts';
-import { createFiltersManager } from './classes/FiltersManager';
-import type {
-  FilterConfig,
-  FilterInitParams,
-  FilterLabel,
-  FilterName,
-  FilterValue,
-  IFilter,
-} from './types/Filter.d.ts';
-import { FilterSearch } from './types/FilterSearch';
-import type {
-  FiltersManagerConfig,
-  IFiltersManager,
-} from './types/FiltersManager.d.ts';
-
-export { createFiltersManager, Filter };
-
-export type {
-  FilterConfig,
-  FilterInitParams,
-  FilterLabel,
-  FilterName,
-  FilterSearch,
-  FiltersManagerConfig,
-  FilterValue,
-  IFilter,
-  IFiltersManager,
-};

package/src/modules/Filters/v2/filters/scripts/utils.ts

@@ -1,31 +0,0 @@
-import type { FilterName } from '../types/Filter';
-
-export const filterLabelToSnapshotKey = (name: FilterName): string =>
-  `${name}_lbl`;
-
-export const filterValueToSnapshotKey = (name: FilterName): string =>
-  `${name}_val`;
-
-const filterLabelFromSnapshotKey = (snapshotKey: string): FilterName =>
-  snapshotKey.replace('_lbl', '');
-
-const filterValueFromSnapshotKey = (snapshotKey: string): FilterName =>
-  snapshotKey.replace('_val', '');
-
-const isLabelSnapshotKey = (snapshotKey: string): boolean =>
-  snapshotKey.includes('_lbl');
-
-const isValueSnapshotKey = (snapshotKey: string): boolean =>
-  snapshotKey.includes('_val');
-
-export const filterNameFromSnapshotKey = (snapshotKey: string): FilterName => {
-  if (isLabelSnapshotKey(snapshotKey))
-    return filterLabelFromSnapshotKey(snapshotKey);
-  if (isValueSnapshotKey(snapshotKey))
-    return filterValueFromSnapshotKey(snapshotKey);
-};
-
-export const filterValuePropFromSnapshotKey = (snapshotKey: string): string => {
-  if (isLabelSnapshotKey(snapshotKey)) return 'label';
-  if (isValueSnapshotKey(snapshotKey)) return 'value';
-};