@webitel/ui-sdk 24.12.23 → 24.12.25

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webitel/ui-sdk",
-  "version": "24.12.23",
+  "version": "24.12.25",
   "private": false,
   "scripts": {
     "dev": "vite",

package/src/api/clients/index.js

@@ -1,5 +1,5 @@
-import agents from './agents/agents.js';
 import agentChats from './agents/agentChats.js';
+import agents from './agents/agents.js';
 import buckets from './buckets/buckets.js';
 import calendars from './calendars/calendars.js';
 import catalog from './catalog/catalog.js';
@@ -12,6 +12,8 @@ import lists from './lists/blacklists.js';
 import media from './media/media.js';
 import queues from './queues/queues.js';
 import roles from './roles/roles.js';
+import skills from './skills/skills.js';
+import teams from './teams/teams.js';
 import users from './users/users.js';
 import { contactChatMessagesHistory, contacts } from './сontacts/index.js';
 
@@ -25,6 +27,8 @@ export {
   communications,
   flows,
   gateways,
+  teams,
+  skills,
   lists,
   media,
   queues,

package/src/api/clients/skills/skills.js

@@ -0,0 +1,98 @@
+import { SkillServiceApiFactory } from 'webitel-sdk';
+import {
+  getDefaultGetListResponse,
+  getDefaultGetParams,
+  getDefaultInstance,
+  getDefaultOpenAPIConfig,
+} from '../../defaults/index.js';
+import applyTransform, {
+  camelToSnake,
+  merge,
+  notify,
+  sanitize,
+  snakeToCamel,
+  starToSearch,
+} from '../../transformers/index.js';
+
+const instance = getDefaultInstance();
+const configuration = getDefaultOpenAPIConfig();
+
+const skillService = new SkillServiceApiFactory(configuration, '', instance);
+
+const getSkillsList = async (params) => {
+  const { page, size, search, sort, fields, id } = applyTransform(params, [
+    merge(getDefaultGetParams()),
+    starToSearch('search'),
+  ]);
+
+  try {
+    const response = await skillService.searchSkill(page, size, search, sort, fields, id);
+    const { items, next } = applyTransform(response.data, [
+      snakeToCamel(),
+      merge(getDefaultGetListResponse()),
+    ]);
+    return {
+      items,
+      next,
+    };
+  } catch (err) {
+    throw applyTransform(err, [notify]);
+  }
+};
+
+const getSkill = async ({ itemId: id }) => {
+  try {
+    const response = await skillService.readSkill(id);
+    return applyTransform(response.data, [snakeToCamel()]);
+  } catch (err) {
+    throw applyTransform(err, [notify]);
+  }
+};
+
+const fieldsToSend = ['name', 'description'];
+
+const addSkill = async ({ itemInstance }) => {
+  const item = applyTransform(itemInstance, [sanitize(fieldsToSend), camelToSnake()]);
+  try {
+    const response = await skillService.createSkill(item);
+    return applyTransform(response.data, [snakeToCamel()]);
+  } catch (err) {
+    throw applyTransform(err, [notify]);
+  }
+};
+
+const updateSkill = async ({ itemInstance, itemId: id }) => {
+  const item = applyTransform(itemInstance, [sanitize(fieldsToSend), camelToSnake()]);
+  try {
+    const response = await skillService.updateSkill(id, item);
+    return applyTransform(response.data, [snakeToCamel()]);
+  } catch (err) {
+    throw applyTransform(err, [notify]);
+  }
+};
+
+const deleteSkill = async ({ id }) => {
+  try {
+    const response = await skillService.deleteSkill(id);
+    return applyTransform(response.data, []);
+  } catch (err) {
+    throw applyTransform(err, [notify]);
+  }
+};
+
+const getSkillsLookup = (params) =>
+  getSkillsList({
+    ...params,
+    fields: params.fields || ['id', 'name'],
+  });
+
+const SkillsAPI = {
+  getList: getSkillsList,
+  get: getSkill,
+  add: addSkill,
+  update: updateSkill,
+  delete: deleteSkill,
+  getLookup: getSkillsLookup,
+};
+
+export default SkillsAPI;

package/src/api/clients/teams/teams.js

@@ -0,0 +1,133 @@
+import { AgentTeamServiceApiFactory } from 'webitel-sdk';
+import {
+  getDefaultGetListResponse,
+  getDefaultGetParams,
+  getDefaultInstance,
+  getDefaultOpenAPIConfig,
+} from '../../defaults/index.js';
+import applyTransform, {
+  camelToSnake,
+  merge,
+  notify,
+  sanitize,
+  snakeToCamel,
+  starToSearch,
+} from '../../transformers/index.js';
+
+const instance = getDefaultInstance();
+const configuration = getDefaultOpenAPIConfig();
+
+const teamService = new AgentTeamServiceApiFactory(configuration, '', instance);
+
+const fieldsToSend = [
+  'name',
+  'description',
+  'strategy',
+  'admin',
+  'maxNoAnswer',
+  'wrapUpTime',
+  'noAnswerDelayTime',
+  'taskAcceptTimeout',
+  'callTimeout',
+  'inviteChatTimeout',
+];
+
+const getTeamsList = async (params) => {
+  const { page, size, search, sort, fields, id, strategy, adminId } = applyTransform(params, [
+    merge(getDefaultGetParams()),
+    starToSearch('search'),
+  ]);
+
+  try {
+    const response = await teamService.searchAgentTeam(
+      page,
+      size,
+      search,
+      sort,
+      fields,
+      id,
+      strategy,
+      adminId,
+    );
+    const { items, next } = applyTransform(response.data, [
+      snakeToCamel(),
+      merge(getDefaultGetListResponse()),
+    ]);
+    return {
+      items,
+      next,
+    };
+  } catch (err) {
+    throw applyTransform(err, [notify]);
+  }
+};
+
+const getTeam = async ({ itemId: id }) => {
+  const defaultObject = {
+    name: '',
+    strategy: {},
+    admin: [],
+    description: '',
+    busyDelayTime: 0,
+    callTimeout: 0,
+    maxNoAnswer: 0,
+    noAnswerDelayTime: 0,
+    taskAcceptTimeout: 0,
+    inviteChatTimeout: 0,
+    rejectDelayTime: 0,
+    wrapUpTime: 0,
+  };
+
+  try {
+    const response = await teamService.readAgentTeam(id);
+    return applyTransform(response.data, [snakeToCamel(), merge(defaultObject)]);
+  } catch (err) {
+    throw applyTransform(err, [notify]);
+  }
+};
+
+const addTeam = async ({ itemInstance }) => {
+  const item = applyTransform(itemInstance, [sanitize(fieldsToSend), camelToSnake()]);
+  try {
+    const response = await teamService.createAgentTeam(item);
+    return applyTransform(response.data, [snakeToCamel()]);
+  } catch (err) {
+    throw applyTransform(err, [notify]);
+  }
+};
+
+const updateTeam = async ({ itemInstance, itemId: id }) => {
+  const item = applyTransform(itemInstance, [sanitize(fieldsToSend), camelToSnake()]);
+  try {
+    const response = await teamService.updateAgentTeam(id, item);
+    return applyTransform(response.data, [snakeToCamel()]);
+  } catch (err) {
+    throw applyTransform(err, [notify]);
+  }
+};
+
+const deleteTeam = async ({ id }) => {
+  try {
+    const response = await teamService.deleteAgentTeam(id);
+    return applyTransform(response.data, []);
+  } catch (err) {
+    throw applyTransform(err, [notify]);
+  }
+};
+
+const getTeamsLookup = (params) =>
+  getTeamsList({
+    ...params,
+    fields: params.fields || ['id', 'name'],
+  });
+
+const TeamsAPI = {
+  getList: getTeamsList,
+  get: getTeam,
+  add: addTeam,
+  update: updateTeam,
+  delete: deleteTeam,
+  getLookup: getTeamsLookup,
+};
+
+export default TeamsAPI;

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

@@ -14,7 +14,7 @@
         name="label"
         v-bind="{ label }"
       >
-        {{ label }}
+        {{ requiredLabel }}
       </slot>
     </wt-label>
     <vue-datepicker
@@ -80,9 +80,14 @@
 <script setup>
 import VueDatepicker from '@vuepic/vue-datepicker';
 import '@vuepic/vue-datepicker/dist/main.css';
-import { ref } from 'vue';
+import { computed, ref } from 'vue';
 
 const props = defineProps({
+
+  /**
+   * [`'date'`, `'datetime'`]
+   * */
+
   mode: {
     type: String,
     default: 'date',
@@ -114,9 +119,22 @@ const props = defineProps({
     type: String,
     default: 'en',
   },
+
+  /**
+   * Object with props, passed down to wt-label as props
+   */
+
   labelProps: {
     type: Object,
-    description: 'Object with props, passed down to wt-label as props',
+  },
+
+  /**
+   * Native input required attribute
+   */
+
+  required: {
+    type: Boolean,
+    default: false,
   },
 });
 const emit = defineEmits(['input']);
@@ -125,6 +143,10 @@ const isOpened = ref(false);
 const datepicker = ref(null); // template ref
 
 const isDateTime = props.mode === 'datetime';
+
+const requiredLabel = computed(() => {
+  return props.required ? `${props.label}*` : props.label;
+});
 </script>
 
 <style lang="scss">

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

@@ -8,7 +8,13 @@
       :invalid="invalid"
       v-bind="labelProps"
     >
-      {{ `${label} (${format})` }}
+      <!-- @slot Custom input label -->
+      <slot
+        name="label"
+        v-bind="{ label }"
+      >
+        {{ requiredLabel }}
+      </slot>
     </wt-label>
     <div class="wt-timepicker__wrapper">
       <wt-time-input
@@ -65,6 +71,9 @@ export default {
     event: 'input',
   },
   props: {
+    /**
+     * Time value in seconds (not milliseconds!)
+     */
     value: {
       type: [String, Number],
       default: 0,
@@ -93,6 +102,11 @@ export default {
       type: Boolean,
       default: false,
     },
+    required: {
+      type: Boolean,
+      default: false,
+      description: 'Native input required attribute',
+    },
   },
 
   computed: {
@@ -154,6 +168,9 @@ export default {
         this.$emit('input', newValue);
       },
     },
+    requiredLabel() {
+      return this.required ? `${this.label} (${this.format})*` : `${this.label} (${this.format})`;
+    },
   },
 
   methods: {},