@webitel/ui-sdk 25.4.54 → 25.4.56

package/src/modules/Filters/v2/filters/components/filter-options/cause/cause-filter-value-field.vue

@@ -1,52 +0,0 @@
-<template>
-  <wt-select
-    :clearable="false"
-    :label="t('webitelUI.filters.filterValue')"
-    :options="HangupCauseOptions"
-    :value="model"
-    :v="v$.model"
-    multiple
-    track-by="value"
-    use-value-from-options-by-prop="value"
-    @input="model = $event"
-  />
-</template>
-
-<script lang="ts" setup>
-import { useVuelidate } from '@vuelidate/core';
-import { required } from '@vuelidate/validators';
-import { computed, watch } from 'vue';
-import { useI18n } from 'vue-i18n';
-
-import WtSelect from '../../../../../../../components/wt-select/wt-select.vue';
-import { HangupCauseOptions } from '../../../enums/hangup-cause-options';
-
-const model = defineModel<string>();
-const { t } = useI18n();
-
-const v$ = useVuelidate(
-  computed(() => ({
-    model: {
-      required,
-    },
-  })),
-  { model },
-  { $autoDirty: true },
-);
-
-v$.value.$touch();
-
-const emit = defineEmits<{
-  'update:invalid': [boolean];
-}>();
-
-watch(
-  () => v$.value.$invalid,
-  (invalid) => {
-    emit('update:invalid', invalid);
-  },
-  { immediate: true },
-);
-</script>
-
-<style lang="scss" scoped></style>

package/src/modules/Filters/v2/filters/components/filter-options/cause/cause-filter-value-preview.vue

@@ -1,18 +0,0 @@
-<template>
-  <ul>
-    <li
-      v-for="(hangupCause, index) of props.value"
-      :key="index"
-    >
-      {{ hangupCause }}
-    </li>
-  </ul>
-</template>
-
-<script lang="ts" setup>
-const props = defineProps<{
-  value: number[];
-}>();
-</script>
-
-<style lang="scss" scoped></style>

package/src/modules/Filters/v2/filters/components/filter-options/close-reason-groups-case/close-reason-groups-case-filter-value-field.vue

@@ -1,102 +0,0 @@
-<template>
-  <div>
-    <wt-select
-      :clearable="false"
-      :label="t('cases.reason')"
-      :search-method="caseCloseReasonsGroupsSearchMethod"
-      :v="v$.model.selection"
-      :value="model?.selection"
-      track-by="id"
-      use-value-from-options-by-prop="id"
-      @input="updateSelected"
-    />
-
-    <wt-select
-      v-if="model?.selection"
-      :key="model.selection"
-      :clearable="false"
-      :disabled="!model.selection"
-      :label="t('webitelUI.filters.filterValue')"
-      :search-method="getConditionList"
-      :v="v$.model.conditions"
-      :value="model.conditions"
-      multiple
-      track-by="id"
-      use-value-from-options-by-prop="id"
-      @input="model.conditions = $event"
-    />
-  </div>
-</template>
-
-<script lang="ts" setup>
-import { useVuelidate } from '@vuelidate/core';
-import { required } from '@vuelidate/validators';
-import { computed, onMounted, ref, watch } from 'vue';
-import { useI18n } from 'vue-i18n';
-
-import WtSelect from '../../../../../../../components/wt-select/wt-select.vue';
-import {
-  caseCloseReasonsGroupsSearchMethod,
-  caseCloseReasonsSearchMethod,
-} from './config.js';
-
-type ModelValue = {
-  selection: string;
-  conditions: string;
-};
-const model = defineModel<ModelValue>();
-const { t } = useI18n();
-
-const updateSelected = (value) => {
-  model.value.selection = value;
-  model.value.conditions = '';
-};
-
-const getConditionList = (params) => {
-  return caseCloseReasonsSearchMethod({
-    parentId: model.value.selection,
-    ...params,
-  });
-};
-
-const initModel = () => {
-  if (!model.value) {
-    model.value = {
-      selection: '',
-      conditions: '',
-    };
-  }
-};
-onMounted(() => initModel());
-
-const v$ = useVuelidate(
-  computed(() => ({
-    model: {
-      selection: {
-        required,
-      },
-      conditions: {
-        required,
-      },
-    },
-  })),
-  { model },
-  { $autoDirty: true },
-);
-
-v$.value.$touch();
-
-const emit = defineEmits<{
-  'update:invalid': [boolean];
-}>();
-
-watch(
-  () => v$.value.$invalid,
-  (invalid) => {
-    emit('update:invalid', invalid);
-  },
-  { immediate: true },
-);
-</script>
-
-<style lang="scss" scoped></style>

package/src/modules/Filters/v2/filters/components/filter-options/close-reason-groups-case/close-reason-groups-case-filter-value-preview.vue

