vue-wiguet-chatweb 0.1.22 → 0.1.24

package/dist/App.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

package/dist/components/Chat.vue.d.ts

@@ -1,5 +1,5 @@
-import { PropType } from "vue";
-declare const _default: import("vue").DefineComponent<{
+import { PropType } from 'vue';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     titlePrincipal: {
         type: StringConstructor;
         default: string;
@@ -24,7 +24,14 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         required: true;
     };
-}, {}, 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<{
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    onQualifying: (...args: any[]) => void;
+    "show-toast": (...args: any[]) => void;
+    "show-confirm": (...args: any[]) => void;
+    "new-message": (...args: any[]) => void;
+    "clear-new-messages": (...args: any[]) => void;
+    "not-viewed-total": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     titlePrincipal: {
         type: StringConstructor;
         default: string;
@@ -49,14 +56,17 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         required: true;
     };
-}>> & {
+}>> & Readonly<{
     onOnQualifying?: ((...args: any[]) => any) | undefined;
     "onShow-toast"?: ((...args: any[]) => any) | undefined;
     "onShow-confirm"?: ((...args: any[]) => any) | undefined;
     "onNew-message"?: ((...args: any[]) => any) | undefined;
     "onClear-new-messages"?: ((...args: any[]) => any) | undefined;
     "onNot-viewed-total"?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     titlePrincipal: string;
-}, {}>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    messageContainerRef: HTMLDivElement;
+    textAreaRef: HTMLTextAreaElement;
+}, any>;
 export default _default;

package/dist/components/ChatMessage.vue.d.ts

