vue-wiguet-chatweb 0.0.9 → 0.0.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (24) hide show
  1. package/README.md +1 -1
  2. package/dist/components/Chat.vue.d.ts +28 -6
  3. package/dist/components/Loader.vue.d.ts +2 -0
  4. package/dist/components/MessageList.vue.d.ts +28 -0
  5. package/dist/components/Widget.vue.d.ts +21 -9
  6. package/dist/dto/app.dto.d.ts +81 -0
  7. package/dist/resources/functions.helpers.d.ts +1 -2
  8. package/dist/store/index.d.ts +13 -3
  9. package/dist/style.css +1 -1
  10. package/dist/vue-wiguet-chatweb.js +7771 -4841
  11. package/dist/vue-wiguet-chatweb.umd.cjs +5 -14
  12. package/package.json +10 -4
  13. package/src/components/Chat.vue +288 -144
  14. package/src/components/DangerIcon.vue +12 -0
  15. package/src/components/IconClose.vue +5 -5
  16. package/src/components/IconSend.vue +8 -6
  17. package/src/components/IconUser.vue +5 -5
  18. package/src/components/IconWidget.vue +45 -45
  19. package/src/components/Loader.vue +31 -0
  20. package/src/components/MessageList.vue +210 -0
  21. package/src/components/Widget.vue +71 -35
  22. package/dist/components/ChatMessage.vue.d.ts +0 -12
  23. package/src/components/ChatMessage.vue +0 -104
  24. /package/dist/components/{IconUser.vue.d.ts → DangerIcon.vue.d.ts} +0 -0
package/README.md CHANGED
@@ -39,7 +39,7 @@ Configuracion de Paquete en el componente
39
39
 
40
40
  <template>
41
41
  <div>
42
- <Widget :tokenAuth="token" :phoneUser="phone"/>
42
+ <Widget titlePrincipal="titlePrincipal" :tokenAuth="token" :phoneUser="phone"/>
43
43
  </div>
44
44
  </template>
45
45
 