@@ -1,34 +0,0 @@
-<template>
-  <ul v-if="localValue">
-    <li
-      v-for="({ name }, index) of localValue"
-      :key="index"
-    >
-      {{ name }}
-    </li>
-  </ul>
-</template>
-
-<script lang="ts" setup>
-import { ref } from 'vue';
-
-import { caseCloseReasonsSearchMethod } from './config';
-
-const props = defineProps<{
-  value: number[];
-}>();
-
-const localValue = ref([]);
-
-const getLocalValue = async () => {
-  const { items } = await caseCloseReasonsSearchMethod({
-    parentId: props.value?.selection,
-    id: props.value?.conditions,
-  });
-  localValue.value = items;
-};
-
-getLocalValue();
-</script>
-
-<style lang="scss" scoped></style>

package/src/modules/Filters/v2/filters/components/filter-options/close-reason-groups-case/config.js

@@ -1,7 +0,0 @@
-import CaseCloseReasonGroupsAPI from '../../../../../../../api/clients/caseCloseReasonGroups/caseCloseReasonGroups.js';
-import CaseCloseReasonsAPI from '../../../../../../../api/clients/caseCloseReasons/caseCloseReasons.js';
-
-export const caseCloseReasonsGroupsSearchMethod =
-  CaseCloseReasonGroupsAPI.getLookup;
-export const caseCloseReasonsSearchMethod = CaseCloseReasonsAPI.getLookup;
-export const localePath = '';

package/src/modules/Filters/v2/filters/components/filter-options/contact/config.js

@@ -1,4 +0,0 @@
-import ContactsAPI from '../../../../../../../api/clients/сontacts/contacts.js';
-
-export const searchMethod = ContactsAPI.getLookup;
-export const localePath = '';

package/src/modules/Filters/v2/filters/components/filter-options/contact/contact-filter-value-field.vue

@@ -1,56 +0,0 @@
-<template>
-  <wt-select
-    :close-on-select="false"
-    :label="t('webitelUI.filters.filterValue')"
-    :search-method="searchMethod"
-    :value="model"
-    :v="v$.model"
-    multiple
-    use-value-from-options-by-prop="id"
-    @input="handleInput"
-  />
-</template>
-
-<script lang="ts" setup>
-import { useVuelidate } from '@vuelidate/core';
-import { required } from '@vuelidate/validators';
-import { computed, watch } from 'vue';
-import { useI18n } from 'vue-i18n';
-
-import WtSelect from '../../../../../../../components/wt-select/wt-select.vue';
-import { searchMethod } from './config.js';
-
-type ModelValue = number[];
-
-const model = defineModel<ModelValue>();
-
-const emit = defineEmits<{
-  'update:invalid': [boolean];
-}>();
-const { t } = useI18n();
-
-const v$ = useVuelidate(
-  computed(() => ({
-    model: {
-      required,
-    },
-  })),
-  { model },
-  { $autoDirty: true },
-);
-v$.value.$touch();
-
-watch(
-  () => v$.value.$invalid,
-  (invalid) => {
-    emit('update:invalid', invalid);
-  },
-  { immediate: true },
-);
-
-const handleInput = (value: ModelValue) => {
-  model.value = value;
-};
-</script>
-
-<style lang="scss" scoped></style>

package/src/modules/Filters/v2/filters/components/filter-options/contact/contact-filter-value-preview.vue

@@ -1,31 +0,0 @@
-<template>
-  <ul v-if="localValue">
-    <li
-      v-for="({ name }, index) of localValue"
-      :key="index"
-    >
-      {{ name }}
-    </li>
-  </ul>
-</template>
-
-<script lang="ts" setup>
-import { ref } from 'vue';
-
-import { searchMethod } from './config.js';
-
-const props = defineProps<{
-  value: number[];
-}>();
-
-const localValue = ref([]);
-
-const getLocalValue = async () => {
-  const { items } = await searchMethod({ id: props.value });
-  localValue.value = items;
-};
-
-getLocalValue();
-</script>
-
-<style lang="scss" scoped></style>

package/src/modules/Filters/v2/filters/components/filter-options/contact-group/config.js

@@ -1,4 +0,0 @@
-import ContactGroupsAPI from '../../../../../../../api/clients/contactGroups/contactGroups.js';
-
-export const searchMethod = ContactGroupsAPI.getLookup;
-export const localePath = '';

package/src/modules/Filters/v2/filters/components/filter-options/contact-group/contact-group-filter-value-field.vue

