vue-wiguet-chatweb 0.1.44 → 0.1.45

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-a9f44e1d]{padding:10px 12px;color:var(--primary-color)}.btn-primary[data-v-a9f44e1d]:hover{background-color:#0000001a}.btn-close[data-v-a9f44e1d]{padding:0;background-color:transparent;border:none;display:flex;align-items:center;border-radius:50%}.btn-close[data-v-a9f44e1d]:hover{background-color:#cacaca88}.messages-container[data-v-a9f44e1d]{position:relative;height:100%}.loader[data-v-a9f44e1d]{position:absolute;top:18px;z-index:5;left:50%;transform:translate(-50%,-50%)}.fit[data-v-a9f44e1d]{width:100%;height:100%;position:relative}.center[data-v-a9f44e1d]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.message-send-block[data-v-a9f44e1d]{display:block;margin:1.5rem;text-align:center}.drop-over[data-v-a9f44e1d]{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-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}

package/dist/vue-wiguet-chatweb.js

@@ -1,4 +1,4 @@
-import { createElementBlock as R, openBlock as N, createElementVNode as b, unref as Fe, getCurrentScope as vo, onScopeDispose as bo, computed as en, ref as U, watch as ts, getCurrentInstance as To, onMounted as ns, defineComponent as tn, onBeforeMount as ko, Fragment as mt, renderList as Fn, normalizeClass as Be, createCommentVNode as Ee, createVNode as le, toDisplayString as Ye, createBlock as ss, Teleport as So, withModifiers as xe, renderSlot as Eo, nextTick as ot, reactive as Oo, onUnmounted as _o, withDirectives as jt, withKeys as Ot, vModelText as bs, normalizeProps as Co, guardReactiveProps as xo, withCtx as No, createStaticVNode as Ao, vShow as Ts } from "vue";
+import { createElementBlock as R, openBlock as N, createElementVNode as b, unref as Fe, getCurrentScope as vo, onScopeDispose as bo, computed as en, ref as U, watch as ts, getCurrentInstance as To, onMounted as ns, defineComponent as tn, onBeforeMount as So, Fragment as mt, renderList as Fn, normalizeClass as Be, createCommentVNode as Ee, createVNode as le, toDisplayString as Ye, createBlock as ss, Teleport as ko, withModifiers as xe, renderSlot as Eo, nextTick as ot, reactive as Oo, onUnmounted as _o, withDirectives as jt, withKeys as Ot, vModelText as bs, normalizeProps as Co, guardReactiveProps as xo, withCtx as No, createStaticVNode as Ao, vShow as Ts } from "vue";
 let _t;
 const Ro = new Uint8Array(16);
 function Io() {
@@ -12,12 +12,12 @@ for (let t = 0; t < 256; ++t)
 function Mo(t, e = 0) {
   return j[t[e + 0]] + j[t[e + 1]] + j[t[e + 2]] + j[t[e + 3]] + "-" + j[t[e + 4]] + j[t[e + 5]] + "-" + j[t[e + 6]] + j[t[e + 7]] + "-" + j[t[e + 8]] + j[t[e + 9]] + "-" + j[t[e + 10]] + j[t[e + 11]] + j[t[e + 12]] + j[t[e + 13]] + j[t[e + 14]] + j[t[e + 15]];
 }
-const Do = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), ks = {
+const Do = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), Ss = {
   randomUUID: Do
 };
 function Lo(t, e, n) {
-  if (ks.randomUUID && !t)
-    return ks.randomUUID();
+  if (Ss.randomUUID && !t)
+    return Ss.randomUUID();
   t = t || {};
   const s = t.random || (t.rng || Io)();
   return s[6] = s[6] & 15 | 64, s[8] = s[8] & 63 | 128, Mo(s);
@@ -59,7 +59,7 @@ function Po(t, e) {
     }, null, -1)
   ]));
 }
