vue-wiguet-chatweb 0.1.32 → 0.1.33
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-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-
|
|
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-06656e8a]{color:currentColor;cursor:not-allowed!important;opacity:.4!important;text-decoration:none}.container-buttons-chat[data-v-06656e8a]{position:relative;right:-1.8rem}.button[data-v-06656e8a]{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-06656e8a]{z-index:1;opacity:1}.container-buttons-chat.active .whatsapp[data-v-06656e8a]{transform:translateY(-150px)}.container-buttons-chat.active .telegram[data-v-06656e8a]{transform:translateY(-100px)}.container-buttons-chat.active .webchat[data-v-06656e8a]{transform:translateY(-50px)}.widget-container[data-v-06656e8a]{position:relative}.new-message-badge[data-v-06656e8a]{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-06656e8a]{color:var(--primary-color)}.btn-primary[data-v-06656e8a]:hover{opacity:.7}
|
|
@@ -10293,7 +10293,7 @@ const Xc = /* @__PURE__ */ ie(Gc, [["render", Qc]]), eu = {
|
|
|
10293
10293
|
};
|
|
10294
10294
|
function Cu(t, e) {
|
|
10295
10295
|
return x(), A("svg", _u, e[0] || (e[0] = [
|
|
10296
|
-
Co('<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="
|
|
10296
|
+
Co('<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)
|
|
10297
10297
|
]));
|
|
10298
10298
|
}
|
|
10299
10299
|
const xu = /* @__PURE__ */ ie(Ou, [["render", Cu]]), Nu = {}, Au = {
|
|
@@ -10486,7 +10486,8 @@ const Pu = /* @__PURE__ */ ie(Bu, [["render", Uu]]), $u = {
|
|
|
10486
10486
|
i.value ? (x(), A("div", qu, Ze(i.value > 9 ? "9+" : i.value), 1)) : Se("", !0),
|
|
10487
10487
|
v("a", {
|
|
10488
10488
|
href: "javascript:;",
|
|
10489
|
-
onClick: u[3] || (u[3] = (f) => l.tokenAuth.length > 10 && a())
|
|
10489
|
+
onClick: u[3] || (u[3] = (f) => l.tokenAuth.length > 10 && a()),
|
|
10490
|
+
class: "btn-primary"
|
|
10490
10491
|
}, [
|
|
10491
10492
|
le(xu)
|
|
10492
10493
|
])
|
|
@@ -10513,7 +10514,7 @@ const Pu = /* @__PURE__ */ ie(Bu, [["render", Uu]]), $u = {
|
|
|
10513
10514
|
])
|
|
10514
10515
|
], 2));
|
|
10515
10516
|
}
|
|
10516
|
-
}), ju = /* @__PURE__ */ ie(zu, [["__scopeId", "data-v-
|
|
10517
|
+
}), ju = /* @__PURE__ */ ie(zu, [["__scopeId", "data-v-06656e8a"]]), Yu = {
|
|
10517
10518
|
install(t, e) {
|
|
10518
10519
|
window.VITE_BACKEND_URL = e.VITE_BACKEND_URL, window.VITE_SOCKET_URI = e.VITE_SOCKET_URI, window.VITE_CELLPHONE_NUMBERS = e.VITE_CELLPHONE_NUMBERS;
|
|
10519
10520
|
}
|
|
@@ -11,7 +11,7 @@
|
|
|
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
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
|
|
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="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 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
|
|
@@ -23,4 +23,4 @@
|
|
|
23
23
|
c1.338-1.547,1.676-3.722,0.872-5.602l-15.046-35.201C187.187,154.774,185.392,153.518,183.359,153.407z`})])],-1)]))}const Hc=K(qc,[["render",zc]]),Zc={},jc={version:"1.1",id:"Capa_1",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",viewBox:"-10 -10 78 78","xml:space":"preserve"};function Yc(t,e){return l.openBlock(),l.createElementBlock("svg",jc,e[0]||(e[0]=[l.createElementVNode("g",null,[l.createElementVNode("path",{style:{fill:"orange"},d:`M29,1.5c-16.016,0-29,11.641-29,26c0,5.292,1.768,10.211,4.796,14.318\r
|
|
24
24
|
C4.398,46.563,3.254,53.246,0,56.5c0,0,9.943-1.395,16.677-5.462c0.007,0.003,0.015,0.006,0.022,0.009\r
|
|
25
25
|
c2.764-1.801,5.532-3.656,6.105-4.126c0.3-0.421,0.879-0.548,1.33-0.277c0.296,0.178,0.483,0.503,0.489,0.848\r
|
|
26
|
-
c0.01,0.622-0.005,0.784-5.585,4.421C22.146,52.933,25.498,53.5,29,53.5c16.016,0,29-11.641,29-26S45.016,1.5,29,1.5z`}),l.createElementVNode("circle",{style:{fill:"#ffffff"},cx:"15",cy:"27.5",r:"3"}),l.createElementVNode("circle",{style:{fill:"#ffffff"},cx:"29",cy:"27.5",r:"3"}),l.createElementVNode("circle",{style:{fill:"#ffffff"},cx:"43",cy:"27.5",r:"3"})],-1)]))}const Jc=K(Zc,[["render",Yc]]),Gc={key:0,id:"chat-circle",class:"widget-container"},Kc={key:0,class:"new-message-badge"},Qc={class:"chat-box"},Xc=K(l.defineComponent({__name:"Widget",props:{tokenAuth:{type:String,required:!0},titlePrincipal:{type:String},user:{type:Object,required:!0},isDarkMode:{type:Boolean,default:!1}},emits:["show-toast","show-confirm","onQualifying"],setup(t,{emit:e}){const n=e;l.ref(!0);function s(u){var y;const f=((y=window.VITE_CELLPHONE_NUMBERS)==null?void 0:y.split(","))??[];if(f.length===0){console.warn("not found cellphone numbers");return}o.value=!1;const h=Math.floor(Math.random()*f.length);if(u===0){window.open("https://wa.me/"+f[h],"WhatsApp","noopener");return}window.open("https://t.me/+"+f[h],"Telegram","noopener")}const r=l.ref(!1),i=l.ref(0),o=l.ref(!1),a=()=>{r.value=!r.value},c=t;return(u,f)=>(l.openBlock(),l.createElementBlock("div",{class:l.normalizeClass(["widget-component widget-css-reset widget-container",t.isDarkMode?"chat-dark-mode":""])},[c.tokenAuth.length>10?l.withDirectives((l.openBlock(),l.createElementBlock("div",Gc,[l.createElementVNode("div",{class:l.normalizeClass(["container-buttons-chat",{active:o.value}])},[l.createElementVNode("a",{href:"javascript:;",class:"button whatsapp",onClick:f[0]||(f[0]=h=>s(0))},[l.createVNode(Hc)]),l.createElementVNode("a",{href:"javascript:;",class:"button telegram",onClick:f[1]||(f[1]=h=>s(1))},[l.createVNode(Pc)]),l.createElementVNode("a",{href:"javascript:;",class:l.normalizeClass(["button webchat",{disabled:c.tokenAuth.length<10}]),title:"Debe estar autenticado",onClick:f[2]||(f[2]=h=>o.value&&c.tokenAuth.length>10&&a())},[l.createVNode(Jc)],2)],2),i.value?(l.openBlock(),l.createElementBlock("div",Kc,l.toDisplayString(i.value>9?"9+":i.value),1)):l.createCommentVNode("",!0),l.createElementVNode("a",{href:"javascript:;",onClick:f[3]||(f[3]=h=>c.tokenAuth.length>10&&a())},[l.createVNode(Bc)])],512)),[[l.vShow,!r.value]]):l.createCommentVNode("",!0),l.withDirectives(l.createElementVNode("div",Qc,[t.tokenAuth?(l.openBlock(),l.createBlock(Mc,{key:0,visible:r.value,titlePrincipal:t.titlePrincipal,toggleChat:a,tokenAuth:t.tokenAuth,user:t.user,onShowToast:f[4]||(f[4]=h=>n("show-toast",h)),onShowConfirm:f[5]||(f[5]=h=>n("show-confirm",h)),onClearNewMessages:f[6]||(f[6]=h=>i.value=0),onNewMessage:f[7]||(f[7]=()=>i.value++),onNotViewedTotal:f[8]||(f[8]=h=>i.value=h),onOnQualifying:f[9]||(f[9]=h=>n("onQualifying",h))},null,8,["visible","titlePrincipal","tokenAuth","user"])):l.createCommentVNode("",!0)],512),[[l.vShow,r.value]])],2))}}),[["__scopeId","data-v-
|
|
26
|
+
c0.01,0.622-0.005,0.784-5.585,4.421C22.146,52.933,25.498,53.5,29,53.5c16.016,0,29-11.641,29-26S45.016,1.5,29,1.5z`}),l.createElementVNode("circle",{style:{fill:"#ffffff"},cx:"15",cy:"27.5",r:"3"}),l.createElementVNode("circle",{style:{fill:"#ffffff"},cx:"29",cy:"27.5",r:"3"}),l.createElementVNode("circle",{style:{fill:"#ffffff"},cx:"43",cy:"27.5",r:"3"})],-1)]))}const Jc=K(Zc,[["render",Yc]]),Gc={key:0,id:"chat-circle",class:"widget-container"},Kc={key:0,class:"new-message-badge"},Qc={class:"chat-box"},Xc=K(l.defineComponent({__name:"Widget",props:{tokenAuth:{type:String,required:!0},titlePrincipal:{type:String},user:{type:Object,required:!0},isDarkMode:{type:Boolean,default:!1}},emits:["show-toast","show-confirm","onQualifying"],setup(t,{emit:e}){const n=e;l.ref(!0);function s(u){var y;const f=((y=window.VITE_CELLPHONE_NUMBERS)==null?void 0:y.split(","))??[];if(f.length===0){console.warn("not found cellphone numbers");return}o.value=!1;const h=Math.floor(Math.random()*f.length);if(u===0){window.open("https://wa.me/"+f[h],"WhatsApp","noopener");return}window.open("https://t.me/+"+f[h],"Telegram","noopener")}const r=l.ref(!1),i=l.ref(0),o=l.ref(!1),a=()=>{r.value=!r.value},c=t;return(u,f)=>(l.openBlock(),l.createElementBlock("div",{class:l.normalizeClass(["widget-component widget-css-reset widget-container",t.isDarkMode?"chat-dark-mode":""])},[c.tokenAuth.length>10?l.withDirectives((l.openBlock(),l.createElementBlock("div",Gc,[l.createElementVNode("div",{class:l.normalizeClass(["container-buttons-chat",{active:o.value}])},[l.createElementVNode("a",{href:"javascript:;",class:"button whatsapp",onClick:f[0]||(f[0]=h=>s(0))},[l.createVNode(Hc)]),l.createElementVNode("a",{href:"javascript:;",class:"button telegram",onClick:f[1]||(f[1]=h=>s(1))},[l.createVNode(Pc)]),l.createElementVNode("a",{href:"javascript:;",class:l.normalizeClass(["button webchat",{disabled:c.tokenAuth.length<10}]),title:"Debe estar autenticado",onClick:f[2]||(f[2]=h=>o.value&&c.tokenAuth.length>10&&a())},[l.createVNode(Jc)],2)],2),i.value?(l.openBlock(),l.createElementBlock("div",Kc,l.toDisplayString(i.value>9?"9+":i.value),1)):l.createCommentVNode("",!0),l.createElementVNode("a",{href:"javascript:;",onClick:f[3]||(f[3]=h=>c.tokenAuth.length>10&&a()),class:"btn-primary"},[l.createVNode(Bc)])],512)),[[l.vShow,!r.value]]):l.createCommentVNode("",!0),l.withDirectives(l.createElementVNode("div",Qc,[t.tokenAuth?(l.openBlock(),l.createBlock(Mc,{key:0,visible:r.value,titlePrincipal:t.titlePrincipal,toggleChat:a,tokenAuth:t.tokenAuth,user:t.user,onShowToast:f[4]||(f[4]=h=>n("show-toast",h)),onShowConfirm:f[5]||(f[5]=h=>n("show-confirm",h)),onClearNewMessages:f[6]||(f[6]=h=>i.value=0),onNewMessage:f[7]||(f[7]=()=>i.value++),onNotViewedTotal:f[8]||(f[8]=h=>i.value=h),onOnQualifying:f[9]||(f[9]=h=>n("onQualifying",h))},null,8,["visible","titlePrincipal","tokenAuth","user"])):l.createCommentVNode("",!0)],512),[[l.vShow,r.value]])],2))}}),[["__scopeId","data-v-06656e8a"]]),eu={install(t,e){window.VITE_BACKEND_URL=e.VITE_BACKEND_URL,window.VITE_SOCKET_URI=e.VITE_SOCKET_URI,window.VITE_CELLPHONE_NUMBERS=e.VITE_CELLPHONE_NUMBERS}};ke.Widget=Xc,ke.default=eu,Object.defineProperties(ke,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
|
package/package.json
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<svg width="87" height="87" viewBox="0 0 87 87" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
3
3
|
<g filter="url(#filter0_d_4007_3488)">
|
|
4
|
-
<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="
|
|
5
|
-
<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="
|
|
6
|
-
<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="
|
|
7
|
-
<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="
|
|
8
|
-
<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="
|
|
4
|
+
<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"/>
|
|
5
|
+
<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"/>
|
|
6
|
+
<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"/>
|
|
7
|
+
<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"/>
|
|
8
|
+
<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"/>
|
|
9
9
|
</g>
|
|
10
10
|
<defs>
|
|
11
11
|
<filter id="filter0_d_4007_3488" x="0.5" y="0.5" width="86" height="86" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
<div class="new-message-badge" v-if="newMessages" >
|
|
33
33
|
{{ newMessages > 9 ? "9+" : newMessages }}
|
|
34
34
|
</div>
|
|
35
|
-
<a href="javascript:;" @click="props.tokenAuth.length > 10 && toggleChat()">
|
|
35
|
+
<a href="javascript:;" @click="props.tokenAuth.length > 10 && toggleChat()" class="btn-primary">
|
|
36
36
|
<IconWidget />
|
|
37
37
|
</a>
|
|
38
38
|
</div>
|
|
@@ -184,4 +184,13 @@ const props = defineProps({
|
|
|
184
184
|
top: -4px;
|
|
185
185
|
z-index: 2;
|
|
186
186
|
}
|
|
187
|
+
|
|
188
|
+
.btn-primary {
|
|
189
|
+
color: var(--primary-color);
|
|
190
|
+
&:hover {
|
|
191
|
+
opacity: .7;
|
|
192
|
+
}
|
|
193
|
+
}
|
|
194
|
+
|
|
195
|
+
|
|
187
196
|
</style>
|