@webitel/ui-sdk 3.0.5 → 3.0.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webitel/ui-sdk",
-  "version": "3.0.5",
+  "version": "3.0.7",
   "private": false,
   "scripts": {
     "serve-lib": "vue-cli-service serve",
@@ -18,6 +18,7 @@
     "src/locale/*",
     "src/css/*",
     "src/components/*",
+    "src/directives/*",
     "src/enums/*",
     "src/mixins/*",
     "src/scripts/*",

package/src/directives/clickaway/clickaway.js

@@ -0,0 +1,52 @@
+ /* eslint-disable */
+
+const HANDLER = '_vue_clickaway_handler';
+
+function bind(el, binding, vnode) {
+    unbind(el);
+
+    const vm = vnode.context;
+    const callback = binding.value;
+
+    // @NOTE: Vue binds directives in microtasks, while UI events are dispatched
+    //        in macrotasks. This causes the listener to be set up before
+    //        the "origin" click event (the event that lead to the binding of
+    //        the directive) arrives at the document root. To work around that,
+    //        we ignore events until the end of the "initial" macrotask.
+    // @REFERENCE: https://jakearchibald.com/2015/tasks-microtasks-queues-and-schedules/
+    // @REFERENCE: https://github.com/simplesmiler/vue-clickaway/issues/8
+    let initialMacrotaskEnded = false;
+    setTimeout(function() {
+        initialMacrotaskEnded = true;
+    }, 0);
+
+    el[HANDLER] = function(ev) {
+        // @NOTE: this test used to be just `el.contains`, but working with path is better,
+        //        because it tests whether the element was there at the time of
+        //        the click, not whether it is there now, that the event has arrived
+        //        to the top.
+        // @NOTE: `.path` is non-standard, the standard way is `.composedPath()`
+        const path = ev.path || (ev.composedPath ? ev.composedPath() : undefined);
+        if (initialMacrotaskEnded && (path ? path.indexOf(el) < 0 : !el.contains(ev.target))) {
+            return callback.call(vm, ev);
+        }
+    };
+
+    document.documentElement.addEventListener('click', el[HANDLER], false);
+}
+
+function unbind(el) {
+    document.documentElement.removeEventListener('click', el[HANDLER], false);
+    delete el[HANDLER];
+}
+
+const clickaway = {
+    bind,
+    update (el, binding) {
+        if (binding.value === binding.oldValue) return;
+        bind(el, binding);
+    },
+    unbind,
+};
+
+export default clickaway;

package/src/directives/index.js

@@ -0,0 +1,8 @@
+import Vue from 'vue';
+import clickaway from './clickaway/clickaway';
+
+const Directives = {
+  clickaway,
+};
+
+export default Directives;

package/src/locale/en/en.js

@@ -34,6 +34,7 @@ export default {
     generate: 'Generate',
     lang: {
       en: 'English',
+      es: 'Español',
       ru: 'Русский',
       ua: 'Українська',
     },

package/src/locale/es/es.js

@@ -0,0 +1,282 @@
+import {
+    AgentStatus,
+    CallDirection,
+    ChannelState,
+    ChannelType, EngineRoutingSchemaType,
+   } from 'webitel-sdk';
+   import { QueueType } from 'webitel-sdk/esm2015/enums';
+   import AdminSections from '../../enums/WebitelApplications/AdminSections.enum';
+   import SupervisorSections from '../../enums/WebitelApplications/SupervisorSections.enum';
+   import WebitelApplications from '../../enums/WebitelApplications/WebitelApplications.enum';
+   import AuditorSections
+    from '../../enums/WebitelApplications/AuditorSections.enum';
+   import { snakeToCamel } from '../../scripts/caseConverters';
+   
+   export default {
+    // describes reusable buttons, actions, default titles, and other ui elements
+    reusable: {
+      total: 'Total',
+      ok: 'Ok',
+      save: 'Guardar',
+      close: 'Cerrar',
+      add: 'Agregar',
+      cancel: 'Cancelar',
+      import: 'Importación',
+      export: 'Exportación',
+      true: 'Sí',
+      delete: 'Eliminar',
+      search: 'Búsqueda',
+      open: 'Abrir',
+      name: 'Nombre',
+      expand: 'Expandir',
+      collapse: 'Reducir',
+      generate: 'Generar',
+      lang: {
+        en: 'English',
+        es: 'Español',
+        ru: 'Русский',
+        ua: 'Українська',
+      },
+      from: 'De',
+      to: 'Hasta',
+      tts: 'Text-to-Speech',
+      state: 'Estado',
+      refresh: 'Actualizar',
+      retry: 'Repetir',
+      reset: 'Reiniciar',
+      downloadAll: 'Descargar todo',
+      warning: 'Aviso',
+      doNotSave: 'No guardar',
+    },
+    vocabulary: {
+      language: 'Idioma',
+      voice: 'Voz',
+      format: 'Formáto',
+      text: 'Texto',
+      yes: 'Sí',
+      no: 'No',
+      description: 'Descripción',
+      login: 'Acceso',
+      host: 'Host',
+      time: 'Tiempo',
+      channel: 'Canal',
+      file: 'Archivo',
+      logout: 'Salir',
+      priority: 'Prioridad',
+      variables: 'Intercambiable | Intercambiables',
+      type: 'Tipo',
+      tag: 'Etiqueta | Etiquetas',
+      output: 'Salida | Salidas',
+      values: 'Valor | Valores',
+      keys: 'Clave | Claves',
+      duration: 'Duración',
+      errors: 'Error | Errores',
+    },
+    // date-related texts
+    date: {
+      sec: 'Seg',
+      timezone: 'Zona horaria | Zonas horarias',
+    },
+    // describes Webitel system entities
+    objects: {
+      team: 'Equipo | Equipos',
+      supervisor: 'Supervisor | Supervisores',
+      auditor: 'Auditor | Auditores',
+      region: 'Región | Regiones',
+      queue: {
+        type: {
+          [QueueType.INBOUND_QUEUE]: 'Cola entrante',
+          [QueueType.OFFLINE_QUEUE]: 'Cola fuera de línea',
+          [QueueType.OUTBOUND_IVR_QUEUE]: 'IVR saliente',
+          [QueueType.PREDICTIVE_DIALER]: 'Marcador predictivo',
+          [QueueType.PROGRESSIVE_DIALER]: 'Marcador progresivo',
+          [QueueType.PREVIEW_DIALER]: 'Vista previa de llamadas',
+          [QueueType.CHAT_INBOUND_QUEUE]: 'Cola de chats',
+          [QueueType.INBOUND_JOB_QUEUE]: 'Cola de tareas entrante',
+          [QueueType.OUTBOUND_JOB_QUEUE]: 'Cola de tareas saliente',
+        },
+      },
+      agent: {
+        status: {
+          [AgentStatus.Online]: 'En línea',
+          [AgentStatus.Pause]: 'Pausa',
+          [AgentStatus.Offline]: 'Desconectado',
+          [snakeToCamel(AgentStatus.BreakOut)]: 'Pausa forzada',
+        },
+      },
+      flow: {
+        type: {
+          [EngineRoutingSchemaType.Chat]: 'Chat',
+          [EngineRoutingSchemaType.Voice]: 'Voz',
+          [EngineRoutingSchemaType.Service]: 'Servicio',
+          [EngineRoutingSchemaType.Processing]: 'Procesamiento',
+        },
+      },
+    },
+    channel: {
+      state: {
+        [ChannelState.Waiting]: 'Espera',
+        [ChannelState.Distribute]: 'Reservado',
+        [ChannelState.Offering]: 'Distribución',
+        [ChannelState.Answered]: 'Respondida',
+        [ChannelState.Active]: 'Activo',
+        [ChannelState.Bridged]: 'Conectado',
+        [ChannelState.Hold]: 'Espera',
+        [ChannelState.Missed]: 'Perdida',
+        [snakeToCamel(ChannelState.WrapTime)]: 'Post-procesamiento',
+        [ChannelState.Processing]: 'Procesamiento',
+        [ChannelState.Transfer]: 'Transferencia',
+      },
+      type: {
+        [ChannelType.Call]: 'Llamada',
+        [ChannelType.Email]: 'Correo electrónico',
+        [ChannelType.Chat]: 'Chat',
+      },
+    },
+    calls: {
+      direction: {
+        [CallDirection.Inbound]: 'Entrante | Entrantes',
+        [CallDirection.Outbound]: 'Saliente | Salientes',
+      },
+    },
+    // describes Webitel FRONTEND applications + their navs
+    WebitelApplications: {
+      [WebitelApplications.AGENT]: { name: 'Agent Workspace' },
+      [WebitelApplications.AUDIT]: {
+        name: 'Audit',
+        section: {
+          [AuditorSections.SCORECARDS]: 'Formularios',
+        },
+      },
+      [WebitelApplications.HISTORY]: { name: 'Call History' },
+      [WebitelApplications.ANALYTICS]: { name: 'Data Visualisation Tool' },
+      [WebitelApplications.SUPERVISOR]: {
+        name: 'Supervisor Workspace',
+        sections: {
+          [SupervisorSections.QUEUES]: 'Colas',
+          [SupervisorSections.AGENTS]: 'Operadores',
+          [SupervisorSections.ACTIVE_CALLS]: 'Llamadas activas',
+        },
+      },
+      [WebitelApplications.ADMIN]: {
+        name: 'Admin',
+        sections: {
+          [AdminSections.USERS]: 'Usuarios',
+          [AdminSections.LICENSE]: 'Licencias',
+          [AdminSections.DEVICES]: 'Dispositivos',
+          [AdminSections.FLOW]: 'Esquemas',
+          [AdminSections.DIALPLAN]: 'Reglas de la marcación saliente',
+          [AdminSections.GATEWAYS]: 'Puertas de enlace',
+          [AdminSections.CHATPLAN]: 'Reglas de enrutamiento de mensajes de texto',
+          [AdminSections.CHAT_GATEWAYS]: 'Puertas de enlace de texto',
+          [AdminSections.SKILLS]: 'Habilidades del operador',
+          [AdminSections.BUCKETS]: 'Cestas',
+          [AdminSections.MEDIA]: 'Archivos multimedia',
+          [AdminSections.BLACKLIST]: 'Listas de llamadas',
+          [AdminSections.CALENDARS]: 'Calendarios',
+          [AdminSections.REGIONS]: 'Ubicación',
+          [AdminSections.COMMUNICATIONS]: 'Tipos de comunicación',
+          [AdminSections.PAUSE_CAUSE]: 'Estados del operador',
+          [AdminSections.AGENTS]: 'Operadores',
+          [AdminSections.TEAMS]: 'Equipos',
+          [AdminSections.RESOURCES]: 'Recursos',
+          [AdminSections.RESOURCE_GROUPS]: 'Grupos de recursos',
+          [AdminSections.QUEUES]: 'Colas',
+          [AdminSections.STORAGE]: 'Almacenamiento',
+          [AdminSections.COGNITIVE_PROFILES]: 'Perfiles de voz',
+          [AdminSections.EMAIL_PROFILES]: 'Perfiles de correo electrónico',
+          [AdminSections.IMPORT_CSV]: 'Importación de datos de archivos CSV',
+          [AdminSections.TRIGGERS]: 'Activadores',
+          [AdminSections.ROLES]: 'Funciones',
+          [AdminSections.OBJECTS]: 'Secciones',
+        },
+      },
+    },
+    validation: {
+      required: 'Campo requerido',
+      numeric: 'Valores numéricos requeridos',
+      email: 'Correo electrónico requerido',
+      gatewayHostValidator: 'IPv4 o FQDN requerido',
+      sipAccountValidator: 'Cuenta SIP requerida',
+      ipValidator: 'IPv4 requerido',
+      macValidator: 'dirección MAC requerida',
+      minValue: 'El valor no debe ser menor que',
+      maxValue: 'El valor no debe ser mayor que',
+      sameAs: 'Contraseña no válida',
+      requiredArrayValue: 'El campo no debe estar vacío',
+      minLength: 'El número de caracteres no debe ser menor que',
+      url: 'Se debe ingresar una URL válida',
+    },
+    webitelUI: {
+      searchBar: {
+        placeholder: 'Búsqueda',
+      },
+      timepicker: {
+        hour: 'Hora:',
+        min: 'Min:',
+        sec: 'Seg:',
+      },
+      datetimepicker: {
+        lastHour: 'Última hora',
+        lastDay: 'Último día',
+      },
+      pagination: {
+        sizeText: 'Registros en la página:',
+        prev: 'Atrás',
+        next: 'Adelante',
+      },
+      appNavigator: {
+        title: 'Aplicaciones de Webitel',
+        admin: 'Admin',
+        agent: 'Agent Workspace',
+        supervisor: 'Supervisor Workspace',
+        audit: 'Audit',
+        history: 'Call History',
+        grafana: 'Grafana',
+      },
+      headerActions: {
+        account: 'Cuenta',
+        docs: 'Documentación',
+        settings: 'Ajustes',
+        logout: 'Salir',
+        buildVersion: 'Versión de compilación',
+      },
+      tableActions: {
+        filterReset: 'Reiniciar filtros',
+        columnSelect: 'Agregar columnas',
+        refreshTable: 'Actualizar',
+        expandFilters: 'Expandir filtros',
+      },
+      tableColumnSelect: {
+        title: 'Seleccione columnas mostradas',
+      },
+      statusSelect: {
+        online: 'En línea',
+        pause: 'Pausa',
+        offline: 'Desconectado',
+        breakOut: 'Pausa forzada',
+      },
+      table: {
+        tableCells: {
+          deleteActionHint: 'Eliminar',
+          editActionHint: 'Editar',
+        },
+      },
+      errorPages: {
+        goBack: 'Regresar',
+        page403: {
+          title: 'Sin acceso',
+          text: 'Lo sentimos, no tiene suficientes derechos de acceso para ver esta página',
+        },
+        page404: {
+          title: 'Parece que se ha perdido',
+          text: 'Lo sentimos, no podemos encontrar lo que está buscando',
+        },
+      },
+      copyAction: {
+        copy: 'Copiar',
+        copied: '¡Copiado!',
+      },
+    },
+   };
+   

package/src/locale/i18n.js

@@ -1,10 +1,12 @@
 import { createI18n } from 'vue-i18n';
 import en from './en/en';
+import en from './es/es';
 import ru from './ru/ru';
 import ua from './ua/ua';
 
 const messages = {
   en,
+  es,
   ru,
   ua,
 };

package/src/locale/ru/ru.js

@@ -33,6 +33,7 @@ export default {
     generate: 'Сгенерировать',
     lang: {
       en: 'English',
+      es: 'Español',
       ru: 'Русский',
       ua: 'Українська',
     },

package/src/locale/ua/ua.js

@@ -33,6 +33,7 @@ export default {
     generate: 'Згенерувати',
     lang: {
       en: 'English',
+      es: 'Español',
       ru: 'Русский',
       ua: 'Українська',
     },