Descripcion

Paquete para el uso de CHAT CENTRAL mediante un widget chat,

Instalacion

Instalacion del paquete

npm i vue-wiguet-chatweb

Variables de Entorno

VITE_BACKEND_URL=https://...
VITE_SOCKET_URI=http://...
VITE_CELLPHONE_NUMBERS=591...

configuracion de variables de Entorno

import widgetChatCentral from 'vue-wiguet-chatweb'

const app = createApp(App);

app.use(widgetChatCentral, {
  VITE_BACKEND_URL: import.meta.env.VITE_BACKEND_URL,
  VITE_SOCKET_URI: import.meta.env.VITE_SOCKET_URI,
  VITE_CELLPHONE_NUMBERS: import.meta.env.VITE_CELLPHONE_NUMBERS,
});

app.mount('#app');

phoneUser: Registrado en RRHH

tokenAuth: Auth MS-Seguridad V2

Instalacion y Uso del Widget

Configuracion de Paquete en el componente

<template>
  <div>
    <Widget
      titlePrincipal="titlePrincipal"
      :tokenAuth="token"
      :phoneUser="phone"
      @show-confirm="(e:any) => {
        e()
      }"
      :user="{
        nombreCompleto: '',
        ci: '',
        msPersonaId: 12345,
      }"            
    />
  </div>
</template>


<script setup lang="ts">
  import Widget from './components/Widget.vue';
  const token = 'ciOi.....'
  const phone = '76177719'
</script>

<style scoped>
  @import url(/node_modules/vue-wiguet-chatweb/dist/style.css);
</style>