vue-wiguet-chatweb 0.1.15 → 0.1.17
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/components/Chat.vue.d.ts +2 -1
- package/dist/components/MessageList.vue.d.ts +3 -2
- package/dist/components/Widget.vue.d.ts +2 -1
- package/dist/store/index.d.ts +4 -0
- package/dist/style.css +1 -1
- package/dist/vue-wiguet-chatweb.js +2001 -1905
- package/dist/vue-wiguet-chatweb.umd.cjs +6 -6
- package/package.json +1 -1
- package/src/components/Chat.vue +155 -57
- package/src/components/MessageList.vue +92 -10
- package/src/components/Widget.vue +2 -1
|
@@ -24,7 +24,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
24
24
|
type: BooleanConstructor;
|
|
25
25
|
required: true;
|
|
26
26
|
};
|
|
27
|
-
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("show-toast" | "show-confirm" | "new-message" | "clear-new-messages" | "not-viewed-total")[], "show-toast" | "show-confirm" | "new-message" | "clear-new-messages" | "not-viewed-total", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
27
|
+
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("onQualifying" | "show-toast" | "show-confirm" | "new-message" | "clear-new-messages" | "not-viewed-total")[], "onQualifying" | "show-toast" | "show-confirm" | "new-message" | "clear-new-messages" | "not-viewed-total", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
28
28
|
titlePrincipal: {
|
|
29
29
|
type: StringConstructor;
|
|
30
30
|
default: string;
|
|
@@ -50,6 +50,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
50
50
|
required: true;
|
|
51
51
|
};
|
|
52
52
|
}>> & {
|
|
53
|
+
onOnQualifying?: ((...args: any[]) => any) | undefined;
|
|
53
54
|
"onShow-toast"?: ((...args: any[]) => any) | undefined;
|
|
54
55
|
"onShow-confirm"?: ((...args: any[]) => any) | undefined;
|
|
55
56
|
"onNew-message"?: ((...args: any[]) => any) | undefined;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { PropType } from
|
|
1
|
+
import { PropType } from 'vue';
|
|
2
2
|
import { type Message } from "../dto/app.dto";
|
|
3
3
|
declare const _default: import("vue").DefineComponent<{
|
|
4
4
|
messages: {
|
|
@@ -9,7 +9,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
9
9
|
type: BooleanConstructor;
|
|
10
10
|
default: boolean;
|
|
11
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<{
|
|
12
|
+
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("loadMore" | "retry" | "onQualifying")[], "loadMore" | "retry" | "onQualifying", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
13
13
|
messages: {
|
|
14
14
|
type: PropType<Message[]>;
|
|
15
15
|
default: () => never[];
|
|
@@ -21,6 +21,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
21
21
|
}>> & {
|
|
22
22
|
onLoadMore?: ((...args: any[]) => any) | undefined;
|
|
23
23
|
onRetry?: ((...args: any[]) => any) | undefined;
|
|
24
|
+
onOnQualifying?: ((...args: any[]) => any) | undefined;
|
|
24
25
|
}, {
|
|
25
26
|
messages: Message[];
|
|
26
27
|
canLoadMoreMessages: boolean;
|
|
@@ -19,7 +19,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
19
19
|
type: BooleanConstructor;
|
|
20
20
|
default: boolean;
|
|
21
21
|
};
|
|
22
|
-
}, {}, 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<{
|
|
22
|
+
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("onQualifying" | "show-toast" | "show-confirm")[], "onQualifying" | "show-toast" | "show-confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
23
23
|
tokenAuth: {
|
|
24
24
|
type: StringConstructor;
|
|
25
25
|
required: true;
|
|
@@ -40,6 +40,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
40
40
|
default: boolean;
|
|
41
41
|
};
|
|
42
42
|
}>> & {
|
|
43
|
+
onOnQualifying?: ((...args: any[]) => any) | undefined;
|
|
43
44
|
"onShow-toast"?: ((...args: any[]) => any) | undefined;
|
|
44
45
|
"onShow-confirm"?: ((...args: any[]) => any) | undefined;
|
|
45
46
|
}, {
|
package/dist/store/index.d.ts
CHANGED
|
@@ -18,3 +18,7 @@ export declare function getMessagesApi(data: {
|
|
|
18
18
|
export declare function sendMessageApi(body: SendMessageBody, token?: string): Promise<Message | undefined>;
|
|
19
19
|
export declare function getInformationApi(token: string): Promise<ChatInformation | undefined>;
|
|
20
20
|
export declare function setVistoToTrueApi(id: string, token: string): Promise<any>;
|
|
21
|
+
export declare function updateMessageApi(id: string, body: {
|
|
22
|
+
message: string;
|
|
23
|
+
tipoCalificacionId: number;
|
|
24
|
+
}, token: string): Promise<Message | undefined>;
|
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.bubble[data-v-
|
|
1
|
+
.bubble[data-v-492c3d62]{--r: 25px;--t: 30px;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;height:100%}.left[data-v-492c3d62]{--_d: 0%;border-left:var(--t) solid #0000;margin-right:0;background-color:#fcd7ae;color:#4d4d4d}.bubble>.content-left[data-v-492c3d62]{margin-right:10px;margin-bottom:1px}.right[data-v-492c3d62]{--_d: 100%;border-right:var(--t) solid #0000;margin-right:0;background-color:#fdeedb;color:#4d4d4d}.bubble>.content-right[data-v-492c3d62]{margin-bottom:1px;margin-right:10px}.message-text[data-v-492c3d62]{margin-bottom:10px;overflow-wrap:break-word}.detail-message[data-v-492c3d62]{font-size:10px;color:gray;display:flex;justify-content:space-between}.chat-message[data-v-492c3d62]{display:flex;flex-direction:column;justify-content:center}.message[data-v-492c3d62]{width:100%;display:flex}.message-left[data-v-492c3d62]{justify-content:start}.message-right[data-v-492c3d62]{justify-content:end}.target[data-v-492c3d62]{padding:.5rem 0;width:100%}.btn-danger[data-v-492c3d62]{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-492c3d62] svg[data-v-492c3d62]{width:24px;height:24px}.btn-danger[data-v-492c3d62][data-v-492c3d62]:hover{background-color:#ff00003a}.btn-container-widget[data-v-492c3d62]{display:flex;align-items:center;position:absolute;left:-40px;top:50%;transform:translateY(-50%)}.message-container[data-v-492c3d62]{min-width:80%;max-width:80%;position:relative;margin-bottom:.5rem}.messages-container-list[data-v-492c3d62]{width:100%}.btn-icon[data-v-492c3d62]{text-decoration:none;border:none}.btn-icon span[data-v-492c3d62]{color:currentColor;text-wrap:nowrap}.btn-icon .icon[data-v-492c3d62]{font-size:2rem}.flex[data-v-492c3d62]{display:flex;flex-wrap:wrap}.flex-col[data-v-492c3d62]{flex-direction:column}.items-center[data-v-492c3d62]{align-items:center}.gap-2[data-v-492c3d62]{gap:.5rem}.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)}}.btn-primary[data-v-d28d6b2a]{padding:10px 12px}.btn-primary[data-v-d28d6b2a][data-v-d28d6b2a]:hover{background-color:#f28b0c1a}.btn-close[data-v-d28d6b2a]{padding:0;background-color:transparent;border:none;display:flex;align-items:center;border-radius:50%}.btn-close[data-v-d28d6b2a][data-v-d28d6b2a]:hover{background-color:#cacaca88}.messages-container[data-v-d28d6b2a]{position:relative}.loader[data-v-d28d6b2a]{position:absolute;top:18px;z-index:5;left:50%;transform:translate(-50%,-50%)}.header-widget{height:5%;display:flex;justify-content:space-between;align-items:center}.jl2-input-chat{height:20px;width:95%;border:none;resize:none;border-top-left-radius:16px;border-bottom-left-radius:16px;margin-left:8px;margin-top:8px;margin-bottom:8px;overflow:hidden;max-height:10rem}.jl2-input-chat:focus-visible{outline:none}.jl-inputgroup-chat{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{border:none;background:none}.jl-inputgroup-chat>input:hover{outline:none}.form-message{display:flex;justify-content:space-between}.form-message button,.jl-inputgroup-chat>button{border:none!important;background:none}.form-message button,.jl-inputgroup-chat>button:focus{box-shadow:none}.form-message button,.jl-inputgroup-chat>button:active{box-shadow:none}.widget{margin:auto;height:100%;display:flex;width:100%;flex-direction:column;justify-content:space-evenly}.messages-container{height:80%;overflow-y:scroll;border:1px solid lightgray;border-radius:.5rem;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::-webkit-scrollbar{width:8px}.messages-container::-webkit-scrollbar-track{background-color:transparent}.messages-container::-webkit-scrollbar-thumb{background-color:#f28b0c;border-radius:8px}.input-message{border-left:1px solid var(--fge-gray-lines-color);border-right:1px solid var(--fge-gray-lines-color)}.message-send{padding-top:20px;width:90%;margin:auto}#chat-circle{margin:auto;position:fixed;bottom:50px;right:50px;color:#fff;cursor:pointer}.title-chat{font-size:1rem;font-weight:700;color:var(--chat-text-color);margin:0}.chat-box{display:flex;justify-content:center;align-items:center;border:2px solid #d9d9d9;border-radius:25px;padding:5px 15px 30px;background:#fff;position:fixed;right:30px;bottom:50px;width:450px;height:70vh;max-width:85vw;max-height:80vh;box-shadow:0 5px 35px 9px #ccc}.pointer{cursor:pointer}.disabled[data-v-c7da0c7e]{color:currentColor;cursor:not-allowed!important;opacity:.4!important;text-decoration:none}.container-buttons-chat[data-v-c7da0c7e]{position:relative;right:-1.8rem}.button[data-v-c7da0c7e]{position:absolute;width:2.5rem;height:2.5rem;opacity:0;box-shadow:0 1px 3px 1px silver;border-radius:100%;border:1px solid white;background-color:#fff;overflow:hidden;cursor:pointer;transition:transform .5s ease,opacity .3s ease;z-index:-1}.container-buttons-chat.active>a[data-v-c7da0c7e]{z-index:1;opacity:1}.container-buttons-chat.active .whatsapp[data-v-c7da0c7e]{transform:translateY(-150px)}.container-buttons-chat.active .telegram[data-v-c7da0c7e]{transform:translateY(-100px)}.container-buttons-chat.active .webchat[data-v-c7da0c7e]{transform:translateY(-50px)}.widget-container[data-v-c7da0c7e]{position:relative}.new-message-badge[data-v-c7da0c7e]{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;z-index:2}
|