vue-wiguet-chatweb 0.1.45 → 0.1.47

package/dist/dto/socket.config.d.ts

@@ -0,0 +1,6 @@
+export declare const SOCKET_OPTIONS: {
+    transports: string[];
+    reconnection: boolean;
+    reconnectionAttempts: number;
+    reconnectionDelay: number;
+};

package/dist/style.css

@@ -1 +1 @@
-.bubble[data-v-586d8c26]{--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-586d8c26]{--_d: 0%;border-left:var(--t) solid #0000;margin-right:0;background-color:#fcd7ae;color:#4d4d4d}.bubble>.content-left[data-v-586d8c26]{margin-right:10px;margin-bottom:1px}.right[data-v-586d8c26]{--_d: 100%;border-right:var(--t) solid #0000;margin-right:0;background-color:#fdeedb;color:#4d4d4d}.bubble>.content-right[data-v-586d8c26]{margin-bottom:1px;margin-right:10px}.message-text[data-v-586d8c26]{margin-bottom:10px;overflow-wrap:break-word}.detail-message[data-v-586d8c26]{font-size:10px;color:gray;display:flex;justify-content:space-between}.chat-message[data-v-586d8c26]{display:flex;flex-direction:column;justify-content:center}.message[data-v-586d8c26]{width:100%;display:flex}.message-left[data-v-586d8c26]{justify-content:start}.message-right[data-v-586d8c26]{justify-content:end}.target[data-v-586d8c26]{padding:.5rem 0;width:100%}.btn-danger[data-v-586d8c26]{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-586d8c26]{width:24px;height:24px}.btn-danger[data-v-586d8c26]:hover{background-color:#ff00003a}.btn-container-widget[data-v-586d8c26]{display:flex;align-items:center;position:absolute;left:-40px;top:50%;transform:translateY(-50%)}.message-container[data-v-586d8c26]{min-width:80%;max-width:80%;position:relative;margin-bottom:.5rem}.messages-container-list[data-v-586d8c26]{width:100%}.icon[data-v-586d8c26]{width:2rem}.btn-icon[data-v-586d8c26]{text-decoration:none;border:none;color:#9ca3af}.btn-icon[data-v-586d8c26]:hover:not(.content-disabled){color:#1f2937}.btn-icon span[data-v-586d8c26]{text-wrap:nowrap}.btn-icon .icon[data-v-586d8c26]{font-size:2rem}.content-disabled[data-v-586d8c26]{-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)}}.dialog-overlay[data-v-532e0111]{z-index:10001;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;opacity:0;animation:fadeIn-532e0111 .3s forwards}.dialog-content[data-v-532e0111]{background-color:#fff;padding:15px;border-radius:8px;text-align:center;animation:slideIn-532e0111 .3s ease-out forwards}@keyframes fadeIn-532e0111{to{opacity:1}}@keyframes slideIn-532e0111{0%{transform:translateY(-50px)}to{transform:translateY(0)}}.dialog-overlay.v-enter-active[data-v-532e0111],.dialog-overlay.v-leave-active[data-v-532e0111]{transition:opacity .3s}.btn-close[data-v-532e0111]{padding:0;background-color:transparent;border:none;display:flex;align-items:center;border-radius:50%}.btn-close[data-v-532e0111]:hover{background-color:#cacaca88}.btn-primary[data-v-b1292574]{padding:10px 12px;color:var(--primary-color)}.btn-primary[data-v-b1292574]:hover{background-color:#0000001a}.btn-close[data-v-b1292574]{padding:0;background-color:transparent;border:none;display:flex;align-items:center;border-radius:50%}.btn-close[data-v-b1292574]:hover{background-color:#cacaca88}.messages-container[data-v-b1292574]{position:relative;height:100%}.loader[data-v-b1292574]{position:absolute;top:18px;z-index:5;left:50%;transform:translate(-50%,-50%)}.fit[data-v-b1292574]{width:100%;height:100%;position:relative}.center[data-v-b1292574]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.message-send-block[data-v-b1292574]{display:block;margin:1.5rem;text-align:center}.drop-over[data-v-b1292574]{border:2px dashed #007bff!important}:root{--primary-color: var(--primary-color-500, #513c86)}.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:var(--primary-color);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:var(--primary-color) transparent;scrollbar-track-color:transparent;scrollbar-face-color:var(--primary-color);scrollbar-thumb-color:var(--primary-color)}.messages-container::-webkit-scrollbar{width:8px}.messages-container::-webkit-scrollbar-track{background-color:transparent}.messages-container::-webkit-scrollbar-thumb{background-color:var(--primary-color);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}.w-full{width:100%}.widget-component .flex{display:flex;flex-wrap:wrap}.widget-component .flex-col{flex-direction:column}.widget-component .items-center{align-items:center}.widget-component .gap-2{gap:.5rem}.widget-component .mb-2{margin-bottom:8px}.widget-component .mt-2{margin-top:8px}.widget-component .justify-between{justify-content:space-between}.flex-0{flex:0}.flex-1{flex:1}.disabled[data-v-0bfa17ab]{color:currentColor;cursor:not-allowed!important;opacity:.4!important;text-decoration:none}.container-buttons-chat[data-v-0bfa17ab]{position:relative;right:-1.8rem}.button[data-v-0bfa17ab]{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-0bfa17ab]{z-index:1;opacity:1}.container-buttons-chat.active .whatsapp[data-v-0bfa17ab]{transform:translateY(-150px)}.container-buttons-chat.active .telegram[data-v-0bfa17ab]{transform:translateY(-100px)}.container-buttons-chat.active .webchat[data-v-0bfa17ab]{transform:translateY(-50px)}.widget-container[data-v-0bfa17ab]{position:relative}.new-message-badge[data-v-0bfa17ab]{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}.btn-primary[data-v-0bfa17ab]{color:var(--primary-color)}.btn-primary[data-v-0bfa17ab]:hover{opacity:.7}
+.bubble[data-v-586d8c26]{--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-586d8c26]{--_d: 0%;border-left:var(--t) solid #0000;margin-right:0;background-color:#fcd7ae;color:#4d4d4d}.bubble>.content-left[data-v-586d8c26]{margin-right:10px;margin-bottom:1px}.right[data-v-586d8c26]{--_d: 100%;border-right:var(--t) solid #0000;margin-right:0;background-color:#fdeedb;color:#4d4d4d}.bubble>.content-right[data-v-586d8c26]{margin-bottom:1px;margin-right:10px}.message-text[data-v-586d8c26]{margin-bottom:10px;overflow-wrap:break-word}.detail-message[data-v-586d8c26]{font-size:10px;color:gray;display:flex;justify-content:space-between}.chat-message[data-v-586d8c26]{display:flex;flex-direction:column;justify-content:center}.message[data-v-586d8c26]{width:100%;display:flex}.message-left[data-v-586d8c26]{justify-content:start}.message-right[data-v-586d8c26]{justify-content:end}.target[data-v-586d8c26]{padding:.5rem 0;width:100%}.btn-danger[data-v-586d8c26]{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-586d8c26]{width:24px;height:24px}.btn-danger[data-v-586d8c26]:hover{background-color:#ff00003a}.btn-container-widget[data-v-586d8c26]{display:flex;align-items:center;position:absolute;left:-40px;top:50%;transform:translateY(-50%)}.message-container[data-v-586d8c26]{min-width:80%;max-width:80%;position:relative;margin-bottom:.5rem}.messages-container-list[data-v-586d8c26]{width:100%}.icon[data-v-586d8c26]{width:2rem}.btn-icon[data-v-586d8c26]{text-decoration:none;border:none;color:#9ca3af}.btn-icon[data-v-586d8c26]:hover:not(.content-disabled){color:#1f2937}.btn-icon span[data-v-586d8c26]{text-wrap:nowrap}.btn-icon .icon[data-v-586d8c26]{font-size:2rem}.content-disabled[data-v-586d8c26]{-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)}}.dialog-overlay[data-v-532e0111]{z-index:10001;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;opacity:0;animation:fadeIn-532e0111 .3s forwards}.dialog-content[data-v-532e0111]{background-color:#fff;padding:15px;border-radius:8px;text-align:center;animation:slideIn-532e0111 .3s ease-out forwards}@keyframes fadeIn-532e0111{to{opacity:1}}@keyframes slideIn-532e0111{0%{transform:translateY(-50px)}to{transform:translateY(0)}}.dialog-overlay.v-enter-active[data-v-532e0111],.dialog-overlay.v-leave-active[data-v-532e0111]{transition:opacity .3s}.btn-close[data-v-532e0111]{padding:0;background-color:transparent;border:none;display:flex;align-items:center;border-radius:50%}.btn-close[data-v-532e0111]:hover{background-color:#cacaca88}.btn-primary[data-v-f5517ea6]{padding:10px 12px;color:var(--primary-color)}.btn-primary[data-v-f5517ea6]:hover{background-color:#0000001a}.btn-close[data-v-f5517ea6]{padding:0;background-color:transparent;border:none;display:flex;align-items:center;border-radius:50%}.btn-close[data-v-f5517ea6]:hover{background-color:#cacaca88}.messages-container[data-v-f5517ea6]{position:relative;height:100%}.loader[data-v-f5517ea6]{position:absolute;top:18px;z-index:5;left:50%;transform:translate(-50%,-50%)}.fit[data-v-f5517ea6]{width:100%;height:100%;position:relative}.center[data-v-f5517ea6]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.message-send-block[data-v-f5517ea6]{display:block;margin:1.5rem;text-align:center}.drop-over[data-v-f5517ea6]{border:2px dashed #007bff!important}:root{--primary-color: var(--primary-color-500, #513c86)}.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:var(--primary-color);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:var(--primary-color) transparent;scrollbar-track-color:transparent;scrollbar-face-color:var(--primary-color);scrollbar-thumb-color:var(--primary-color)}.messages-container::-webkit-scrollbar{width:8px}.messages-container::-webkit-scrollbar-track{background-color:transparent}.messages-container::-webkit-scrollbar-thumb{background-color:var(--primary-color);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}.w-full{width:100%}.widget-component .flex{display:flex;flex-wrap:wrap}.widget-component .flex-col{flex-direction:column}.widget-component .items-center{align-items:center}.widget-component .gap-2{gap:.5rem}.widget-component .mb-2{margin-bottom:8px}.widget-component .mt-2{margin-top:8px}.widget-component .justify-between{justify-content:space-between}.flex-0{flex:0}.flex-1{flex:1}.disabled[data-v-0bfa17ab]{color:currentColor;cursor:not-allowed!important;opacity:.4!important;text-decoration:none}.container-buttons-chat[data-v-0bfa17ab]{position:relative;right:-1.8rem}.button[data-v-0bfa17ab]{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-0bfa17ab]{z-index:1;opacity:1}.container-buttons-chat.active .whatsapp[data-v-0bfa17ab]{transform:translateY(-150px)}.container-buttons-chat.active .telegram[data-v-0bfa17ab]{transform:translateY(-100px)}.container-buttons-chat.active .webchat[data-v-0bfa17ab]{transform:translateY(-50px)}.widget-container[data-v-0bfa17ab]{position:relative}.new-message-badge[data-v-0bfa17ab]{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}.btn-primary[data-v-0bfa17ab]{color:var(--primary-color)}.btn-primary[data-v-0bfa17ab]:hover{opacity:.7}

package/dist/vue-wiguet-chatweb.js

@@ -1744,22 +1744,22 @@ q.getAdapter = jr.getAdapter;
 q.HttpStatusCode = qn;
 q.default = q;
 const {
-  Axios: e1,
-  AxiosError: t1,
-  CanceledError: n1,
-  isCancel: s1,
-  CancelToken: r1,
-  VERSION: i1,
-  all: o1,
-  Cancel: a1,
-  isAxiosError: l1,
-  spread: u1,
-  toFormData: c1,
-  AxiosHeaders: f1,
-  HttpStatusCode: h1,
-  formToJSON: d1,
-  getAdapter: m1,
-  mergeConfig: p1
+  Axios: t1,
+  AxiosError: n1,
+  CanceledError: s1,
+  isCancel: r1,
+  CancelToken: i1,
+  VERSION: o1,
+  all: a1,
+  Cancel: l1,
+  isAxiosError: u1,
+  spread: c1,
+  toFormData: f1,
+  AxiosHeaders: h1,
+  HttpStatusCode: d1,
+  formToJSON: m1,
+  getAdapter: p1,
+  mergeConfig: y1
 } = q, bt = async function(t) {
   const e = t, n = window.VITE_BACKEND_URL ? window.VITE_BACKEND_URL : "https://chatadmin-gw.dev.mp.gob.bo", s = {
     method: e.method,
@@ -9873,28 +9873,33 @@ const rc = /* @__PURE__ */ oe(tc, [["render", sc]]), ic = {
       ])) : Ee("", !0)
     ])) : Ee("", !0);
   }