@@ -1,74 +0,0 @@
-<template>
-  <wt-select
-    :close-on-select="false"
-    :label="t('webitelUI.filters.filterValue')"
-    :search-method="searchMethod"
-    :v="v$.model.list"
-    :value="model?.list"
-    multiple
-    track-by="id"
-    use-value-from-options-by-prop="id"
-    @input="model.list = $event"
-  />
-  <wt-checkbox
-    :label="t('reusable.showUnassigned')"
-    :selected="model?.unassigned"
-    :v="v$.model.unassigned"
-    @change="model.unassigned = $event"
-  />
-</template>
-
-<script lang="ts" setup>
-import { useVuelidate } from '@vuelidate/core';
-import { requiredIf } from '@vuelidate/validators';
-import { computed, onMounted, watch } from 'vue';
-import { useI18n } from 'vue-i18n';
-
-import WtCheckbox from '../../../../../../../components/wt-checkbox/wt-checkbox.vue';
-import WtSelect from '../../../../../../../components/wt-select/wt-select.vue';
-import { searchMethod } from './config.js';
-
-type ModelValue = {
-  list: string[];
-  unassigned: boolean;
-};
-
-const model = defineModel<ModelValue>();
-
-const emit = defineEmits<{
-  'update:invalid': [boolean];
-}>();
-const { t } = useI18n();
-
-const initModel = () => {
-  if (!model.value) {
-    model.value = {
-      list: [],
-      unassigned: false,
-    };
-  }
-};
-onMounted(() => initModel());
-
-const v$ = useVuelidate(
-  computed(() => ({
-    model: {
-      list: { required: requiredIf(() => !model.value.unassigned) },
-      unassigned: { required: requiredIf(() => !model.value.list.length) },
-    },
-  })),
-  { model },
-  { $autoDirty: true },
-);
-v$.value.$touch();
-
-watch(
-  () => v$.value.$invalid,
-  (invalid) => {
-    emit('update:invalid', invalid);
-  },
-  { immediate: true },
-);
-</script>
-
-<style lang="scss" scoped></style>

package/src/modules/Filters/v2/filters/components/filter-options/contact-group/contact-group-filter-value-preview.vue

@@ -1,38 +0,0 @@
-<template>
-  <div>
-    <p v-if="props.value.unassigned">{{ t('reusable.unassigned') }}</p>
-    <ul v-if="localValue">
-      <li
-        v-for="({ name }, index) of localValue"
-        :key="index"
-      >
-        {{ name }}
-      </li>
-    </ul>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import { ref } from 'vue';
-import { useI18n } from 'vue-i18n';
-
-import { searchMethod } from './config.js';
-
-const props = defineProps<{
-  value: number[];
-}>();
-
-const localValue = ref([]);
-const { t } = useI18n();
-
-const getLocalValue = async () => {
-  const { items } = await searchMethod({
-    id: props.value.list,
-  });
-  localValue.value = items;
-};
-
-getLocalValue();
-</script>
-
-<style lang="scss" scoped></style>

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

@@ -1,24 +0,0 @@
-<template>
-  <wt-datepicker
-    v-if="model"
-    :value="model"
-    :label="`${t('webitelUI.filters.filterValue')}`"
-    mode="datetime"
-    @input="model = $event"
-  />
-</template>
-
-<script lang="ts" setup>
-import { startOfToday } from 'date-fns';
-import { useI18n } from 'vue-i18n';
-
-const model = defineModel<number>();
-
-const { t } = useI18n();
-
-if (!model.value) {
-  model.value = startOfToday().getTime();
-}
-</script>
-
-<style lang="scss" scoped></style>

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

@@ -1,15 +0,0 @@
-<template>
-  <div>{{ date }}</div>
-</template>
-
-<script lang="ts" setup>
-import { ref } from 'vue';
-
-const props = defineProps<{
-  value: number[];
-}>();
-
-const date = ref(new Date(+props.value).toLocaleString());
-</script>
-
-<style lang="scss" scoped></style>

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

@@ -1,24 +0,0 @@
-<template>
-  <wt-datepicker
-    v-if="model"
-    :label="`${t('webitelUI.filters.filterValue')}`"
-    :value="model"
-    mode="datetime"
-    @input="model = $event"
-  />
-</template>
-
-<script lang="ts" setup>
-import { endOfToday } from 'date-fns';
-import { useI18n } from 'vue-i18n';
-
-const model = defineModel<number>();
-
-const { t } = useI18n();
-
-if (!model.value) {
-  model.value = endOfToday().getTime();
-}
-</script>
-
-<style lang="scss" scoped></style>

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

@@ -1,15 +0,0 @@
-<template>
-  <div>{{ date }}</div>
-</template>
-
-<script lang="ts" setup>
-import { ref } from 'vue';
-
-const props = defineProps<{
-  value: number[];
-}>();
-
-const date = ref(new Date(+props.value).toLocaleString());
-</script>
-
-<style lang="scss" scoped></style>

