@weni/unnnic-system 2.21.1 → 2.21.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +6 -0
- package/dist/{es-69377c92.mjs → es-5d677a04.mjs} +1 -1
- package/dist/{index-ae183aeb.mjs → index-96ee9af5.mjs} +28 -17
- package/dist/{pt-br-07338607.mjs → pt-br-10365b4b.mjs} +1 -1
- package/dist/style.css +1 -1
- package/dist/unnnic.mjs +1 -1
- package/dist/unnnic.umd.js +1 -1
- package/package.json +1 -1
- package/src/components/ChatsMessage/ChatsMessage.vue +18 -3
- package/src/stories/ChatsMessage.stories.js +4 -0
package/CHANGELOG.md
CHANGED
|
@@ -5,6 +5,12 @@ All notable changes to this project will be documented in this file.
|
|
|
5
5
|
The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/),
|
|
6
6
|
and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
|
|
7
7
|
|
|
8
|
+
## 2.21.2 (2025-02-17)
|
|
9
|
+
|
|
10
|
+
### Added
|
|
11
|
+
|
|
12
|
+
- Added ChatMessage geolocation visual variation
|
|
13
|
+
|
|
8
14
|
## 2.21.1 (2025-02-11)
|
|
9
15
|
|
|
10
16
|
### Added
|
|
@@ -22595,8 +22595,8 @@ function pee(e, i, n, s, r, o) {
|
|
|
22595
22595
|
});
|
|
22596
22596
|
}
|
|
22597
22597
|
const yee = /* @__PURE__ */ k(mee, [["render", pee], ["__scopeId", "data-v-b39e0e9f"]]);
|
|
22598
|
-
import("./es-
|
|
22599
|
-
import("./pt-br-
|
|
22598
|
+
import("./es-5d677a04.mjs");
|
|
22599
|
+
import("./pt-br-10365b4b.mjs");
|
|
22600
22600
|
const Lo = {
|
|
22601
22601
|
name: "ChatsContact",
|
|
22602
22602
|
components: {
|
|
@@ -23088,7 +23088,7 @@ const Gee = {
|
|
|
23088
23088
|
type: String,
|
|
23089
23089
|
default: "",
|
|
23090
23090
|
validate(e) {
|
|
23091
|
-
return ["audio", "image", "video"].includes(e);
|
|
23091
|
+
return ["audio", "image", "video", "geo"].includes(e);
|
|
23092
23092
|
}
|
|
23093
23093
|
}
|
|
23094
23094
|
},
|
|
@@ -23106,7 +23106,7 @@ const Gee = {
|
|
|
23106
23106
|
return !!this.documentName;
|
|
23107
23107
|
},
|
|
23108
23108
|
isText() {
|
|
23109
|
-
return !this.isMedia && !this.isDocument;
|
|
23109
|
+
return (!this.isMedia || this.isGeolocation) && !this.isDocument;
|
|
23110
23110
|
},
|
|
23111
23111
|
isImage() {
|
|
23112
23112
|
return this.isMedia && this.mediaType === "image";
|
|
@@ -23114,6 +23114,9 @@ const Gee = {
|
|
|
23114
23114
|
isVideo() {
|
|
23115
23115
|
return this.isMedia && this.mediaType === "video";
|
|
23116
23116
|
},
|
|
23117
|
+
isGeolocation() {
|
|
23118
|
+
return this.isMedia && this.mediaType === "geo";
|
|
23119
|
+
},
|
|
23117
23120
|
slotText() {
|
|
23118
23121
|
var e, i, n, s, r, o, l, f;
|
|
23119
23122
|
return ((s = (n = (i = (e = this.$slots) == null ? void 0 : e.default) == null ? void 0 : i.call(e)) == null ? void 0 : n[0]) == null ? void 0 : s.children) || ((f = (l = (o = (r = this.$slots) == null ? void 0 : r.text) == null ? void 0 : o.call(r)) == null ? void 0 : l[0]) == null ? void 0 : f.children) || "";
|
|
@@ -23134,14 +23137,14 @@ const Gee = {
|
|
|
23134
23137
|
key: 0,
|
|
23135
23138
|
class: "unnnic-chats-message__signature"
|
|
23136
23139
|
}, Jee = {
|
|
23137
|
-
key:
|
|
23140
|
+
key: 2,
|
|
23138
23141
|
class: "unnnic-chats-message__document"
|
|
23139
23142
|
}, Kee = {
|
|
23140
|
-
key:
|
|
23143
|
+
key: 5,
|
|
23141
23144
|
class: "unnnic-chats-message__time"
|
|
23142
23145
|
};
|
|
23143
23146
|
function $ee(e, i, n, s, r, o) {
|
|
23144
|
-
const l = F("
|
|
23147
|
+
const l = F("UnnnicIcon"), f = F("UnnnicChatsMessageText"), c = F("UnnnicIconLoading"), y = F("UnnnicChatsMessageStatusBackdrop");
|
|
23145
23148
|
return u(), p("div", {
|
|
23146
23149
|
class: O(["unnnic-chats-message", {
|
|
23147
23150
|
sent: n.type === "sent",
|
|
@@ -23149,7 +23152,8 @@ function $ee(e, i, n, s, r, o) {
|
|
|
23149
23152
|
"is-document": o.isDocument,
|
|
23150
23153
|
"is-media": o.isMedia,
|
|
23151
23154
|
"is-image": o.isImage,
|
|
23152
|
-
"is-video": o.isVideo
|
|
23155
|
+
"is-video": o.isVideo,
|
|
23156
|
+
"is-geo": o.isGeolocation
|
|
23153
23157
|
}])
|
|
23154
23158
|
}, [
|
|
23155
23159
|
n.signature ? (u(), p("p", Xee, T(n.signature), 1)) : z("", !0),
|
|
@@ -23158,24 +23162,31 @@ function $ee(e, i, n, s, r, o) {
|
|
|
23158
23162
|
"is-document": o.isDocument,
|
|
23159
23163
|
"is-media": o.isMedia,
|
|
23160
23164
|
"is-image": o.isImage,
|
|
23161
|
-
"is-video": o.isVideo
|
|
23165
|
+
"is-video": o.isVideo,
|
|
23166
|
+
"is-geo": o.isGeolocation
|
|
23162
23167
|
}])
|
|
23163
23168
|
}, [
|
|
23164
|
-
o.
|
|
23169
|
+
o.isGeolocation ? (u(), ie(l, {
|
|
23165
23170
|
key: 0,
|
|
23171
|
+
class: "geolocation-icon",
|
|
23172
|
+
icon: "location_on",
|
|
23173
|
+
size: "avatar-nano"
|
|
23174
|
+
})) : z("", !0),
|
|
23175
|
+
o.isText ? (u(), ie(f, {
|
|
23176
|
+
key: 1,
|
|
23166
23177
|
text: o.slotText
|
|
23167
23178
|
}, null, 8, ["text"])) : z("", !0),
|
|
23168
23179
|
o.isDocument ? (u(), p("div", Jee, [
|
|
23169
|
-
n.status === "sending" ? (u(), ie(
|
|
23180
|
+
n.status === "sending" ? (u(), ie(c, {
|
|
23170
23181
|
key: 0,
|
|
23171
23182
|
scheme: "neutral-dark",
|
|
23172
23183
|
size: "lg"
|
|
23173
|
-
})) : n.status === "failed" ? (u(), ie(
|
|
23184
|
+
})) : n.status === "failed" ? (u(), ie(l, {
|
|
23174
23185
|
key: 1,
|
|
23175
23186
|
icon: "upload",
|
|
23176
23187
|
scheme: "neutral-dark",
|
|
23177
23188
|
size: "lg"
|
|
23178
|
-
})) : (u(), ie(
|
|
23189
|
+
})) : (u(), ie(l, {
|
|
23179
23190
|
key: 2,
|
|
23180
23191
|
icon: "article",
|
|
23181
23192
|
scheme: "neutral-dark",
|
|
@@ -23185,8 +23196,8 @@ function $ee(e, i, n, s, r, o) {
|
|
|
23185
23196
|
class: "unnnic-chats-message__document__text",
|
|
23186
23197
|
onClick: i[0] || (i[0] = (v) => e.$emit("click"))
|
|
23187
23198
|
}, T(n.documentName), 1)
|
|
23188
|
-
])) : o.isMedia ? (u(), p("div", {
|
|
23189
|
-
key:
|
|
23199
|
+
])) : o.isMedia && !o.isGeolocation ? (u(), p("div", {
|
|
23200
|
+
key: 3,
|
|
23190
23201
|
class: O(["unnnic-chats-message__media__container", { failed: o.failedToSendMedia }]),
|
|
23191
23202
|
onClick: i[2] || (i[2] = (...v) => o.onClickMedia && o.onClickMedia(...v))
|
|
23192
23203
|
}, [
|
|
@@ -23198,8 +23209,8 @@ function $ee(e, i, n, s, r, o) {
|
|
|
23198
23209
|
}, ["stop"]))
|
|
23199
23210
|
}, null, 8, ["status"])) : z("", !0)
|
|
23200
23211
|
], 2)) : z("", !0),
|
|
23201
|
-
o.sendingMedia ? (u(), ie(
|
|
23202
|
-
key:
|
|
23212
|
+
o.sendingMedia ? (u(), ie(c, {
|
|
23213
|
+
key: 4,
|
|
23203
23214
|
size: "avatar-nano",
|
|
23204
23215
|
scheme: "neutral-dark"
|
|
23205
23216
|
})) : (u(), p("p", Kee, T(o.formattedTime), 1))
|