-}), uc = /* @__PURE__ */ oe(lc, [["__scopeId", "data-v-532e0111"]]), cc = { class: "widget" }, fc = { class: "header-widget flex-0" }, hc = { class: "title-chat" }, dc = {
+}), uc = /* @__PURE__ */ oe(lc, [["__scopeId", "data-v-532e0111"]]), cc = {
+  transports: ["websocket"],
+  reconnection: !0,
+  reconnectionAttempts: 5,
+  reconnectionDelay: 2e3
+}, fc = { class: "widget" }, hc = { class: "header-widget flex-0" }, dc = { class: "title-chat" }, mc = {
   class: "flex-1",
   style: { position: "relative", height: "0" }
-}, mc = {
+}, pc = {
   key: 0,
   class: "loader"
-}, pc = {
+}, yc = {
   key: 2,
   class: "fit"
-}, yc = { class: "w-full flex-0" }, gc = { class: "form-message" }, wc = { class: "jl-inputgroup-chat" }, vc = {
+}, gc = { class: "w-full flex-0" }, wc = { class: "form-message" }, vc = { class: "jl-inputgroup-chat" }, bc = {
   type: "submit",
   class: "pointer btn-primary"
-}, bc = {
+}, Tc = {
   key: 1,
   class: "message-send-block"
-}, Tc = {
+}, Sc = {
   key: 0,
   class: "flex flex-col justify-center items-center"
-}, Sc = ["src"], kc = { class: "form-message" }, Ec = { class: "jl-inputgroup-chat" }, Oc = {
+}, kc = ["src"], Ec = { class: "form-message" }, Oc = { class: "jl-inputgroup-chat" }, _c = {
   type: "submit",
   class: "pointer btn-primary"
-}, _c = { key: 1 }, Cc = ["src"], xc = 14, Nc = /* @__PURE__ */ tn({
+}, Cc = { key: 1 }, xc = ["src"], Nc = 14, Ac = /* @__PURE__ */ tn({
   __name: "Chat",
   props: {
     titlePrincipal: {
@@ -10116,7 +10121,7 @@ const rc = /* @__PURE__ */ oe(tc, [["render", sc]]), ic = {
       });
     }, P = U();
     function ne() {
-      P.value && (P.value.style.height = P.value.scrollHeight - xc + "px", P.value.scrollHeight !== P.value.clientHeight && (P.value.style.height = P.value.scrollHeight + "px"));
+      P.value && (P.value.style.height = P.value.scrollHeight - Nc + "px", P.value.scrollHeight !== P.value.clientHeight && (P.value.style.height = P.value.scrollHeight + "px"));
     }
     const Q = U(), ve = U();
     function ho(y, m = fo.WEBCHAT) {
@@ -10124,11 +10129,13 @@ const rc = /* @__PURE__ */ oe(tc, [["render", sc]]), ic = {
       if (!y) throw new Error("user chat is required");
       if (!((x = (T = y == null ? void 0 : y.chat) == null ? void 0 : T.persona) != null && x.msPersonaId)) throw new Error("user chat persona ID is required");
       Q.value = Zt(window.VITE_SOCKET_URI, {
+        ...cc,
         query: {
           usuarioId: `${(F = (M = y == null ? void 0 : y.chat) == null ? void 0 : M.persona) == null ? void 0 : F.msPersonaId}`,
           aplicacion: m
         },
-        extraHeaders: { Authorization: p.tokenAuth }
+        auth: { token: p.tokenAuth },
+        multiplex: !1
       }), Q.value.removeAllListeners(), Q.value.on("connect", () => {
         var Z, se;
         console.log("Conectado al servidor de sockets"), (se = Q.value) == null || se.emit("joinRoom", `${(Z = y == null ? void 0 : y.appChat) == null ? void 0 : Z.id}`);
@@ -10233,9 +10240,9 @@ const rc = /* @__PURE__ */ oe(tc, [["render", sc]]), ic = {
       var y;
       (y = Q.value) == null || y.off();
     }), (y, m) => (N(), R(mt, null, [
-      b("div", cc, [
-        b("div", fc, [
-          b("h4", hc, Ye(t.titlePrincipal), 1),
+      b("div", fc, [
+        b("div", hc, [
+          b("h4", dc, Ye(t.titlePrincipal), 1),
           b("button", {
             onClick: m[0] || (m[0] = () => t.toggleChat()),
             class: "btn-close"
@@ -10243,7 +10250,7 @@ const rc = /* @__PURE__ */ oe(tc, [["render", sc]]), ic = {
             le(Or, { class: "pointer" })
           ])
         ]),
-        b("div", dc, [
+        b("div", mc, [
           b("div", {
             ref_key: "dropZoneRef",
             ref: a,
@@ -10278,7 +10285,7 @@ const rc = /* @__PURE__ */ oe(tc, [["render", sc]]), ic = {
             ref: g,
             onDragenter: m[7] || (m[7] = xe((T) => a.value.style.zIndex = "1", ["prevent"]))
           }, [
-            c.value ? (N(), R("div", mc, [
+            c.value ? (N(), R("div", pc, [
               le(iu)
             ])) : Ee("", !0),
             l.value.data.length > 0 ? (N(), ss(tu, {
@@ -10291,19 +10298,19 @@ const rc = /* @__PURE__ */ oe(tc, [["render", sc]]), ic = {
               onSee: m[6] || (m[6] = (T) => {
                 i.value = 1, o.value = T.thumbnailFile, wo(T.msFileId), be.title = "Imagen", be.modelValue = !0;
               })
-            }, null, 8, ["messages", "canLoadMoreMessages"])) : (N(), R("div", pc, m[18] || (m[18] = [
+            }, null, 8, ["messages", "canLoadMoreMessages"])) : (N(), R("div", yc, m[18] || (m[18] = [
               b("span", { class: "center" }, "No tienes mensajes", -1)
             ])))
           ], 544)
         ]),
-        b("div", yc, [
-          C.value ? (N(), R("span", bc, " Necesitamos que nos califique la atención para continuar ")) : (N(), R("form", {
+        b("div", gc, [
+          C.value ? (N(), R("span", Tc, " Necesitamos que nos califique la atención para continuar ")) : (N(), R("form", {
             key: 0,
             class: "message-send",
             onSubmit: m[12] || (m[12] = xe((T) => _(), ["prevent"]))
           }, [
-            b("div", gc, [
-              b("div", wc, [
+            b("div", wc, [
+              b("div", vc, [
                 jt(b("textarea", {
                   "onUpdate:modelValue": m[8] || (m[8] = (T) => n.value = T),
                   class: "jl2-input-chat",
@@ -10342,7 +10349,7 @@ const rc = /* @__PURE__ */ oe(tc, [["render", sc]]), ic = {
                 }, [
                   le(rc, { style: { width: "20px", height: "20px" } })
                 ]),
-                b("button", vc, [
+                b("button", bc, [
                   le(ks, { style: { width: "20px", height: "20px" } })
                 ])
               ])
@@ -10352,13 +10359,13 @@ const rc = /* @__PURE__ */ oe(tc, [["render", sc]]), ic = {
       ]),
       le(uc, Co(xo(be)), {
         default: No(() => [
-          i.value === 0 ? (N(), R("div", Tc, [
+          i.value === 0 ? (N(), R("div", Sc, [
             (N(!0), R(mt, null, Fn(ke.value, (T, x) => (N(), R("img", {
               key: x,
               src: T.toString(),
               alt: "Image",
               width: "400"
-            }, null, 8, Sc))), 128)),
+            }, null, 8, kc))), 128)),
             b("form", {
               class: "message-send",
               onSubmit: m[17] || (m[17] = xe(
@@ -10368,8 +10375,8 @@ const rc = /* @__PURE__ */ oe(tc, [["render", sc]]), ic = {
                 ["prevent"]
               ))
             }, [
-              b("div", kc, [
-                b("div", Ec, [
+              b("div", Ec, [
+                b("div", Oc, [
                   jt(b("textarea", {
                     "onUpdate:modelValue": m[13] || (m[13] = (T) => n.value = T),
                     autofocus: "",
@@ -10390,46 +10397,46 @@ const rc = /* @__PURE__ */ oe(tc, [["render", sc]]), ic = {
                   }, null, 544), [
                     [bs, n.value]
                   ]),
-                  b("button", Oc, [
+                  b("button", _c, [
                     le(ks, { style: { width: "20px", height: "20px" } })
                   ])
                 ])
               ])
             ], 32)
-          ])) : (N(), R("div", _c, [
+          ])) : (N(), R("div", Cc, [
             o.value ? (N(), R("img", {
               key: 0,
               src: o.value,
               alt: "Image",
               style: { "max-height": "85vh" }
-            }, null, 8, Cc)) : Ee("", !0)
+            }, null, 8, xc)) : Ee("", !0)
           ]))
         ]),
         _: 1
       }, 16)
     ], 64));
   }
-}), Ac = /* @__PURE__ */ oe(Nc, [["__scopeId", "data-v-b1292574"]]), Rc = {}, Ic = {
+}), Rc = /* @__PURE__ */ oe(Ac, [["__scopeId", "data-v-f5517ea6"]]), Ic = {}, Mc = {
   width: "87",
   height: "87",
   viewBox: "0 0 87 87",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function Mc(t, e) {
-  return N(), R("svg", Ic, e[0] || (e[0] = [
+function Dc(t, e) {
+  return N(), R("svg", Mc, e[0] || (e[0] = [
     Ao('<g filter="url(#filter0_d_4007_3488)"><path d="M43.5 77C64.2107 77 81 60.2107 81 39.5C81 18.7893 64.2107 2 43.5 2C22.7893 2 6 18.7893 6 39.5C6 60.2107 22.7893 77 43.5 77Z" fill="white" stroke="currentColor" stroke-width="3" stroke-miterlimit="10"></path><path d="M39.705 38.885C40.6908 38.885 41.49 38.0858 41.49 37.1C41.49 36.1142 40.6908 35.315 39.705 35.315C38.7192 35.315 37.92 36.1142 37.92 37.1C37.92 38.0858 38.7192 38.885 39.705 38.885Z" fill="currentColor"></path><path d="M45.075 38.885C46.0608 38.885 46.86 38.0858 46.86 37.1C46.86 36.1142 46.0608 35.315 45.075 35.315C44.0892 35.315 43.29 36.1142 43.29 37.1C43.29 38.0858 44.0892 38.885 45.075 38.885Z" fill="currentColor"></path><path d="M50.445 38.885C51.4308 38.885 52.23 38.0858 52.23 37.1C52.23 36.1142 51.4308 35.315 50.445 35.315C49.4592 35.315 48.66 36.1142 48.66 37.1C48.66 38.0858 49.4592 38.885 50.445 38.885Z" fill="currentColor"></path><path d="M63.27 58.235L58.755 47.78C61.125 44.765 62.415 40.97 62.415 37.175C62.415 26.435 52.665 18.185 41.925 20.12C39.99 19.325 37.98 18.905 35.835 18.905C26.955 18.905 19.785 26.135 19.785 34.955C19.785 38.54 21 41.975 23.145 44.765L18.99 54.44C18.84 54.8 18.915 55.235 19.2 55.445C19.485 55.73 19.92 55.73 20.205 55.595L30.6 50.15C31.89 50.585 33.255 50.87 34.68 50.945C39.48 54.53 45.57 55.25 50.655 53.45L61.905 59.33C62.265 59.48 62.625 59.48 62.91 59.18C63.345 58.97 63.405 58.61 63.27 58.25V58.235ZM51.24 51.71C51.03 51.56 50.745 51.56 50.52 51.635C48.795 52.28 46.935 52.64 45.15 52.64C36.69 52.64 29.61 45.755 29.61 37.1C29.61 29.72 34.845 23.345 42.075 21.845C51.75 19.91 60.705 27.29 60.705 37.1C60.705 40.685 59.415 44.27 57.12 46.985C56.91 47.27 56.835 47.63 56.97 47.915L60.69 56.585L51.24 51.71Z" fill="currentColor"></path></g><defs><filter id="filter0_d_4007_3488" x="0.5" y="0.5" width="86" height="86" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></feColorMatrix><feOffset dy="4"></feOffset><feGaussianBlur stdDeviation="2"></feGaussianBlur><feComposite in2="hardAlpha" operator="out"></feComposite><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"></feColorMatrix><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4007_3488"></feBlend><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4007_3488" result="shape"></feBlend></filter></defs>', 2)
   ]));
 }
-const Dc = /* @__PURE__ */ oe(Rc, [["render", Mc]]), Lc = {}, Fc = {
+const Lc = /* @__PURE__ */ oe(Ic, [["render", Dc]]), Fc = {}, Bc = {
   viewBox: "0 0 256 256",
   version: "1.1",
   xmlns: "http://www.w3.org/2000/svg",
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   preserveAspectRatio: "xMidYMid"
 };
-function Bc(t, e) {
-  return N(), R("svg", Fc, e[0] || (e[0] = [
+function Vc(t, e) {
+  return N(), R("svg", Bc, e[0] || (e[0] = [
     b("g", null, [
       b("path", {
         d: "M128,0 C57.307,0 0,57.307 0,128 L0,128 C0,198.693 57.307,256 128,256 L128,256 C198.693,256 256,198.693 256,128 L256,128 C256,57.307 198.693,0 128,0 L128,0 Z",
@@ -10450,7 +10457,7 @@ function Bc(t, e) {
     ], -1)
   ]));
 }
-const Vc = /* @__PURE__ */ oe(Lc, [["render", Bc]]), Uc = {}, $c = {
+const Uc = /* @__PURE__ */ oe(Fc, [["render", Vc]]), $c = {}, Pc = {
   version: "1.1",
   id: "Capa_1",
   xmlns: "http://www.w3.org/2000/svg",
@@ -10458,8 +10465,8 @@ const Vc = /* @__PURE__ */ oe(Lc, [["render", Bc]]), Uc = {}, $c = {
   viewBox: "0 0 455.731 455.731",
   "xml:space": "preserve"
 };
-function Pc(t, e) {
-  return N(), R("svg", $c, e[0] || (e[0] = [
+function qc(t, e) {
+  return N(), R("svg", Pc, e[0] || (e[0] = [
     b("g", null, [
       b("rect", {
         x: "0",
@@ -10490,7 +10497,7 @@ function Pc(t, e) {
     ], -1)
   ]));
 }
-const qc = /* @__PURE__ */ oe(Uc, [["render", Pc]]), Wc = {}, zc = {
+const Wc = /* @__PURE__ */ oe($c, [["render", qc]]), zc = {}, Hc = {
   version: "1.1",
   id: "Capa_1",
   xmlns: "http://www.w3.org/2000/svg",
@@ -10498,8 +10505,8 @@ const qc = /* @__PURE__ */ oe(Uc, [["render", Pc]]), Wc = {}, zc = {
   viewBox: "-10 -10 78 78",
   "xml:space": "preserve"
 };
-function Hc(t, e) {
-  return N(), R("svg", zc, e[0] || (e[0] = [
+function Zc(t, e) {
+  return N(), R("svg", Hc, e[0] || (e[0] = [
     b("g", null, [
       b("path", {
         style: { fill: "orange" },
@@ -10529,14 +10536,14 @@ function Hc(t, e) {
     ], -1)
   ]));
 }
-const Zc = /* @__PURE__ */ oe(Wc, [["render", Hc]]), jc = {
+const jc = /* @__PURE__ */ oe(zc, [["render", Zc]]), Yc = {
   key: 0,
   id: "chat-circle",
   class: "widget-container"
-}, Yc = {
+}, Jc = {
   key: 0,
   class: "new-message-badge"
-}, Jc = { class: "chat-box" }, Gc = /* @__PURE__ */ tn({
+}, Gc = { class: "chat-box" }, Kc = /* @__PURE__ */ tn({
   __name: "Widget",
   props: {
     tokenAuth: { type: String, required: !0 },
@@ -10577,7 +10584,7 @@ const Zc = /* @__PURE__ */ oe(Wc, [["render", Hc]]), jc = {
     return (c, f) => (N(), R("div", {
       class: Be(["widget-component widget-css-reset widget-container", t.isDarkMode ? "chat-dark-mode" : ""])
     }, [
-      u.tokenAuth.length > 10 ? jt((N(), R("div", jc, [
+      u.tokenAuth.length > 10 ? jt((N(), R("div", Yc, [
         b("div", {
           class: Be(["container-buttons-chat", { active: a.value }])
         }, [
@@ -10589,7 +10596,7 @@ const Zc = /* @__PURE__ */ oe(Wc, [["render", Hc]]), jc = {
               /* WHATSAPP */
             ))
           }, [
-            le(qc)
+            le(Wc)
           ]),
           b("a", {
             href: "javascript:;",
@@ -10599,7 +10606,7 @@ const Zc = /* @__PURE__ */ oe(Wc, [["render", Hc]]), jc = {
               /* TELEGRAM */
             ))
           }, [
-            le(Vc)
+            le(Uc)
           ]),
           b("a", {
             href: "javascript:;",
@@ -10607,22 +10614,22 @@ const Zc = /* @__PURE__ */ oe(Wc, [["render", Hc]]), jc = {
             title: "Debe estar autenticado",
             onClick: f[2] || (f[2] = (p) => a.value && s())
           }, [
-            le(Zc)
+            le(jc)
           ], 2)
         ], 2),
-        o.value ? (N(), R("div", Yc, Ye(o.value > 9 ? "9+" : o.value), 1)) : Ee("", !0),
+        o.value ? (N(), R("div", Jc, Ye(o.value > 9 ? "9+" : o.value), 1)) : Ee("", !0),
         b("a", {
           href: "javascript:;",
           onClick: s,
           class: "btn-primary"
         }, [
-          le(Dc)
+          le(Lc)
         ])
       ], 512)), [
         [Ts, !i.value]
       ]) : Ee("", !0),
-      jt(b("div", Jc, [
-        t.tokenAuth ? (N(), ss(Ac, {
+      jt(b("div", Gc, [
+        t.tokenAuth ? (N(), ss(Rc, {
           key: 0,
           visible: i.value,
           titlePrincipal: t.titlePrincipal,
@@ -10641,12 +10648,12 @@ const Zc = /* @__PURE__ */ oe(Wc, [["render", Hc]]), jc = {
       ])
     ], 2));
   }
-}), g1 = /* @__PURE__ */ oe(Gc, [["__scopeId", "data-v-0bfa17ab"]]), w1 = {
+}), w1 = /* @__PURE__ */ oe(Kc, [["__scopeId", "data-v-0bfa17ab"]]), v1 = {
   install(t, e) {
     window.VITE_BACKEND_URL = e.VITE_BACKEND_URL, window.VITE_SOCKET_URI = e.VITE_SOCKET_URI, window.VITE_CELLPHONE_NUMBERS = e.VITE_CELLPHONE_NUMBERS;
   }
 };
 export {
-  g1 as Widget,
-  w1 as default
+  w1 as Widget,
+  v1 as default
 };