package/dist/components/Chat.vue.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ import { PropType } from "vue";
1
2
  declare const _default: import("vue").DefineComponent<{
2
3
  titlePrincipal: {
3
4
  type: StringConstructor;
@@ -11,11 +12,19 @@ declare const _default: import("vue").DefineComponent<{
11
12
  type: StringConstructor;
12
13
  required: true;
13
14
  };
14
- phoneUser: {
15
- type: StringConstructor;
15
+ user: {
16
+ type: PropType<{
17
+ nombreCompleto: string;
18
+ ci: string;
19
+ msPersonaId: number;
20
+ }>;
21
+ required: true;
22
+ };
23
+ visible: {
24
+ type: BooleanConstructor;
16
25
  required: true;
17
26
  };
18
- }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
27
+ }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("show-toast" | "show-confirm" | "new-message" | "clear-new-messages")[], "show-toast" | "show-confirm" | "new-message" | "clear-new-messages", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
19
28
  titlePrincipal: {
20
29
  type: StringConstructor;
21
30
  default: string;
@@ -28,11 +37,24 @@ declare const _default: import("vue").DefineComponent<{
28
37
  type: StringConstructor;
29
38
  required: true;
30
39
  };
31
- phoneUser: {
32
- type: StringConstructor;
40
+ user: {
41
+ type: PropType<{
42
+ nombreCompleto: string;
43
+ ci: string;
44
+ msPersonaId: number;
45
+ }>;
46
+ required: true;
47
+ };
48
+ visible: {
49
+ type: BooleanConstructor;
33
50
  required: true;
34
51
  };
35
- }>>, {
52
+ }>> & {
53
+ "onShow-toast"?: ((...args: any[]) => any) | undefined;
54
+ "onShow-confirm"?: ((...args: any[]) => any) | undefined;
55
+ "onNew-message"?: ((...args: any[]) => any) | undefined;
56
+ "onClear-new-messages"?: ((...args: any[]) => any) | undefined;
57
+ }, {
36
58
  titlePrincipal: string;
37
59
  }, {}>;
38
60
  export default _default;
package/dist/components/Loader.vue.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
2
+ export default _default;
package/dist/components/MessageList.vue.d.ts ADDED
@@ -0,0 +1,28 @@
1
+ import { PropType } from "vue";
2
+ import { type Message } from "../dto/app.dto";
3
+ declare const _default: import("vue").DefineComponent<{
4
+ messages: {
5
+ type: PropType<Message[]>;
6
+ default: () => never[];
7
+ };
8
+ canLoadMoreMessages: {
9
+ type: BooleanConstructor;
10
+ default: boolean;
11
+ };
12
+ }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("loadMore" | "retry")[], "loadMore" | "retry", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
13
+ messages: {
14
+ type: PropType<Message[]>;
15
+ default: () => never[];
16
+ };
17
+ canLoadMoreMessages: {
18
+ type: BooleanConstructor;
19
+ default: boolean;
20
+ };
21
+ }>> & {
22
+ onLoadMore?: ((...args: any[]) => any) | undefined;
23
+ onRetry?: ((...args: any[]) => any) | undefined;
24
+ }, {
25
+ messages: Message[];
26
+ canLoadMoreMessages: boolean;
27
+ }, {}>;
28
+ export default _default;
package/dist/components/Widget.vue.d.ts CHANGED
@@ -1,26 +1,38 @@
1
+ import { PropType } from "vue";
1
2
  declare const _default: import("vue").DefineComponent<{
2
3
  tokenAuth: {
3
4
  type: StringConstructor;
4
5
  required: true;
5
6
  };
6
- phoneUser: {
7
- type: StringConstructor;
8
- required: true;
9
- };
10
7
  titlePrincipal: {
11
8
  type: StringConstructor;
12
9
  };
13
- }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
14
- tokenAuth: {
15
- type: StringConstructor;
10
+ user: {
11
+ type: PropType<{
12
+ nombreCompleto: string;
13
+ ci: string;
14
+ msPersonaId: number;
15
+ }>;
16
16
  required: true;
17
17
  };
18
- phoneUser: {
18
+ }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("show-toast" | "show-confirm")[], "show-toast" | "show-confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
19
+ tokenAuth: {
19
20
  type: StringConstructor;
20
21
  required: true;
21
22
  };
22
23
  titlePrincipal: {
23
24
  type: StringConstructor;
24
25
  };
25
- }>>, {}, {}>;
26
+ user: {
27
+ type: PropType<{
28
+ nombreCompleto: string;
29
+ ci: string;
30
+ msPersonaId: number;
31
+ }>;
32
+ required: true;
33
+ };
34
+ }>> & {
35
+ "onShow-toast"?: ((...args: any[]) => any) | undefined;
36
+ "onShow-confirm"?: ((...args: any[]) => any) | undefined;
37
+ }, {}, {}>;
26
38
  export default _default;