-const Ss = /* @__PURE__ */ oe(Uo, [["render", Po]]);
+const ks = /* @__PURE__ */ oe(Uo, [["render", Po]]);
 function _r(t, e) {
   return function() {
     return t.apply(e, arguments);
@@ -207,10 +207,10 @@ const i2 = (t, e, n, { allOwnKeys: s } = {}) => (wt(e, (r, i) => {
     n += e[Math.random() * s | 0];
   return n;
 };
-function k2(t) {
+function S2(t) {
   return !!(t && re(t.append) && t[Symbol.toStringTag] === "FormData" && t[Symbol.iterator]);
 }
-const S2 = (t) => {
+const k2 = (t) => {
   const e = new Array(10), n = (s, r) => {
     if (rn(s)) {
       if (e.indexOf(s) >= 0)
@@ -287,8 +287,8 @@ const S2 = (t) => {
   isContextDefined: Ar,
   ALPHABET: Ir,
   generateString: T2,
-  isSpecCompliantForm: k2,
-  toJSONObject: S2,
+  isSpecCompliantForm: S2,
+  toJSONObject: k2,
   isAsyncFn: E2,
   isThenable: O2,
   setImmediate: Mr,
@@ -369,8 +369,8 @@ function on(t, e, n) {
     metaTokens: !0,
     dots: !1,
     indexes: !1
-  }, !1, function(k, w) {
-    return !h.isUndefined(w[k]);
+  }, !1, function(S, w) {
+    return !h.isUndefined(w[S]);
   });
   const s = n.metaTokens, r = n.visitor || c, i = n.dots, o = n.indexes, l = (n.Blob || typeof Blob < "u" && Blob) && h.isSpecCompliantForm(e);
   if (!h.isFunction(r))
@@ -383,39 +383,39 @@ function on(t, e, n) {
       throw new O("Blob is not supported. Use a Buffer instead.");
     return h.isArrayBuffer(d) || h.isTypedArray(d) ? l && typeof Blob == "function" ? new Blob([d]) : Buffer.from(d) : d;
   }
-  function c(d, k, w) {
+  function c(d, S, w) {
     let C = d;
     if (d && !w && typeof d == "object") {
-      if (h.endsWith(k, "{}"))
-        k = s ? k : k.slice(0, -2), d = JSON.stringify(d);
-      else if (h.isArray(d) && x2(d) || (h.isFileList(d) || h.endsWith(k, "[]")) && (C = h.toArray(d)))
-        return k = Fr(k), C.forEach(function(B, ee) {
+      if (h.endsWith(S, "{}"))
+        S = s ? S : S.slice(0, -2), d = JSON.stringify(d);
+      else if (h.isArray(d) && x2(d) || (h.isFileList(d) || h.endsWith(S, "[]")) && (C = h.toArray(d)))
+        return S = Fr(S), C.forEach(function(B, ee) {
           !(h.isUndefined(B) || B === null) && e.append(
             // eslint-disable-next-line no-nested-ternary
-            o === !0 ? _s([k], ee, i) : o === null ? k : k + "[]",
+            o === !0 ? _s([S], ee, i) : o === null ? S : S + "[]",
             u(B)
           );
         }), !1;
     }
-    return Vn(d) ? !0 : (e.append(_s(w, k, i), u(d)), !1);
+    return Vn(d) ? !0 : (e.append(_s(w, S, i), u(d)), !1);
   }
   const f = [], p = Object.assign(N2, {
     defaultVisitor: c,
     convertValue: u,
     isVisitable: Vn
   });
-  function g(d, k) {
+  function g(d, S) {
     if (!h.isUndefined(d)) {
       if (f.indexOf(d) !== -1)
-        throw Error("Circular reference detected in " + k.join("."));
+        throw Error("Circular reference detected in " + S.join("."));
       f.push(d), h.forEach(d, function(C, _) {
         (!(h.isUndefined(C) || C === null) && r.call(
           e,
           C,
           h.isString(_) ? _.trim() : _,
-          k,
+          S,
           p
-        )) === !0 && g(C, k ? k.concat(_) : [_]);
+        )) === !0 && g(C, S ? S.concat(_) : [_]);
       }), f.pop();
     }
   }
@@ -1069,7 +1069,7 @@ const zr = (t) => {
     let i = r.data;
     const o = te.from(r.headers).normalize();
     let { responseType: a, onUploadProgress: l, onDownloadProgress: u } = r, c, f, p, g, d;
-    function k() {
+    function S() {
       g && g(), d && d(), r.cancelToken && r.cancelToken.unsubscribe(c), r.signal && r.signal.removeEventListener("abort", c);
     }
     let w = new XMLHttpRequest();
@@ -1088,9 +1088,9 @@ const zr = (t) => {
         request: w
       };
       qr(function(he) {
-        n(he), k();
+        n(he), S();
       }, function(he) {
-        s(he), k();
+        s(he), S();
       }, H), w = null;
     }
     "onloadend" in w ? w.onloadend = C : w.onreadystatechange = function() {
@@ -1260,7 +1260,7 @@ const ca = async (t) => {
   } = zr(t);
   u = u ? (u + "").toLowerCase() : "text";
   let g = ra([r, i && i.toAbortSignal()], o), d;
-  const k = g && g.unsubscribe && (() => {
+  const S = g && g.unsubscribe && (() => {
     g.unsubscribe();
   });
   let w;
@@ -1292,7 +1292,7 @@ const ca = async (t) => {
     });
     let _ = await fetch(d);
     const B = $n && (u === "stream" || u === "response");
-    if ($n && (a || B && k)) {
+    if ($n && (a || B && S)) {
       const H = {};
       ["status", "statusText", "headers"].forEach((ne) => {
         H[ne] = _[ne];
@@ -1303,14 +1303,14 @@ const ca = async (t) => {
       ) || [];
       _ = new Response(
         Ms(_.body, Ds, he, () => {
-          P && P(), k && k();
+          P && P(), S && S();
         }),
         H
       );
     }
     u = u || "text";
     let ee = await Jt[h.findKey(Jt, u) || "text"](_, t);
-    return !B && k && k(), await new Promise((H, Y) => {
+    return !B && S && S(), await new Promise((H, Y) => {
       qr(H, Y, {
         data: ee,
         headers: te.from(_.headers),
@@ -1321,7 +1321,7 @@ const ca = async (t) => {
       });
     });
   } catch (C) {
-    throw k && k(), C && C.name === "TypeError" && /fetch/i.test(C.message) ? Object.assign(
+    throw S && S(), C && C.name === "TypeError" && /fetch/i.test(C.message) ? Object.assign(
       new O("Network Error", O.ERR_NETWORK, t, d),
       {
         cause: C.cause || C
@@ -1373,22 +1373,22 @@ const Ls = (t) => `- ${t}`, da = (t) => h.isFunction(t) || t === null || t === !
   },
   adapters: Pn
 };
-function kn(t) {
+function Sn(t) {
   if (t.cancelToken && t.cancelToken.throwIfRequested(), t.signal && t.signal.aborted)
     throw new et(null, t);
 }
 function Fs(t) {
-  return kn(t), t.headers = te.from(t.headers), t.data = Tn.call(
+  return Sn(t), t.headers = te.from(t.headers), t.data = Tn.call(
     t,
     t.transformRequest
   ), ["post", "put", "patch"].indexOf(t.method) !== -1 && t.headers.setContentType("application/x-www-form-urlencoded", !1), jr.getAdapter(t.adapter || vt.adapter)(t).then(function(s) {
-    return kn(t), s.data = Tn.call(
+    return Sn(t), s.data = Tn.call(
       t,
       t.transformResponse,
       s
     ), s.headers = te.from(s.headers), s;
   }, function(s) {
-    return Pr(s) || (kn(t), s && s.response && (s.response.data = Tn.call(
+    return Pr(s) || (Sn(t), s && s.response && (s.response.data = Tn.call(
       t,
       t.transformResponse,
       s.response
@@ -1504,12 +1504,12 @@ let $e = class {
     ), n.headers = te.concat(o, i);
     const a = [];
     let l = !0;
-    this.interceptors.request.forEach(function(k) {
-      typeof k.runWhen == "function" && k.runWhen(n) === !1 || (l = l && k.synchronous, a.unshift(k.fulfilled, k.rejected));
+    this.interceptors.request.forEach(function(S) {
+      typeof S.runWhen == "function" && S.runWhen(n) === !1 || (l = l && S.synchronous, a.unshift(S.fulfilled, S.rejected));
     });
     const u = [];
-    this.interceptors.response.forEach(function(k) {
-      u.push(k.fulfilled, k.rejected);
+    this.interceptors.response.forEach(function(S) {
+      u.push(S.fulfilled, S.rejected);
     });
     let c, f = 0, p;
     if (!l) {
@@ -1521,11 +1521,11 @@ let $e = class {
     p = a.length;
     let g = n;
     for (f = 0; f < p; ) {
-      const d = a[f++], k = a[f++];
+      const d = a[f++], S = a[f++];
       try {
         g = d(g);
       } catch (w) {
-        k.call(this, w);
+        S.call(this, w);
         break;
       }
     }
@@ -1852,16 +1852,16 @@ function Ta(t) {
 function Kr(t) {
   return typeof t == "function" ? t() : Fe(t);
 }
-const ka = typeof window < "u" && typeof document < "u";
+const Sa = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const Sa = (t) => t != null, Sn = () => {
+const ka = (t) => t != null, kn = () => {
 };
 function En(t) {
   var e;
   const n = Kr(t);
   return (e = n == null ? void 0 : n.$el) != null ? e : n;
 }
-const Ea = ka ? window : void 0;
+const Ea = Sa ? window : void 0;
 function Oa() {
   const t = U(!1), e = To();
   return e && ns(() => {
@@ -1881,28 +1881,28 @@ function Ca(t, e, n = {}) {
     immediate: a = !0
   } = n, l = _a(() => o && "IntersectionObserver" in o), u = en(() => {
     const d = Kr(t);
-    return (Array.isArray(d) ? d : [d]).map(En).filter(Sa);
+    return (Array.isArray(d) ? d : [d]).map(En).filter(ka);
   });
-  let c = Sn;
+  let c = kn;
   const f = U(a), p = l.value ? ts(
     () => [u.value, En(s), f.value],
-    ([d, k]) => {
+    ([d, S]) => {
       if (c(), !f.value || !d.length)
         return;
       const w = new IntersectionObserver(
         e,
         {
-          root: En(k),
+          root: En(S),
           rootMargin: r,
           threshold: i
         }
       );
       d.forEach((C) => C && w.observe(C)), c = () => {
-        w.disconnect(), c = Sn;
+        w.disconnect(), c = kn;
       };
     },
     { immediate: a, flush: "post" }
-  ) : Sn, g = () => {
+  ) : kn, g = () => {
     c(), p(), f.value = !1;
   };
   return Ta(g), {
@@ -2434,7 +2434,7 @@ function Wa(t, e, n) {
 function za(t) {
   const e = [];
   for (let n = 1; n <= 12; n++) {
-    const s = S.utc(2009, n, 1);
+    const s = k.utc(2009, n, 1);
     e.push(t(s));
   }
   return e;
@@ -2442,7 +2442,7 @@ function za(t) {
 function Ha(t) {
   const e = [];
   for (let n = 1; n <= 7; n++) {
-    const s = S.utc(2016, 11, 13 + n);
+    const s = k.utc(2016, 11, 13 + n);
     e.push(t(s));
   }
   return e;
@@ -2593,7 +2593,7 @@ class L {
       () => {
         if (!this.meridiemCache) {
           const e = { hour: "numeric", hourCycle: "h12" };
-          this.meridiemCache = [S.utc(2016, 11, 13, 9), S.utc(2016, 11, 13, 19)].map(
+          this.meridiemCache = [k.utc(2016, 11, 13, 9), k.utc(2016, 11, 13, 19)].map(
             (n) => this.extract(n, e, "dayperiod")
           );
         }
@@ -2604,7 +2604,7 @@ class L {
   eras(e) {
     return xt(this, e, Di, () => {
       const n = { era: e };
-      return this.eraCache[e] || (this.eraCache[e] = [S.utc(-40, 1, 1), S.utc(2017, 1, 1)].map(
+      return this.eraCache[e] || (this.eraCache[e] = [k.utc(-40, 1, 1), k.utc(2017, 1, 1)].map(
         (s) => this.extract(s, n, "era")
       )), this.eraCache[e];
     });
@@ -3020,7 +3020,7 @@ class $ {
    * @return {void}
    */
   static resetCaches() {
-    L.resetCache(), Oe.resetCache(), S.resetCache(), e0();
+    L.resetCache(), Oe.resetCache(), k.resetCache(), e0();
   }
 }
 class ye {
@@ -3045,10 +3045,10 @@ function ls(t, e, n) {
   return r === 0 ? 7 : r;
 }
 function bi(t, e, n) {
-  return n + (kt(t) ? vi : wi)[e - 1];
+  return n + (St(t) ? vi : wi)[e - 1];
 }
 function Ti(t, e) {
-  const n = kt(t) ? vi : wi, s = n.findIndex((i) => i < e), r = e - n[s];
+  const n = St(t) ? vi : wi, s = n.findIndex((i) => i < e), r = e - n[s];
   return { month: s + 1, day: r };
 }
 function us(t, e) {
@@ -3099,11 +3099,11 @@ function n0(t) {
   const e = cn(t.year), n = fe(t.ordinal, 1, Je(t.year));
   return e ? n ? !1 : ce("ordinal", t.ordinal) : ce("year", t.year);
 }
-function ki(t) {
+function Si(t) {
   const e = cn(t.year), n = fe(t.month, 1, 12), s = fe(t.day, 1, Qt(t.year, t.month));
   return e ? n ? s ? !1 : ce("day", t.day) : ce("month", t.month) : ce("year", t.year);
 }
-function Si(t) {
+function ki(t) {
   const { hour: e, minute: n, second: s, millisecond: r } = t, i = fe(e, 0, 23) || e === 24 && n === 0 && s === 0 && r === 0, o = fe(n, 0, 59), a = fe(s, 0, 59), l = fe(r, 0, 999);
   return i ? o ? a ? l ? !1 : ce("millisecond", r) : ce("second", s) : ce("minute", n) : ce("hour", e);
 }
@@ -3194,15 +3194,15 @@ function fs(t, e, n = !1) {
   const s = 10 ** e;
   return (n ? Math.trunc : Math.round)(t * s) / s;
 }
-function kt(t) {
+function St(t) {
   return t % 4 === 0 && (t % 100 !== 0 || t % 400 === 0);
 }
 function Je(t) {
-  return kt(t) ? 366 : 365;
+  return St(t) ? 366 : 365;
 }
 function Qt(t, e) {
   const n = a0(e - 1, 12) + 1, s = t + (e - n) / 12;
-  return n === 2 ? kt(s) ? 29 : 28 : [31, null, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31][n - 1];
+  return n === 2 ? St(s) ? 29 : 28 : [31, null, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31][n - 1];
 }
 function fn(t) {
   let e = Date.UTC(
@@ -3665,7 +3665,7 @@ function Fi(...t) {
     return [s, null, n + r];
   };
 }
-const Bi = /(?:(Z)|([+-]\d\d)(?::?(\d\d))?)/, b0 = `(?:${Bi.source}?(?:\\[(${Li.source})\\])?)?`, hs = /(\d\d)(?::?(\d\d)(?::?(\d\d)(?:[.,](\d{1,30}))?)?)?/, Vi = RegExp(`${hs.source}${b0}`), ds = RegExp(`(?:T${Vi.source})?`), T0 = /([+-]\d{6}|\d{4})(?:-?(\d\d)(?:-?(\d\d))?)?/, k0 = /(\d{4})-?W(\d\d)(?:-?(\d))?/, S0 = /(\d{4})-?(\d{3})/, E0 = Fi("weekYear", "weekNumber", "weekDay"), O0 = Fi("year", "ordinal"), _0 = /(\d{4})-(\d\d)-(\d\d)/, Ui = RegExp(
+const Bi = /(?:(Z)|([+-]\d\d)(?::?(\d\d))?)/, b0 = `(?:${Bi.source}?(?:\\[(${Li.source})\\])?)?`, hs = /(\d\d)(?::?(\d\d)(?::?(\d\d)(?:[.,](\d{1,30}))?)?)?/, Vi = RegExp(`${hs.source}${b0}`), ds = RegExp(`(?:T${Vi.source})?`), T0 = /([+-]\d{6}|\d{4})(?:-?(\d\d)(?:-?(\d\d))?)?/, S0 = /(\d{4})-?W(\d\d)(?:-?(\d))?/, k0 = /(\d{4})-?(\d{3})/, E0 = Fi("weekYear", "weekNumber", "weekDay"), O0 = Fi("year", "ordinal"), _0 = /(\d{4})-(\d\d)-(\d\d)/, Ui = RegExp(
   `${hs.source} ?(?:${Bi.source}|(${Li.source}))?`
 ), C0 = RegExp(`(?: ${Ui.source})?`);
 function Ge(t, e, n) {
@@ -3687,7 +3687,7 @@ function rt(t, e) {
     milliseconds: cs(t[e + 3])
   }, null, e + 4];
 }
-function St(t, e) {
+function kt(t, e) {
   const n = !t[e] && !t[e + 1], s = hn(t[e + 1], t[e + 2]), r = n ? null : X.instance(s);
   return [{}, r, e + 3];
 }
@@ -3763,24 +3763,24 @@ function U0(t) {
   const [, e, n, s, r, i, o, a] = t;
   return [ms(e, a, n, s, r, i, o), X.utcInstance];
 }
-const $0 = tt(T0, ds), P0 = tt(k0, ds), q0 = tt(S0, ds), W0 = tt(Vi), $i = nt(
+const $0 = tt(T0, ds), P0 = tt(S0, ds), q0 = tt(k0, ds), W0 = tt(Vi), $i = nt(
   x0,
   rt,
-  St,
+  kt,
   Et
 ), z0 = nt(
   E0,
   rt,
-  St,
+  kt,
   Et
 ), H0 = nt(
   O0,
   rt,
-  St,
+  kt,
   Et
 ), Z0 = nt(
   rt,
-  St,
+  kt,
   Et
 );
 function j0(t) {
@@ -3812,7 +3812,7 @@ function Q0(t) {
 }
 const X0 = tt(_0, C0), el = tt(Ui), tl = nt(
   rt,
-  St,
+  kt,
   Et
 );
 function nl(t) {
@@ -4225,7 +4225,7 @@ class I {
       format: "extended",
       ...e,
       includeOffset: !1
-    }, S.fromMillis(n, { zone: "UTC" }).toISOTime(e));
+    }, k.fromMillis(n, { zone: "UTC" }).toISOTime(e));
   }
   /**
    * Returns an ISO 8601 representation of this Duration appropriate for use in JSON.
@@ -4603,13 +4603,13 @@ class V {
     if (s && r) {
       let i, o;
       try {
-        i = S.fromISO(s, n), o = i.isValid;
+        i = k.fromISO(s, n), o = i.isValid;
       } catch {
         o = !1;
       }
       let a, l;
       try {
-        a = S.fromISO(r, n), l = a.isValid;
+        a = k.fromISO(r, n), l = a.isValid;
       } catch {
         l = !1;
       }
@@ -4992,7 +4992,7 @@ class Nt {
    * @return {boolean}
    */
   static hasDST(e = $.defaultZone) {
-    const n = S.now().setZone(e).set({ month: 12 });
+    const n = k.now().setZone(e).set({ month: 12 });
     return !e.isUniversal && n.offset !== n.set({ month: 6 }).offset;
   }
   /**
@@ -5215,7 +5215,7 @@ function dl(t) {
   return t.replace(/[\-\[\]{}()*+?.,\\\^$|#\s]/g, "\\$&");
 }
 function ml(t, e) {
-  const n = de(e), s = de(e, "{2}"), r = de(e, "{3}"), i = de(e, "{4}"), o = de(e, "{6}"), a = de(e, "{1,2}"), l = de(e, "{1,3}"), u = de(e, "{1,6}"), c = de(e, "{1,9}"), f = de(e, "{2,4}"), p = de(e, "{4,6}"), g = (w) => ({ regex: RegExp(dl(w.val)), deser: ([C]) => C, literal: !0 }), k = ((w) => {
+  const n = de(e), s = de(e, "{2}"), r = de(e, "{3}"), i = de(e, "{4}"), o = de(e, "{6}"), a = de(e, "{1,2}"), l = de(e, "{1,3}"), u = de(e, "{1,6}"), c = de(e, "{1,9}"), f = de(e, "{2,4}"), p = de(e, "{4,6}"), g = (w) => ({ regex: RegExp(dl(w.val)), deser: ([C]) => C, literal: !0 }), S = ((w) => {
     if (t.literal)
       return g(w);
     switch (w.val) {
@@ -5323,7 +5323,7 @@ function ml(t, e) {
   })(t) || {
     invalidReason: cl
   };
-  return k.token = t, k;
+  return S.token = t, S;
 }
 const pl = {
   year: {
@@ -5445,7 +5445,7 @@ function vl(t) {
 }
 let xn = null;
 function bl() {
-  return xn || (xn = S.fromMillis(1555555555555)), xn;
+  return xn || (xn = k.fromMillis(1555555555555)), xn;
 }
 function Tl(t, e) {
   if (t.literal)
@@ -5493,7 +5493,7 @@ class Zi {
 function ji(t, e, n) {
   return new Zi(t, n).explainFromTokens(e);
 }
-function kl(t, e, n) {
+function Sl(t, e, n) {
   const { result: s, zone: r, specificOffset: i, invalidReason: o } = ji(t, e, n);
   return [s, r, i, o];
 }
@@ -5503,7 +5503,7 @@ function Yi(t, e) {
   const s = K.create(e, t).dtFormatter(bl()), r = s.formatToParts(), i = s.resolvedOptions();
   return r.map((o) => yl(o, t, i));
 }
-const Nn = "Invalid DateTime", Sl = 864e13;
+const Nn = "Invalid DateTime", kl = 864e13;
 function ft(t) {
   return new ye("unsupported zone", `the zone "${t.name}" is not supported`);
 }
@@ -5526,7 +5526,7 @@ function Le(t, e) {
     loc: t.loc,
     invalid: t.invalid
   };
-  return new S({ ...n, ...e, old: n });
+  return new k({ ...n, ...e, old: n });
 }
 function Ji(t, e, n) {
   let s = t - e * 60 * 1e3;
@@ -5576,14 +5576,14 @@ function ur(t, e) {
 function He(t, e, n, s, r, i) {
   const { setZone: o, zone: a } = n;
   if (t && Object.keys(t).length !== 0 || e) {
-    const l = e || a, u = S.fromObject(t, {
+    const l = e || a, u = k.fromObject(t, {
       ...n,
       zone: l,
       specificOffset: i
     });
     return o ? u : u.setZone(a);
   } else
-    return S.invalid(
+    return k.invalid(
       new ye("unparsable", `the input "${r}" can't be parsed as ${s}`)
     );
 }
@@ -5682,7 +5682,7 @@ function Nl(t) {
 function hr(t, e) {
   const n = Ae(e.zone, $.defaultZone);
   if (!n.isValid)
-    return S.invalid(ft(n));
+    return k.invalid(ft(n));
   const s = L.fromObject(e);
   let r, i;
   if (E(t.year))
@@ -5690,13 +5690,13 @@ function hr(t, e) {
   else {
     for (const l of Ki)
       E(t[l]) && (t[l] = Gi[l]);
-    const o = ki(t) || Si(t);
+    const o = Si(t) || ki(t);
     if (o)
-      return S.invalid(o);
+      return k.invalid(o);
     const a = Nl(n);
     [r, i] = Ut(t, a, n);
   }
-  return new S({ ts: r, zone: n, loc: s, o: i });
+  return new k({ ts: r, zone: n, loc: s, o: i });
 }
 function dr(t, e, n) {
   const s = E(n.round) ? !0 : n.round, r = (o, a) => (o = fs(o, s || n.calendary ? 0 : 2, !0), e.loc.clone(n).relFormatter(n).format(o, a)), i = (o) => n.calendary ? e.hasSame(t, o) ? 0 : e.startOf(o).diff(t.startOf(o), o).get(o) : e.diff(t, o).get(o);
@@ -5714,7 +5714,7 @@ function mr(t) {
   return t.length > 0 && typeof t[t.length - 1] == "object" ? (e = t[t.length - 1], n = Array.from(t).slice(0, t.length - 1)) : n = Array.from(t), [e, n];
 }
 let $t, Pt = {};
-class S {
+class k {
   /**
    * @access private
    */
@@ -5741,7 +5741,7 @@ class S {
    * @return {DateTime}
    */
   static now() {
-    return new S({});
+    return new k({});
   }
   /**
    * Create a local DateTime
@@ -5807,13 +5807,13 @@ class S {
   static fromJSDate(e, n = {}) {
     const s = r0(e) ? e.valueOf() : NaN;
     if (Number.isNaN(s))
-      return S.invalid("invalid input");
+      return k.invalid("invalid input");
     const r = Ae(n.zone, $.defaultZone);
-    return r.isValid ? new S({
+    return r.isValid ? new k({
       ts: s,
       zone: r,
       loc: L.fromObject(n)
-    }) : S.invalid(ft(r));
+    }) : k.invalid(ft(r));
   }
   /**
    * Create a DateTime from a number of milliseconds since the epoch (meaning since 1 January 1970 00:00:00 UTC). Uses the default zone.
@@ -5828,7 +5828,7 @@ class S {
    */
   static fromMillis(e, n = {}) {
     if (Re(e))
-      return e < -864e13 || e > Sl ? S.invalid("Timestamp out of range") : new S({
+      return e < -864e13 || e > kl ? k.invalid("Timestamp out of range") : new k({
         ts: e,
         zone: Ae(n.zone, $.defaultZone),
         loc: L.fromObject(n)
@@ -5850,7 +5850,7 @@ class S {
    */
   static fromSeconds(e, n = {}) {
     if (Re(e))
-      return new S({
+      return new k({
         ts: e * 1e3,
         zone: Ae(n.zone, $.defaultZone),
         loc: L.fromObject(n)
@@ -5894,7 +5894,7 @@ class S {
     e = e || {};
     const s = Ae(n.zone, $.defaultZone);
     if (!s.isValid)
-      return S.invalid(ft(s));
+      return k.invalid(ft(s));
     const r = L.fromObject(n), i = Xt(e, fr), { minDaysInFirstWeek: o, startOfWeek: a } = Xs(i, r), l = $.now(), u = E(n.specificOffset) ? s.offset(l) : n.specificOffset, c = !E(i.ordinal), f = !E(i.year), p = !E(i.month) || !E(i.day), g = f || p, d = i.weekYear || i.weekNumber;
     if ((g || c) && d)
       throw new je(
@@ -5902,27 +5902,27 @@ class S {
       );
     if (p && c)
       throw new je("Can't mix ordinal dates with month/day");
-    const k = d || i.weekday && !g;
+    const S = d || i.weekday && !g;
     let w, C, _ = Rt(l, u);
-    k ? (w = _l, C = El, _ = Kt(_, o, a)) : c ? (w = Cl, C = Ol, _ = Cn(_)) : (w = Ki, C = Gi);
+    S ? (w = _l, C = El, _ = Kt(_, o, a)) : c ? (w = Cl, C = Ol, _ = Cn(_)) : (w = Ki, C = Gi);
     let B = !1;
     for (const Q of w) {
       const ve = i[Q];
       E(ve) ? B ? i[Q] = C[Q] : i[Q] = _[Q] : B = !0;
     }
-    const ee = k ? t0(i, o, a) : c ? n0(i) : ki(i), H = ee || Si(i);
+    const ee = S ? t0(i, o, a) : c ? n0(i) : Si(i), H = ee || ki(i);
     if (H)
-      return S.invalid(H);
-    const Y = k ? Ks(i, o, a) : c ? Qs(i) : i, [he, P] = Ut(Y, u, s), ne = new S({
+      return k.invalid(H);
+    const Y = S ? Ks(i, o, a) : c ? Qs(i) : i, [he, P] = Ut(Y, u, s), ne = new k({
       ts: he,
       zone: s,
       o: P,
       loc: r
     });
-    return i.weekday && g && e.weekday !== ne.weekday ? S.invalid(
+    return i.weekday && g && e.weekday !== ne.weekday ? k.invalid(
       "mismatched weekday",
       `you can't specify both a weekday of ${i.weekday} and a date of ${ne.toISO()}`
-    ) : ne.isValid ? ne : S.invalid(ne.invalid);
+    ) : ne.isValid ? ne : k.invalid(ne.invalid);
   }
   /**
    * Create a DateTime from an ISO 8601 string
@@ -6005,14 +6005,14 @@ class S {
       locale: r,
       numberingSystem: i,
       defaultToEN: !0
-    }), [a, l, u, c] = kl(o, e, n);
-    return c ? S.invalid(c) : He(a, l, s, `format ${n}`, e, u);
+    }), [a, l, u, c] = Sl(o, e, n);
+    return c ? k.invalid(c) : He(a, l, s, `format ${n}`, e, u);
   }
   /**
    * @deprecated use fromFormat instead
    */
   static fromString(e, n, s = {}) {
-    return S.fromFormat(e, n, s);
+    return k.fromFormat(e, n, s);
   }
   /**
    * Create a DateTime from a SQL date, time, or datetime
@@ -6051,7 +6051,7 @@ class S {
     const s = e instanceof ye ? e : new ye(e, n);
     if ($.throwOnInvalid)
       throw new xa(s);
-    return new S({ invalid: s });
+    return new k({ invalid: s });
   }
   /**
    * Check if an object is an instance of DateTime. Works across context boundaries
@@ -6393,7 +6393,7 @@ class S {
    * @type {boolean}
    */
   get isInLeapYear() {
-    return kt(this.year);
+    return St(this.year);
   }
   /**
    * Returns the number of days in this DateTime's month
@@ -6490,7 +6490,7 @@ class S {
       }
       return Le(this, { ts: r, zone: e });
     } else
-      return S.invalid(ft(e));
+      return k.invalid(ft(e));
   }
   /**
    * "Set" the locale, numberingSystem, or outputCalendar. Returns a newly-constructed DateTime.
@@ -6927,7 +6927,7 @@ class S {
    * @return {Duration}
    */
   diffNow(e = "milliseconds", n = {}) {
-    return this.diff(S.now(), e, n);
+    return this.diff(k.now(), e, n);
   }
   /**
    * Return an Interval spanning between this DateTime and another DateTime
@@ -6983,7 +6983,7 @@ class S {
    */
   toRelative(e = {}) {
     if (!this.isValid) return null;
-    const n = e.base || S.fromObject({}, { zone: this.zone }), s = e.padding ? this < n ? -e.padding : e.padding : 0;
+    const n = e.base || k.fromObject({}, { zone: this.zone }), s = e.padding ? this < n ? -e.padding : e.padding : 0;
     let r = ["years", "months", "days", "hours", "minutes", "seconds"], i = e.unit;
     return Array.isArray(e.unit) && (r = e.unit, i = void 0), dr(n, this.plus(s), {
       ...e,
@@ -7006,7 +7006,7 @@ class S {
    * @example DateTime.now().minus({ days: 2 }).toRelativeCalendar() //=> "2 days ago"
    */
   toRelativeCalendar(e = {}) {
-    return this.isValid ? dr(e.base || S.fromObject({}, { zone: this.zone }), this, {
+    return this.isValid ? dr(e.base || k.fromObject({}, { zone: this.zone }), this, {
       ...e,
       numeric: "auto",
       units: ["years", "months", "days"],
@@ -7019,7 +7019,7 @@ class S {
    * @return {DateTime} the min DateTime, or undefined if called with no argument
    */
   static min(...e) {
-    if (!e.every(S.isDateTime))
+    if (!e.every(k.isDateTime))
       throw new J("min requires all arguments be DateTimes");
     return er(e, (n) => n.valueOf(), Math.min);
   }
@@ -7029,7 +7029,7 @@ class S {
    * @return {DateTime} the max DateTime, or undefined if called with no argument
    */
   static max(...e) {
-    if (!e.every(S.isDateTime))
+    if (!e.every(k.isDateTime))
       throw new J("max requires all arguments be DateTimes");
     return er(e, (n) => n.valueOf(), Math.max);
   }
@@ -7053,7 +7053,7 @@ class S {
    * @deprecated use fromFormatExplain instead
    */
   static fromStringExplain(e, n, s = {}) {
-    return S.fromFormatExplain(e, n, s);
+    return k.fromFormatExplain(e, n, s);
   }
   /**
    * Build a parser for `fmt` using the given locale. This parser can be passed
@@ -7100,7 +7100,7 @@ class S {
         `fromFormatParser called with a locale of ${o}, but the format parser was created for ${n.locale}`
       );
     const { result: a, zone: l, specificOffset: u, invalidReason: c } = n.explainFromTokens(e);
-    return c ? S.invalid(c) : He(
+    return c ? k.invalid(c) : He(
       a,
       l,
       s,
@@ -7266,12 +7266,12 @@ class S {
   }
 }
 function lt(t) {
-  if (S.isDateTime(t))
+  if (k.isDateTime(t))
     return t;
   if (t && t.valueOf && Re(t.valueOf()))
-    return S.fromJSDate(t);
+    return k.fromJSDate(t);
   if (t && typeof t == "object")
-    return S.fromObject(t);
+    return k.fromObject(t);
   throw new J(
     `Unknown datetime argument: ${t}, of type ${typeof t}`
   );
@@ -7335,7 +7335,7 @@ const Ml = /* @__PURE__ */ oe(Al, [["render", Il]]), pr = "data:image/svg+xml,%3
     function a(p, g) {
       return !p.response || typeof p.response != "object" ? !0 : g.iconUnicode === p.response.message;
     }
-    ko(() => {
+    So(() => {
       s.canLoadMoreMessages || i();
     }), ts(
       () => s.canLoadMoreMessages,
@@ -7358,7 +7358,7 @@ const Ml = /* @__PURE__ */ oe(Al, [["render", Il]]), pr = "data:image/svg+xml,%3
     };
     function u(p) {
       const g = Object.values(l);
-      return !g || Array.isArray(g) && g.length === 0 ? p : g.reduce((k, w) => k.replace(w.regex, (C, _) => /--custom-tag/.test(C) ? C : w.tag.replace(/{val}/g, _)), p).replace(/--custom-tag/g, "");
+      return !g || Array.isArray(g) && g.length === 0 ? p : g.reduce((S, w) => S.replace(w.regex, (C, _) => /--custom-tag/.test(C) ? C : w.tag.replace(/{val}/g, _)), p).replace(/--custom-tag/g, "");
     }
     const c = [
       { label: "Excelente", value: 1, icon: gr, iconUnicode: "😊" },
@@ -7382,7 +7382,7 @@ const Ml = /* @__PURE__ */ oe(Al, [["render", Il]]), pr = "data:image/svg+xml,%3
       }, null, 512),
       b("div", Dl, [
         (N(!0), R(mt, null, Fn(s.messages, (d) => {
-          var k, w, C;
+          var S, w, C;
           return N(), R("div", {
             key: d.id,
             class: Be(["message", d.esCliente ? "message-right" : "message-left"])
@@ -7430,7 +7430,7 @@ const Ml = /* @__PURE__ */ oe(Al, [["render", Il]]), pr = "data:image/svg+xml,%3
                         ], 10, Pl)), 64))
                       ])
                     ])) : (N(), R("div", zl, [
-                      ((k = d.messageType) == null ? void 0 : k.code) === Fe(ht).IMAGEN ? (N(), R("div", Hl, [
+                      ((S = d.messageType) == null ? void 0 : S.code) === Fe(ht).IMAGEN ? (N(), R("div", Hl, [
                         b("a", {
                           href: "javascript:",
                           class: "btn-icon",
@@ -7458,7 +7458,7 @@ const Ml = /* @__PURE__ */ oe(Al, [["render", Il]]), pr = "data:image/svg+xml,%3
                     ])),
                     b("div", Kl, [
                       (w = d.sender) != null && w.nombreCompleto ? (N(), R("span", Ql, Ye(d.esCliente ? (C = d.sender) == null ? void 0 : C.nombreCompleto : "ECOSISTEMA JL"), 1)) : (N(), R("span", Xl)),
-                      b("span", null, Ye(Fe(S).fromISO(d.createdAt).toFormat(
+                      b("span", null, Ye(Fe(k).fromISO(d.createdAt).toFormat(
                         "dd-MM-yyyy HH:mm"
                       )), 1)
                     ])
@@ -7494,19 +7494,19 @@ function ou(t, e, n) {
     if (t[s][e] === n) return s;
   return -1;
 }
-const ke = /* @__PURE__ */ Object.create(null);
-ke.open = "0";
-ke.close = "1";
-ke.ping = "2";
-ke.pong = "3";
-ke.message = "4";
-ke.upgrade = "5";
-ke.noop = "6";
+const Se = /* @__PURE__ */ Object.create(null);
+Se.open = "0";
+Se.close = "1";
+Se.ping = "2";
+Se.pong = "3";
+Se.message = "4";
+Se.upgrade = "5";
+Se.noop = "6";
 const qt = /* @__PURE__ */ Object.create(null);
-Object.keys(ke).forEach((t) => {
-  qt[ke[t]] = t;
+Object.keys(Se).forEach((t) => {
+  qt[Se[t]] = t;
 });
-const Jn = { type: "error", data: "parser error" }, Qi = typeof Blob == "function" || typeof Blob < "u" && Object.prototype.toString.call(Blob) === "[object BlobConstructor]", Xi = typeof ArrayBuffer == "function", eo = (t) => typeof ArrayBuffer.isView == "function" ? ArrayBuffer.isView(t) : t && t.buffer instanceof ArrayBuffer, ps = ({ type: t, data: e }, n, s) => Qi && e instanceof Blob ? n ? s(e) : br(e, s) : Xi && (e instanceof ArrayBuffer || eo(e)) ? n ? s(e) : br(new Blob([e]), s) : s(ke[t] + (e || "")), br = (t, e) => {
+const Jn = { type: "error", data: "parser error" }, Qi = typeof Blob == "function" || typeof Blob < "u" && Object.prototype.toString.call(Blob) === "[object BlobConstructor]", Xi = typeof ArrayBuffer == "function", eo = (t) => typeof ArrayBuffer.isView == "function" ? ArrayBuffer.isView(t) : t && t.buffer instanceof ArrayBuffer, ps = ({ type: t, data: e }, n, s) => Qi && e instanceof Blob ? n ? s(e) : br(e, s) : Xi && (e instanceof ArrayBuffer || eo(e)) ? n ? s(e) : br(new Blob([e]), s) : s(Se[t] + (e || "")), br = (t, e) => {
   const n = new FileReader();
   return n.onload = function() {
     const s = n.result.split(",")[1];
@@ -7526,9 +7526,9 @@ function au(t, e) {
     Mn || (Mn = new TextEncoder()), e(Mn.encode(n));
   });
 }
-const kr = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/", dt = typeof Uint8Array > "u" ? [] : new Uint8Array(256);
-for (let t = 0; t < kr.length; t++)
-  dt[kr.charCodeAt(t)] = t;
+const Sr = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/", dt = typeof Uint8Array > "u" ? [] : new Uint8Array(256);
+for (let t = 0; t < Sr.length; t++)
+  dt[Sr.charCodeAt(t)] = t;
 const lu = (t) => {
   let e = t.length * 0.75, n = t.length, s, r = 0, i, o, a, l;
   t[t.length - 1] === "=" && (e--, t[t.length - 2] === "=" && e--);
@@ -7729,13 +7729,13 @@ function Tu(t) {
 function io() {
   return Date.now().toString(36).substring(3) + Math.random().toString(36).substring(2, 5);
 }
-function ku(t) {
+function Su(t) {
   let e = "";
   for (let n in t)
     t.hasOwnProperty(n) && (e.length && (e += "&"), e += encodeURIComponent(n) + "=" + encodeURIComponent(t[n]));
   return e;
 }
-function Su(t) {
+function ku(t) {
   let e = {}, n = t.split("&");
   for (let s = 0, r = n.length; s < r; s++) {
     let i = n[s].split("=");
@@ -7842,7 +7842,7 @@ class gs extends z {
     return this.opts.port && (this.opts.secure && +(this.opts.port !== 443) || !this.opts.secure && Number(this.opts.port) !== 80) ? ":" + this.opts.port : "";
   }
   _query(e) {
-    const n = ku(e);
+    const n = Su(e);
     return n.length ? "?" + n : "";
   }
 }
@@ -8089,13 +8089,13 @@ Ke.requestsCount = 0;
 Ke.requests = {};
 if (typeof document < "u") {
   if (typeof attachEvent == "function")
-    attachEvent("onunload", Sr);
+    attachEvent("onunload", kr);
   else if (typeof addEventListener == "function") {
     const t = "onpagehide" in ue ? "pagehide" : "unload";
-    addEventListener(t, Sr, !1);
+    addEventListener(t, kr, !1);
   }
 }
-function Sr() {
+function kr() {
   for (let t in Ke.requests)
     Ke.requests.hasOwnProperty(t) && Ke.requests[t].abort();
 }
@@ -8313,7 +8313,7 @@ class Ie extends z {
       },
       transportOptions: {},
       closeOnBeforeunload: !1
-    }, n), this.opts.path = this.opts.path.replace(/\/$/, "") + (this.opts.addTrailingSlash ? "/" : ""), typeof this.opts.query == "string" && (this.opts.query = Su(this.opts.query)), Kn && (this.opts.closeOnBeforeunload && (this._beforeunloadEventListener = () => {
+    }, n), this.opts.path = this.opts.path.replace(/\/$/, "") + (this.opts.addTrailingSlash ? "/" : ""), typeof this.opts.query == "string" && (this.opts.query = ku(this.opts.query)), Kn && (this.opts.closeOnBeforeunload && (this._beforeunloadEventListener = () => {
       this.transport && (this.transport.removeAllListeners(), this.transport.close());
     }, addEventListener("beforeunload", this._beforeunloadEventListener, !1)), this.hostname !== "localhost" && (this._offlineEventListener = () => {
       this._onClose("transport close", {
@@ -9847,7 +9847,7 @@ const rc = /* @__PURE__ */ oe(tc, [["render", sc]]), ic = {
       if (!o) throw new Error("app is required");
       let a = document.getElementById("dialogs");
       a || (a = document.createElement("div"), a.id = "dialogs", a.classList.add("widget-component"), o.appendChild(a), r.value = !0);
-    }), (o, a) => r.value ? (N(), ss(So, {
+    }), (o, a) => r.value ? (N(), ss(ko, {
       key: 0,
       to: "#dialogs"
     }, [
@@ -9891,7 +9891,7 @@ const rc = /* @__PURE__ */ oe(tc, [["render", sc]]), ic = {
 }, Tc = {
   key: 0,
   class: "flex flex-col justify-center items-center"
-}, kc = ["src"], Sc = { class: "form-message" }, Ec = { class: "jl-inputgroup-chat" }, Oc = {
+}, Sc = ["src"], kc = { class: "form-message" }, Ec = { class: "jl-inputgroup-chat" }, Oc = {
   type: "submit",
   class: "pointer btn-primary"
 }, _c = { key: 1 }, Cc = ["src"], xc = 14, Nc = /* @__PURE__ */ tn({
@@ -9950,7 +9950,7 @@ const rc = /* @__PURE__ */ oe(tc, [["render", sc]]), ic = {
       }
       _({ codigoTipoMensaje: m }), be.modelValue = !1;
     }
-    function k(y, m) {
+    function S(y, m) {
       var M, F, Z, se;
       if ((y == null ? void 0 : y.length) > 300) {
         f("show-toast", {
@@ -9984,7 +9984,7 @@ const rc = /* @__PURE__ */ oe(tc, [["render", sc]]), ic = {
         createdAt: (/* @__PURE__ */ new Date()).toISOString(),
         updatedAt: (/* @__PURE__ */ new Date()).toISOString(),
         file: (Z = Me.value) == null ? void 0 : Z[0],
-        urlFile: (se = Se.value) == null ? void 0 : se[0],
+        urlFile: (se = ke.value) == null ? void 0 : se[0],
         messageType: T,
         sender: {
           nombreCompleto: p.user.nombreCompleto,
@@ -10027,7 +10027,7 @@ const rc = /* @__PURE__ */ oe(tc, [["render", sc]]), ic = {
       var m;
       return ((m = y.messageType) == null ? void 0 : m.code) === ht.PREGUNTA && y.response == null;
     })), _ = async (y) => {
-      const m = k(n.value, y == null ? void 0 : y.codigoTipoMensaje);
+      const m = S(n.value, y == null ? void 0 : y.codigoTipoMensaje);
       if (!m) return;
       let T = -1;
       if (y != null && y.tipoCalificacionId) {
@@ -10128,8 +10128,7 @@ const rc = /* @__PURE__ */ oe(tc, [["render", sc]]), ic = {
           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 },
-        transports: ["websocket"]
+        extraHeaders: { Authorization: p.tokenAuth }
       }), 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}`);
@@ -10153,7 +10152,7 @@ const rc = /* @__PURE__ */ oe(tc, [["render", sc]]), ic = {
     const gn = ["image/png", "image/jpeg", "image/jpg", "image/webp"];
     function po() {
       var T;
-      Me.value = [], Se.value = [];
+      Me.value = [], ke.value = [];
       const y = Array.from((T = r.value) == null ? void 0 : T.files) ?? [], m = y == null ? void 0 : y[0];
       if (Me.value = y, !!m) {
         if (!gn.includes(m.type)) {
@@ -10174,7 +10173,7 @@ const rc = /* @__PURE__ */ oe(tc, [["render", sc]]), ic = {
           });
           return;
         }
-        Se.value.push(URL.createObjectURL(m)), i.value = 0, be.title = "Vista previa", be.modelValue = !0, ot(() => {
+        ke.value.push(URL.createObjectURL(m)), i.value = 0, be.title = "Vista previa", be.modelValue = !0, ot(() => {
           var x;
           (x = P.value) == null || x.focus();
         });
@@ -10185,7 +10184,7 @@ const rc = /* @__PURE__ */ oe(tc, [["render", sc]]), ic = {
       const m = ((x = y.clipboardData) == null ? void 0 : x.files) ?? ((M = window.clipboardData) == null ? void 0 : M.files) ?? [];
       if (m.length === 0) return;
       const T = m == null ? void 0 : m[0];
-      T && gn.includes(T == null ? void 0 : T.type) && (y.preventDefault(), i.value = 0, Se.value = [], Me.value = [T], Se.value.push(URL.createObjectURL(T)), be.modelValue = !0, ot(() => {
+      T && gn.includes(T == null ? void 0 : T.type) && (y.preventDefault(), i.value = 0, ke.value = [], Me.value = [T], ke.value.push(URL.createObjectURL(T)), be.modelValue = !0, ot(() => {
         var F;
         (F = P.value) == null || F.focus();
       }));
@@ -10205,17 +10204,17 @@ const rc = /* @__PURE__ */ oe(tc, [["render", sc]]), ic = {
             });
             return;
           }
-          Me.value = [x], Se.value = [], Se.value.push(URL.createObjectURL(x)), be.modelValue = !0;
+          Me.value = [x], ke.value = [], ke.value.push(URL.createObjectURL(x)), be.modelValue = !0;
         }
       }), ot(() => {
         var T;
         (T = P.value) == null || T.focus();
       }));
     }
-    const Me = U([]), Se = U([]), be = Oo({
+    const Me = U([]), ke = U([]), be = Oo({
       modelValue: !1,
       "onUpdate:modelValue": (y) => {
-        be.modelValue = y, !y && (Se.value = [], Me.value = []);
+        be.modelValue = y, !y && (ke.value = [], Me.value = []);
       },
       title: "Preparar imagen"
     });
@@ -10344,7 +10343,7 @@ const rc = /* @__PURE__ */ oe(tc, [["render", sc]]), ic = {
                   le(rc, { style: { width: "20px", height: "20px" } })
                 ]),
                 b("button", vc, [
-                  le(Ss, { style: { width: "20px", height: "20px" } })
+                  le(ks, { style: { width: "20px", height: "20px" } })
                 ])
               ])
             ])
@@ -10354,12 +10353,12 @@ const rc = /* @__PURE__ */ oe(tc, [["render", sc]]), ic = {
       le(uc, Co(xo(be)), {
         default: No(() => [
           i.value === 0 ? (N(), R("div", Tc, [
-            (N(!0), R(mt, null, Fn(Se.value, (T, x) => (N(), R("img", {
+            (N(!0), R(mt, null, Fn(ke.value, (T, x) => (N(), R("img", {
               key: x,
               src: T.toString(),
               alt: "Image",
               width: "400"
-            }, null, 8, kc))), 128)),
+            }, null, 8, Sc))), 128)),
             b("form", {
               class: "message-send",
               onSubmit: m[17] || (m[17] = xe(
@@ -10369,7 +10368,7 @@ const rc = /* @__PURE__ */ oe(tc, [["render", sc]]), ic = {
                 ["prevent"]
               ))
             }, [
-              b("div", Sc, [
+              b("div", kc, [
                 b("div", Ec, [
                   jt(b("textarea", {
                     "onUpdate:modelValue": m[13] || (m[13] = (T) => n.value = T),
@@ -10392,7 +10391,7 @@ const rc = /* @__PURE__ */ oe(tc, [["render", sc]]), ic = {
                     [bs, n.value]
                   ]),
                   b("button", Oc, [
-                    le(Ss, { style: { width: "20px", height: "20px" } })
+                    le(ks, { style: { width: "20px", height: "20px" } })
                   ])
                 ])
               ])
@@ -10410,7 +10409,7 @@ const rc = /* @__PURE__ */ oe(tc, [["render", sc]]), ic = {
       }, 16)
     ], 64));
   }
-}), Ac = /* @__PURE__ */ oe(Nc, [["__scopeId", "data-v-a9f44e1d"]]), Rc = {}, Ic = {
+}), Ac = /* @__PURE__ */ oe(Nc, [["__scopeId", "data-v-b1292574"]]), Rc = {}, Ic = {
   width: "87",
   height: "87",
   viewBox: "0 0 87 87",

package/dist/vue-wiguet-chatweb.umd.cjs

@@ -11,7 +11,7 @@
 		c15.682-15.568,15.682-40.823,0-56.39s-41.094-15.568-56.776,0l-0.42,0.473l-0.026-0.018l-14.194,14.089L50.466,158.485
 		c-23.522,23.356-23.522,61.221,0,84.577s61.659,23.356,85.163,0l99.375-98.675l14.194-14.089l14.194,14.089l-14.194,14.098
 		l-99.357,98.675C149.841,257.159,149.823,257.142,149.823,257.142z`})],-1)]))}const fc=X(lc,[["render",uc]]),hc={key:0,class:"dialog-overlay"},dc={class:"header-widget"},mc={class:"title-chat"},pc=X(l.defineComponent({__name:"ODialog",props:{modelValue:{type:Boolean},title:{},"onUpdate:modelValue":{type:Function}},emits:["update:modelValue"],setup(t,{emit:e}){const n=t,r=e,s=l.ref(!1),i=()=>{r("update:modelValue",!1)};return l.onMounted(()=>{const o=document.getElementById("app");if(!o)throw new Error("app is required");let a=document.getElementById("dialogs");a||(a=document.createElement("div"),a.id="dialogs",a.classList.add("widget-component"),o.appendChild(a),s.value=!0)}),(o,a)=>s.value?(l.openBlock(),l.createBlock(l.Teleport,{key:0,to:"#dialogs"},[n.modelValue?(l.openBlock(),l.createElementBlock("div",hc,[l.createElementVNode("div",{class:"dialog-content",onClick:a[1]||(a[1]=l.withModifiers(()=>{},["stop"]))},[l.createElementVNode("div",dc,[l.createElementVNode("h4",mc,l.toDisplayString(o.title),1),l.createElementVNode("button",{onClick:a[0]||(a[0]=()=>i()),class:"btn-close"},[l.createVNode(rr,{class:"pointer"})])]),l.createElementVNode("div",null,[l.renderSlot(o.$slots,"default",{},void 0,!0)])])])):l.createCommentVNode("",!0)])):l.createCommentVNode("",!0)}}),[["__scopeId","data-v-532e0111"]]),yc={class:"widget"},gc={class:"header-widget flex-0"},wc={class:"title-chat"},Ec={class:"flex-1",style:{position:"relative",height:"0"}},kc={key:0,class:"loader"},bc={key:2,class:"fit"},Tc={class:"w-full flex-0"},Sc={class:"form-message"},vc={class:"jl-inputgroup-chat"},Oc={type:"submit",class:"pointer btn-primary"},_c={key:1,class:"message-send-block"},Nc={key:0,class:"flex flex-col justify-center items-center"},Cc=["src"],xc={class:"form-message"},Ac={class:"jl-inputgroup-chat"},Rc={type:"submit",class:"pointer btn-primary"},Ic={key:1},Mc=["src"],Dc=14,Lc=X(l.defineComponent({__name:"Chat",props:{titlePrincipal:{type:String,default:"Comunicación en linea para consultas"},toggleChat:{type:Function,required:!0},tokenAuth:{type:String,required:!0},user:{type:Object,required:!0},visible:{type:Boolean,required:!0}},emits:["show-toast","show-confirm","new-message","clear-new-messages","not-viewed-total","onQualifying"],setup(t,{emit:e}){const n=l.ref(""),r=l.ref(0),s=l.ref(),i=l.ref(1),o=l.ref(),a=l.ref(),c=l.ref({data:[],canLoadMoreMessages:!1}),u=l.ref(""),f=l.ref(!1),h=e,y=t,w=l.ref(null);l.watch(()=>y.visible,async g=>{if(!g||(h("clear-new-messages"),Y(),r.value>0&&zr(u.value,y.tokenAuth),u.value))return;f.value=!0;const p=await Wr(y.tokenAuth).finally(()=>{f.value=!1});p&&(ge.value=p,u.value=p.appChat.id,r.value=p.appChat.totalNoVistosCliente,Q(),ru(p))});function m(g,p){var b;if(Xn.value){ne();return}if(g.key==="Enter"&&g.shiftKey){const C=((b=g.target)==null?void 0:b.value)||"";g.target.value=C+`
-`,ne();return}_({codigoTipoMensaje:p}),we.modelValue=!1}function T(g,p){var R,D,W,re;if((g==null?void 0:g.length)>300){h("show-toast",{severity:"warn",summary:"Error",detail:"El mensaje no puede superar los 300 caracteres",life:5e3});return}if(!g.trim()&&p!==ht.IMAGEN){h("show-toast",{severity:"warn",summary:"Error",detail:"Por favor ingrese un mensaje",life:5e3});return}const b=p?{code:p}:void 0;return{id:Ji(),chatId:(D=(R=ge.value)==null?void 0:R.chat)==null?void 0:D.id,message:g,visto:!0,multimedia:!1,esCliente:!0,appChatId:u.value,createdAt:new Date().toISOString(),updatedAt:new Date().toISOString(),file:(W=Le.value)==null?void 0:W[0],urlFile:(re=ke.value)==null?void 0:re[0],messageType:b,sender:{nombreCompleto:y.user.nombreCompleto,ci:y.user.ci,msPersonaId:y.user.msPersonaId},response:void 0}}function k(g,p,b,C){if(p==null)throw new Error("idx is required");if(!b){if(C){const D=c.value.data[p];D.response=void 0}else c.value.data[p].error={error:!0,id:g.id};h("show-toast",{severity:"error",summary:"Error",detail:"Ocurrio un error al enviar el mensaje, intente nuevamente",life:5e3});return}let R={...b,chatId:g==null?void 0:g.chatId};if(C){const D=c.value.data[p];D.response=b,R={...D,chatId:g==null?void 0:g.chatId}}else{const D={...R};D.urlFile=c.value.data[p].urlFile,delete D.thumbnailFile,c.value.data[p]=D}return R}const N=l.computed(()=>!!c.value.data.find(g=>{var p;return((p=g.messageType)==null?void 0:p.code)===ht.PREGUNTA&&g.response==null})),_=async g=>{const p=T(n.value,g==null?void 0:g.codigoTipoMensaje);if(!p)return;let b=-1;if(g!=null&&g.tipoCalificacionId){b=c.value.data.findIndex(D=>D.id===(g==null?void 0:g.mensajeARespondeId));const R=c.value.data[b];R&&(R.response=p)}else b=c.value.data.push(p)-1;const C={message:n.value,appChatId:u.value,...g,codigoTipoMensaje:g==null?void 0:g.codigoTipoMensaje,files:Le.value};n.value="",L(C).then(R=>{var W,re;let D=k(p,b,R,g==null?void 0:g.tipoCalificacionId);D&&((re=G.value)==null||re.emit("sendMessage",{roomId:(W=ge==null?void 0:ge.value)==null?void 0:W.appChat.id,message:D},tr=>{console.log("🚀 ~ socketService.value.emit ~ response:",tr)}))}),n.value="",Y(),U.value&&(U.value.style.height="20px")},L=async g=>{const p={...g,esCliente:!0};return Ca(p,y.tokenAuth)},Q=async()=>{var C,R,D;const g=(C=c.value.data[0])==null?void 0:C.id,p={lastMessagesId:g,appChatId:u.value,limit:10};f.value=!0;const b=await Na({body:p,token:y.tokenAuth});f.value=!1,c.value.data.unshift(...b.data.sort((W,re)=>-re.createdAt.localeCompare(W.createdAt))),c.value.canLoadMoreMessages=b.pagination.total>b.pagination.size,g&&((R=w.value)!=null&&R.scrollHeight)&&me((D=w.value)==null?void 0:D.scrollHeight),g||Y()},q=async g=>{h("show-confirm",async()=>{var b,C,R;if(!((b=g.error)!=null&&b.id))return;const p=await L({message:g.message,appChatId:u.value});if(!p)h("show-toast",{severity:"error",summary:"Error",detail:"Ocurrio un error al enviar el mensaje, intente nuevamente",life:5e3});else{const D=dl(c.value.data,"id",g.error.id),W={...p,error:void 0};c.value.data[D]=W,(R=G.value)==null||R.emit("sendMessage",{roomId:(C=ge==null?void 0:ge.value)==null?void 0:C.appChat.id,message:W})}Y()})},Y=()=>{l.nextTick(()=>{w.value&&(w.value.scrollTop=w.value.scrollHeight)})},me=g=>{l.nextTick(()=>{const p=w.value;p&&(p.scrollTop=p.scrollHeight-g)})},U=l.ref();function ne(){U.value&&(U.value.style.height=U.value.scrollHeight-Dc+"px",U.value.scrollHeight!==U.value.clientHeight&&(U.value.style.height=U.value.scrollHeight+"px"))}const G=l.ref(),ge=l.ref();function ru(g,p=zi.WEBCHAT){var b,C,R,D;if(!g)throw new Error("user chat is required");if(!((C=(b=g==null?void 0:g.chat)==null?void 0:b.persona)!=null&&C.msPersonaId))throw new Error("user chat persona ID is required");G.value=Xt(window.VITE_SOCKET_URI,{query:{usuarioId:`${(D=(R=g==null?void 0:g.chat)==null?void 0:R.persona)==null?void 0:D.msPersonaId}`,aplicacion:p},extraHeaders:{Authorization:y.tokenAuth},transports:["websocket"]}),G.value.removeAllListeners(),G.value.on("connect",()=>{var W,re;console.log("Conectado al servidor de sockets"),(re=G.value)==null||re.emit("joinRoom",`${(W=g==null?void 0:g.appChat)==null?void 0:W.id}`)}),G.value.on("disconnect",()=>{console.log("Desconectado del servidor de sockets")}),G.value.on("receiveMessage",W=>{const re=c.value.data.findIndex(tr=>tr.id===W.message.id);re!==-1?c.value.data[re].response=W.message.response:c.value.data.push(W.message),zr(W.message.appChatId,y.tokenAuth),Y(),!y.visible&&h("new-message")})}const{isMobile:Xn}=ac();function su({message:g,emoji:p}){const b=async()=>{!g.id||!p||(n.value=p.iconUnicode,_({tipoCalificacionId:p.value,mensajeARespondeId:g.id}).then())};h("onQualifying",{message:p.iconUnicode,callback:b})}const er=["image/png","image/jpeg","image/jpg","image/webp"];function iu(){var b;Le.value=[],ke.value=[];const g=Array.from((b=s.value)==null?void 0:b.files)??[],p=g==null?void 0:g[0];if(Le.value=g,!!p){if(!er.includes(p.type)){h("show-toast",{severity:"warn",summary:"Error",detail:"El archivo debe ser una imagen permitida (png, jpeg, jpg, webp)",life:5e3});return}if(p.size>2e6){h("show-toast",{severity:"warn",summary:"Error",detail:"El archivo excede los 2MB",life:5e3});return}ke.value.push(URL.createObjectURL(p)),i.value=0,we.title="Vista previa",we.modelValue=!0,l.nextTick(()=>{var C;(C=U.value)==null||C.focus()})}}const ou=g=>{var C,R;const p=((C=g.clipboardData)==null?void 0:C.files)??((R=window.clipboardData)==null?void 0:R.files)??[];if(p.length===0)return;const b=p==null?void 0:p[0];b&&er.includes(b==null?void 0:b.type)&&(g.preventDefault(),i.value=0,ke.value=[],Le.value=[b],ke.value.push(URL.createObjectURL(b)),we.modelValue=!0,l.nextTick(()=>{var D;(D=U.value)==null||D.focus()}))};function au(g){var p;(p=g.dataTransfer)!=null&&p.items&&(i.value=0,Array.from(g.dataTransfer.items).forEach(b=>{if(b.kind==="file"){const C=b.getAsFile();if(!C)return;if(!er.includes(C.type)){h("show-toast",{severity:"error",summary:"Error",detail:"El archivo debe ser una imagen",life:5e3});return}Le.value=[C],ke.value=[],ke.value.push(URL.createObjectURL(C)),we.modelValue=!0}}),l.nextTick(()=>{var b;(b=U.value)==null||b.focus()}))}const Le=l.ref([]),ke=l.ref([]),we=l.reactive({modelValue:!1,"onUpdate:modelValue":g=>{we.modelValue=g,!g&&(ke.value=[],Le.value=[])},title:"Preparar imagen"});function lu(g){g&&xa(g,y.tokenAuth).then(p=>{o.value=p})}return l.onMounted(async()=>{var p;if(u.value)return;if(!y.tokenAuth)throw new Error("token auth is required");const g=await Wr(y.tokenAuth);g&&h("not-viewed-total",(p=g==null?void 0:g.appChat)==null?void 0:p.totalNoVistosCliente)}),l.onUnmounted(()=>{var g;(g=G.value)==null||g.off()}),(g,p)=>(l.openBlock(),l.createElementBlock(l.Fragment,null,[l.createElementVNode("div",yc,[l.createElementVNode("div",gc,[l.createElementVNode("h4",wc,l.toDisplayString(t.titlePrincipal),1),l.createElementVNode("button",{onClick:p[0]||(p[0]=()=>t.toggleChat()),class:"btn-close"},[l.createVNode(rr,{class:"pointer"})])]),l.createElementVNode("div",Ec,[l.createElementVNode("div",{ref_key:"dropZoneRef",ref:a,onDrop:p[1]||(p[1]=l.withModifiers(b=>{var C,R;au(b),(R=(C=b.target)==null?void 0:C.classList)==null||R.remove("drop-over"),b.target.style.zIndex="-1"},["self","prevent"])),onDragenter:p[2]||(p[2]=l.withModifiers(b=>{var C,R;(R=(C=b.target)==null?void 0:C.classList)==null||R.add("drop-over")},["self"])),onDragleave:p[3]||(p[3]=l.withModifiers(b=>{var C,R;(R=(C=b.target)==null?void 0:C.classList)==null||R.remove("drop-over"),b.target.style.zIndex="-1"},["self"])),onDragover:p[4]||(p[4]=l.withModifiers(()=>{},["prevent"])),style:{position:"absolute",bottom:"0",left:"0",right:"0",top:"0","z-index":"-1"}},null,544),l.createElementVNode("div",{class:"messages-container",ref_key:"messageContainerRef",ref:w,onDragenter:p[7]||(p[7]=l.withModifiers(b=>a.value.style.zIndex="1",["prevent"]))},[f.value?(l.openBlock(),l.createElementBlock("div",kc,[l.createVNode(hl)])):l.createCommentVNode("",!0),c.value.data.length>0?(l.openBlock(),l.createBlock(ll,{key:1,messages:c.value.data,canLoadMoreMessages:c.value.canLoadMoreMessages,onLoadMore:Q,onRetry:q,onOnQualifying:p[5]||(p[5]=b=>su(b)),onSee:p[6]||(p[6]=b=>{i.value=1,o.value=b.thumbnailFile,lu(b.msFileId),we.title="Imagen",we.modelValue=!0})},null,8,["messages","canLoadMoreMessages"])):(l.openBlock(),l.createElementBlock("div",bc,p[18]||(p[18]=[l.createElementVNode("span",{class:"center"},"No tienes mensajes",-1)])))],544)]),l.createElementVNode("div",Tc,[N.value?(l.openBlock(),l.createElementBlock("span",_c," Necesitamos que nos califique la atención para continuar ")):(l.openBlock(),l.createElementBlock("form",{key:0,class:"message-send",onSubmit:p[12]||(p[12]=l.withModifiers(b=>_(),["prevent"]))},[l.createElementVNode("div",Sc,[l.createElementVNode("div",vc,[l.withDirectives(l.createElementVNode("textarea",{"onUpdate:modelValue":p[8]||(p[8]=b=>n.value=b),class:"jl2-input-chat",placeholder:"Escribe tu mensaje",required:"",ref_key:"textAreaRef",ref:U,onInput:p[9]||(p[9]=()=>ne()),onKeydown:p[10]||(p[10]=l.withKeys(b=>{!l.unref(Xn)&&b.preventDefault()},["enter"])),onKeyup:l.withKeys(m,["enter"]),onPaste:ou},null,544),[[l.vModelText,n.value]]),l.createElementVNode("input",{type:"file",ref_key:"fileInputRef",ref:s,onChange:iu,accept:"image/png,image/jpeg,image/jpg,image/webp",style:{display:"none"}},null,544),l.createElementVNode("button",{type:"button",class:"pointer btn-primary",title:"Adjuntar archivo",onClick:p[11]||(p[11]=()=>{var b;s.value.value="",(b=s.value)==null||b.click()})},[l.createVNode(fc,{style:{width:"20px",height:"20px"}})]),l.createElementVNode("button",Oc,[l.createVNode(sr,{style:{width:"20px",height:"20px"}})])])])],32))])]),l.createVNode(pc,l.normalizeProps(l.guardReactiveProps(we)),{default:l.withCtx(()=>[i.value===0?(l.openBlock(),l.createElementBlock("div",Nc,[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList(ke.value,(b,C)=>(l.openBlock(),l.createElementBlock("img",{key:C,src:b.toString(),alt:"Image",width:"400"},null,8,Cc))),128)),l.createElementVNode("form",{class:"message-send",onSubmit:p[17]||(p[17]=l.withModifiers(b=>{_({codigoTipoMensaje:l.unref(ht).IMAGEN}),we.modelValue=!1},["prevent"]))},[l.createElementVNode("div",xc,[l.createElementVNode("div",Ac,[l.withDirectives(l.createElementVNode("textarea",{"onUpdate:modelValue":p[13]||(p[13]=b=>n.value=b),autofocus:"",class:"jl2-input-chat",placeholder:"Escribe tu mensaje",ref_key:"textAreaRef",ref:U,onInput:p[14]||(p[14]=()=>ne()),onKeydown:p[15]||(p[15]=l.withKeys(b=>{!l.unref(Xn)&&b.preventDefault()},["enter"])),onKeyup:p[16]||(p[16]=l.withKeys(b=>{m(b,l.unref(ht).IMAGEN)},["enter"]))},null,544),[[l.vModelText,n.value]]),l.createElementVNode("button",Rc,[l.createVNode(sr,{style:{width:"20px",height:"20px"}})])])])],32)])):(l.openBlock(),l.createElementBlock("div",Ic,[o.value?(l.openBlock(),l.createElementBlock("img",{key:0,src:o.value,alt:"Image",style:{"max-height":"85vh"}},null,8,Mc)):l.createCommentVNode("",!0)]))]),_:1},16)],64))}}),[["__scopeId","data-v-a9f44e1d"]]),Vc={},Bc={width:"87",height:"87",viewBox:"0 0 87 87",fill:"none",xmlns:"http://www.w3.org/2000/svg"};function Fc(t,e){return l.openBlock(),l.createElementBlock("svg",Bc,e[0]||(e[0]=[l.createStaticVNode('<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 Uc=X(Vc,[["render",Fc]]),$c={},Pc={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 qc(t,e){return l.openBlock(),l.createElementBlock("svg",Pc,e[0]||(e[0]=[l.createElementVNode("g",null,[l.createElementVNode("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",fill:"#40B3E0"}),l.createElementVNode("path",{d:"M190.2826,73.6308 L167.4206,188.8978 C167.4206,188.8978 164.2236,196.8918 155.4306,193.0548 L102.6726,152.6068 L83.4886,143.3348 L51.1946,132.4628 C51.1946,132.4628 46.2386,130.7048 45.7586,126.8678 C45.2796,123.0308 51.3546,120.9528 51.3546,120.9528 L179.7306,70.5928 C179.7306,70.5928 190.2826,65.9568 190.2826,73.6308",fill:"#FFFFFF"}),l.createElementVNode("path",{d:"M98.6178,187.6035 C98.6178,187.6035 97.0778,187.4595 95.1588,181.3835 C93.2408,175.3085 83.4888,143.3345 83.4888,143.3345 L161.0258,94.0945 C161.0258,94.0945 165.5028,91.3765 165.3428,94.0945 C165.3428,94.0945 166.1418,94.5735 163.7438,96.8115 C161.3458,99.0505 102.8328,151.6475 102.8328,151.6475",fill:"#D2E5F1"}),l.createElementVNode("path",{d:"M122.9015,168.1154 L102.0335,187.1414 C102.0335,187.1414 100.4025,188.3794 98.6175,187.6034 L102.6135,152.2624",fill:"#B5CFE4"})],-1)]))}const Wc=X($c,[["render",qc]]),zc={},Hc={version:"1.1",id:"Capa_1",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",viewBox:"0 0 455.731 455.731","xml:space":"preserve"};function Zc(t,e){return l.openBlock(),l.createElementBlock("svg",Hc,e[0]||(e[0]=[l.createElementVNode("g",null,[l.createElementVNode("rect",{x:"0",y:"0",style:{fill:"#1bd741"},width:"455.731",height:"455.731"}),l.createElementVNode("g",null,[l.createElementVNode("path",{style:{fill:"#ffffff"},d:`M68.494,387.41l22.323-79.284c-14.355-24.387-21.913-52.134-21.913-80.638
+`,ne();return}_({codigoTipoMensaje:p}),we.modelValue=!1}function T(g,p){var R,D,W,re;if((g==null?void 0:g.length)>300){h("show-toast",{severity:"warn",summary:"Error",detail:"El mensaje no puede superar los 300 caracteres",life:5e3});return}if(!g.trim()&&p!==ht.IMAGEN){h("show-toast",{severity:"warn",summary:"Error",detail:"Por favor ingrese un mensaje",life:5e3});return}const b=p?{code:p}:void 0;return{id:Ji(),chatId:(D=(R=ge.value)==null?void 0:R.chat)==null?void 0:D.id,message:g,visto:!0,multimedia:!1,esCliente:!0,appChatId:u.value,createdAt:new Date().toISOString(),updatedAt:new Date().toISOString(),file:(W=Le.value)==null?void 0:W[0],urlFile:(re=ke.value)==null?void 0:re[0],messageType:b,sender:{nombreCompleto:y.user.nombreCompleto,ci:y.user.ci,msPersonaId:y.user.msPersonaId},response:void 0}}function k(g,p,b,C){if(p==null)throw new Error("idx is required");if(!b){if(C){const D=c.value.data[p];D.response=void 0}else c.value.data[p].error={error:!0,id:g.id};h("show-toast",{severity:"error",summary:"Error",detail:"Ocurrio un error al enviar el mensaje, intente nuevamente",life:5e3});return}let R={...b,chatId:g==null?void 0:g.chatId};if(C){const D=c.value.data[p];D.response=b,R={...D,chatId:g==null?void 0:g.chatId}}else{const D={...R};D.urlFile=c.value.data[p].urlFile,delete D.thumbnailFile,c.value.data[p]=D}return R}const N=l.computed(()=>!!c.value.data.find(g=>{var p;return((p=g.messageType)==null?void 0:p.code)===ht.PREGUNTA&&g.response==null})),_=async g=>{const p=T(n.value,g==null?void 0:g.codigoTipoMensaje);if(!p)return;let b=-1;if(g!=null&&g.tipoCalificacionId){b=c.value.data.findIndex(D=>D.id===(g==null?void 0:g.mensajeARespondeId));const R=c.value.data[b];R&&(R.response=p)}else b=c.value.data.push(p)-1;const C={message:n.value,appChatId:u.value,...g,codigoTipoMensaje:g==null?void 0:g.codigoTipoMensaje,files:Le.value};n.value="",L(C).then(R=>{var W,re;let D=k(p,b,R,g==null?void 0:g.tipoCalificacionId);D&&((re=G.value)==null||re.emit("sendMessage",{roomId:(W=ge==null?void 0:ge.value)==null?void 0:W.appChat.id,message:D},tr=>{console.log("🚀 ~ socketService.value.emit ~ response:",tr)}))}),n.value="",Y(),U.value&&(U.value.style.height="20px")},L=async g=>{const p={...g,esCliente:!0};return Ca(p,y.tokenAuth)},Q=async()=>{var C,R,D;const g=(C=c.value.data[0])==null?void 0:C.id,p={lastMessagesId:g,appChatId:u.value,limit:10};f.value=!0;const b=await Na({body:p,token:y.tokenAuth});f.value=!1,c.value.data.unshift(...b.data.sort((W,re)=>-re.createdAt.localeCompare(W.createdAt))),c.value.canLoadMoreMessages=b.pagination.total>b.pagination.size,g&&((R=w.value)!=null&&R.scrollHeight)&&me((D=w.value)==null?void 0:D.scrollHeight),g||Y()},q=async g=>{h("show-confirm",async()=>{var b,C,R;if(!((b=g.error)!=null&&b.id))return;const p=await L({message:g.message,appChatId:u.value});if(!p)h("show-toast",{severity:"error",summary:"Error",detail:"Ocurrio un error al enviar el mensaje, intente nuevamente",life:5e3});else{const D=dl(c.value.data,"id",g.error.id),W={...p,error:void 0};c.value.data[D]=W,(R=G.value)==null||R.emit("sendMessage",{roomId:(C=ge==null?void 0:ge.value)==null?void 0:C.appChat.id,message:W})}Y()})},Y=()=>{l.nextTick(()=>{w.value&&(w.value.scrollTop=w.value.scrollHeight)})},me=g=>{l.nextTick(()=>{const p=w.value;p&&(p.scrollTop=p.scrollHeight-g)})},U=l.ref();function ne(){U.value&&(U.value.style.height=U.value.scrollHeight-Dc+"px",U.value.scrollHeight!==U.value.clientHeight&&(U.value.style.height=U.value.scrollHeight+"px"))}const G=l.ref(),ge=l.ref();function ru(g,p=zi.WEBCHAT){var b,C,R,D;if(!g)throw new Error("user chat is required");if(!((C=(b=g==null?void 0:g.chat)==null?void 0:b.persona)!=null&&C.msPersonaId))throw new Error("user chat persona ID is required");G.value=Xt(window.VITE_SOCKET_URI,{query:{usuarioId:`${(D=(R=g==null?void 0:g.chat)==null?void 0:R.persona)==null?void 0:D.msPersonaId}`,aplicacion:p},extraHeaders:{Authorization:y.tokenAuth}}),G.value.removeAllListeners(),G.value.on("connect",()=>{var W,re;console.log("Conectado al servidor de sockets"),(re=G.value)==null||re.emit("joinRoom",`${(W=g==null?void 0:g.appChat)==null?void 0:W.id}`)}),G.value.on("disconnect",()=>{console.log("Desconectado del servidor de sockets")}),G.value.on("receiveMessage",W=>{const re=c.value.data.findIndex(tr=>tr.id===W.message.id);re!==-1?c.value.data[re].response=W.message.response:c.value.data.push(W.message),zr(W.message.appChatId,y.tokenAuth),Y(),!y.visible&&h("new-message")})}const{isMobile:Xn}=ac();function su({message:g,emoji:p}){const b=async()=>{!g.id||!p||(n.value=p.iconUnicode,_({tipoCalificacionId:p.value,mensajeARespondeId:g.id}).then())};h("onQualifying",{message:p.iconUnicode,callback:b})}const er=["image/png","image/jpeg","image/jpg","image/webp"];function iu(){var b;Le.value=[],ke.value=[];const g=Array.from((b=s.value)==null?void 0:b.files)??[],p=g==null?void 0:g[0];if(Le.value=g,!!p){if(!er.includes(p.type)){h("show-toast",{severity:"warn",summary:"Error",detail:"El archivo debe ser una imagen permitida (png, jpeg, jpg, webp)",life:5e3});return}if(p.size>2e6){h("show-toast",{severity:"warn",summary:"Error",detail:"El archivo excede los 2MB",life:5e3});return}ke.value.push(URL.createObjectURL(p)),i.value=0,we.title="Vista previa",we.modelValue=!0,l.nextTick(()=>{var C;(C=U.value)==null||C.focus()})}}const ou=g=>{var C,R;const p=((C=g.clipboardData)==null?void 0:C.files)??((R=window.clipboardData)==null?void 0:R.files)??[];if(p.length===0)return;const b=p==null?void 0:p[0];b&&er.includes(b==null?void 0:b.type)&&(g.preventDefault(),i.value=0,ke.value=[],Le.value=[b],ke.value.push(URL.createObjectURL(b)),we.modelValue=!0,l.nextTick(()=>{var D;(D=U.value)==null||D.focus()}))};function au(g){var p;(p=g.dataTransfer)!=null&&p.items&&(i.value=0,Array.from(g.dataTransfer.items).forEach(b=>{if(b.kind==="file"){const C=b.getAsFile();if(!C)return;if(!er.includes(C.type)){h("show-toast",{severity:"error",summary:"Error",detail:"El archivo debe ser una imagen",life:5e3});return}Le.value=[C],ke.value=[],ke.value.push(URL.createObjectURL(C)),we.modelValue=!0}}),l.nextTick(()=>{var b;(b=U.value)==null||b.focus()}))}const Le=l.ref([]),ke=l.ref([]),we=l.reactive({modelValue:!1,"onUpdate:modelValue":g=>{we.modelValue=g,!g&&(ke.value=[],Le.value=[])},title:"Preparar imagen"});function lu(g){g&&xa(g,y.tokenAuth).then(p=>{o.value=p})}return l.onMounted(async()=>{var p;if(u.value)return;if(!y.tokenAuth)throw new Error("token auth is required");const g=await Wr(y.tokenAuth);g&&h("not-viewed-total",(p=g==null?void 0:g.appChat)==null?void 0:p.totalNoVistosCliente)}),l.onUnmounted(()=>{var g;(g=G.value)==null||g.off()}),(g,p)=>(l.openBlock(),l.createElementBlock(l.Fragment,null,[l.createElementVNode("div",yc,[l.createElementVNode("div",gc,[l.createElementVNode("h4",wc,l.toDisplayString(t.titlePrincipal),1),l.createElementVNode("button",{onClick:p[0]||(p[0]=()=>t.toggleChat()),class:"btn-close"},[l.createVNode(rr,{class:"pointer"})])]),l.createElementVNode("div",Ec,[l.createElementVNode("div",{ref_key:"dropZoneRef",ref:a,onDrop:p[1]||(p[1]=l.withModifiers(b=>{var C,R;au(b),(R=(C=b.target)==null?void 0:C.classList)==null||R.remove("drop-over"),b.target.style.zIndex="-1"},["self","prevent"])),onDragenter:p[2]||(p[2]=l.withModifiers(b=>{var C,R;(R=(C=b.target)==null?void 0:C.classList)==null||R.add("drop-over")},["self"])),onDragleave:p[3]||(p[3]=l.withModifiers(b=>{var C,R;(R=(C=b.target)==null?void 0:C.classList)==null||R.remove("drop-over"),b.target.style.zIndex="-1"},["self"])),onDragover:p[4]||(p[4]=l.withModifiers(()=>{},["prevent"])),style:{position:"absolute",bottom:"0",left:"0",right:"0",top:"0","z-index":"-1"}},null,544),l.createElementVNode("div",{class:"messages-container",ref_key:"messageContainerRef",ref:w,onDragenter:p[7]||(p[7]=l.withModifiers(b=>a.value.style.zIndex="1",["prevent"]))},[f.value?(l.openBlock(),l.createElementBlock("div",kc,[l.createVNode(hl)])):l.createCommentVNode("",!0),c.value.data.length>0?(l.openBlock(),l.createBlock(ll,{key:1,messages:c.value.data,canLoadMoreMessages:c.value.canLoadMoreMessages,onLoadMore:Q,onRetry:q,onOnQualifying:p[5]||(p[5]=b=>su(b)),onSee:p[6]||(p[6]=b=>{i.value=1,o.value=b.thumbnailFile,lu(b.msFileId),we.title="Imagen",we.modelValue=!0})},null,8,["messages","canLoadMoreMessages"])):(l.openBlock(),l.createElementBlock("div",bc,p[18]||(p[18]=[l.createElementVNode("span",{class:"center"},"No tienes mensajes",-1)])))],544)]),l.createElementVNode("div",Tc,[N.value?(l.openBlock(),l.createElementBlock("span",_c," Necesitamos que nos califique la atención para continuar ")):(l.openBlock(),l.createElementBlock("form",{key:0,class:"message-send",onSubmit:p[12]||(p[12]=l.withModifiers(b=>_(),["prevent"]))},[l.createElementVNode("div",Sc,[l.createElementVNode("div",vc,[l.withDirectives(l.createElementVNode("textarea",{"onUpdate:modelValue":p[8]||(p[8]=b=>n.value=b),class:"jl2-input-chat",placeholder:"Escribe tu mensaje",required:"",ref_key:"textAreaRef",ref:U,onInput:p[9]||(p[9]=()=>ne()),onKeydown:p[10]||(p[10]=l.withKeys(b=>{!l.unref(Xn)&&b.preventDefault()},["enter"])),onKeyup:l.withKeys(m,["enter"]),onPaste:ou},null,544),[[l.vModelText,n.value]]),l.createElementVNode("input",{type:"file",ref_key:"fileInputRef",ref:s,onChange:iu,accept:"image/png,image/jpeg,image/jpg,image/webp",style:{display:"none"}},null,544),l.createElementVNode("button",{type:"button",class:"pointer btn-primary",title:"Adjuntar archivo",onClick:p[11]||(p[11]=()=>{var b;s.value.value="",(b=s.value)==null||b.click()})},[l.createVNode(fc,{style:{width:"20px",height:"20px"}})]),l.createElementVNode("button",Oc,[l.createVNode(sr,{style:{width:"20px",height:"20px"}})])])])],32))])]),l.createVNode(pc,l.normalizeProps(l.guardReactiveProps(we)),{default:l.withCtx(()=>[i.value===0?(l.openBlock(),l.createElementBlock("div",Nc,[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList(ke.value,(b,C)=>(l.openBlock(),l.createElementBlock("img",{key:C,src:b.toString(),alt:"Image",width:"400"},null,8,Cc))),128)),l.createElementVNode("form",{class:"message-send",onSubmit:p[17]||(p[17]=l.withModifiers(b=>{_({codigoTipoMensaje:l.unref(ht).IMAGEN}),we.modelValue=!1},["prevent"]))},[l.createElementVNode("div",xc,[l.createElementVNode("div",Ac,[l.withDirectives(l.createElementVNode("textarea",{"onUpdate:modelValue":p[13]||(p[13]=b=>n.value=b),autofocus:"",class:"jl2-input-chat",placeholder:"Escribe tu mensaje",ref_key:"textAreaRef",ref:U,onInput:p[14]||(p[14]=()=>ne()),onKeydown:p[15]||(p[15]=l.withKeys(b=>{!l.unref(Xn)&&b.preventDefault()},["enter"])),onKeyup:p[16]||(p[16]=l.withKeys(b=>{m(b,l.unref(ht).IMAGEN)},["enter"]))},null,544),[[l.vModelText,n.value]]),l.createElementVNode("button",Rc,[l.createVNode(sr,{style:{width:"20px",height:"20px"}})])])])],32)])):(l.openBlock(),l.createElementBlock("div",Ic,[o.value?(l.openBlock(),l.createElementBlock("img",{key:0,src:o.value,alt:"Image",style:{"max-height":"85vh"}},null,8,Mc)):l.createCommentVNode("",!0)]))]),_:1},16)],64))}}),[["__scopeId","data-v-b1292574"]]),Vc={},Bc={width:"87",height:"87",viewBox:"0 0 87 87",fill:"none",xmlns:"http://www.w3.org/2000/svg"};function Fc(t,e){return l.openBlock(),l.createElementBlock("svg",Bc,e[0]||(e[0]=[l.createStaticVNode('<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 Uc=X(Vc,[["render",Fc]]),$c={},Pc={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 qc(t,e){return l.openBlock(),l.createElementBlock("svg",Pc,e[0]||(e[0]=[l.createElementVNode("g",null,[l.createElementVNode("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",fill:"#40B3E0"}),l.createElementVNode("path",{d:"M190.2826,73.6308 L167.4206,188.8978 C167.4206,188.8978 164.2236,196.8918 155.4306,193.0548 L102.6726,152.6068 L83.4886,143.3348 L51.1946,132.4628 C51.1946,132.4628 46.2386,130.7048 45.7586,126.8678 C45.2796,123.0308 51.3546,120.9528 51.3546,120.9528 L179.7306,70.5928 C179.7306,70.5928 190.2826,65.9568 190.2826,73.6308",fill:"#FFFFFF"}),l.createElementVNode("path",{d:"M98.6178,187.6035 C98.6178,187.6035 97.0778,187.4595 95.1588,181.3835 C93.2408,175.3085 83.4888,143.3345 83.4888,143.3345 L161.0258,94.0945 C161.0258,94.0945 165.5028,91.3765 165.3428,94.0945 C165.3428,94.0945 166.1418,94.5735 163.7438,96.8115 C161.3458,99.0505 102.8328,151.6475 102.8328,151.6475",fill:"#D2E5F1"}),l.createElementVNode("path",{d:"M122.9015,168.1154 L102.0335,187.1414 C102.0335,187.1414 100.4025,188.3794 98.6175,187.6034 L102.6135,152.2624",fill:"#B5CFE4"})],-1)]))}const Wc=X($c,[["render",qc]]),zc={},Hc={version:"1.1",id:"Capa_1",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",viewBox:"0 0 455.731 455.731","xml:space":"preserve"};function Zc(t,e){return l.openBlock(),l.createElementBlock("svg",Hc,e[0]||(e[0]=[l.createElementVNode("g",null,[l.createElementVNode("rect",{x:"0",y:"0",style:{fill:"#1bd741"},width:"455.731",height:"455.731"}),l.createElementVNode("g",null,[l.createElementVNode("path",{style:{fill:"#ffffff"},d:`M68.494,387.41l22.323-79.284c-14.355-24.387-21.913-52.134-21.913-80.638
 			c0-87.765,71.402-159.167,159.167-159.167s159.166,71.402,159.166,159.167c0,87.765-71.401,159.167-159.166,159.167
 			c-27.347,0-54.125-7-77.814-20.292L68.494,387.41z M154.437,337.406l4.872,2.975c20.654,12.609,44.432,19.274,68.762,19.274
 			c72.877,0,132.166-59.29,132.166-132.167S300.948,95.321,228.071,95.321S95.904,154.611,95.904,227.488

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-wiguet-chatweb",
-  "version": "0.1.44",
+  "version": "0.1.45",
   "type": "module",
   "files": [
     "dist",

package/src/components/Chat.vue

@@ -569,7 +569,6 @@ function connectMsWebSocket(
       aplicacion: app,
     },
     extraHeaders: { Authorization: props.tokenAuth },
-    transports: ['websocket']
   });
 
   socketService.value.removeAllListeners();