vue-wiguet-chatweb 0.0.10 → 0.0.11
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/components/Chat.vue.d.ts +28 -6
- package/dist/components/Loader.vue.d.ts +2 -0
- package/dist/components/MessageList.vue.d.ts +28 -0
- package/dist/components/Widget.vue.d.ts +21 -9
- package/dist/dto/app.dto.d.ts +81 -0
- package/dist/resources/functions.helpers.d.ts +1 -2
- package/dist/store/index.d.ts +13 -3
- package/dist/style.css +1 -1
- package/dist/vue-wiguet-chatweb.js +7771 -4841
- package/dist/vue-wiguet-chatweb.umd.cjs +5 -14
- package/package.json +8 -6
- package/dist/components/ChatMessage.vue.d.ts +0 -12
- /package/dist/components/{IconUser.vue.d.ts → DangerIcon.vue.d.ts} +0 -0
|
@@ -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
|
-
|
|
15
|
-
type:
|
|
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,
|
|
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
|
-
|
|
32
|
-
type:
|
|
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;
|
|
@@ -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;
|
|
@@ -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;
|
|
@@ -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
|
-
|
|
14
|
-
|
|
15
|
-
|
|
10
|
+
user: {
|
|
11
|
+
type: PropType<{
|
|
12
|
+
nombreCompleto: string;
|
|
13
|
+
ci: string;
|
|
14
|
+
msPersonaId: number;
|
|
15
|
+
}>;
|
|
16
16
|
required: true;
|
|
17
17
|
};
|
|
18
|
-
|
|
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;
|
|
@@ -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
|
+
}
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
export declare
|
|
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
|
-
|
|
2
|
-
export declare const
|
|
3
|
-
|
|
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-78b91e28]{--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-78b91e28]{--_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-78b91e28]{margin-right:10px;margin-bottom:1px}.right[data-v-78b91e28]{--_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-78b91e28]{margin-bottom:1px;margin-right:10px}.message[data-v-78b91e28]{text-align:initial;word-break:break-all;margin-bottom:10px}.detail-message[data-v-78b91e28]{font-size:10px;color:gray;display:flex;justify-content:space-between}.chat-message[data-v-78b91e28]{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-d206ec1e]{height:10%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #CCCCCC;margin-bottom:10px}.jl2-input-chat[data-v-d206ec1e]{padding-left:10px;height:40px;width:95%}.jl2-input-chat[data-v-d206ec1e]:focus-visible{outline:none}.jl-inputgroup-chat[data-v-d206ec1e]{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-d206ec1e]{border:none;background:none}.jl-inputgroup-chat>input[data-v-d206ec1e]:hover{outline:none}.form-message[data-v-d206ec1e]{display:flex;justify-content:space-between}.form-message button[data-v-d206ec1e],.jl-inputgroup-chat>button[data-v-d206ec1e]{border:none!important;background:none}.form-message button[data-v-d206ec1e],.jl-inputgroup-chat>button[data-v-d206ec1e]:focus{box-shadow:none}.form-message button[data-v-d206ec1e],.jl-inputgroup-chat>button[data-v-d206ec1e]:active{box-shadow:none}.widget[data-v-d206ec1e]{margin:auto;height:100%;display:flex;width:100%;flex-direction:column;justify-content:space-evenly}.messages-container[data-v-d206ec1e]{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-d206ec1e]::-webkit-scrollbar{width:8px}.messages-container[data-v-d206ec1e]::-webkit-scrollbar-track{background-color:transparent}.messages-container[data-v-d206ec1e]::-webkit-scrollbar-thumb{background-color:#f28b0c;border-radius:8px}.input-message[data-v-d206ec1e]{border-left:1px solid var(--fge-gray-lines-color);border-right:1px solid var(--fge-gray-lines-color)}.message-send[data-v-d206ec1e]{border-top:1px solid var(--fge-gray-lines-color);padding-top:20px;width:90%;margin:auto}.bubble[data-v-d206ec1e]{--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-d206ec1e]{--_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-d206ec1e]{margin-right:10px;margin-bottom:1px}.right[data-v-d206ec1e]{--_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-d206ec1e]{margin-bottom:1px;margin-right:10px}.message[data-v-d206ec1e]{text-align:initial;word-break:break-all;margin-bottom:10px}.detail-message[data-v-d206ec1e]{font-size:10px;color:gray}.chat-message[data-v-d206ec1e]{max-width:250px;min-width:90%;display:flex;flex-direction:column;justify-content:center}#chat-circle[data-v-d206ec1e]{margin:auto;position:fixed;bottom:50px;right:50px;color:#fff;cursor:pointer}.title-chat[data-v-d206ec1e]{font-size:1.1vw;font-weight:700;color:#4d4d4d}.chat-box[data-v-d206ec1e]{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-d206ec1e]{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}
|