package/dist/dto/app.dto.d.ts ADDED
@@ -0,0 +1,81 @@
1
+ export interface IResponse<T> {
2
+ error: boolean;
3
+ message: string;
4
+ response: T;
5
+ status: number;
6
+ }
7
+ export interface ChatInformation {
8
+ data: {
9
+ chat: Chat;
10
+ appChat: AppChat;
11
+ virtualHost: VirtualHost;
12
+ };
13
+ }
14
+ export interface Chat {
15
+ updatedAt: Date;
16
+ createdAt: Date;
17
+ estado: boolean;
18
+ persona?: Persona;
19
+ id: string;
20
+ }
21
+ export interface AppChat {
22
+ updatedAt: Date;
23
+ createdAt: Date;
24
+ estado: boolean;
25
+ tipo: string;
26
+ totalEnviados: number;
27
+ totalRecibidos: number;
28
+ totalNoVistos: number;
29
+ chatId: string;
30
+ id: string;
31
+ }
32
+ export interface Persona {
33
+ ci: string;
34
+ nombreCompleto: string;
35
+ msPersonaId: number;
36
+ fotoMsFileId: string;
37
+ celulares: any[];
38
+ funcionarioId: number;
39
+ institucion: string;
40
+ institucionId: number;
41
+ oficina: string;
42
+ oficinaId: number;
43
+ }
44
+ export interface VirtualHost {
45
+ virtualhost: string;
46
+ queueListen: string;
47
+ }
48
+ export interface SendMessageBody {
49
+ message: string;
50
+ esCliente: boolean;
51
+ appChatId: string;
52
+ }
53
+ export interface ListMessageBody {
54
+ appChatId: string;
55
+ lastMessagesId?: string;
56
+ limit: number;
57
+ }
58
+ export interface Message {
59
+ updatedAt: string;
60
+ createdAt: string;
61
+ message: string;
62
+ visto: boolean;
63
+ multimedia: boolean;
64
+ sender?: Sender;
65
+ esCliente: boolean;
66
+ appChatId: string;
67
+ id: string;
68
+ error?: {
69
+ error: boolean;
70
+ id: string;
71
+ };
72
+ }
73
+ export interface Sender {
74
+ nombreCompleto: string;
75
+ ci: string;
76
+ msPersonaId: number;
77
+ funcionarioId?: number;
78
+ }
79
+ export declare enum RABBIT_EVENTS {
80
+ NEW_MESSAGE = "new_message"
81
+ }
package/dist/resources/functions.helpers.d.ts CHANGED
@@ -1,2 +1 @@
1
- export declare const formatTimeAPDate: (date: Date) => string;
2
- export declare const textCapitalize: (str: string) => string;
1
+ export declare function searchFromLast<T>(array: T[], key: keyof T, searchTerm: T[keyof T]): number;
package/dist/store/index.d.ts CHANGED
@@ -1,3 +1,13 @@
1
- export declare const messagesByAppAndPhone: (data?: any) => Promise<any>;
2
- export declare const sendMessageByAppAndPhone: (data?: any) => Promise<void>;
3
- export declare const syncVirtualHostCentral: (data?: any) => Promise<any>;
1
+ import type { ChatInformation, IResponse, ListMessageBody, Message, SendMessageBody } from "../dto/app.dto";
2
+ export declare const getMessagesApi: (data: {
3
+ body: ListMessageBody;
4
+ token: string;
5
+ }) => Promise<{
6
+ data: Message[];
7
+ pagination: {
8
+ total: number;
9
+ limit: number;
10
+ };
11
+ }>;
12
+ export declare const sendMessageApi: (data: SendMessageBody, token: string) => Promise<any>;
13
+ export declare const getInformationApi: (token: string) => Promise<IResponse<ChatInformation>>;
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- .bubble[data-v-a066bde3]{--r: 25px;--t: 30px;max-width:50%;min-width:250px;padding:calc(2*var(--r)/3);-webkit-mask:radial-gradient(var(--t) at var(--_d) 0,#0000 98%,#000 102%) var(--_d) 100%/calc(100% - var(--r)) var(--t) no-repeat,conic-gradient(at var(--r) var(--r),#000 75%,#0000 0) calc(var(--r)/-2) calc(var(--r)/-2) padding-box,radial-gradient(50% 50%,#000 98%,#0000 101%) 0 0/var(--r) var(--r) space padding-box;color:#fff}.left[data-v-a066bde3]{--_d: 0%;border-left:var(--t) solid #0000;margin-right:var(--t);background-color:#fcd7ae;color:#4d4d4d;place-self:start}.bubble>.content-left[data-v-a066bde3]{margin-right:10px;margin-bottom:1px}.right[data-v-a066bde3]{--_d: 100%;border-right:var(--t) solid #0000;margin-left:var(--t);background-color:#fdeedb;color:#4d4d4d;place-self:end}.bubble>.content-right[data-v-a066bde3]{margin-bottom:1px;margin-right:10px}.message[data-v-a066bde3]{text-align:initial;word-break:break-all;margin-bottom:10px}.detail-message[data-v-a066bde3]{font-size:10px;color:gray;display:flex;justify-content:space-between}.chat-message[data-v-a066bde3]{max-width:250px;min-width:90%;display:flex;flex-direction:column;justify-content:center}.header-widget[data-v-bacccd51]{height:10%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #CCCCCC;margin-bottom:10px}.jl2-input-chat[data-v-bacccd51]{padding-left:10px;height:40px;width:95%}.jl2-input-chat[data-v-bacccd51]:focus-visible{outline:none}.jl-inputgroup-chat[data-v-bacccd51]{width:100%;border:1px solid;border-color:#f28b0c;background:var(--surface-a);color:var(--surface-500);-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:13px;display:flex;justify-content:space-around;align-items:center}.jl-inputgroup-chat>input[data-v-bacccd51]{border:none;background:none}.jl-inputgroup-chat>input[data-v-bacccd51]:hover{outline:none}.form-message[data-v-bacccd51]{display:flex;justify-content:space-between}.form-message button[data-v-bacccd51],.jl-inputgroup-chat>button[data-v-bacccd51]{border:none!important;background:none}.form-message button[data-v-bacccd51],.jl-inputgroup-chat>button[data-v-bacccd51]:focus{box-shadow:none}.form-message button[data-v-bacccd51],.jl-inputgroup-chat>button[data-v-bacccd51]:active{box-shadow:none}.widget[data-v-bacccd51]{margin:auto;height:100%;display:flex;width:100%;flex-direction:column;justify-content:space-evenly}.messages-container[data-v-bacccd51]{height:80%;overflow-y:scroll;border-left:1px solid var(--fge-gray-lines-color);border-right:1px solid var(--fge-gray-lines-color);scrollbar-color:red transparent;scrollbar-width:thin;scrollbar-color:#F28B0C transparent;scrollbar-track-color:transparent;scrollbar-face-color:#F28B0C;scrollbar-thumb-color:#F28B0C}.messages-container[data-v-bacccd51]::-webkit-scrollbar{width:8px}.messages-container[data-v-bacccd51]::-webkit-scrollbar-track{background-color:transparent}.messages-container[data-v-bacccd51]::-webkit-scrollbar-thumb{background-color:#f28b0c;border-radius:8px}.input-message[data-v-bacccd51]{border-left:1px solid var(--fge-gray-lines-color);border-right:1px solid var(--fge-gray-lines-color)}.message-send[data-v-bacccd51]{border-top:1px solid var(--fge-gray-lines-color);padding-top:20px;width:90%;margin:auto}.bubble[data-v-bacccd51]{--r: 25px;--t: 30px;max-width:50%;min-width:250px;padding:calc(2*var(--r)/3);-webkit-mask:radial-gradient(var(--t) at var(--_d) 0,#0000 98%,#000 102%) var(--_d) 100%/calc(100% - var(--r)) var(--t) no-repeat,conic-gradient(at var(--r) var(--r),#000 75%,#0000 0) calc(var(--r)/-2) calc(var(--r)/-2) padding-box,radial-gradient(50% 50%,#000 98%,#0000 101%) 0 0/var(--r) var(--r) space padding-box;color:#fff}.left[data-v-bacccd51]{--_d: 0%;border-left:var(--t) solid #0000;margin-right:var(--t);background-color:#fcd7ae;color:#4d4d4d;place-self:start}.bubble>.content-left[data-v-bacccd51]{margin-right:10px;margin-bottom:1px}.right[data-v-bacccd51]{--_d: 100%;border-right:var(--t) solid #0000;margin-left:var(--t);background-color:#fdeedb;color:#4d4d4d;place-self:end}.bubble>.content-right[data-v-bacccd51]{margin-bottom:1px;margin-right:10px}.message[data-v-bacccd51]{text-align:initial;word-break:break-all;margin-bottom:10px}.detail-message[data-v-bacccd51]{font-size:10px;color:gray}.chat-message[data-v-bacccd51]{max-width:250px;min-width:90%;display:flex;flex-direction:column;justify-content:center}#chat-circle[data-v-bacccd51]{margin:auto;position:fixed;bottom:50px;right:50px;color:#fff;cursor:pointer}.title-chat[data-v-bacccd51]{font-size:1.1vw;font-weight:700;color:#4d4d4d}.chat-box[data-v-bacccd51]{display:flex;justify-content:center;align-items:center;border:2px solid #d9d9d9;border-radius:25px;padding:5px 15px 30px;background:#ffffff;position:fixed;right:30px;bottom:50px;width:450px;height:70vh;max-width:85vw;max-height:80vh;box-shadow:0 5px 35px 9px #ccc}.pointer[data-v-bacccd51]{cursor:pointer}.header-widget[data-v-37207494]{height:10%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #CCCCCC;margin-bottom:10px}.jl2-input-chat[data-v-37207494]{padding-left:10px;height:40px;width:95%}.jl2-input-chat[data-v-37207494]:focus-visible{outline:none}.jl-inputgroup-chat[data-v-37207494]{width:100%;border:1px solid;border-color:#f28b0c;background:var(--surface-a);color:var(--surface-500);-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:13px;display:flex;justify-content:space-around;align-items:center}.jl-inputgroup-chat>input[data-v-37207494]{border:none;background:none}.jl-inputgroup-chat>input[data-v-37207494]:hover{outline:none}.form-message[data-v-37207494]{display:flex;justify-content:space-between}.form-message button[data-v-37207494],.jl-inputgroup-chat>button[data-v-37207494]{border:none!important;background:none}.form-message button[data-v-37207494],.jl-inputgroup-chat>button[data-v-37207494]:focus{box-shadow:none}.form-message button[data-v-37207494],.jl-inputgroup-chat>button[data-v-37207494]:active{box-shadow:none}.widget[data-v-37207494]{margin:auto;height:100%;display:flex;width:100%;flex-direction:column;justify-content:space-evenly}.messages-container[data-v-37207494]{height:80%;overflow-y:scroll;border-left:1px solid var(--fge-gray-lines-color);border-right:1px solid var(--fge-gray-lines-color);scrollbar-color:red transparent;scrollbar-width:thin;scrollbar-color:#F28B0C transparent;scrollbar-track-color:transparent;scrollbar-face-color:#F28B0C;scrollbar-thumb-color:#F28B0C}.messages-container[data-v-37207494]::-webkit-scrollbar{width:8px}.messages-container[data-v-37207494]::-webkit-scrollbar-track{background-color:transparent}.messages-container[data-v-37207494]::-webkit-scrollbar-thumb{background-color:#f28b0c;border-radius:8px}.input-message[data-v-37207494]{border-left:1px solid var(--fge-gray-lines-color);border-right:1px solid var(--fge-gray-lines-color)}.message-send[data-v-37207494]{border-top:1px solid var(--fge-gray-lines-color);padding-top:20px;width:90%;margin:auto}.bubble[data-v-37207494]{--r: 25px;--t: 30px;max-width:50%;min-width:250px;padding:calc(2*var(--r)/3);-webkit-mask:radial-gradient(var(--t) at var(--_d) 0,#0000 98%,#000 102%) var(--_d) 100%/calc(100% - var(--r)) var(--t) no-repeat,conic-gradient(at var(--r) var(--r),#000 75%,#0000 0) calc(var(--r)/-2) calc(var(--r)/-2) padding-box,radial-gradient(50% 50%,#000 98%,#0000 101%) 0 0/var(--r) var(--r) space padding-box;color:#fff}.left[data-v-37207494]{--_d: 0%;border-left:var(--t) solid #0000;margin-right:var(--t);background-color:#fcd7ae;color:#4d4d4d;place-self:start}.bubble>.content-left[data-v-37207494]{margin-right:10px;margin-bottom:1px}.right[data-v-37207494]{--_d: 100%;border-right:var(--t) solid #0000;margin-left:var(--t);background-color:#fdeedb;color:#4d4d4d;place-self:end}.bubble>.content-right[data-v-37207494]{margin-bottom:1px;margin-right:10px}.message[data-v-37207494]{text-align:initial;word-break:break-all;margin-bottom:10px}.detail-message[data-v-37207494]{font-size:10px;color:gray}.chat-message[data-v-37207494]{max-width:250px;min-width:90%;display:flex;flex-direction:column;justify-content:center}#chat-circle[data-v-37207494]{margin:auto;position:fixed;bottom:50px;right:50px;color:#fff;cursor:pointer}.title-chat[data-v-37207494]{font-size:1.1vw;font-weight:700;color:#4d4d4d}.chat-box[data-v-37207494]{display:flex;justify-content:center;align-items:center;border:2px solid #d9d9d9;border-radius:25px;padding:5px 15px 30px;background:#ffffff;position:fixed;right:30px;bottom:50px;width:450px;height:70vh;max-width:85vw;max-height:80vh;box-shadow:0 5px 35px 9px #ccc}.pointer[data-v-37207494]{cursor:pointer}
1
+ .bubble[data-v-b45e4c4e]{--r: 25px;--t: 30px;max-width:50%;min-width:250px;padding:calc(2 * var(--r) / 3);-webkit-mask:radial-gradient(var(--t) at var(--_d) 0,#0000 98%,#000 102%) var(--_d) 100% / calc(100% - var(--r)) var(--t) no-repeat,conic-gradient(at var(--r) var(--r),#000 75%,#0000 0) calc(var(--r) / -2) calc(var(--r) / -2) padding-box,radial-gradient(50% 50%,#000 98%,#0000 101%) 0 0 / var(--r) var(--r) space padding-box;mask:radial-gradient(var(--t) at var(--_d) 0,#0000 98%,#000 102%) var(--_d) 100% / calc(100% - var(--r)) var(--t) no-repeat,conic-gradient(at var(--r) var(--r),#000 75%,#0000 0) calc(var(--r) / -2) calc(var(--r) / -2) padding-box,radial-gradient(50% 50%,#000 98%,#0000 101%) 0 0 / var(--r) var(--r) space padding-box;color:#fff}.left[data-v-b45e4c4e]{border-left:var(--t) solid #0000;margin-right:var(--t);background-color:#fcd7ae;color:#4d4d4d;place-self:start}.bubble>.content-left[data-v-b45e4c4e]{margin-right:10px;margin-bottom:1px}.right[data-v-b45e4c4e]{border-right:var(--t) solid #0000;margin-left:var(--t);background-color:#fdeedb;color:#4d4d4d;place-self:end}.bubble>.content-right[data-v-b45e4c4e]{margin-bottom:1px;margin-right:10px}.message[data-v-b45e4c4e]{text-align:initial;word-break:break-all;margin-bottom:10px}.detail-message[data-v-b45e4c4e]{font-size:10px;color:gray;display:flex;justify-content:space-between}.chat-message[data-v-b45e4c4e]{max-width:90%;min-width:90%;display:flex;flex-direction:column;justify-content:center;margin-bottom:.5rem}.message-left[data-v-b45e4c4e]{display:flex;justify-content:start}.message-right[data-v-b45e4c4e]{display:flex;justify-content:end}.target[data-v-b45e4c4e]{padding:.5rem 0;width:100%}.btn-danger[data-v-b45e4c4e]{background-color:transparent;border:0;border-radius:50%;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.btn-danger[data-v-b45e4c4e] svg[data-v-b45e4c4e]{width:24px;height:24px}.btn-danger[data-v-b45e4c4e][data-v-b45e4c4e]:hover{background-color:#ff00003a}.btn-container[data-v-b45e4c4e]{display:flex;align-items:center}.message-container[data-v-b45e4c4e]{display:flex}.spinner_ajPY[data-v-d9a6b2b7]{fill:#fe6d00;transform-origin:center;animation:spinner_AtaB-d9a6b2b7 .75s infinite linear}@keyframes spinner_AtaB-d9a6b2b7{to{transform:rotate(360deg)}}.header-widget[data-v-c9263219]{height:10%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #CCCCCC;margin-bottom:10px}.jl2-input-chat[data-v-c9263219]{padding-left:10px;height:40px;width:95%}.jl2-input-chat[data-v-c9263219]:focus-visible{outline:none}.jl-inputgroup-chat[data-v-c9263219]{width:100%;border:1px solid;border-color:#f28b0c;background:var(--surface-a);color:var(--surface-500);-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:13px;display:flex;justify-content:space-around;align-items:center}.jl-inputgroup-chat>input[data-v-c9263219]{border:none;background:none}.jl-inputgroup-chat>input[data-v-c9263219]:hover{outline:none}.form-message[data-v-c9263219]{display:flex;justify-content:space-between}.form-message button[data-v-c9263219],.jl-inputgroup-chat>button[data-v-c9263219]{border:none!important;background:none}.form-message button[data-v-c9263219],.jl-inputgroup-chat>button[data-v-c9263219]:focus{box-shadow:none}.form-message button[data-v-c9263219],.jl-inputgroup-chat>button[data-v-c9263219]:active{box-shadow:none}.widget[data-v-c9263219]{margin:auto;height:100%;display:flex;width:100%;flex-direction:column;justify-content:space-evenly}.messages-container[data-v-c9263219]{height:80%;overflow-y:scroll;border-left:1px solid var(--fge-gray-lines-color);border-right:1px solid var(--fge-gray-lines-color);scrollbar-color:red transparent;scrollbar-width:thin;scrollbar-color:#F28B0C transparent;scrollbar-track-color:transparent;scrollbar-face-color:#F28B0C;scrollbar-thumb-color:#F28B0C}.messages-container[data-v-c9263219]::-webkit-scrollbar{width:8px}.messages-container[data-v-c9263219]::-webkit-scrollbar-track{background-color:transparent}.messages-container[data-v-c9263219]::-webkit-scrollbar-thumb{background-color:#f28b0c;border-radius:8px}.input-message[data-v-c9263219]{border-left:1px solid var(--fge-gray-lines-color);border-right:1px solid var(--fge-gray-lines-color)}.message-send[data-v-c9263219]{border-top:1px solid var(--fge-gray-lines-color);padding-top:20px;width:90%;margin:auto}.bubble[data-v-c9263219]{--r: 25px;--t: 30px;max-width:50%;min-width:250px;padding:calc(2*var(--r)/3);-webkit-mask:radial-gradient(var(--t) at var(--_d) 0,#0000 98%,#000 102%) var(--_d) 100%/calc(100% - var(--r)) var(--t) no-repeat,conic-gradient(at var(--r) var(--r),#000 75%,#0000 0) calc(var(--r)/-2) calc(var(--r)/-2) padding-box,radial-gradient(50% 50%,#000 98%,#0000 101%) 0 0/var(--r) var(--r) space padding-box;color:#fff}.left[data-v-c9263219]{--_d: 0%;border-left:var(--t) solid #0000;margin-right:var(--t);background-color:#fcd7ae;color:#4d4d4d;place-self:start}.bubble>.content-left[data-v-c9263219]{margin-right:10px;margin-bottom:1px}.right[data-v-c9263219]{--_d: 100%;border-right:var(--t) solid #0000;margin-left:var(--t);background-color:#fdeedb;color:#4d4d4d;place-self:end}.bubble>.content-right[data-v-c9263219]{margin-bottom:1px;margin-right:10px}.message[data-v-c9263219]{text-align:initial;word-break:break-all;margin-bottom:10px}.detail-message[data-v-c9263219]{font-size:10px;color:gray}.chat-message[data-v-c9263219]{max-width:250px;min-width:90%;display:flex;flex-direction:column;justify-content:center}#chat-circle[data-v-c9263219]{margin:auto;position:fixed;bottom:50px;right:50px;color:#fff;cursor:pointer}.title-chat[data-v-c9263219]{font-size:1rem;font-weight:700;color:#4d4d4d}.chat-box[data-v-c9263219]{display:flex;justify-content:center;align-items:center;border:2px solid #d9d9d9;border-radius:25px;padding:5px 15px 30px;background:#ffffff;position:fixed;right:30px;bottom:50px;width:450px;height:70vh;max-width:85vw;max-height:80vh;box-shadow:0 5px 35px 9px #ccc}.pointer[data-v-c9263219]{cursor:pointer}.btn-primary[data-v-c9263219]{padding:10px 12px}.btn-primary[data-v-c9263219][data-v-c9263219]:hover{background-color:#f28b0c1a}.btn-close[data-v-c9263219]{padding:0;background-color:transparent;border:none;display:flex;align-items:center;border-radius:50%}.btn-close[data-v-c9263219][data-v-c9263219]:hover{background-color:#cacaca88}.messages-container[data-v-c9263219]{position:relative}.loader[data-v-c9263219]{position:absolute;top:18px;z-index:5;left:50%;transform:translate(-50%,-50%)}.header-widget[data-v-689c29e3]{height:10%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #CCCCCC;margin-bottom:10px}.jl2-input-chat[data-v-689c29e3]{padding-left:10px;height:40px;width:95%}.jl2-input-chat[data-v-689c29e3]:focus-visible{outline:none}.jl-inputgroup-chat[data-v-689c29e3]{width:100%;border:1px solid;border-color:#f28b0c;background:var(--surface-a);color:var(--surface-500);-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:13px;display:flex;justify-content:space-around;align-items:center}.jl-inputgroup-chat>input[data-v-689c29e3]{border:none;background:none}.jl-inputgroup-chat>input[data-v-689c29e3]:hover{outline:none}.form-message[data-v-689c29e3]{display:flex;justify-content:space-between}.form-message button[data-v-689c29e3],.jl-inputgroup-chat>button[data-v-689c29e3]{border:none!important;background:none}.form-message button[data-v-689c29e3],.jl-inputgroup-chat>button[data-v-689c29e3]:focus{box-shadow:none}.form-message button[data-v-689c29e3],.jl-inputgroup-chat>button[data-v-689c29e3]:active{box-shadow:none}.widget[data-v-689c29e3]{margin:auto;height:100%;display:flex;width:100%;flex-direction:column;justify-content:space-evenly}.messages-container[data-v-689c29e3]{height:80%;overflow-y:scroll;border-left:1px solid var(--fge-gray-lines-color);border-right:1px solid var(--fge-gray-lines-color);scrollbar-color:red transparent;scrollbar-width:thin;scrollbar-color:#F28B0C transparent;scrollbar-track-color:transparent;scrollbar-face-color:#F28B0C;scrollbar-thumb-color:#F28B0C}.messages-container[data-v-689c29e3]::-webkit-scrollbar{width:8px}.messages-container[data-v-689c29e3]::-webkit-scrollbar-track{background-color:transparent}.messages-container[data-v-689c29e3]::-webkit-scrollbar-thumb{background-color:#f28b0c;border-radius:8px}.input-message[data-v-689c29e3]{border-left:1px solid var(--fge-gray-lines-color);border-right:1px solid var(--fge-gray-lines-color)}.message-send[data-v-689c29e3]{border-top:1px solid var(--fge-gray-lines-color);padding-top:20px;width:90%;margin:auto}.bubble[data-v-689c29e3]{--r: 25px;--t: 30px;max-width:50%;min-width:250px;padding:calc(2*var(--r)/3);-webkit-mask:radial-gradient(var(--t) at var(--_d) 0,#0000 98%,#000 102%) var(--_d) 100%/calc(100% - var(--r)) var(--t) no-repeat,conic-gradient(at var(--r) var(--r),#000 75%,#0000 0) calc(var(--r)/-2) calc(var(--r)/-2) padding-box,radial-gradient(50% 50%,#000 98%,#0000 101%) 0 0/var(--r) var(--r) space padding-box;color:#fff}.left[data-v-689c29e3]{--_d: 0%;border-left:var(--t) solid #0000;margin-right:var(--t);background-color:#fcd7ae;color:#4d4d4d;place-self:start}.bubble>.content-left[data-v-689c29e3]{margin-right:10px;margin-bottom:1px}.right[data-v-689c29e3]{--_d: 100%;border-right:var(--t) solid #0000;margin-left:var(--t);background-color:#fdeedb;color:#4d4d4d;place-self:end}.bubble>.content-right[data-v-689c29e3]{margin-bottom:1px;margin-right:10px}.message[data-v-689c29e3]{text-align:initial;word-break:break-all;margin-bottom:10px}.detail-message[data-v-689c29e3]{font-size:10px;color:gray}.chat-message[data-v-689c29e3]{max-width:250px;min-width:90%;display:flex;flex-direction:column;justify-content:center}#chat-circle[data-v-689c29e3]{margin:auto;position:fixed;bottom:50px;right:50px;color:#fff;cursor:pointer}.title-chat[data-v-689c29e3]{font-size:1rem;font-weight:700;color:#4d4d4d}.chat-box[data-v-689c29e3]{display:flex;justify-content:center;align-items:center;border:2px solid #d9d9d9;border-radius:25px;padding:5px 15px 30px;background:#ffffff;position:fixed;right:30px;bottom:50px;width:450px;height:70vh;max-width:85vw;max-height:80vh;box-shadow:0 5px 35px 9px #ccc}.pointer[data-v-689c29e3]{cursor:pointer}.widget-container[data-v-689c29e3]{position:relative}.new-message-badge[data-v-689c29e3]{position:absolute;background-color:red;width:30px;height:30px;display:flex;font-family:Roboto,sans-serif;align-items:center;font-weight:500;justify-content:center;border-radius:50%;right:-2px;top:-4px}