@@ -0,0 +1,12 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    message: {
+        type: ObjectConstructor;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    message: {
+        type: ObjectConstructor;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

package/dist/components/DangerIcon.vue.d.ts

@@ -1,2 +1,2 @@
-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<{}>>, {}, {}>;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, SVGSVGElement>;
 export default _default;

package/dist/components/IconAttach.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, SVGSVGElement>;
+export default _default;

package/dist/components/IconChat.vue.d.ts

@@ -1,2 +1,2 @@
-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<{}>>, {}, {}>;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, SVGSVGElement>;
 export default _default;

package/dist/components/IconClose.vue.d.ts

@@ -1,2 +1,2 @@
-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<{}>>, {}, {}>;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, SVGSVGElement>;
 export default _default;

package/dist/components/IconSend.vue.d.ts

@@ -1,2 +1,2 @@
-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<{}>>, {}, {}>;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, SVGSVGElement>;
 export default _default;

package/dist/components/IconTelegram.vue.d.ts

@@ -1,2 +1,2 @@
-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<{}>>, {}, {}>;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, SVGSVGElement>;
 export default _default;

package/dist/components/IconWhatsApp.vue.d.ts

@@ -1,2 +1,2 @@
-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<{}>>, {}, {}>;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, SVGSVGElement>;
 export default _default;

package/dist/components/IconWidget.vue.d.ts

@@ -1,2 +1,2 @@
-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<{}>>, {}, {}>;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/components/Loader.vue.d.ts

@@ -1,2 +1,2 @@
-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<{}>>, {}, {}>;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, SVGSVGElement>;
 export default _default;

package/dist/components/LoadingComponent.vue.d.ts

@@ -0,0 +1,21 @@
+import { PropType } from 'vue';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    size: {
+        type: PropType<"small" | "normal">;
+        default: string;
+    };
+    footer_text: {
+        type: StringConstructor;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    size: {
+        type: PropType<"small" | "normal">;
+        default: string;
+    };
+    footer_text: {
+        type: StringConstructor;
+    };
+}>> & Readonly<{}>, {
+    size: "small" | "normal";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

package/dist/components/MessageList.vue.d.ts

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
-import { type Message } from "../dto/app.dto";
-declare const _default: import("vue").DefineComponent<{
+import { Message } from '../dto/app.dto';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     messages: {
         type: PropType<Message[]>;
         default: () => never[];
@@ -9,7 +9,11 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}, {}, 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<{
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    loadMore: (...args: any[]) => void;
+    retry: (...args: any[]) => void;
+    onQualifying: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     messages: {
         type: PropType<Message[]>;
         default: () => never[];
@@ -18,12 +22,14 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}>> & {
+}>> & Readonly<{
     onLoadMore?: ((...args: any[]) => any) | undefined;
     onRetry?: ((...args: any[]) => any) | undefined;
     onOnQualifying?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     messages: Message[];
     canLoadMoreMessages: boolean;
-}, {}>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    target: HTMLDivElement;
+}, any>;
 export default _default;

package/dist/components/ODialog/IPropsDialog.d.ts

@@ -0,0 +1,6 @@
+import { IPropsSidebar } from './IPropsSidebar';
+import { DialogProps } from 'primevue/dialog';
+export interface IPropsDialog extends Omit<IPropsSidebar, 'position'> {
+    position?: DialogProps['position'];
+    'onUpdate:modelValue'?: (args: IPropsDialog['modelValue']) => void;
+}

package/dist/components/ODialog/IPropsSidebar.d.ts

@@ -0,0 +1,14 @@
+import { DrawerProps } from 'primevue/drawer';
+export interface IPropsSidebar {
+    modelValue: boolean;
+    dismissable?: boolean;
+    position?: DrawerProps['position'];
+    title?: string;
+    isLoading?: boolean;
+    hideActions?: boolean;
+    hideHeader?: boolean;
+    acceptFn?: () => Promise<boolean>;
+    beforeAcceptFn?: () => Promise<boolean>;
+    disable?: boolean;
+    'onUpdate:modelValue'?: (args: IPropsSidebar['modelValue']) => void;
+}

package/dist/components/ODialog/ODialog.vue.d.ts

@@ -0,0 +1,26 @@
+import { IPropsDialog } from './IPropsDialog';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<IPropsDialog, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (visible: boolean) => any;
+    accept: (args_0: void) => any;
+}, string, import('vue').PublicProps, Readonly<IPropsDialog> & Readonly<{
+    "onUpdate:modelValue"?: ((visible: boolean) => any) | undefined;
+    onAccept?: ((args_0?: void | undefined) => any) | undefined;
+}>, {
+    beforeAcceptFn: () => Promise<boolean>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/Widget.vue.d.ts

@@ -1,5 +1,5 @@
-import { PropType } from "vue";
-declare const _default: import("vue").DefineComponent<{
+import { PropType } from 'vue';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     tokenAuth: {
         type: StringConstructor;
         required: true;
@@ -19,7 +19,11 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}, {}, 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<{
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    onQualifying: (...args: any[]) => void;
+    "show-toast": (...args: any[]) => void;
+    "show-confirm": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     tokenAuth: {
         type: StringConstructor;
         required: true;
@@ -39,11 +43,11 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}>> & {
+}>> & Readonly<{
     onOnQualifying?: ((...args: any[]) => any) | undefined;
     "onShow-toast"?: ((...args: any[]) => any) | undefined;
     "onShow-confirm"?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     isDarkMode: boolean;
-}, {}>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
 export default _default;

package/dist/components/sidebar/SidebarHeader.vue.d.ts

@@ -0,0 +1,36 @@
+import { PropType } from 'vue';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        content?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    closeFn: {
+        type: PropType<(event: Event) => void>;
+        required: true;
+    };
+    title: {
+        type: StringConstructor;
+        required: false;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    closeFn: {
+        type: PropType<(event: Event) => void>;
+        required: true;
+    };
+    title: {
+        type: StringConstructor;
+        required: false;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/dto/app.dto.d.ts

@@ -1,3 +1,4 @@
+import { TypeMessageTypeCodes } from '../resources/constants/message-type.constant';
 export interface IResponse<T> {
     error: boolean;
     message: string;
@@ -48,7 +49,9 @@ export interface SendMessageBody {
     message: string;
     esCliente: boolean;
     appChatId: string;
+    codigoTipoMensaje?: TypeMessageTypeCodes;
     mensajeARespondeId?: string;
+    files?: File[];
 }
 export interface ListMessageBody {
     appChatId: string;
@@ -72,11 +75,16 @@ export interface Message {
     };
     response?: Message | string;
     messageType?: MessageType;
+    urlFile?: string;
+    thumbnailFile?: string;
+    file?: File & {
+        objectURL: string;
+    };
 }
 export interface MessageType {
     id?: number;
     code: number;
-    nombre: string;
+    nombre?: string;
 }
 export interface Sender {
     nombreCompleto: string;

package/dist/hooks/useMobile.d.ts

@@ -0,0 +1,3 @@
+export declare function useMobile(): {
+    isMobile: import('vue').ComputedRef<boolean>;
+};

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-import Widget from "./components/Widget.vue";
+import { default as Widget } from './components/Widget.vue';
 export { Widget };
 interface ENV {
     VITE_BACKEND_URL: string;

package/dist/resources/constants/message-type.constant.d.ts

@@ -0,0 +1,8 @@
+export declare const MESSAGE_TYPE_CODES: {
+    PREGUNTA: 1;
+    IMAGEN: 2;
+    AUDIO: 3;
+    VIDEO: 4;
+    NINGUNO: 0;
+};
+export type TypeMessageTypeCodes = (typeof MESSAGE_TYPE_CODES)[keyof typeof MESSAGE_TYPE_CODES];

package/dist/store/config.d.ts

@@ -1,4 +1,4 @@
-import { AxiosRequestConfig } from "axios";
+import { AxiosRequestConfig } from 'axios';
 export declare const apiCall: (getOptions: AxiosRequestConfig & {
     token?: string;
 }) => Promise<any>;

package/dist/store/index.d.ts

@@ -1,7 +1,4 @@
-import { ListMessageBody } from "../dto/app.dto";
-import { ChatInformation } from "../dto/app.dto";
-import { SendMessageBody } from "../dto/app.dto";
-import { Message } from "../dto/app.dto";
+import { ListMessageBody, ChatInformation, SendMessageBody, Message } from '../dto/app.dto';
 export declare const messagesByAppAndPhone: (data?: any) => Promise<any>;
 export declare const sendMessageByAppAndPhone: (data?: any) => Promise<void>;
 export declare function getMessagesApi(data: {

package/dist/style.css

@@ -1 +1 @@
-.bubble[data-v-1d95bdac]{--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-1d95bdac]{--_d: 0%;border-left:var(--t) solid #0000;margin-right:0;background-color:#fcd7ae;color:#4d4d4d}.bubble>.content-left[data-v-1d95bdac]{margin-right:10px;margin-bottom:1px}.right[data-v-1d95bdac]{--_d: 100%;border-right:var(--t) solid #0000;margin-right:0;background-color:#fdeedb;color:#4d4d4d}.bubble>.content-right[data-v-1d95bdac]{margin-bottom:1px;margin-right:10px}.message-text[data-v-1d95bdac]{margin-bottom:10px;overflow-wrap:break-word}.detail-message[data-v-1d95bdac]{font-size:10px;color:gray;display:flex;justify-content:space-between}.chat-message[data-v-1d95bdac]{display:flex;flex-direction:column;justify-content:center}.message[data-v-1d95bdac]{width:100%;display:flex}.message-left[data-v-1d95bdac]{justify-content:start}.message-right[data-v-1d95bdac]{justify-content:end}.target[data-v-1d95bdac]{padding:.5rem 0;width:100%}.btn-danger[data-v-1d95bdac]{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-1d95bdac] svg[data-v-1d95bdac]{width:24px;height:24px}.btn-danger[data-v-1d95bdac][data-v-1d95bdac]:hover{background-color:#ff00003a}.btn-container-widget[data-v-1d95bdac]{display:flex;align-items:center;position:absolute;left:-40px;top:50%;transform:translateY(-50%)}.message-container[data-v-1d95bdac]{min-width:80%;max-width:80%;position:relative;margin-bottom:.5rem}.messages-container-list[data-v-1d95bdac]{width:100%}.icon[data-v-1d95bdac]{width:2rem}.btn-icon[data-v-1d95bdac]{text-decoration:none;border:none;color:#9ca3af}.btn-icon[data-v-1d95bdac]:hover:not(.content-disabled){color:#1f2937}.btn-icon span[data-v-1d95bdac]{text-wrap:nowrap}.btn-icon .icon[data-v-1d95bdac]{font-size:2rem}.flex[data-v-1d95bdac]{display:flex;flex-wrap:wrap}.flex-col[data-v-1d95bdac]{flex-direction:column}.items-center[data-v-1d95bdac]{align-items:center}.gap-2[data-v-1d95bdac]{gap:.5rem}.mb-2[data-v-1d95bdac]{margin-bottom:8px}.content-disabled[data-v-1d95bdac]{-webkit-filter:grayscale(1);filter:grayscale(1);opacity:.5}.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-44fb8edc]{padding:10px 12px}.btn-primary[data-v-44fb8edc][data-v-44fb8edc]:hover{background-color:#f28b0c1a}.btn-close[data-v-44fb8edc]{padding:0;background-color:transparent;border:none;display:flex;align-items:center;border-radius:50%}.btn-close[data-v-44fb8edc][data-v-44fb8edc]:hover{background-color:#cacaca88}.messages-container[data-v-44fb8edc]{position:relative}.loader[data-v-44fb8edc]{position:absolute;top:18px;z-index:5;left:50%;transform:translate(-50%,-50%)}.fit[data-v-44fb8edc]{width:100%;height:100%;position:relative}.center[data-v-44fb8edc]{position:absolute;top:50%;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}
+.bubble[data-v-d73d4995]{--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-d73d4995]{--_d: 0%;border-left:var(--t) solid #0000;margin-right:0;background-color:#fcd7ae;color:#4d4d4d}.bubble>.content-left[data-v-d73d4995]{margin-right:10px;margin-bottom:1px}.right[data-v-d73d4995]{--_d: 100%;border-right:var(--t) solid #0000;margin-right:0;background-color:#fdeedb;color:#4d4d4d}.bubble>.content-right[data-v-d73d4995]{margin-bottom:1px;margin-right:10px}.message-text[data-v-d73d4995]{margin-bottom:10px;overflow-wrap:break-word}.detail-message[data-v-d73d4995]{font-size:10px;color:gray;display:flex;justify-content:space-between}.chat-message[data-v-d73d4995]{display:flex;flex-direction:column;justify-content:center}.message[data-v-d73d4995]{width:100%;display:flex}.message-left[data-v-d73d4995]{justify-content:start}.message-right[data-v-d73d4995]{justify-content:end}.target[data-v-d73d4995]{padding:.5rem 0;width:100%}.btn-danger[data-v-d73d4995]{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 svg[data-v-d73d4995]{width:24px;height:24px}.btn-danger[data-v-d73d4995]:hover{background-color:#ff00003a}.btn-container-widget[data-v-d73d4995]{display:flex;align-items:center;position:absolute;left:-40px;top:50%;transform:translateY(-50%)}.message-container[data-v-d73d4995]{min-width:80%;max-width:80%;position:relative;margin-bottom:.5rem}.messages-container-list[data-v-d73d4995]{width:100%}.icon[data-v-d73d4995]{width:2rem}.btn-icon[data-v-d73d4995]{text-decoration:none;border:none;color:#9ca3af}.btn-icon[data-v-d73d4995]:hover:not(.content-disabled){color:#1f2937}.btn-icon span[data-v-d73d4995]{text-wrap:nowrap}.btn-icon .icon[data-v-d73d4995]{font-size:2rem}.flex[data-v-d73d4995]{display:flex;flex-wrap:wrap}.flex-col[data-v-d73d4995]{flex-direction:column}.items-center[data-v-d73d4995]{align-items:center}.gap-2[data-v-d73d4995]{gap:.5rem}.mb-2[data-v-d73d4995]{margin-bottom:8px}.mt-2[data-v-d73d4995]{margin-top:8px}.content-disabled[data-v-d73d4995]{-webkit-filter:grayscale(1);filter:grayscale(1);opacity:.5}.justify-between[data-v-d73d4995]{justify-content:space-between}.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)}}.auth-loading[data-v-decccef5]{position:absolute;width:100%;height:100%;background:#555555bf;left:0;top:0;z-index:999999;display:flex;flex-direction:column;align-items:center;justify-content:center}.icon_1[data-v-decccef5]{animation:rotate-decccef5 2s linear infinite;height:200px}.sm-loader-size[data-v-decccef5]{height:40px}@keyframes rotate-decccef5{to{transform:rotate(-360deg)}}.icon_2[data-v-decccef5]{width:115px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.btn-primary[data-v-118e9544]{padding:10px 12px}.btn-primary[data-v-118e9544]:hover{background-color:#f28b0c1a}.btn-close[data-v-118e9544]{padding:0;background-color:transparent;border:none;display:flex;align-items:center;border-radius:50%}.btn-close[data-v-118e9544]:hover{background-color:#cacaca88}.messages-container[data-v-118e9544]{position:relative}.loader[data-v-118e9544]{position:absolute;top:18px;z-index:5;left:50%;transform:translate(-50%,-50%)}.fit[data-v-118e9544]{width:100%;height:100%;position:relative}.center[data-v-118e9544]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.message-send-block[data-v-118e9544]{display:block;margin:1.5rem;text-align:center}.header-widget{height:5%;display:flex;justify-content:space-between;align-items:center}.jl2-input-chat{height:20px;width:95%;border:none;resize:none;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}