vue-wiguet-chatweb 0.0.8 → 0.0.10

package/README.md

@@ -39,7 +39,7 @@ Configuracion de Paquete en el componente
 
 <template>
   <div>
-      <Widget :tokenAuth="token" :phoneUser="phone"/>
+      <Widget titlePrincipal="titlePrincipal" :tokenAuth="token" :phoneUser="phone"/>
   </div>
 </template>
 

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

@@ -7,6 +7,9 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         required: true;
     };
+    titlePrincipal: {
+        type: StringConstructor;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     tokenAuth: {
         type: StringConstructor;
@@ -16,5 +19,8 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         required: true;
     };
+    titlePrincipal: {
+        type: StringConstructor;
+    };
 }>>, {}, {}>;
 export default _default;

package/dist/style.css

@@ -1 +1 @@
-.bubble[data-v-a066bde3]{--r: 25px;--t: 30px;max-width:50%;min-width:250px;padding:calc(2*var(--r)/3);-webkit-mask:radial-gradient(var(--t) at var(--_d) 0,#0000 98%,#000 102%) var(--_d) 100%/calc(100% - var(--r)) var(--t) no-repeat,conic-gradient(at var(--r) var(--r),#000 75%,#0000 0) calc(var(--r)/-2) calc(var(--r)/-2) padding-box,radial-gradient(50% 50%,#000 98%,#0000 101%) 0 0/var(--r) var(--r) space padding-box;color:#fff}.left[data-v-a066bde3]{--_d: 0%;border-left:var(--t) solid #0000;margin-right:var(--t);background-color:#fcd7ae;color:#4d4d4d;place-self:start}.bubble>.content-left[data-v-a066bde3]{margin-right:10px;margin-bottom:1px}.right[data-v-a066bde3]{--_d: 100%;border-right:var(--t) solid #0000;margin-left:var(--t);background-color:#fdeedb;color:#4d4d4d;place-self:end}.bubble>.content-right[data-v-a066bde3]{margin-bottom:1px;margin-right:10px}.message[data-v-a066bde3]{text-align:initial;word-break:break-all;margin-bottom:10px}.detail-message[data-v-a066bde3]{font-size:10px;color:gray;display:flex;justify-content:space-between}.chat-message[data-v-a066bde3]{max-width:250px;min-width:90%;display:flex;flex-direction:column;justify-content:center}.header-widget[data-v-bacccd51]{height:10%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #CCCCCC;margin-bottom:10px}.jl2-input-chat[data-v-bacccd51]{padding-left:10px;height:40px;width:95%}.jl2-input-chat[data-v-bacccd51]:focus-visible{outline:none}.jl-inputgroup-chat[data-v-bacccd51]{width:100%;border:1px solid;border-color:#f28b0c;background:var(--surface-a);color:var(--surface-500);-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:13px;display:flex;justify-content:space-around;align-items:center}.jl-inputgroup-chat>input[data-v-bacccd51]{border:none;background:none}.jl-inputgroup-chat>input[data-v-bacccd51]:hover{outline:none}.form-message[data-v-bacccd51]{display:flex;justify-content:space-between}.form-message button[data-v-bacccd51],.jl-inputgroup-chat>button[data-v-bacccd51]{border:none!important;background:none}.form-message button[data-v-bacccd51],.jl-inputgroup-chat>button[data-v-bacccd51]:focus{box-shadow:none}.form-message button[data-v-bacccd51],.jl-inputgroup-chat>button[data-v-bacccd51]:active{box-shadow:none}.widget[data-v-bacccd51]{margin:auto;height:100%;display:flex;width:100%;flex-direction:column;justify-content:space-evenly}.messages-container[data-v-bacccd51]{height:80%;overflow-y:scroll;border-left:1px solid var(--fge-gray-lines-color);border-right:1px solid var(--fge-gray-lines-color);scrollbar-color:red transparent;scrollbar-width:thin;scrollbar-color:#F28B0C transparent;scrollbar-track-color:transparent;scrollbar-face-color:#F28B0C;scrollbar-thumb-color:#F28B0C}.messages-container[data-v-bacccd51]::-webkit-scrollbar{width:8px}.messages-container[data-v-bacccd51]::-webkit-scrollbar-track{background-color:transparent}.messages-container[data-v-bacccd51]::-webkit-scrollbar-thumb{background-color:#f28b0c;border-radius:8px}.input-message[data-v-bacccd51]{border-left:1px solid var(--fge-gray-lines-color);border-right:1px solid var(--fge-gray-lines-color)}.message-send[data-v-bacccd51]{border-top:1px solid var(--fge-gray-lines-color);padding-top:20px;width:90%;margin:auto}.bubble[data-v-bacccd51]{--r: 25px;--t: 30px;max-width:50%;min-width:250px;padding:calc(2*var(--r)/3);-webkit-mask:radial-gradient(var(--t) at var(--_d) 0,#0000 98%,#000 102%) var(--_d) 100%/calc(100% - var(--r)) var(--t) no-repeat,conic-gradient(at var(--r) var(--r),#000 75%,#0000 0) calc(var(--r)/-2) calc(var(--r)/-2) padding-box,radial-gradient(50% 50%,#000 98%,#0000 101%) 0 0/var(--r) var(--r) space padding-box;color:#fff}.left[data-v-bacccd51]{--_d: 0%;border-left:var(--t) solid #0000;margin-right:var(--t);background-color:#fcd7ae;color:#4d4d4d;place-self:start}.bubble>.content-left[data-v-bacccd51]{margin-right:10px;margin-bottom:1px}.right[data-v-bacccd51]{--_d: 100%;border-right:var(--t) solid #0000;margin-left:var(--t);background-color:#fdeedb;color:#4d4d4d;place-self:end}.bubble>.content-right[data-v-bacccd51]{margin-bottom:1px;margin-right:10px}.message[data-v-bacccd51]{text-align:initial;word-break:break-all;margin-bottom:10px}.detail-message[data-v-bacccd51]{font-size:10px;color:gray}.chat-message[data-v-bacccd51]{max-width:250px;min-width:90%;display:flex;flex-direction:column;justify-content:center}#chat-circle[data-v-bacccd51]{margin:auto;position:fixed;bottom:50px;right:50px;color:#fff;cursor:pointer}.title-chat[data-v-bacccd51]{font-size:1.1vw;font-weight:700;color:#4d4d4d}.chat-box[data-v-bacccd51]{display:flex;justify-content:center;align-items:center;border:2px solid #d9d9d9;border-radius:25px;padding:5px 15px 30px;background:#ffffff;position:fixed;right:30px;bottom:50px;width:450px;height:70vh;max-width:85vw;max-height:80vh;box-shadow:0 5px 35px 9px #ccc}.pointer[data-v-bacccd51]{cursor:pointer}.header-widget[data-v-4b17fe0e]{height:10%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #CCCCCC;margin-bottom:10px}.jl2-input-chat[data-v-4b17fe0e]{padding-left:10px;height:40px;width:95%}.jl2-input-chat[data-v-4b17fe0e]:focus-visible{outline:none}.jl-inputgroup-chat[data-v-4b17fe0e]{width:100%;border:1px solid;border-color:#f28b0c;background:var(--surface-a);color:var(--surface-500);-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:13px;display:flex;justify-content:space-around;align-items:center}.jl-inputgroup-chat>input[data-v-4b17fe0e]{border:none;background:none}.jl-inputgroup-chat>input[data-v-4b17fe0e]:hover{outline:none}.form-message[data-v-4b17fe0e]{display:flex;justify-content:space-between}.form-message button[data-v-4b17fe0e],.jl-inputgroup-chat>button[data-v-4b17fe0e]{border:none!important;background:none}.form-message button[data-v-4b17fe0e],.jl-inputgroup-chat>button[data-v-4b17fe0e]:focus{box-shadow:none}.form-message button[data-v-4b17fe0e],.jl-inputgroup-chat>button[data-v-4b17fe0e]:active{box-shadow:none}.widget[data-v-4b17fe0e]{margin:auto;height:100%;display:flex;width:100%;flex-direction:column;justify-content:space-evenly}.messages-container[data-v-4b17fe0e]{height:80%;overflow-y:scroll;border-left:1px solid var(--fge-gray-lines-color);border-right:1px solid var(--fge-gray-lines-color);scrollbar-color:red transparent;scrollbar-width:thin;scrollbar-color:#F28B0C transparent;scrollbar-track-color:transparent;scrollbar-face-color:#F28B0C;scrollbar-thumb-color:#F28B0C}.messages-container[data-v-4b17fe0e]::-webkit-scrollbar{width:8px}.messages-container[data-v-4b17fe0e]::-webkit-scrollbar-track{background-color:transparent}.messages-container[data-v-4b17fe0e]::-webkit-scrollbar-thumb{background-color:#f28b0c;border-radius:8px}.input-message[data-v-4b17fe0e]{border-left:1px solid var(--fge-gray-lines-color);border-right:1px solid var(--fge-gray-lines-color)}.message-send[data-v-4b17fe0e]{border-top:1px solid var(--fge-gray-lines-color);padding-top:20px;width:90%;margin:auto}.bubble[data-v-4b17fe0e]{--r: 25px;--t: 30px;max-width:50%;min-width:250px;padding:calc(2*var(--r)/3);-webkit-mask:radial-gradient(var(--t) at var(--_d) 0,#0000 98%,#000 102%) var(--_d) 100%/calc(100% - var(--r)) var(--t) no-repeat,conic-gradient(at var(--r) var(--r),#000 75%,#0000 0) calc(var(--r)/-2) calc(var(--r)/-2) padding-box,radial-gradient(50% 50%,#000 98%,#0000 101%) 0 0/var(--r) var(--r) space padding-box;color:#fff}.left[data-v-4b17fe0e]{--_d: 0%;border-left:var(--t) solid #0000;margin-right:var(--t);background-color:#fcd7ae;color:#4d4d4d;place-self:start}.bubble>.content-left[data-v-4b17fe0e]{margin-right:10px;margin-bottom:1px}.right[data-v-4b17fe0e]{--_d: 100%;border-right:var(--t) solid #0000;margin-left:var(--t);background-color:#fdeedb;color:#4d4d4d;place-self:end}.bubble>.content-right[data-v-4b17fe0e]{margin-bottom:1px;margin-right:10px}.message[data-v-4b17fe0e]{text-align:initial;word-break:break-all;margin-bottom:10px}.detail-message[data-v-4b17fe0e]{font-size:10px;color:gray}.chat-message[data-v-4b17fe0e]{max-width:250px;min-width:90%;display:flex;flex-direction:column;justify-content:center}#chat-circle[data-v-4b17fe0e]{margin:auto;position:fixed;bottom:50px;right:50px;color:#fff;cursor:pointer}.title-chat[data-v-4b17fe0e]{font-size:1.1vw;font-weight:700;color:#4d4d4d}.chat-box[data-v-4b17fe0e]{display:flex;justify-content:center;align-items:center;border:2px solid #d9d9d9;border-radius:25px;padding:5px 15px 30px;background:#ffffff;position:fixed;right:30px;bottom:50px;width:450px;height:70vh;max-width:85vw;max-height:80vh;box-shadow:0 5px 35px 9px #ccc}.pointer[data-v-4b17fe0e]{cursor:pointer}
+.bubble[data-v-78b91e28]{--r: 25px;--t: 30px;max-width:50%;min-width:250px;padding:calc(2*var(--r)/3);-webkit-mask:radial-gradient(var(--t) at var(--_d) 0,#0000 98%,#000 102%) var(--_d) 100%/calc(100% - var(--r)) var(--t) no-repeat,conic-gradient(at var(--r) var(--r),#000 75%,#0000 0) calc(var(--r)/-2) calc(var(--r)/-2) padding-box,radial-gradient(50% 50%,#000 98%,#0000 101%) 0 0/var(--r) var(--r) space padding-box;color:#fff}.left[data-v-78b91e28]{--_d: 0%;border-left:var(--t) solid #0000;margin-right:var(--t);background-color:#fcd7ae;color:#4d4d4d;place-self:start}.bubble>.content-left[data-v-78b91e28]{margin-right:10px;margin-bottom:1px}.right[data-v-78b91e28]{--_d: 100%;border-right:var(--t) solid #0000;margin-left:var(--t);background-color:#fdeedb;color:#4d4d4d;place-self:end}.bubble>.content-right[data-v-78b91e28]{margin-bottom:1px;margin-right:10px}.message[data-v-78b91e28]{text-align:initial;word-break:break-all;margin-bottom:10px}.detail-message[data-v-78b91e28]{font-size:10px;color:gray;display:flex;justify-content:space-between}.chat-message[data-v-78b91e28]{max-width:250px;min-width:90%;display:flex;flex-direction:column;justify-content:center}.header-widget[data-v-bacccd51]{height:10%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #CCCCCC;margin-bottom:10px}.jl2-input-chat[data-v-bacccd51]{padding-left:10px;height:40px;width:95%}.jl2-input-chat[data-v-bacccd51]:focus-visible{outline:none}.jl-inputgroup-chat[data-v-bacccd51]{width:100%;border:1px solid;border-color:#f28b0c;background:var(--surface-a);color:var(--surface-500);-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:13px;display:flex;justify-content:space-around;align-items:center}.jl-inputgroup-chat>input[data-v-bacccd51]{border:none;background:none}.jl-inputgroup-chat>input[data-v-bacccd51]:hover{outline:none}.form-message[data-v-bacccd51]{display:flex;justify-content:space-between}.form-message button[data-v-bacccd51],.jl-inputgroup-chat>button[data-v-bacccd51]{border:none!important;background:none}.form-message button[data-v-bacccd51],.jl-inputgroup-chat>button[data-v-bacccd51]:focus{box-shadow:none}.form-message button[data-v-bacccd51],.jl-inputgroup-chat>button[data-v-bacccd51]:active{box-shadow:none}.widget[data-v-bacccd51]{margin:auto;height:100%;display:flex;width:100%;flex-direction:column;justify-content:space-evenly}.messages-container[data-v-bacccd51]{height:80%;overflow-y:scroll;border-left:1px solid var(--fge-gray-lines-color);border-right:1px solid var(--fge-gray-lines-color);scrollbar-color:red transparent;scrollbar-width:thin;scrollbar-color:#F28B0C transparent;scrollbar-track-color:transparent;scrollbar-face-color:#F28B0C;scrollbar-thumb-color:#F28B0C}.messages-container[data-v-bacccd51]::-webkit-scrollbar{width:8px}.messages-container[data-v-bacccd51]::-webkit-scrollbar-track{background-color:transparent}.messages-container[data-v-bacccd51]::-webkit-scrollbar-thumb{background-color:#f28b0c;border-radius:8px}.input-message[data-v-bacccd51]{border-left:1px solid var(--fge-gray-lines-color);border-right:1px solid var(--fge-gray-lines-color)}.message-send[data-v-bacccd51]{border-top:1px solid var(--fge-gray-lines-color);padding-top:20px;width:90%;margin:auto}.bubble[data-v-bacccd51]{--r: 25px;--t: 30px;max-width:50%;min-width:250px;padding:calc(2*var(--r)/3);-webkit-mask:radial-gradient(var(--t) at var(--_d) 0,#0000 98%,#000 102%) var(--_d) 100%/calc(100% - var(--r)) var(--t) no-repeat,conic-gradient(at var(--r) var(--r),#000 75%,#0000 0) calc(var(--r)/-2) calc(var(--r)/-2) padding-box,radial-gradient(50% 50%,#000 98%,#0000 101%) 0 0/var(--r) var(--r) space padding-box;color:#fff}.left[data-v-bacccd51]{--_d: 0%;border-left:var(--t) solid #0000;margin-right:var(--t);background-color:#fcd7ae;color:#4d4d4d;place-self:start}.bubble>.content-left[data-v-bacccd51]{margin-right:10px;margin-bottom:1px}.right[data-v-bacccd51]{--_d: 100%;border-right:var(--t) solid #0000;margin-left:var(--t);background-color:#fdeedb;color:#4d4d4d;place-self:end}.bubble>.content-right[data-v-bacccd51]{margin-bottom:1px;margin-right:10px}.message[data-v-bacccd51]{text-align:initial;word-break:break-all;margin-bottom:10px}.detail-message[data-v-bacccd51]{font-size:10px;color:gray}.chat-message[data-v-bacccd51]{max-width:250px;min-width:90%;display:flex;flex-direction:column;justify-content:center}#chat-circle[data-v-bacccd51]{margin:auto;position:fixed;bottom:50px;right:50px;color:#fff;cursor:pointer}.title-chat[data-v-bacccd51]{font-size:1.1vw;font-weight:700;color:#4d4d4d}.chat-box[data-v-bacccd51]{display:flex;justify-content:center;align-items:center;border:2px solid #d9d9d9;border-radius:25px;padding:5px 15px 30px;background:#ffffff;position:fixed;right:30px;bottom:50px;width:450px;height:70vh;max-width:85vw;max-height:80vh;box-shadow:0 5px 35px 9px #ccc}.pointer[data-v-bacccd51]{cursor:pointer}.header-widget[data-v-d206ec1e]{height:10%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #CCCCCC;margin-bottom:10px}.jl2-input-chat[data-v-d206ec1e]{padding-left:10px;height:40px;width:95%}.jl2-input-chat[data-v-d206ec1e]:focus-visible{outline:none}.jl-inputgroup-chat[data-v-d206ec1e]{width:100%;border:1px solid;border-color:#f28b0c;background:var(--surface-a);color:var(--surface-500);-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:13px;display:flex;justify-content:space-around;align-items:center}.jl-inputgroup-chat>input[data-v-d206ec1e]{border:none;background:none}.jl-inputgroup-chat>input[data-v-d206ec1e]:hover{outline:none}.form-message[data-v-d206ec1e]{display:flex;justify-content:space-between}.form-message button[data-v-d206ec1e],.jl-inputgroup-chat>button[data-v-d206ec1e]{border:none!important;background:none}.form-message button[data-v-d206ec1e],.jl-inputgroup-chat>button[data-v-d206ec1e]:focus{box-shadow:none}.form-message button[data-v-d206ec1e],.jl-inputgroup-chat>button[data-v-d206ec1e]:active{box-shadow:none}.widget[data-v-d206ec1e]{margin:auto;height:100%;display:flex;width:100%;flex-direction:column;justify-content:space-evenly}.messages-container[data-v-d206ec1e]{height:80%;overflow-y:scroll;border-left:1px solid var(--fge-gray-lines-color);border-right:1px solid var(--fge-gray-lines-color);scrollbar-color:red transparent;scrollbar-width:thin;scrollbar-color:#F28B0C transparent;scrollbar-track-color:transparent;scrollbar-face-color:#F28B0C;scrollbar-thumb-color:#F28B0C}.messages-container[data-v-d206ec1e]::-webkit-scrollbar{width:8px}.messages-container[data-v-d206ec1e]::-webkit-scrollbar-track{background-color:transparent}.messages-container[data-v-d206ec1e]::-webkit-scrollbar-thumb{background-color:#f28b0c;border-radius:8px}.input-message[data-v-d206ec1e]{border-left:1px solid var(--fge-gray-lines-color);border-right:1px solid var(--fge-gray-lines-color)}.message-send[data-v-d206ec1e]{border-top:1px solid var(--fge-gray-lines-color);padding-top:20px;width:90%;margin:auto}.bubble[data-v-d206ec1e]{--r: 25px;--t: 30px;max-width:50%;min-width:250px;padding:calc(2*var(--r)/3);-webkit-mask:radial-gradient(var(--t) at var(--_d) 0,#0000 98%,#000 102%) var(--_d) 100%/calc(100% - var(--r)) var(--t) no-repeat,conic-gradient(at var(--r) var(--r),#000 75%,#0000 0) calc(var(--r)/-2) calc(var(--r)/-2) padding-box,radial-gradient(50% 50%,#000 98%,#0000 101%) 0 0/var(--r) var(--r) space padding-box;color:#fff}.left[data-v-d206ec1e]{--_d: 0%;border-left:var(--t) solid #0000;margin-right:var(--t);background-color:#fcd7ae;color:#4d4d4d;place-self:start}.bubble>.content-left[data-v-d206ec1e]{margin-right:10px;margin-bottom:1px}.right[data-v-d206ec1e]{--_d: 100%;border-right:var(--t) solid #0000;margin-left:var(--t);background-color:#fdeedb;color:#4d4d4d;place-self:end}.bubble>.content-right[data-v-d206ec1e]{margin-bottom:1px;margin-right:10px}.message[data-v-d206ec1e]{text-align:initial;word-break:break-all;margin-bottom:10px}.detail-message[data-v-d206ec1e]{font-size:10px;color:gray}.chat-message[data-v-d206ec1e]{max-width:250px;min-width:90%;display:flex;flex-direction:column;justify-content:center}#chat-circle[data-v-d206ec1e]{margin:auto;position:fixed;bottom:50px;right:50px;color:#fff;cursor:pointer}.title-chat[data-v-d206ec1e]{font-size:1.1vw;font-weight:700;color:#4d4d4d}.chat-box[data-v-d206ec1e]{display:flex;justify-content:center;align-items:center;border:2px solid #d9d9d9;border-radius:25px;padding:5px 15px 30px;background:#ffffff;position:fixed;right:30px;bottom:50px;width:450px;height:70vh;max-width:85vw;max-height:80vh;box-shadow:0 5px 35px 9px #ccc}.pointer[data-v-d206ec1e]{cursor:pointer}

package/dist/vue-wiguet-chatweb.js

@@ -99,12 +99,12 @@ function kt(e) {
   var t = re(NaN);
   return e != null ? we(w(t), e) : w(t).userInvalidated = !0, t;
 }
-var Ys = f.momentProperties = [], Wt = !1;
+var Ps = f.momentProperties = [], Wt = !1;
 function ls(e, t) {
-  var s, n, r, i = Ys.length;
+  var s, n, r, i = Ps.length;
   if (H(t._isAMomentObject) || (e._isAMomentObject = t._isAMomentObject), H(t._i) || (e._i = t._i), H(t._f) || (e._f = t._f), H(t._l) || (e._l = t._l), H(t._strict) || (e._strict = t._strict), H(t._tzm) || (e._tzm = t._tzm), H(t._isUTC) || (e._isUTC = t._isUTC), H(t._offset) || (e._offset = t._offset), H(t._pf) || (e._pf = w(t)), H(t._locale) || (e._locale = t._locale), i > 0)
     for (s = 0; s < i; s++)
-      n = Ys[s], r = t[n], H(r) || (e[n] = r);
+      n = Ps[s], r = t[n], H(r) || (e[n] = r);
   return e;
 }
 function Ke(e) {
@@ -141,9 +141,9 @@ Arguments: ` + Array.prototype.slice.call(n).join("") + `
     return t.apply(this, arguments);
   }, t);
 }
-var Ps = {};
+var Ys = {};
 function Xs(e, t) {
-  f.deprecationHandler != null && f.deprecationHandler(e, t), Ps[e] || (Qs(t), Ps[e] = !0);
+  f.deprecationHandler != null && f.deprecationHandler(e, t), Ys[e] || (Qs(t), Ys[e] = !0);
 }
 f.suppressDeprecationWarnings = !1;
 f.deprecationHandler = null;
@@ -279,7 +279,7 @@ function Ar(e, t, s, n) {
   var r = this._relativeTime[s];
   return ie(r) ? r(e, t, s, n) : r.replace(/%d/i, e);
 }
-function Yr(e, t) {
+function Pr(e, t) {
   var s = this._relativeTime[e > 0 ? "future" : "past"];
   return ie(s) ? s(t) : s.replace(/%s/i, t);
 }
@@ -301,7 +301,7 @@ var tn = {};
 function I(e, t) {
   tn[e] = t;
 }
-function Pr(e) {
+function Yr(e) {
   var t = [], s;
   for (s in e)
     O(e, s) && t.push({ unit: s, priority: tn[s] });
@@ -340,7 +340,7 @@ function Fr(e) {
 function Lr(e, t) {
   if (typeof e == "object") {
     e = ds(e);
-    var s = Pr(e), n, r = s.length;
+    var s = Yr(e), n, r = s.length;
     for (n = 0; n < r; n++)
       this[s[n].unit](e[s[n].unit]);
   } else if (e = Z(e), ie(this[e]))
@@ -867,7 +867,7 @@ function Ai(e, t) {
 function Fs(e) {
   return e && e.toLowerCase().replace("_", "-");
 }
-function Yi(e) {
+function Pi(e) {
   for (var t = 0, s, n, r, i; t < e.length; ) {
     for (i = Fs(e[t]).split("-"), s = i.length, n = Fs(e[t + 1]), n = n ? n.split("-") : null; s > 0; ) {
       if (r = Rt(i.slice(0, s).join("-")), r)
@@ -880,12 +880,12 @@ function Yi(e) {
   }
   return qe;
 }
-function Pi(e) {
+function Yi(e) {
   return e.match("^[^/\\\\]*$") != null;
 }
 function Rt(e) {
   var t = null, s;
-  if (R[e] === void 0 && typeof module < "u" && module && module.exports && Pi(e))
+  if (R[e] === void 0 && typeof module < "u" && module && module.exports && Yi(e))
     try {
       t = qe._abbr, s = require, s("./locale/" + e), be(t);
     } catch {
@@ -940,7 +940,7 @@ function _e(e) {
       return t;
     e = [e];
   }
-  return Yi(e);
+  return Pi(e);
 }
 function Li() {
   return Jt(R);
@@ -1488,10 +1488,10 @@ function Aa(e, t) {
     i || this.localeData().calendar(r, this, M(s))
   );
 }
-function Ya() {
+function Pa() {
   return new Ke(this);
 }
-function Pa(e, t) {
+function Ya(e, t) {
   var s = X(e) ? e : M(e);
   return this.isValid() && s.isValid() ? (t = Z(t) || "millisecond", t === "millisecond" ? this.valueOf() > s.valueOf() : s.valueOf() < this.clone().startOf(t).valueOf()) : !1;
 }
@@ -1609,20 +1609,20 @@ function xn() {
   return this._locale;
 }
 var gt = 1e3, Ae = 60 * gt, wt = 60 * Ae, Nn = (365 * 400 + 97) * 24 * wt;
-function Ye(e, t) {
+function Pe(e, t) {
   return (e % t + t) % t;
 }
 function An(e, t, s) {
   return e < 100 && e >= 0 ? new Date(e + 400, t, s) - Nn : new Date(e, t, s).valueOf();
 }
-function Yn(e, t, s) {
+function Pn(e, t, s) {
   return e < 100 && e >= 0 ? Date.UTC(e + 400, t, s) - Nn : Date.UTC(e, t, s);
 }
 function Ja(e) {
   var t, s;
   if (e = Z(e), e === void 0 || e === "millisecond" || !this.isValid())
     return this;
-  switch (s = this._isUTC ? Yn : An, e) {
+  switch (s = this._isUTC ? Pn : An, e) {
     case "year":
       t = s(this.year(), 0, 1);
       break;
@@ -1655,16 +1655,16 @@ function Ja(e) {
       t = s(this.year(), this.month(), this.date());
       break;
     case "hour":
-      t = this._d.valueOf(), t -= Ye(
+      t = this._d.valueOf(), t -= Pe(
         t + (this._isUTC ? 0 : this.utcOffset() * Ae),
         wt
       );
       break;
     case "minute":
-      t = this._d.valueOf(), t -= Ye(t, Ae);
+      t = this._d.valueOf(), t -= Pe(t, Ae);
       break;
     case "second":
-      t = this._d.valueOf(), t -= Ye(t, gt);
+      t = this._d.valueOf(), t -= Pe(t, gt);
       break;
   }
   return this._d.setTime(t), f.updateOffset(this, !0), this;
@@ -1673,7 +1673,7 @@ function Ka(e) {
   var t, s;
   if (e = Z(e), e === void 0 || e === "millisecond" || !this.isValid())
     return this;
-  switch (s = this._isUTC ? Yn : An, e) {
+  switch (s = this._isUTC ? Pn : An, e) {
     case "year":
       t = s(this.year() + 1, 0, 1) - 1;
       break;
@@ -1706,16 +1706,16 @@ function Ka(e) {
       t = s(this.year(), this.month(), this.date() + 1) - 1;
       break;
     case "hour":
-      t = this._d.valueOf(), t += wt - Ye(
+      t = this._d.valueOf(), t += wt - Pe(
         t + (this._isUTC ? 0 : this.utcOffset() * Ae),
         wt
       ) - 1;
       break;
     case "minute":
-      t = this._d.valueOf(), t += Ae - Ye(t, Ae) - 1;
+      t = this._d.valueOf(), t += Ae - Pe(t, Ae) - 1;
       break;
     case "second":
-      t = this._d.valueOf(), t += gt - Ye(t, gt) - 1;
+      t = this._d.valueOf(), t += gt - Pe(t, gt) - 1;
       break;
   }
   return this._d.setTime(t), f.updateOffset(this, !0), this;
@@ -1944,7 +1944,7 @@ Xe(["gg", "GG"], function(e, t, s, n) {
   t[n] = f.parseTwoDigitYear(e);
 });
 function ko(e) {
-  return Pn.call(
+  return Yn.call(
     this,
     e,
     this.week(),
@@ -1954,7 +1954,7 @@ function ko(e) {
   );
 }
 function Oo(e) {
-  return Pn.call(
+  return Yn.call(
     this,
     e,
     this.isoWeek(),
@@ -1977,7 +1977,7 @@ function To() {
   var e = this.localeData()._week;
   return he(this.weekYear(), e.dow, e.doy);
 }
-function Pn(e, t, s, n, r) {
+function Yn(e, t, s, n, r) {
   var i;
   return e == null ? ze(this, n, r).year : (i = he(e, n, r), t > i && (t = i), Mo.call(this, e, t, s, n, r));
 }
@@ -2077,16 +2077,16 @@ for (Se = "S"; Se.length <= 9; Se += "S")
 Ln = Fe("Milliseconds", !1);
 p("z", 0, 0, "zoneAbbr");
 p("zz", 0, 0, "zoneName");
-function Yo() {
+function Po() {
   return this._isUTC ? "UTC" : "";
 }
-function Po() {
+function Yo() {
   return this._isUTC ? "Coordinated Universal Time" : "";
 }
 var d = Ke.prototype;
 d.add = Ca;
 d.calendar = Aa;
-d.clone = Ya;
+d.clone = Pa;
 d.diff = Ha;
 d.endOf = Ka;
 d.format = ja;
@@ -2096,7 +2096,7 @@ d.to = qa;
 d.toNow = Za;
 d.get = Fr;
 d.invalidAt = ao;
-d.isAfter = Pa;
+d.isAfter = Ya;
 d.isBefore = Fa;
 d.isBetween = La;
 d.isSame = Ua;
@@ -2161,8 +2161,8 @@ d.isLocal = ba;
 d.isUtcOffset = ka;
 d.isUtc = Dn;
 d.isUTC = Dn;
-d.zoneAbbr = Yo;
-d.zoneName = Po;
+d.zoneAbbr = Po;
+d.zoneName = Yo;
 d.dates = q(
   "dates accessor is deprecated. Use date instead.",
   Fn
@@ -2200,7 +2200,7 @@ v.ordinal = xr;
 v.preparse = Un;
 v.postformat = Un;
 v.relativeTime = Ar;
-v.pastFuture = Yr;
+v.pastFuture = Pr;
 v.set = Sr;
 v.eras = lo;
 v.erasParse = co;
@@ -2560,7 +2560,7 @@ const Te = (e, t) => {
   for (const [n, r] of t)
     s[n] = r;
   return s;
-}, Tl = /* @__PURE__ */ Te(Cl, [["__scopeId", "data-v-a066bde3"]]);
+}, Tl = /* @__PURE__ */ Te(Cl, [["__scopeId", "data-v-78b91e28"]]);
 var Ml = Object.defineProperty, El = (e, t, s) => t in e ? Ml(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s, Rl = (e, t, s) => (El(e, typeof t != "symbol" ? t + "" : t, s), s);
 const Be = {
   // LINEFEED byte (octet 10)
@@ -2845,7 +2845,7 @@ function Al(e, t) {
     });
   };
 }
-class Yl {
+class Pl {
   constructor(t, s, n) {
     this._client = t, this._webSocket = s, this._connected = !1, this._serverFrameHandlers = {
       // [CONNECTED Frame](https://stomp.github.com/stomp-specification-1.2.html#CONNECTED_Frame)
@@ -3039,7 +3039,7 @@ class Yl {
     return n = Object.assign({}, n), this._connectedVersion === W.V1_2 ? n.id = t : n["message-id"] = t, n.subscription = s, this._transmit({ command: "NACK", headers: n });
   }
 }
-class Pl {
+class Yl {
   /**
    * Create an instance.
    */
@@ -3124,7 +3124,7 @@ class Pl {
       this.connected || (this.debug(`Connection not established in ${this.connectionTimeout}ms, closing socket`), this.forceDisconnect());
     }, this.connectionTimeout)), this.debug("Opening Web Socket...");
     const t = this._createWebSocket();
-    this._stompHandler = new Yl(this, t, {
+    this._stompHandler = new Pl(this, t, {
       debug: this.debug,
       stompVersions: this.stompVersions,
       connectHeaders: this.connectHeaders,
@@ -3431,7 +3431,7 @@ class Pl {
 }
 class Fl {
   constructor(t, s) {
-    Rl(this, "client"), this.virtualHost = t, this.queue = s, this.client = new Pl({
+    Rl(this, "client"), this.virtualHost = t, this.queue = s, this.client = new Yl({
       brokerURL: window.VITE_BROKER_URL ? window.VITE_BROKER_URL : "ws://192.168.20.107:15674/ws",
       connectHeaders: {
         login: window.VITE_USERNAME ? window.VITE_USERNAME : "admin",
@@ -3532,10 +3532,10 @@ function Bn(e, t) {
     return e.apply(t, arguments);
   };
 }
-const { toString: rc } = Object.prototype, { getPrototypeOf: Cs } = Object, Yt = ((e) => (t) => {
+const { toString: rc } = Object.prototype, { getPrototypeOf: Cs } = Object, Pt = ((e) => (t) => {
   const s = rc.call(t);
   return e[s] || (e[s] = s.slice(8, -1).toLowerCase());
-})(/* @__PURE__ */ Object.create(null)), ae = (e) => (e = e.toLowerCase(), (t) => Yt(t) === e), Pt = (e) => (t) => typeof t === e, { isArray: Ue } = Array, Ze = Pt("undefined");
+})(/* @__PURE__ */ Object.create(null)), ae = (e) => (e = e.toLowerCase(), (t) => Pt(t) === e), Yt = (e) => (t) => typeof t === e, { isArray: Ue } = Array, Ze = Yt("undefined");
 function ic(e) {
   return e !== null && !Ze(e) && e.constructor !== null && !Ze(e.constructor) && z(e.constructor.isBuffer) && e.constructor.isBuffer(e);
 }
@@ -3544,14 +3544,14 @@ function ac(e) {
   let t;
   return typeof ArrayBuffer < "u" && ArrayBuffer.isView ? t = ArrayBuffer.isView(e) : t = e && e.buffer && Vn(e.buffer), t;
 }
-const oc = Pt("string"), z = Pt("function"), $n = Pt("number"), Ft = (e) => e !== null && typeof e == "object", lc = (e) => e === !0 || e === !1, dt = (e) => {
-  if (Yt(e) !== "object")
+const oc = Yt("string"), z = Yt("function"), $n = Yt("number"), Ft = (e) => e !== null && typeof e == "object", lc = (e) => e === !0 || e === !1, dt = (e) => {
+  if (Pt(e) !== "object")
     return !1;
   const t = Cs(e);
   return (t === null || t === Object.prototype || Object.getPrototypeOf(t) === null) && !(Symbol.toStringTag in e) && !(Symbol.iterator in e);
 }, cc = ae("Date"), uc = ae("File"), dc = ae("Blob"), hc = ae("FileList"), fc = (e) => Ft(e) && z(e.pipe), mc = (e) => {
   let t;
-  return e && (typeof FormData == "function" && e instanceof FormData || z(e.append) && ((t = Yt(e)) === "formdata" || // detect form-data instance
+  return e && (typeof FormData == "function" && e instanceof FormData || z(e.append) && ((t = Pt(e)) === "formdata" || // detect form-data instance
   t === "object" && z(e.toString) && e.toString() === "[object FormData]"));
 }, _c = ae("URLSearchParams"), pc = (e) => e.trim ? e.trim() : e.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, "");
 function et(e, t, { allOwnKeys: s = !1 } = {}) {
@@ -3677,10 +3677,10 @@ const yc = (e, t, s, { allOwnKeys: n } = {}) => (et(t, (r, i) => {
     s += t[Math.random() * n | 0];
   return s;
 };
-function Yc(e) {
+function Pc(e) {
   return !!(e && z(e.append) && e[Symbol.toStringTag] === "FormData" && e[Symbol.iterator]);
 }
-const Pc = (e) => {
+const Yc = (e) => {
   const t = new Array(10), s = (n, r) => {
     if (Ft(n)) {
       if (t.indexOf(n) >= 0)
@@ -3725,7 +3725,7 @@ const Pc = (e) => {
   stripBOM: gc,
   inherits: wc,
   toFlatObject: Sc,
-  kindOf: Yt,
+  kindOf: Pt,
   kindOfTest: ae,
   endsWith: bc,
   toArray: kc,
@@ -3746,8 +3746,8 @@ const Pc = (e) => {
   isContextDefined: zn,
   ALPHABET: Zn,
   generateString: Ac,
-  isSpecCompliantForm: Yc,
-  toJSONObject: Pc,
+  isSpecCompliantForm: Pc,
+  toJSONObject: Yc,
   isAsyncFn: Fc,
   isThenable: Lc
 };
@@ -3826,8 +3826,8 @@ function Lt(e, t, s) {
     metaTokens: !0,
     dots: !1,
     indexes: !1
-  }, !1, function(g, P) {
-    return !c.isUndefined(P[g]);
+  }, !1, function(g, Y) {
+    return !c.isUndefined(Y[g]);
   });
   const n = s.metaTokens, r = s.visitor || h, i = s.dots, a = s.indexes, u = (s.Blob || typeof Blob < "u" && Blob) && c.isSpecCompliantForm(t);
   if (!c.isFunction(r))
@@ -3841,9 +3841,9 @@ function Lt(e, t, s) {
       throw new k("Blob is not supported. Use a Buffer instead.");
     return c.isArrayBuffer(m) || c.isTypedArray(m) ? u && typeof Blob == "function" ? new Blob([m]) : Buffer.from(m) : m;
   }
-  function h(m, g, P) {
+  function h(m, g, Y) {
     let F = m;
-    if (m && !P && typeof m == "object") {
+    if (m && !Y && typeof m == "object") {
       if (c.endsWith(g, "{}"))
         g = n ? g : g.slice(0, -2), m = JSON.stringify(m);
       else if (c.isArray(m) && Ic(m) || (c.isFileList(m) || c.endsWith(g, "[]")) && (F = c.toArray(m)))
@@ -3855,7 +3855,7 @@ function Lt(e, t, s) {
           );
         }), !1;
     }
-    return ss(m) ? !0 : (t.append(Bs(P, g, i), l(m)), !1);
+    return ss(m) ? !0 : (t.append(Bs(Y, g, i), l(m)), !1);
   }
   const y = [], D = Object.assign(Wc, {
     defaultVisitor: h,
@@ -4547,7 +4547,7 @@ function zs(e) {
   });
 }
 const qs = (e) => e instanceof fe ? e.toJSON() : e;
-function Pe(e, t) {
+function Ye(e, t) {
   t = t || {};
   const s = {};
   function n(l, h, y) {
@@ -4674,7 +4674,7 @@ class bt {
    * @returns {Promise} The Promise to be fulfilled
    */
   request(t, s) {
-    typeof t == "string" ? (s = s || {}, s.url = t) : s = t || {}, s = Pe(this.defaults, s);
+    typeof t == "string" ? (s = s || {}, s.url = t) : s = t || {}, s = Ye(this.defaults, s);
     const { transitional: n, paramsSerializer: r, headers: i } = s;
     n !== void 0 && ns.assertOptions(n, {
       silentJSONParsing: ye.transitional(ye.boolean),
@@ -4718,8 +4718,8 @@ class bt {
       const m = o[y++], g = o[y++];
       try {
         T = m(T);
-      } catch (P) {
-        g.call(this, P);
+      } catch (Y) {
+        g.call(this, Y);
         break;
       }
     }
@@ -4733,14 +4733,14 @@ class bt {
     return h;
   }
   getUri(t) {
-    t = Pe(this.defaults, t);
+    t = Ye(this.defaults, t);
     const s = rr(t.baseURL, t.url);
     return er(s, t.params, t.paramsSerializer);
   }
 }
 c.forEach(["delete", "get", "head", "options"], function(t) {
   bt.prototype[t] = function(s, n) {
-    return this.request(Pe(n || {}, {
+    return this.request(Ye(n || {}, {
       method: t,
       url: s,
       data: (n || {}).data
@@ -4750,7 +4750,7 @@ c.forEach(["delete", "get", "head", "options"], function(t) {
 c.forEach(["post", "put", "patch"], function(t) {
   function s(n) {
     return function(i, a, o) {
-      return this.request(Pe(o || {}, {
+      return this.request(Ye(o || {}, {
         method: t,
         headers: n ? {
           "Content-Type": "multipart/form-data"
@@ -4912,30 +4912,30 @@ const wu = rs;
 function ar(e) {
   const t = new mt(e), s = Bn(mt.prototype.request, t);
   return c.extend(s, mt.prototype, t, { allOwnKeys: !0 }), c.extend(s, t, null, { allOwnKeys: !0 }), s.create = function(r) {
-    return ar(Pe(e, r));
+    return ar(Ye(e, r));
   }, s;
 }
-const Y = ar(Ms);
-Y.Axios = mt;
-Y.CanceledError = tt;
-Y.CancelToken = pu;
-Y.isCancel = nr;
-Y.VERSION = ir;
-Y.toFormData = Lt;
-Y.AxiosError = k;
-Y.Cancel = Y.CanceledError;
-Y.all = function(t) {
+const P = ar(Ms);
+P.Axios = mt;
+P.CanceledError = tt;
+P.CancelToken = pu;
+P.isCancel = nr;
+P.VERSION = ir;
+P.toFormData = Lt;
+P.AxiosError = k;
+P.Cancel = P.CanceledError;
+P.all = function(t) {
   return Promise.all(t);
 };
-Y.spread = yu;
-Y.isAxiosError = gu;
-Y.mergeConfig = Pe;
-Y.AxiosHeaders = fe;
-Y.formToJSON = (e) => sr(c.isHTMLForm(e) ? new FormData(e) : e);
-Y.HttpStatusCode = wu;
-Y.default = Y;
-const Su = Y, xs = async function(e) {
-  const t = e, s = window.VITE_BACKEND_URL ? window.VITE_BACKEND_URL : "https://chatadmin-gw.dev.mp.gob.bo", n = {
+P.spread = yu;
+P.isAxiosError = gu;
+P.mergeConfig = Ye;
+P.AxiosHeaders = fe;
+P.formToJSON = (e) => sr(c.isHTMLForm(e) ? new FormData(e) : e);
+P.HttpStatusCode = wu;
+P.default = P;
+const Su = P, xs = async function(e) {
+  const t = e, s = window.VITE_BACKEND_URL ? window.VITE_BACKEND_URL : {}.VITE_BACKEND_URL, n = {
     method: t.method,
     url: `${s}${t.url}`,
     headers: {
@@ -5018,7 +5018,7 @@ const Su = Y, xs = async function(e) {
       }), r.value = null, l();
     }, y = async (m) => {
       m.resetConnection && T(), D();
-      const P = await bu({
+      const Y = await bu({
         token: t.tokenAuth,
         data: {
           phone: t.phoneUser,
@@ -5026,7 +5026,7 @@ const Su = Y, xs = async function(e) {
           device: null
         }
       });
-      P && (i.value = P);
+      Y && (i.value = Y);
     }, D = (m = "webchat") => {
       const { virtualhost: g } = a.value;
       if (!sessionStorage.getItem("tabBrowser")) {
@@ -5056,7 +5056,7 @@ const Su = Y, xs = async function(e) {
         x("h4", Cu, ot(e.titlePrincipal), 1),
         Ve(Vl, {
           class: "pointer",
-          onClick: g[0] || (g[0] = (P) => e.toggleChat())
+          onClick: g[0] || (g[0] = (Y) => e.toggleChat())
         })
       ]),
       x("div", {
@@ -5065,10 +5065,10 @@ const Su = Y, xs = async function(e) {
         ref_key: "messagesContainer",
         ref: u
       }, [
-        (G(!0), K(ur, null, dr(i.value, (P, F) => (G(), hr(Tl, {
+        (G(!0), K(ur, null, dr(i.value, (Y, F) => (G(), hr(Tl, {
           class: "message",
           key: F,
-          message: P
+          message: Y
         }, null, 8, ["message"]))), 128))
       ], 512),
       x("div", Tu, [
@@ -5082,7 +5082,7 @@ const Su = Y, xs = async function(e) {
             ]),
             x("div", xu, [
               mr(x("input", {
-                "onUpdate:modelValue": g[1] || (g[1] = (P) => r.value = P),
+                "onUpdate:modelValue": g[1] || (g[1] = (Y) => r.value = Y),
                 class: "jl2-input-chat",
                 required: ""
               }, null, 512), [
@@ -5098,7 +5098,7 @@ const Su = Y, xs = async function(e) {
     ]));
   }
 });
-const Yu = /* @__PURE__ */ Te(Au, [["__scopeId", "data-v-bacccd51"]]), Pu = {}, Fu = {
+const Pu = /* @__PURE__ */ Te(Au, [["__scopeId", "data-v-bacccd51"]]), Yu = {}, Fu = {
   width: "87",
   height: "87",
   viewBox: "0 0 87 87",
@@ -5110,14 +5110,15 @@ const Yu = /* @__PURE__ */ Te(Au, [["__scopeId", "data-v-bacccd51"]]), Pu = {},
 function Iu(e, t) {
   return G(), K("svg", Fu, Uu);
 }
-const Wu = /* @__PURE__ */ Te(Pu, [["render", Iu]]), Hu = {
+const Wu = /* @__PURE__ */ Te(Yu, [["render", Iu]]), Hu = {
   key: 0,
   class: "chat-box"
 }, Bu = /* @__PURE__ */ is({
   __name: "Widget",
   props: {
     tokenAuth: { type: String, required: !0 },
-    phoneUser: { type: String, required: !0 }
+    phoneUser: { type: String, required: !0 },
+    titlePrincipal: { type: String }
   },
   setup(e) {
     const t = Oe(!1), s = () => {
@@ -5132,17 +5133,18 @@ const Wu = /* @__PURE__ */ Te(Pu, [["render", Iu]]), Hu = {
           Ve(Wu)
         ]),
         t.value ? (G(), K("div", Hu, [
-          Ve(Yu, {
+          Ve(Pu, {
+            titlePrincipal: e.titlePrincipal,
             toggleChat: s,
             tokenAuth: e.tokenAuth,
             phoneUser: e.phoneUser
-          }, null, 8, ["tokenAuth", "phoneUser"])
+          }, null, 8, ["titlePrincipal", "tokenAuth", "phoneUser"])
         ])) : yr("", !0)
       ])
     ]));
   }
 });
-const $u = /* @__PURE__ */ Te(Bu, [["__scopeId", "data-v-4b17fe0e"]]), ju = {
+const $u = /* @__PURE__ */ Te(Bu, [["__scopeId", "data-v-d206ec1e"]]), ju = {
   install(e, t) {
     window.VITE_BACKEND_URL = t.VITE_BACKEND_URL, window.VITE_BROKER_URL = t.VITE_BROKER_URL, window.VITE_USERNAME = t.VITE_USERNAME, window.VITE_PASSWORD = t.VITE_PASSWORD;
   }