vue-wiguet-chatweb 0.1.30 → 0.1.32
Sign up to get free protection for your applications and to get access to all the features.
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.bubble[data-v-174338df]{--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-174338df]{--_d: 0%;border-left:var(--t) solid #0000;margin-right:0;background-color:#fcd7ae;color:#4d4d4d}.bubble>.content-left[data-v-174338df]{margin-right:10px;margin-bottom:1px}.right[data-v-174338df]{--_d: 100%;border-right:var(--t) solid #0000;margin-right:0;background-color:#fdeedb;color:#4d4d4d}.bubble>.content-right[data-v-174338df]{margin-bottom:1px;margin-right:10px}.message-text[data-v-174338df]{margin-bottom:10px;overflow-wrap:break-word}.detail-message[data-v-174338df]{font-size:10px;color:gray;display:flex;justify-content:space-between}.chat-message[data-v-174338df]{display:flex;flex-direction:column;justify-content:center}.message[data-v-174338df]{width:100%;display:flex}.message-left[data-v-174338df]{justify-content:start}.message-right[data-v-174338df]{justify-content:end}.target[data-v-174338df]{padding:.5rem 0;width:100%}.btn-danger[data-v-174338df]{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-174338df]{width:24px;height:24px}.btn-danger[data-v-174338df]:hover{background-color:#ff00003a}.btn-container-widget[data-v-174338df]{display:flex;align-items:center;position:absolute;left:-40px;top:50%;transform:translateY(-50%)}.message-container[data-v-174338df]{min-width:80%;max-width:80%;position:relative;margin-bottom:.5rem}.messages-container-list[data-v-174338df]{width:100%}.icon[data-v-174338df]{width:2rem}.btn-icon[data-v-174338df]{text-decoration:none;border:none;color:#9ca3af}.btn-icon[data-v-174338df]:hover:not(.content-disabled){color:#1f2937}.btn-icon span[data-v-174338df]{text-wrap:nowrap}.btn-icon .icon[data-v-174338df]{font-size:2rem}.content-disabled[data-v-174338df]{-webkit-filter:grayscale(1);filter:grayscale(1);opacity:.5}.spinner_ajPY[data-v-fbd4d28f]{fill:#fe6d00;transform-origin:center;animation:spinner_AtaB-fbd4d28f .75s infinite linear}@keyframes spinner_AtaB-fbd4d28f{to{transform:rotate(360deg)}}.dialog-overlay[data-v-
|
|
1
|
+
.bubble[data-v-174338df]{--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-174338df]{--_d: 0%;border-left:var(--t) solid #0000;margin-right:0;background-color:#fcd7ae;color:#4d4d4d}.bubble>.content-left[data-v-174338df]{margin-right:10px;margin-bottom:1px}.right[data-v-174338df]{--_d: 100%;border-right:var(--t) solid #0000;margin-right:0;background-color:#fdeedb;color:#4d4d4d}.bubble>.content-right[data-v-174338df]{margin-bottom:1px;margin-right:10px}.message-text[data-v-174338df]{margin-bottom:10px;overflow-wrap:break-word}.detail-message[data-v-174338df]{font-size:10px;color:gray;display:flex;justify-content:space-between}.chat-message[data-v-174338df]{display:flex;flex-direction:column;justify-content:center}.message[data-v-174338df]{width:100%;display:flex}.message-left[data-v-174338df]{justify-content:start}.message-right[data-v-174338df]{justify-content:end}.target[data-v-174338df]{padding:.5rem 0;width:100%}.btn-danger[data-v-174338df]{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-174338df]{width:24px;height:24px}.btn-danger[data-v-174338df]:hover{background-color:#ff00003a}.btn-container-widget[data-v-174338df]{display:flex;align-items:center;position:absolute;left:-40px;top:50%;transform:translateY(-50%)}.message-container[data-v-174338df]{min-width:80%;max-width:80%;position:relative;margin-bottom:.5rem}.messages-container-list[data-v-174338df]{width:100%}.icon[data-v-174338df]{width:2rem}.btn-icon[data-v-174338df]{text-decoration:none;border:none;color:#9ca3af}.btn-icon[data-v-174338df]:hover:not(.content-disabled){color:#1f2937}.btn-icon span[data-v-174338df]{text-wrap:nowrap}.btn-icon .icon[data-v-174338df]{font-size:2rem}.content-disabled[data-v-174338df]{-webkit-filter:grayscale(1);filter:grayscale(1);opacity:.5}.spinner_ajPY[data-v-fbd4d28f]{fill:#fe6d00;transform-origin:center;animation:spinner_AtaB-fbd4d28f .75s infinite linear}@keyframes spinner_AtaB-fbd4d28f{to{transform:rotate(360deg)}}.dialog-overlay[data-v-2da20f36]{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-2da20f36 .3s forwards}.dialog-content[data-v-2da20f36]{background-color:#fff;padding:15px;border-radius:8px;text-align:center;animation:slideIn-2da20f36 .3s ease-out forwards}@keyframes fadeIn-2da20f36{to{opacity:1}}@keyframes slideIn-2da20f36{0%{transform:translateY(-50px)}to{transform:translateY(0)}}.dialog-overlay.v-enter-active[data-v-2da20f36],.dialog-overlay.v-leave-active[data-v-2da20f36]{transition:opacity .3s}.btn-close[data-v-2da20f36]{padding:0;background-color:transparent;border:none;display:flex;align-items:center;border-radius:50%}.btn-close[data-v-2da20f36]:hover{background-color:#cacaca88}.btn-primary[data-v-1edc80b6]{padding:10px 12px;color:var(--primary-color)}.btn-primary[data-v-1edc80b6]:hover{background-color:#0000001a}.btn-close[data-v-1edc80b6]{padding:0;background-color:transparent;border:none;display:flex;align-items:center;border-radius:50%}.btn-close[data-v-1edc80b6]:hover{background-color:#cacaca88}.messages-container[data-v-1edc80b6]{position:relative}.loader[data-v-1edc80b6]{position:absolute;top:18px;z-index:5;left:50%;transform:translate(-50%,-50%)}.fit[data-v-1edc80b6]{width:100%;height:100%;position:relative}.center[data-v-1edc80b6]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.message-send-block[data-v-1edc80b6]{display:block;margin:1.5rem;text-align:center}: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}.disabled[data-v-74c6ab0f]{color:currentColor;cursor:not-allowed!important;opacity:.4!important;text-decoration:none}.container-buttons-chat[data-v-74c6ab0f]{position:relative;right:-1.8rem}.button[data-v-74c6ab0f]{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-74c6ab0f]{z-index:1;opacity:1}.container-buttons-chat.active .whatsapp[data-v-74c6ab0f]{transform:translateY(-150px)}.container-buttons-chat.active .telegram[data-v-74c6ab0f]{transform:translateY(-100px)}.container-buttons-chat.active .webchat[data-v-74c6ab0f]{transform:translateY(-50px)}.widget-container[data-v-74c6ab0f]{position:relative}.new-message-badge[data-v-74c6ab0f]{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}
|
|
@@ -9841,7 +9841,7 @@ const Xc = /* @__PURE__ */ ie(Gc, [["render", Qc]]), eu = {
|
|
|
9841
9841
|
])) : Se("", !0)
|
|
9842
9842
|
])) : Se("", !0);
|
|
9843
9843
|
}
|
|
9844
|
-
}), ru = /* @__PURE__ */ ie(su, [["__scopeId", "data-v-
|
|
9844
|
+
}), ru = /* @__PURE__ */ ie(su, [["__scopeId", "data-v-2da20f36"]]), iu = { class: "widget" }, ou = { class: "header-widget" }, au = { class: "title-chat" }, lu = {
|
|
9845
9845
|
key: 0,
|
|
9846
9846
|
class: "loader"
|
|
9847
9847
|
}, cu = {
|
|
@@ -9910,7 +9910,7 @@ const Xc = /* @__PURE__ */ ie(Gc, [["render", Qc]]), eu = {
|
|
|
9910
9910
|
`, he();
|
|
9911
9911
|
return;
|
|
9912
9912
|
}
|
|
9913
|
-
O({ codigoTipoMensaje: b });
|
|
9913
|
+
O({ codigoTipoMensaje: b }), Ee.modelValue = !1;
|
|
9914
9914
|
}
|
|
9915
9915
|
function T(y, b) {
|
|
9916
9916
|
var L, F, te, ne;
|
|
@@ -10260,7 +10260,7 @@ const Xc = /* @__PURE__ */ ie(Gc, [["render", Qc]]), eu = {
|
|
|
10260
10260
|
["enter"]
|
|
10261
10261
|
)),
|
|
10262
10262
|
onKeyup: b[11] || (b[11] = Et((S) => {
|
|
10263
|
-
d(S, He(We).IMAGEN)
|
|
10263
|
+
d(S, He(We).IMAGEN);
|
|
10264
10264
|
}, ["enter"]))
|
|
10265
10265
|
}, null, 544), [
|
|
10266
10266
|
[Ss, n.value]
|
|
@@ -10284,7 +10284,7 @@ const Xc = /* @__PURE__ */ ie(Gc, [["render", Qc]]), eu = {
|
|
|
10284
10284
|
}, 16)
|
|
10285
10285
|
], 64));
|
|
10286
10286
|
}
|
|
10287
|
-
}), Eu = /* @__PURE__ */ ie(ku, [["__scopeId", "data-v-
|
|
10287
|
+
}), Eu = /* @__PURE__ */ ie(ku, [["__scopeId", "data-v-1edc80b6"]]), Ou = {}, _u = {
|
|
10288
10288
|
width: "87",
|
|
10289
10289
|
height: "87",
|
|
10290
10290
|
viewBox: "0 0 87 87",
|
|
@@ -10,8 +10,8 @@
|
|
|
10
10
|
c-7.701,7.596-7.701,19.926,0,27.53s20.188,7.604,27.88,0L235.02,87.987l-0.035-0.026l0.473-0.403\r
|
|
11
11
|
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\r
|
|
12
12
|
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\r
|
|
13
|
-
l-99.357,98.675C149.841,257.159,149.823,257.142,149.823,257.142z`})],-1)]))}const uc=K(ac,[["render",cc]]),fc={key:0,class:"dialog-overlay"},hc={class:"header-widget"},dc={class:"title-chat"},mc=K(l.defineComponent({__name:"ODialog",props:{modelValue:{type:Boolean},title:{},"onUpdate:modelValue":{type:Function}},emits:["update:modelValue"],setup(t,{emit:e}){const n=t,s=e,r=l.ref(!1),i=()=>{s("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),r.value=!0)}),(o,a)=>r.value?(l.openBlock(),l.createBlock(l.Teleport,{key:0,to:"#dialogs"},[n.modelValue?(l.openBlock(),l.createElementBlock("div",fc,[l.createElementVNode("div",{class:"dialog-content",onClick:a[1]||(a[1]=l.withModifiers(()=>{},["stop"]))},[l.createElementVNode("div",hc,[l.createElementVNode("h4",dc,l.toDisplayString(o.title),1),l.createElementVNode("button",{onClick:a[0]||(a[0]=()=>i()),class:"btn-close"},[l.createVNode(is,{class:"pointer"})])]),l.createElementVNode("div",null,[l.renderSlot(o.$slots,"default",{},void 0,!0)])])])):l.createCommentVNode("",!0)])):l.createCommentVNode("",!0)}}),[["__scopeId","data-v-
|
|
14
|
-
`,me();return}_({codigoTipoMensaje:E})}function b(g,E){var I,D,te,ne;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()&&E!==Ye.IMAGEN){h("show-toast",{severity:"warn",summary:"Error",detail:"Por favor ingrese un mensaje",life:5e3});return}const S=E?{code:E}:void 0;return{id:Gi(),chatId:(D=(I=G.value)==null?void 0:I.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:(te=ht.value)==null?void 0:te[0],urlFile:(ne=dt.value)==null?void 0:ne[0],messageType:S,sender:{nombreCompleto:y.user.nombreCompleto,ci:y.user.ci,msPersonaId:y.user.msPersonaId},response:void 0}}function k(g,E,S,W){if(E==null)throw new Error("idx is required");if(!S){if(W){const D=c.value.data[E];D.response=void 0}else c.value.data[E].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 I={...S,chatId:g==null?void 0:g.chatId};if(W){const D=c.value.data[E];D.response=S,I={...D,chatId:g==null?void 0:g.chatId}}else c.value.data[E]=I;return I}const _=async g=>{const E=b(n.value,g==null?void 0:g.codigoTipoMensaje);if(n.value="",!E)return;let S=-1;if(g!=null&&g.tipoCalificacionId){S=c.value.data.findIndex(D=>D.id===(g==null?void 0:g.mensajeARespondeId));const I=c.value.data[S];I&&(I.response=E)}else S=c.value.data.push(E)-1;const W={message:n.value,appChatId:u.value,...g,codigoTipoMensaje:g==null?void 0:g.codigoTipoMensaje,files:ht.value};N(W).then(I=>{var te,ne;let D=k(E,S,I,g==null?void 0:g.tipoCalificacionId);D&&(tn.value=!!c.value.data.find(we=>{var mt;return((mt=we.messageType)==null?void 0:mt.code)===Ye.PREGUNTA&&we.response==null}),(ne=q.value)==null||ne.emit("sendMessage",{roomId:(te=G==null?void 0:G.value)==null?void 0:te.appChat.id,message:D},we=>{console.log("🚀 ~ socketService.value.emit ~ response:",we)}))}),n.value="",L(),F.value&&(F.value.style.height="20px")},N=async g=>{const E={...g,esCliente:!0};return C2(E,y.tokenAuth)},M=async()=>{var W,I,D;const g=(W=c.value.data[0])==null?void 0:W.id,E={lastMessagesId:g,appChatId:u.value,limit:10};f.value=!0;const S=await N2({body:E,token:y.tokenAuth});f.value=!1,tn.value=!!S.data.find(te=>{var ne;return((ne=te.messageType)==null?void 0:ne.code)===Ye.PREGUNTA&&te.response==null}),c.value.data.unshift(...S.data.sort((te,ne)=>-ne.createdAt.localeCompare(te.createdAt))),c.value.canLoadMoreMessages=S.pagination.total>S.pagination.size,g&&((I=p.value)!=null&&I.scrollHeight)&&ae((D=p.value)==null?void 0:D.scrollHeight),g||L()},ee=async g=>{h("show-confirm",async()=>{var S,W,I;if(!((S=g.error)!=null&&S.id))return;const E=await N({message:g.message,appChatId:u.value});if(!E)h("show-toast",{severity:"error",summary:"Error",detail:"Ocurrio un error al enviar el mensaje, intente nuevamente",life:5e3});else{const D=hl(c.value.data,"id",g.error.id);c.value.data[D]={...E,error:void 0},(I=q.value)==null||I.emit("sendMessage",{roomId:(W=G==null?void 0:G.value)==null?void 0:W.appChat.id,message:g})}L()})},L=()=>{l.nextTick(()=>{p.value&&(p.value.scrollTop=p.value.scrollHeight)})},ae=g=>{l.nextTick(()=>{const E=p.value;E&&(E.scrollTop=E.scrollHeight-g)})},F=l.ref();function me(){F.value&&(F.value.style.height=F.value.scrollHeight-Ic+"px",F.value.scrollHeight!==F.value.clientHeight&&(F.value.style.height=F.value.scrollHeight+"px"))}const q=l.ref(),G=l.ref();function ns(g,E=Zi.WEBCHAT){var S,W;if(!g)throw new Error("user chat is required");q.value=en(window.VITE_SOCKET_URI,{query:{usuarioId:`${(W=(S=g==null?void 0:g.chat)==null?void 0:S.persona)==null?void 0:W.funcionarioId}`,aplicacion:E},extraHeaders:{Authorization:y.tokenAuth}}),q.value.removeAllListeners(),q.value.on("connect",()=>{var I,D;console.log("Conectado al servidor de sockets"),(D=q.value)==null||D.emit("joinRoom",`${(I=g==null?void 0:g.appChat)==null?void 0:I.id}`)}),q.value.on("disconnect",()=>{console.log("Desconectado del servidor de sockets")}),q.value.on("receiveMessage",I=>{var te,ne;console.log("Mensaje recibido:",I.message,g);const D=c.value.data.findIndex(we=>we.id===I.message.id);I.message.sender.msPersonaId===((ne=(te=g==null?void 0:g.chat)==null?void 0:te.persona)==null?void 0:ne.msPersonaId)&&D===-1||(D!==-1?c.value.data[D].response=I.message.response:c.value.data.push(I.message),tn.value=!!c.value.data.find(we=>{var mt;return((mt=we.messageType)==null?void 0:mt.code)===Ye.PREGUNTA&&we.response==null}),Zs(I.message.appChatId,y.tokenAuth),L(),!y.visible&&h("new-message"))})}const{isMobile:ss}=oc();function tu({message:g,emoji:E}){const S=async()=>{!g.id||!E||(n.value=E.iconUnicode,_({tipoCalificacionId:E.value,mensajeARespondeId:g.id}).then())};h("onQualifying",{message:E.iconUnicode,callback:S})}const tn=l.ref(!1);function nu(){var S;ht.value=[],dt.value=[];const g=((S=r.value)==null?void 0:S.files)??[],E=g==null?void 0:g[0];ht.value=g,E&&(dt.value.push(URL.createObjectURL(E)),o.value=0,_e.title="Preparar imagen",_e.modelValue=!0)}const ht=l.ref([]),dt=l.ref([]),_e=l.reactive({modelValue:!1,"onUpdate:modelValue":g=>{_e.modelValue=g,!g&&(dt.value=[],ht.value=[])},title:"Preparar imagen"});return l.onMounted(async()=>{if(u.value)return;const g=await Hs(y.tokenAuth);g&&(G.value=g,u.value=g.appChat.id,s.value=g.appChat.totalNoVistosCliente,ns(g),M(),h("not-viewed-total",g.appChat.totalNoVistosCliente))}),l.onUnmounted(()=>{var g;(g=q.value)==null||g.off()}),(g,E)=>(l.openBlock(),l.createElementBlock(l.Fragment,null,[l.createElementVNode("div",pc,[l.createElementVNode("div",yc,[l.createElementVNode("h4",gc,l.toDisplayString(t.titlePrincipal),1),l.createElementVNode("button",{onClick:E[0]||(E[0]=()=>t.toggleChat()),class:"btn-close"},[l.createVNode(is,{class:"pointer"})])]),l.createElementVNode("div",{class:"messages-container",ref_key:"messageContainerRef",ref:p},[f.value?(l.openBlock(),l.createElementBlock("div",wc,[l.createVNode(fl)])):l.createCommentVNode("",!0),c.value.data.length>0?(l.openBlock(),l.createBlock(al,{key:1,messages:c.value.data,canLoadMoreMessages:c.value.canLoadMoreMessages,onLoadMore:M,onRetry:ee,onOnQualifying:E[1]||(E[1]=S=>tu(S)),onSee:E[2]||(E[2]=S=>{o.value=1,a.value=S.urlFile,_e.title="Imagen",_e.modelValue=!0})},null,8,["messages","canLoadMoreMessages"])):(l.openBlock(),l.createElementBlock("div",kc,E[13]||(E[13]=[l.createElementVNode("span",{class:"center"},"No tienes mensajes",-1)])))],512),l.createElementVNode("div",Ec,[tn.value?(l.openBlock(),l.createElementBlock("span",vc," Necesitamos que nos califique la atención para continuar ")):(l.openBlock(),l.createElementBlock("form",{key:0,class:"message-send",onSubmit:E[7]||(E[7]=l.withModifiers(S=>_(),["prevent"]))},[l.createElementVNode("div",bc,[l.createElementVNode("div",Sc,[l.withDirectives(l.createElementVNode("textarea",{"onUpdate:modelValue":E[3]||(E[3]=S=>n.value=S),class:"jl2-input-chat",placeholder:"Escribe tu mensaje",required:"",ref_key:"textAreaRef",ref:F,onInput:E[4]||(E[4]=()=>me()),onKeydown:E[5]||(E[5]=l.withKeys(S=>{!l.unref(ss)&&S.preventDefault()},["enter"])),onKeyup:l.withKeys(m,["enter"])},null,544),[[l.vModelText,n.value]]),l.createElementVNode("input",{type:"file",ref_key:"fileInputRef",ref:r,onChange:nu,accept:"image/*",style:{display:"none"},key:"fileInputKey"},null,544),l.createElementVNode("button",{type:"button",class:"pointer btn-primary",title:"Adjuntar archivo",onClick:E[6]||(E[6]=()=>{var S;r.value.value="",i.value++,(S=r.value)==null||S.click()})},[l.createVNode(uc,{style:{width:"20px",height:"20px"}})]),l.createElementVNode("button",Tc,[l.createVNode(os,{style:{width:"20px",height:"20px"}})])])])],32))])]),l.createVNode(mc,l.normalizeProps(l.guardReactiveProps(_e)),{default:l.withCtx(()=>[o.value===0?(l.openBlock(),l.createElementBlock("div",Oc,[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList(dt.value,(S,W)=>(l.openBlock(),l.createElementBlock("img",{key:W,src:S.toString(),alt:"Image",width:"400"},null,8,_c))),128)),l.createElementVNode("form",{class:"message-send",onSubmit:E[12]||(E[12]=l.withModifiers(S=>{_(),_e.modelValue=!1},["prevent"]))},[l.createElementVNode("div",Nc,[l.createElementVNode("div",Cc,[l.withDirectives(l.createElementVNode("textarea",{"onUpdate:modelValue":E[8]||(E[8]=S=>n.value=S),autofocus:"",class:"jl2-input-chat",placeholder:"Escribe tu mensaje",ref_key:"textAreaRef",ref:F,onInput:E[9]||(E[9]=()=>me()),onKeydown:E[10]||(E[10]=l.withKeys(S=>{!l.unref(ss)&&S.preventDefault()},["enter"])),onKeyup:E[11]||(E[11]=l.withKeys(S=>{m(S,l.unref(Ye).IMAGEN),_e.modelValue=!1},["enter"]))},null,544),[[l.vModelText,n.value]]),l.createElementVNode("button",xc,[l.createVNode(os,{style:{width:"20px",height:"20px"}})])])])],32)])):(l.openBlock(),l.createElementBlock("div",Ac,[a.value?(l.openBlock(),l.createElementBlock("img",{key:0,src:a.value,alt:"Image",style:{width:"55vw"}},null,8,Rc)):l.createCommentVNode("",!0)]))]),_:1},16)],64))}}),[["__scopeId","data-v-21c24eb0"]]),Dc={},Lc={width:"87",height:"87",viewBox:"0 0 87 87",fill:"none",xmlns:"http://www.w3.org/2000/svg"};function Vc(t,e){return l.openBlock(),l.createElementBlock("svg",Lc,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="#F28B0C" 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="#F28B0C"></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="#F28B0C"></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="#F28B0C"></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="#F28B0C"></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 Bc=K(Dc,[["render",Vc]]),Fc={},Uc={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 $c(t,e){return l.openBlock(),l.createElementBlock("svg",Uc,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 Pc=K(Fc,[["render",$c]]),qc={},Wc={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",Wc,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\r
|
|
13
|
+
l-99.357,98.675C149.841,257.159,149.823,257.142,149.823,257.142z`})],-1)]))}const uc=K(ac,[["render",cc]]),fc={key:0,class:"dialog-overlay"},hc={class:"header-widget"},dc={class:"title-chat"},mc=K(l.defineComponent({__name:"ODialog",props:{modelValue:{type:Boolean},title:{},"onUpdate:modelValue":{type:Function}},emits:["update:modelValue"],setup(t,{emit:e}){const n=t,s=e,r=l.ref(!1),i=()=>{s("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),r.value=!0)}),(o,a)=>r.value?(l.openBlock(),l.createBlock(l.Teleport,{key:0,to:"#dialogs"},[n.modelValue?(l.openBlock(),l.createElementBlock("div",fc,[l.createElementVNode("div",{class:"dialog-content",onClick:a[1]||(a[1]=l.withModifiers(()=>{},["stop"]))},[l.createElementVNode("div",hc,[l.createElementVNode("h4",dc,l.toDisplayString(o.title),1),l.createElementVNode("button",{onClick:a[0]||(a[0]=()=>i()),class:"btn-close"},[l.createVNode(is,{class:"pointer"})])]),l.createElementVNode("div",null,[l.renderSlot(o.$slots,"default",{},void 0,!0)])])])):l.createCommentVNode("",!0)])):l.createCommentVNode("",!0)}}),[["__scopeId","data-v-2da20f36"]]),pc={class:"widget"},yc={class:"header-widget"},gc={class:"title-chat"},wc={key:0,class:"loader"},kc={key:2,class:"fit"},Ec={class:"w-full"},bc={class:"form-message"},Sc={class:"jl-inputgroup-chat"},Tc={type:"submit",class:"pointer btn-primary"},vc={key:1,class:"message-send-block"},Oc={key:0,class:"flex flex-col gap-3 justify-center items-center"},_c=["src"],Nc={class:"form-message"},Cc={class:"jl-inputgroup-chat"},xc={type:"submit",class:"pointer btn-primary"},Ac={key:1},Rc=["src"],Ic=14,Mc=K(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(""),s=l.ref(0),r=l.ref(),i=l.ref(0),o=l.ref(1),a=l.ref(),c=l.ref({data:[],canLoadMoreMessages:!1}),u=l.ref(""),f=l.ref(!1),h=e,y=t,p=l.ref(null);l.watch(()=>y.visible,async g=>{if(!g||(h("clear-new-messages"),L(),s.value>0&&Zs(u.value,y.tokenAuth),u.value))return;const E=await Hs(y.tokenAuth);E&&(u.value=E.appChat.id)});function m(g,E){var S;if(ss.value){me();return}if(g.key==="Enter"&&g.shiftKey){const W=((S=g.target)==null?void 0:S.value)||"";g.target.value=W+`
|
|
14
|
+
`,me();return}_({codigoTipoMensaje:E}),_e.modelValue=!1}function b(g,E){var I,D,te,ne;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()&&E!==Ye.IMAGEN){h("show-toast",{severity:"warn",summary:"Error",detail:"Por favor ingrese un mensaje",life:5e3});return}const S=E?{code:E}:void 0;return{id:Gi(),chatId:(D=(I=G.value)==null?void 0:I.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:(te=ht.value)==null?void 0:te[0],urlFile:(ne=dt.value)==null?void 0:ne[0],messageType:S,sender:{nombreCompleto:y.user.nombreCompleto,ci:y.user.ci,msPersonaId:y.user.msPersonaId},response:void 0}}function k(g,E,S,W){if(E==null)throw new Error("idx is required");if(!S){if(W){const D=c.value.data[E];D.response=void 0}else c.value.data[E].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 I={...S,chatId:g==null?void 0:g.chatId};if(W){const D=c.value.data[E];D.response=S,I={...D,chatId:g==null?void 0:g.chatId}}else c.value.data[E]=I;return I}const _=async g=>{const E=b(n.value,g==null?void 0:g.codigoTipoMensaje);if(n.value="",!E)return;let S=-1;if(g!=null&&g.tipoCalificacionId){S=c.value.data.findIndex(D=>D.id===(g==null?void 0:g.mensajeARespondeId));const I=c.value.data[S];I&&(I.response=E)}else S=c.value.data.push(E)-1;const W={message:n.value,appChatId:u.value,...g,codigoTipoMensaje:g==null?void 0:g.codigoTipoMensaje,files:ht.value};N(W).then(I=>{var te,ne;let D=k(E,S,I,g==null?void 0:g.tipoCalificacionId);D&&(tn.value=!!c.value.data.find(we=>{var mt;return((mt=we.messageType)==null?void 0:mt.code)===Ye.PREGUNTA&&we.response==null}),(ne=q.value)==null||ne.emit("sendMessage",{roomId:(te=G==null?void 0:G.value)==null?void 0:te.appChat.id,message:D},we=>{console.log("🚀 ~ socketService.value.emit ~ response:",we)}))}),n.value="",L(),F.value&&(F.value.style.height="20px")},N=async g=>{const E={...g,esCliente:!0};return C2(E,y.tokenAuth)},M=async()=>{var W,I,D;const g=(W=c.value.data[0])==null?void 0:W.id,E={lastMessagesId:g,appChatId:u.value,limit:10};f.value=!0;const S=await N2({body:E,token:y.tokenAuth});f.value=!1,tn.value=!!S.data.find(te=>{var ne;return((ne=te.messageType)==null?void 0:ne.code)===Ye.PREGUNTA&&te.response==null}),c.value.data.unshift(...S.data.sort((te,ne)=>-ne.createdAt.localeCompare(te.createdAt))),c.value.canLoadMoreMessages=S.pagination.total>S.pagination.size,g&&((I=p.value)!=null&&I.scrollHeight)&&ae((D=p.value)==null?void 0:D.scrollHeight),g||L()},ee=async g=>{h("show-confirm",async()=>{var S,W,I;if(!((S=g.error)!=null&&S.id))return;const E=await N({message:g.message,appChatId:u.value});if(!E)h("show-toast",{severity:"error",summary:"Error",detail:"Ocurrio un error al enviar el mensaje, intente nuevamente",life:5e3});else{const D=hl(c.value.data,"id",g.error.id);c.value.data[D]={...E,error:void 0},(I=q.value)==null||I.emit("sendMessage",{roomId:(W=G==null?void 0:G.value)==null?void 0:W.appChat.id,message:g})}L()})},L=()=>{l.nextTick(()=>{p.value&&(p.value.scrollTop=p.value.scrollHeight)})},ae=g=>{l.nextTick(()=>{const E=p.value;E&&(E.scrollTop=E.scrollHeight-g)})},F=l.ref();function me(){F.value&&(F.value.style.height=F.value.scrollHeight-Ic+"px",F.value.scrollHeight!==F.value.clientHeight&&(F.value.style.height=F.value.scrollHeight+"px"))}const q=l.ref(),G=l.ref();function ns(g,E=Zi.WEBCHAT){var S,W;if(!g)throw new Error("user chat is required");q.value=en(window.VITE_SOCKET_URI,{query:{usuarioId:`${(W=(S=g==null?void 0:g.chat)==null?void 0:S.persona)==null?void 0:W.funcionarioId}`,aplicacion:E},extraHeaders:{Authorization:y.tokenAuth}}),q.value.removeAllListeners(),q.value.on("connect",()=>{var I,D;console.log("Conectado al servidor de sockets"),(D=q.value)==null||D.emit("joinRoom",`${(I=g==null?void 0:g.appChat)==null?void 0:I.id}`)}),q.value.on("disconnect",()=>{console.log("Desconectado del servidor de sockets")}),q.value.on("receiveMessage",I=>{var te,ne;console.log("Mensaje recibido:",I.message,g);const D=c.value.data.findIndex(we=>we.id===I.message.id);I.message.sender.msPersonaId===((ne=(te=g==null?void 0:g.chat)==null?void 0:te.persona)==null?void 0:ne.msPersonaId)&&D===-1||(D!==-1?c.value.data[D].response=I.message.response:c.value.data.push(I.message),tn.value=!!c.value.data.find(we=>{var mt;return((mt=we.messageType)==null?void 0:mt.code)===Ye.PREGUNTA&&we.response==null}),Zs(I.message.appChatId,y.tokenAuth),L(),!y.visible&&h("new-message"))})}const{isMobile:ss}=oc();function tu({message:g,emoji:E}){const S=async()=>{!g.id||!E||(n.value=E.iconUnicode,_({tipoCalificacionId:E.value,mensajeARespondeId:g.id}).then())};h("onQualifying",{message:E.iconUnicode,callback:S})}const tn=l.ref(!1);function nu(){var S;ht.value=[],dt.value=[];const g=((S=r.value)==null?void 0:S.files)??[],E=g==null?void 0:g[0];ht.value=g,E&&(dt.value.push(URL.createObjectURL(E)),o.value=0,_e.title="Preparar imagen",_e.modelValue=!0)}const ht=l.ref([]),dt=l.ref([]),_e=l.reactive({modelValue:!1,"onUpdate:modelValue":g=>{_e.modelValue=g,!g&&(dt.value=[],ht.value=[])},title:"Preparar imagen"});return l.onMounted(async()=>{if(u.value)return;const g=await Hs(y.tokenAuth);g&&(G.value=g,u.value=g.appChat.id,s.value=g.appChat.totalNoVistosCliente,ns(g),M(),h("not-viewed-total",g.appChat.totalNoVistosCliente))}),l.onUnmounted(()=>{var g;(g=q.value)==null||g.off()}),(g,E)=>(l.openBlock(),l.createElementBlock(l.Fragment,null,[l.createElementVNode("div",pc,[l.createElementVNode("div",yc,[l.createElementVNode("h4",gc,l.toDisplayString(t.titlePrincipal),1),l.createElementVNode("button",{onClick:E[0]||(E[0]=()=>t.toggleChat()),class:"btn-close"},[l.createVNode(is,{class:"pointer"})])]),l.createElementVNode("div",{class:"messages-container",ref_key:"messageContainerRef",ref:p},[f.value?(l.openBlock(),l.createElementBlock("div",wc,[l.createVNode(fl)])):l.createCommentVNode("",!0),c.value.data.length>0?(l.openBlock(),l.createBlock(al,{key:1,messages:c.value.data,canLoadMoreMessages:c.value.canLoadMoreMessages,onLoadMore:M,onRetry:ee,onOnQualifying:E[1]||(E[1]=S=>tu(S)),onSee:E[2]||(E[2]=S=>{o.value=1,a.value=S.urlFile,_e.title="Imagen",_e.modelValue=!0})},null,8,["messages","canLoadMoreMessages"])):(l.openBlock(),l.createElementBlock("div",kc,E[13]||(E[13]=[l.createElementVNode("span",{class:"center"},"No tienes mensajes",-1)])))],512),l.createElementVNode("div",Ec,[tn.value?(l.openBlock(),l.createElementBlock("span",vc," Necesitamos que nos califique la atención para continuar ")):(l.openBlock(),l.createElementBlock("form",{key:0,class:"message-send",onSubmit:E[7]||(E[7]=l.withModifiers(S=>_(),["prevent"]))},[l.createElementVNode("div",bc,[l.createElementVNode("div",Sc,[l.withDirectives(l.createElementVNode("textarea",{"onUpdate:modelValue":E[3]||(E[3]=S=>n.value=S),class:"jl2-input-chat",placeholder:"Escribe tu mensaje",required:"",ref_key:"textAreaRef",ref:F,onInput:E[4]||(E[4]=()=>me()),onKeydown:E[5]||(E[5]=l.withKeys(S=>{!l.unref(ss)&&S.preventDefault()},["enter"])),onKeyup:l.withKeys(m,["enter"])},null,544),[[l.vModelText,n.value]]),l.createElementVNode("input",{type:"file",ref_key:"fileInputRef",ref:r,onChange:nu,accept:"image/*",style:{display:"none"},key:"fileInputKey"},null,544),l.createElementVNode("button",{type:"button",class:"pointer btn-primary",title:"Adjuntar archivo",onClick:E[6]||(E[6]=()=>{var S;r.value.value="",i.value++,(S=r.value)==null||S.click()})},[l.createVNode(uc,{style:{width:"20px",height:"20px"}})]),l.createElementVNode("button",Tc,[l.createVNode(os,{style:{width:"20px",height:"20px"}})])])])],32))])]),l.createVNode(mc,l.normalizeProps(l.guardReactiveProps(_e)),{default:l.withCtx(()=>[o.value===0?(l.openBlock(),l.createElementBlock("div",Oc,[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList(dt.value,(S,W)=>(l.openBlock(),l.createElementBlock("img",{key:W,src:S.toString(),alt:"Image",width:"400"},null,8,_c))),128)),l.createElementVNode("form",{class:"message-send",onSubmit:E[12]||(E[12]=l.withModifiers(S=>{_(),_e.modelValue=!1},["prevent"]))},[l.createElementVNode("div",Nc,[l.createElementVNode("div",Cc,[l.withDirectives(l.createElementVNode("textarea",{"onUpdate:modelValue":E[8]||(E[8]=S=>n.value=S),autofocus:"",class:"jl2-input-chat",placeholder:"Escribe tu mensaje",ref_key:"textAreaRef",ref:F,onInput:E[9]||(E[9]=()=>me()),onKeydown:E[10]||(E[10]=l.withKeys(S=>{!l.unref(ss)&&S.preventDefault()},["enter"])),onKeyup:E[11]||(E[11]=l.withKeys(S=>{m(S,l.unref(Ye).IMAGEN)},["enter"]))},null,544),[[l.vModelText,n.value]]),l.createElementVNode("button",xc,[l.createVNode(os,{style:{width:"20px",height:"20px"}})])])])],32)])):(l.openBlock(),l.createElementBlock("div",Ac,[a.value?(l.openBlock(),l.createElementBlock("img",{key:0,src:a.value,alt:"Image",style:{width:"55vw"}},null,8,Rc)):l.createCommentVNode("",!0)]))]),_:1},16)],64))}}),[["__scopeId","data-v-1edc80b6"]]),Dc={},Lc={width:"87",height:"87",viewBox:"0 0 87 87",fill:"none",xmlns:"http://www.w3.org/2000/svg"};function Vc(t,e){return l.openBlock(),l.createElementBlock("svg",Lc,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="#F28B0C" 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="#F28B0C"></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="#F28B0C"></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="#F28B0C"></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="#F28B0C"></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 Bc=K(Dc,[["render",Vc]]),Fc={},Uc={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 $c(t,e){return l.openBlock(),l.createElementBlock("svg",Uc,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 Pc=K(Fc,[["render",$c]]),qc={},Wc={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",Wc,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\r
|
|
15
15
|
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\r
|
|
16
16
|
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\r
|
|
17
17
|
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\r
|
package/package.json
CHANGED
package/src/components/Chat.vue
CHANGED
|
@@ -113,7 +113,6 @@
|
|
|
113
113
|
"
|
|
114
114
|
@keyup.enter="(event)=>{
|
|
115
115
|
saltoDeLineaOEnviar(event, MESSAGE_TYPE_CODES.IMAGEN)
|
|
116
|
-
dialog.modelValue = false;
|
|
117
116
|
}"
|
|
118
117
|
/>
|
|
119
118
|
|
|
@@ -254,6 +253,7 @@ function saltoDeLineaOEnviar(event: KeyboardEvent, messageTypeCode?: TypeMessage
|
|
|
254
253
|
}
|
|
255
254
|
|
|
256
255
|
submitMessage({ codigoTipoMensaje: messageTypeCode });
|
|
256
|
+
dialog.modelValue = false;
|
|
257
257
|
}
|
|
258
258
|
|
|
259
259
|
function createMessage(message: string, codigoTipoMensaje?: TypeMessageTypeCodes) {
|
|
@@ -643,8 +643,9 @@ onUnmounted(() => {
|
|
|
643
643
|
<style scoped>
|
|
644
644
|
.btn-primary {
|
|
645
645
|
padding: 10px 12px;
|
|
646
|
+
color: var(--primary-color);
|
|
646
647
|
&:hover {
|
|
647
|
-
background-color: rgb(
|
|
648
|
+
background-color: rgb(0,0,0, 0.1);
|
|
648
649
|
}
|
|
649
650
|
}
|
|
650
651
|
|