vue-wiguet-chatweb 0.1.29 → 0.1.31
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-3e856be5]{padding:10px 12px}.btn-primary[data-v-3e856be5]:hover{background-color:#f28b0c1a}.btn-close[data-v-3e856be5]{padding:0;background-color:transparent;border:none;display:flex;align-items:center;border-radius:50%}.btn-close[data-v-3e856be5]:hover{background-color:#cacaca88}.messages-container[data-v-3e856be5]{position:relative}.loader[data-v-3e856be5]{position:absolute;top:18px;z-index:5;left:50%;transform:translate(-50%,-50%)}.fit[data-v-3e856be5]{width:100%;height:100%;position:relative}.center[data-v-3e856be5]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.message-send-block[data-v-3e856be5]{display:block;margin:1.5rem;text-align:center}.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:#f28b0c;background:var(--surface-a);color:var(--surface-500);-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:13px;display:flex;justify-content:space-around;align-items:center}.jl-inputgroup-chat>input{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:#F28B0C transparent;scrollbar-track-color:transparent;scrollbar-face-color:#F28B0C;scrollbar-thumb-color:#F28B0C}.messages-container::-webkit-scrollbar{width:8px}.messages-container::-webkit-scrollbar-track{background-color:transparent}.messages-container::-webkit-scrollbar-thumb{background-color:#f28b0c;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}
|
@@ -9795,7 +9795,10 @@ function Qc(t, e) {
|
|
9795
9795
|
], -1)
|
9796
9796
|
]));
|
9797
9797
|
}
|
9798
|
-
const Xc = /* @__PURE__ */ ie(Gc, [["render", Qc]]), eu = {
|
9798
|
+
const Xc = /* @__PURE__ */ ie(Gc, [["render", Qc]]), eu = {
|
9799
|
+
key: 0,
|
9800
|
+
class: "dialog-overlay"
|
9801
|
+
}, tu = { class: "header-widget" }, nu = { class: "title-chat" }, su = /* @__PURE__ */ Xt({
|
9799
9802
|
__name: "ODialog",
|
9800
9803
|
props: {
|
9801
9804
|
modelValue: { type: Boolean },
|
@@ -9816,18 +9819,14 @@ const Xc = /* @__PURE__ */ ie(Gc, [["render", Qc]]), eu = { class: "header-widge
|
|
9816
9819
|
key: 0,
|
9817
9820
|
to: "#dialogs"
|
9818
9821
|
}, [
|
9819
|
-
n.modelValue ? (x(), A("div",
|
9820
|
-
key: 0,
|
9821
|
-
class: "dialog-overlay",
|
9822
|
-
onClick: i
|
9823
|
-
}, [
|
9822
|
+
n.modelValue ? (x(), A("div", eu, [
|
9824
9823
|
v("div", {
|
9825
9824
|
class: "dialog-content",
|
9826
9825
|
onClick: a[1] || (a[1] = Dn(() => {
|
9827
9826
|
}, ["stop"]))
|
9828
9827
|
}, [
|
9829
|
-
v("div",
|
9830
|
-
v("h4",
|
9828
|
+
v("div", tu, [
|
9829
|
+
v("h4", nu, Ze(o.title), 1),
|
9831
9830
|
v("button", {
|
9832
9831
|
onClick: a[0] || (a[0] = () => i()),
|
9833
9832
|
class: "btn-close"
|
@@ -9842,25 +9841,25 @@ const Xc = /* @__PURE__ */ ie(Gc, [["render", Qc]]), eu = { class: "header-widge
|
|
9842
9841
|
])) : Se("", !0)
|
9843
9842
|
])) : Se("", !0);
|
9844
9843
|
}
|
9845
|
-
}),
|
9844
|
+
}), ru = /* @__PURE__ */ ie(su, [["__scopeId", "data-v-2da20f36"]]), iu = { class: "widget" }, ou = { class: "header-widget" }, au = { class: "title-chat" }, lu = {
|
9846
9845
|
key: 0,
|
9847
9846
|
class: "loader"
|
9848
|
-
},
|
9847
|
+
}, cu = {
|
9849
9848
|
key: 2,
|
9850
9849
|
class: "fit"
|
9851
|
-
},
|
9850
|
+
}, uu = { class: "w-full" }, fu = { class: "form-message" }, hu = { class: "jl-inputgroup-chat" }, du = {
|
9852
9851
|
type: "submit",
|
9853
9852
|
class: "pointer btn-primary"
|
9854
|
-
},
|
9853
|
+
}, mu = {
|
9855
9854
|
key: 1,
|
9856
9855
|
class: "message-send-block"
|
9857
|
-
},
|
9856
|
+
}, pu = {
|
9858
9857
|
key: 0,
|
9859
9858
|
class: "flex flex-col gap-3 justify-center items-center"
|
9860
|
-
},
|
9859
|
+
}, yu = ["src"], gu = { class: "form-message" }, wu = { class: "jl-inputgroup-chat" }, vu = {
|
9861
9860
|
type: "submit",
|
9862
9861
|
class: "pointer btn-primary"
|
9863
|
-
},
|
9862
|
+
}, bu = { key: 1 }, Tu = ["src"], Su = 14, ku = /* @__PURE__ */ Xt({
|
9864
9863
|
__name: "Chat",
|
9865
9864
|
props: {
|
9866
9865
|
titlePrincipal: {
|
@@ -9911,7 +9910,7 @@ const Xc = /* @__PURE__ */ ie(Gc, [["render", Qc]]), eu = { class: "header-widge
|
|
9911
9910
|
`, he();
|
9912
9911
|
return;
|
9913
9912
|
}
|
9914
|
-
O({ codigoTipoMensaje: b });
|
9913
|
+
O({ codigoTipoMensaje: b }), Ee.modelValue = !1;
|
9915
9914
|
}
|
9916
9915
|
function T(y, b) {
|
9917
9916
|
var L, F, te, ne;
|
@@ -9947,7 +9946,7 @@ const Xc = /* @__PURE__ */ ie(Gc, [["render", Qc]]), eu = { class: "header-widge
|
|
9947
9946
|
createdAt: (/* @__PURE__ */ new Date()).toISOString(),
|
9948
9947
|
updatedAt: (/* @__PURE__ */ new Date()).toISOString(),
|
9949
9948
|
file: (te = rt.value) == null ? void 0 : te[0],
|
9950
|
-
urlFile: (ne = it.value) == null ? void 0 : ne[0]
|
9949
|
+
urlFile: (ne = it.value) == null ? void 0 : ne[0],
|
9951
9950
|
messageType: S,
|
9952
9951
|
sender: {
|
9953
9952
|
nombreCompleto: p.user.nombreCompleto,
|
@@ -10080,7 +10079,7 @@ const Xc = /* @__PURE__ */ ie(Gc, [["render", Qc]]), eu = { class: "header-widge
|
|
10080
10079
|
});
|
10081
10080
|
}, $ = B();
|
10082
10081
|
function he() {
|
10083
|
-
$.value && ($.value.style.height = $.value.scrollHeight -
|
10082
|
+
$.value && ($.value.style.height = $.value.scrollHeight - Su + "px", $.value.scrollHeight !== $.value.clientHeight && ($.value.style.height = $.value.scrollHeight + "px"));
|
10084
10083
|
}
|
10085
10084
|
const H = B(), Q = B();
|
10086
10085
|
function pn(y, b = ho.WEBCHAT) {
|
@@ -10140,9 +10139,9 @@ const Xc = /* @__PURE__ */ ie(Gc, [["render", Qc]]), eu = { class: "header-widge
|
|
10140
10139
|
var y;
|
10141
10140
|
(y = H.value) == null || y.off();
|
10142
10141
|
}), (y, b) => (x(), A(dt, null, [
|
10143
|
-
v("div",
|
10144
|
-
v("div",
|
10145
|
-
v("h4",
|
10142
|
+
v("div", iu, [
|
10143
|
+
v("div", ou, [
|
10144
|
+
v("h4", au, Ze(t.titlePrincipal), 1),
|
10146
10145
|
v("button", {
|
10147
10146
|
onClick: b[0] || (b[0] = () => t.toggleChat()),
|
10148
10147
|
class: "btn-close"
|
@@ -10155,7 +10154,7 @@ const Xc = /* @__PURE__ */ ie(Gc, [["render", Qc]]), eu = { class: "header-widge
|
|
10155
10154
|
ref_key: "messageContainerRef",
|
10156
10155
|
ref: m
|
10157
10156
|
}, [
|
10158
|
-
u.value ? (x(), A("div",
|
10157
|
+
u.value ? (x(), A("div", lu, [
|
10159
10158
|
le(ec)
|
10160
10159
|
])) : Se("", !0),
|
10161
10160
|
l.value.data.length > 0 ? (x(), ss(Gl, {
|
@@ -10168,18 +10167,18 @@ const Xc = /* @__PURE__ */ ie(Gc, [["render", Qc]]), eu = { class: "header-widge
|
|
10168
10167
|
onSee: b[2] || (b[2] = (S) => {
|
10169
10168
|
o.value = 1, a.value = S.urlFile, Ee.title = "Imagen", Ee.modelValue = !0;
|
10170
10169
|
})
|
10171
|
-
}, null, 8, ["messages", "canLoadMoreMessages"])) : (x(), A("div",
|
10170
|
+
}, null, 8, ["messages", "canLoadMoreMessages"])) : (x(), A("div", cu, b[13] || (b[13] = [
|
10172
10171
|
v("span", { class: "center" }, "No tienes mensajes", -1)
|
10173
10172
|
])))
|
10174
10173
|
], 512),
|
10175
|
-
v("div",
|
10176
|
-
kt.value ? (x(), A("span",
|
10174
|
+
v("div", uu, [
|
10175
|
+
kt.value ? (x(), A("span", mu, " Necesitamos que nos califique la atención para continuar ")) : (x(), A("form", {
|
10177
10176
|
key: 0,
|
10178
10177
|
class: "message-send",
|
10179
10178
|
onSubmit: b[7] || (b[7] = Dn((S) => O(), ["prevent"]))
|
10180
10179
|
}, [
|
10181
|
-
v("div",
|
10182
|
-
v("div",
|
10180
|
+
v("div", fu, [
|
10181
|
+
v("div", hu, [
|
10183
10182
|
Zt(v("textarea", {
|
10184
10183
|
"onUpdate:modelValue": b[3] || (b[3] = (S) => n.value = S),
|
10185
10184
|
class: "jl2-input-chat",
|
@@ -10218,7 +10217,7 @@ const Xc = /* @__PURE__ */ ie(Gc, [["render", Qc]]), eu = { class: "header-widge
|
|
10218
10217
|
}, [
|
10219
10218
|
le(Xc, { style: { width: "20px", height: "20px" } })
|
10220
10219
|
]),
|
10221
|
-
v("button",
|
10220
|
+
v("button", du, [
|
10222
10221
|
le(Os, { style: { width: "20px", height: "20px" } })
|
10223
10222
|
])
|
10224
10223
|
])
|
@@ -10226,15 +10225,15 @@ const Xc = /* @__PURE__ */ ie(Gc, [["render", Qc]]), eu = { class: "header-widge
|
|
10226
10225
|
], 32))
|
10227
10226
|
])
|
10228
10227
|
]),
|
10229
|
-
le(
|
10228
|
+
le(ru, Eo(Oo(Ee)), {
|
10230
10229
|
default: _o(() => [
|
10231
|
-
o.value === 0 ? (x(), A("div",
|
10230
|
+
o.value === 0 ? (x(), A("div", pu, [
|
10232
10231
|
(x(!0), A(dt, null, Ln(it.value, (S, Z) => (x(), A("img", {
|
10233
10232
|
key: Z,
|
10234
10233
|
src: S.toString(),
|
10235
10234
|
alt: "Image",
|
10236
10235
|
width: "400"
|
10237
|
-
}, null, 8,
|
10236
|
+
}, null, 8, yu))), 128)),
|
10238
10237
|
v("form", {
|
10239
10238
|
class: "message-send",
|
10240
10239
|
onSubmit: b[12] || (b[12] = Dn(
|
@@ -10244,8 +10243,8 @@ const Xc = /* @__PURE__ */ ie(Gc, [["render", Qc]]), eu = { class: "header-widge
|
|
10244
10243
|
["prevent"]
|
10245
10244
|
))
|
10246
10245
|
}, [
|
10247
|
-
v("div",
|
10248
|
-
v("div",
|
10246
|
+
v("div", gu, [
|
10247
|
+
v("div", wu, [
|
10249
10248
|
Zt(v("textarea", {
|
10250
10249
|
"onUpdate:modelValue": b[8] || (b[8] = (S) => n.value = S),
|
10251
10250
|
autofocus: "",
|
@@ -10261,51 +10260,51 @@ const Xc = /* @__PURE__ */ ie(Gc, [["render", Qc]]), eu = { class: "header-widge
|
|
10261
10260
|
["enter"]
|
10262
10261
|
)),
|
10263
10262
|
onKeyup: b[11] || (b[11] = Et((S) => {
|
10264
|
-
d(S, He(We).IMAGEN)
|
10263
|
+
d(S, He(We).IMAGEN);
|
10265
10264
|
}, ["enter"]))
|
10266
10265
|
}, null, 544), [
|
10267
10266
|
[Ss, n.value]
|
10268
10267
|
]),
|
10269
|
-
v("button",
|
10268
|
+
v("button", vu, [
|
10270
10269
|
le(Os, { style: { width: "20px", height: "20px" } })
|
10271
10270
|
])
|
10272
10271
|
])
|
10273
10272
|
])
|
10274
10273
|
], 32)
|
10275
|
-
])) : (x(), A("div",
|
10274
|
+
])) : (x(), A("div", bu, [
|
10276
10275
|
a.value ? (x(), A("img", {
|
10277
10276
|
key: 0,
|
10278
10277
|
src: a.value,
|
10279
10278
|
alt: "Image",
|
10280
10279
|
style: { width: "55vw" }
|
10281
|
-
}, null, 8,
|
10280
|
+
}, null, 8, Tu)) : Se("", !0)
|
10282
10281
|
]))
|
10283
10282
|
]),
|
10284
10283
|
_: 1
|
10285
10284
|
}, 16)
|
10286
10285
|
], 64));
|
10287
10286
|
}
|
10288
|
-
}),
|
10287
|
+
}), Eu = /* @__PURE__ */ ie(ku, [["__scopeId", "data-v-3e856be5"]]), Ou = {}, _u = {
|
10289
10288
|
width: "87",
|
10290
10289
|
height: "87",
|
10291
10290
|
viewBox: "0 0 87 87",
|
10292
10291
|
fill: "none",
|
10293
10292
|
xmlns: "http://www.w3.org/2000/svg"
|
10294
10293
|
};
|
10295
|
-
function
|
10296
|
-
return x(), A("svg",
|
10294
|
+
function Cu(t, e) {
|
10295
|
+
return x(), A("svg", _u, e[0] || (e[0] = [
|
10297
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="#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)
|
10298
10297
|
]));
|
10299
10298
|
}
|
10300
|
-
const
|
10299
|
+
const xu = /* @__PURE__ */ ie(Ou, [["render", Cu]]), Nu = {}, Au = {
|
10301
10300
|
viewBox: "0 0 256 256",
|
10302
10301
|
version: "1.1",
|
10303
10302
|
xmlns: "http://www.w3.org/2000/svg",
|
10304
10303
|
"xmlns:xlink": "http://www.w3.org/1999/xlink",
|
10305
10304
|
preserveAspectRatio: "xMidYMid"
|
10306
10305
|
};
|
10307
|
-
function
|
10308
|
-
return x(), A("svg",
|
10306
|
+
function Ru(t, e) {
|
10307
|
+
return x(), A("svg", Au, e[0] || (e[0] = [
|
10309
10308
|
v("g", null, [
|
10310
10309
|
v("path", {
|
10311
10310
|
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",
|
@@ -10326,7 +10325,7 @@ function Au(t, e) {
|
|
10326
10325
|
], -1)
|
10327
10326
|
]));
|
10328
10327
|
}
|
10329
|
-
const
|
10328
|
+
const Iu = /* @__PURE__ */ ie(Nu, [["render", Ru]]), Mu = {}, Lu = {
|
10330
10329
|
version: "1.1",
|
10331
10330
|
id: "Capa_1",
|
10332
10331
|
xmlns: "http://www.w3.org/2000/svg",
|
@@ -10334,8 +10333,8 @@ const Ru = /* @__PURE__ */ ie(xu, [["render", Au]]), Iu = {}, Mu = {
|
|
10334
10333
|
viewBox: "0 0 455.731 455.731",
|
10335
10334
|
"xml:space": "preserve"
|
10336
10335
|
};
|
10337
|
-
function
|
10338
|
-
return x(), A("svg",
|
10336
|
+
function Du(t, e) {
|
10337
|
+
return x(), A("svg", Lu, e[0] || (e[0] = [
|
10339
10338
|
v("g", null, [
|
10340
10339
|
v("rect", {
|
10341
10340
|
x: "0",
|
@@ -10366,7 +10365,7 @@ function Lu(t, e) {
|
|
10366
10365
|
], -1)
|
10367
10366
|
]));
|
10368
10367
|
}
|
10369
|
-
const
|
10368
|
+
const Fu = /* @__PURE__ */ ie(Mu, [["render", Du]]), Bu = {}, Vu = {
|
10370
10369
|
version: "1.1",
|
10371
10370
|
id: "Capa_1",
|
10372
10371
|
xmlns: "http://www.w3.org/2000/svg",
|
@@ -10374,8 +10373,8 @@ const Du = /* @__PURE__ */ ie(Iu, [["render", Lu]]), Fu = {}, Bu = {
|
|
10374
10373
|
viewBox: "-10 -10 78 78",
|
10375
10374
|
"xml:space": "preserve"
|
10376
10375
|
};
|
10377
|
-
function
|
10378
|
-
return x(), A("svg",
|
10376
|
+
function Uu(t, e) {
|
10377
|
+
return x(), A("svg", Vu, e[0] || (e[0] = [
|
10379
10378
|
v("g", null, [
|
10380
10379
|
v("path", {
|
10381
10380
|
style: { fill: "orange" },
|
@@ -10405,14 +10404,14 @@ function Vu(t, e) {
|
|
10405
10404
|
], -1)
|
10406
10405
|
]));
|
10407
10406
|
}
|
10408
|
-
const
|
10407
|
+
const Pu = /* @__PURE__ */ ie(Bu, [["render", Uu]]), $u = {
|
10409
10408
|
key: 0,
|
10410
10409
|
id: "chat-circle",
|
10411
10410
|
class: "widget-container"
|
10412
|
-
},
|
10411
|
+
}, qu = {
|
10413
10412
|
key: 0,
|
10414
10413
|
class: "new-message-badge"
|
10415
|
-
},
|
10414
|
+
}, Wu = { class: "chat-box" }, zu = /* @__PURE__ */ Xt({
|
10416
10415
|
__name: "Widget",
|
10417
10416
|
props: {
|
10418
10417
|
tokenAuth: { type: String, required: !0 },
|
@@ -10451,7 +10450,7 @@ const Uu = /* @__PURE__ */ ie(Fu, [["render", Vu]]), Pu = {
|
|
10451
10450
|
return (c, u) => (x(), A("div", {
|
10452
10451
|
class: Me(["widget-component widget-css-reset widget-container", t.isDarkMode ? "chat-dark-mode" : ""])
|
10453
10452
|
}, [
|
10454
|
-
l.tokenAuth.length > 10 ? Zt((x(), A("div",
|
10453
|
+
l.tokenAuth.length > 10 ? Zt((x(), A("div", $u, [
|
10455
10454
|
v("div", {
|
10456
10455
|
class: Me(["container-buttons-chat", { active: o.value }])
|
10457
10456
|
}, [
|
@@ -10463,7 +10462,7 @@ const Uu = /* @__PURE__ */ ie(Fu, [["render", Vu]]), Pu = {
|
|
10463
10462
|
/* WHATSAPP */
|
10464
10463
|
))
|
10465
10464
|
}, [
|
10466
|
-
le(
|
10465
|
+
le(Fu)
|
10467
10466
|
]),
|
10468
10467
|
v("a", {
|
10469
10468
|
href: "javascript:;",
|
@@ -10473,7 +10472,7 @@ const Uu = /* @__PURE__ */ ie(Fu, [["render", Vu]]), Pu = {
|
|
10473
10472
|
/* TELEGRAM */
|
10474
10473
|
))
|
10475
10474
|
}, [
|
10476
|
-
le(
|
10475
|
+
le(Iu)
|
10477
10476
|
]),
|
10478
10477
|
v("a", {
|
10479
10478
|
href: "javascript:;",
|
@@ -10481,21 +10480,21 @@ const Uu = /* @__PURE__ */ ie(Fu, [["render", Vu]]), Pu = {
|
|
10481
10480
|
title: "Debe estar autenticado",
|
10482
10481
|
onClick: u[2] || (u[2] = (f) => o.value && l.tokenAuth.length > 10 && a())
|
10483
10482
|
}, [
|
10484
|
-
le(
|
10483
|
+
le(Pu)
|
10485
10484
|
], 2)
|
10486
10485
|
], 2),
|
10487
|
-
i.value ? (x(), A("div",
|
10486
|
+
i.value ? (x(), A("div", qu, Ze(i.value > 9 ? "9+" : i.value), 1)) : Se("", !0),
|
10488
10487
|
v("a", {
|
10489
10488
|
href: "javascript:;",
|
10490
10489
|
onClick: u[3] || (u[3] = (f) => l.tokenAuth.length > 10 && a())
|
10491
10490
|
}, [
|
10492
|
-
le(
|
10491
|
+
le(xu)
|
10493
10492
|
])
|
10494
10493
|
], 512)), [
|
10495
10494
|
[ks, !r.value]
|
10496
10495
|
]) : Se("", !0),
|
10497
|
-
Zt(v("div",
|
10498
|
-
t.tokenAuth ? (x(), ss(
|
10496
|
+
Zt(v("div", Wu, [
|
10497
|
+
t.tokenAuth ? (x(), ss(Eu, {
|
10499
10498
|
key: 0,
|
10500
10499
|
visible: r.value,
|
10501
10500
|
titlePrincipal: t.titlePrincipal,
|
@@ -10514,12 +10513,12 @@ const Uu = /* @__PURE__ */ ie(Fu, [["render", Vu]]), Pu = {
|
|
10514
10513
|
])
|
10515
10514
|
], 2));
|
10516
10515
|
}
|
10517
|
-
}),
|
10516
|
+
}), ju = /* @__PURE__ */ ie(zu, [["__scopeId", "data-v-74c6ab0f"]]), Yu = {
|
10518
10517
|
install(t, e) {
|
10519
10518
|
window.VITE_BACKEND_URL = e.VITE_BACKEND_URL, window.VITE_SOCKET_URI = e.VITE_SOCKET_URI, window.VITE_CELLPHONE_NUMBERS = e.VITE_CELLPHONE_NUMBERS;
|
10520
10519
|
}
|
10521
10520
|
};
|
10522
10521
|
export {
|
10523
|
-
|
10524
|
-
|
10522
|
+
ju as Widget,
|
10523
|
+
Yu as default
|
10525
10524
|
};
|