package/src/modules/Filters/v2/filters/components/filter-options/direction/direction-filter-value-field.vue

@@ -1,51 +0,0 @@
-<template>
-  <wt-select
-    :clearable="false"
-    :label="t('webitelUI.filters.filterValue')"
-    :options="DirectionOptions"
-    :value="model"
-    :v="v$.model"
-    track-by="value"
-    use-value-from-options-by-prop="value"
-    @input="model = $event"
-  />
-</template>
-
-<script lang="ts" setup>
-import { useVuelidate } from '@vuelidate/core';
-import { required } from '@vuelidate/validators';
-import { computed, watch } from 'vue';
-import { useI18n } from 'vue-i18n';
-
-import WtSelect from '../../../../../../../components/wt-select/wt-select.vue';
-import { DirectionOptions } from '../../../enums/direction-options';
-
-const model = defineModel<string>();
-const { t } = useI18n();
-
-const v$ = useVuelidate(
-  computed(() => ({
-    model: {
-      required,
-    },
-  })),
-  { model },
-  { $autoDirty: true },
-);
-
-v$.value.$touch();
-
-const emit = defineEmits<{
-  'update:invalid': [boolean];
-}>();
-
-watch(
-  () => v$.value.$invalid,
-  (invalid) => {
-    emit('update:invalid', invalid);
-  },
-  { immediate: true },
-);
-</script>
-
-<style lang="scss" scoped></style>

package/src/modules/Filters/v2/filters/components/filter-options/direction/direction-filter-value-preview.vue

@@ -1,17 +0,0 @@
-<template>
-  <div>
-    {{ t(`calls.direction.${value}`) }}
-  </div>
-</template>
-
-<script lang="ts" setup>
-import { useI18n } from 'vue-i18n';
-
-const props = defineProps<{
-  value: number[];
-}>();
-
-const { t } = useI18n();
-</script>
-
-<style lang="scss" scoped></style>

package/src/modules/Filters/v2/filters/components/filter-options/gateway/config.js

@@ -1,4 +0,0 @@
-import GatewaysAPI from '../../../../../../../api/clients/gateways/gateways.js';
-
-export const searchMethod = GatewaysAPI.getLookup;
-export const localePath = '';

package/src/modules/Filters/v2/filters/components/filter-options/gateway/gateway-filter-value-field.vue

@@ -1,56 +0,0 @@
-<template>
-  <wt-select
-    :close-on-select="false"
-    :label="t('webitelUI.filters.filterValue')"
-    :search-method="searchMethod"
-    :value="model"
-    :v="v$.model"
-    multiple
-    use-value-from-options-by-prop="id"
-    @input="handleInput"
-  />
-</template>
-
-<script lang="ts" setup>
-import { useVuelidate } from '@vuelidate/core';
-import { required } from '@vuelidate/validators';
-import { computed, watch } from 'vue';
-import { useI18n } from 'vue-i18n';
-
-import WtSelect from '../../../../../../../components/wt-select/wt-select.vue';
-import { searchMethod } from './config.js';
-
-type ModelValue = number[];
-
-const model = defineModel<ModelValue>();
-
-const emit = defineEmits<{
-  'update:invalid': [boolean];
-}>();
-const { t } = useI18n();
-
-const v$ = useVuelidate(
-  computed(() => ({
-    model: {
-      required,
-    },
-  })),
-  { model },
-  { $autoDirty: true },
-);
-v$.value.$touch();
-
-watch(
-  () => v$.value.$invalid,
-  (invalid) => {
-    emit('update:invalid', invalid);
-  },
-  { immediate: true },
-);
-
-const handleInput = (value: ModelValue) => {
-  model.value = value;
-};
-</script>
-
-<style lang="scss" scoped></style>

package/src/modules/Filters/v2/filters/components/filter-options/gateway/gateway-filter-value-preview.vue

@@ -1,31 +0,0 @@
-<template>
-  <ul v-if="localValue">
-    <li
-      v-for="({ name }, index) of localValue"
-      :key="index"
-    >
-      {{ name }}
-    </li>
-  </ul>
-</template>
-
-<script lang="ts" setup>
-import { ref } from 'vue';
-
-import { searchMethod } from './config.js';
-
-const props = defineProps<{
-  value: number[];
-}>();
-
-const localValue = ref([]);
-
-const getLocalValue = async () => {
-  const { items } = await searchMethod({ id: props.value });
-  localValue.value = items;
-};
-
-getLocalValue();
-</script>
-
-<style lang="scss" scoped></style>

package/src/modules/Filters/v2/filters/components/filter-options/grantee/config.js

@@ -1,4 +0,0 @@
-import RolesAPI from '../../../../../../../api/clients/roles/roles.js';
-
-export const searchMethod = RolesAPI.getLookup;
-export const localePath = '';