@mobilon-dev/chotto 0.3.41 → 0.3.42

package/dist/components/3_compounds/Feed/Feed.vue.js

@@ -1,7 +1,7 @@
 import o from "./Feed.vue2.js";
 /* empty css          */
 import t from "../../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-08344bf7"]]);
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-86785e9c"]]);
 export {
-  m as default
+  p as default
 };

package/dist/components/3_compounds/Feed/Feed.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as se, ref as b, computed as r, inject as le, watch as ne, nextTick as F, onMounted as ae, createElementBlock as d, openBlock as o, Fragment as M, createBlock as u, createCommentVNode as c, unref as t, normalizeStyle as re, createVNode as y, Transition as p, withCtx as k, renderList as ie, resolveDynamicComponent as de, createElementVNode as C, toDisplayString as ce, renderSlot as ue, Teleport as fe } from "vue";
+import { defineComponent as le, ref as b, computed as r, inject as ae, watch as ne, nextTick as M, onMounted as re, createElementBlock as d, openBlock as o, Fragment as C, createBlock as u, createCommentVNode as c, unref as t, normalizeStyle as D, createVNode as y, Transition as p, withCtx as k, renderList as ie, resolveDynamicComponent as de, createElementVNode as w, toDisplayString as ce, renderSlot as ue, Teleport as fe } from "vue";
 import me from "../../2_feed_elements/DateMessageSticky/DateMessageSticky.vue.js";
 import ye from "../../2_feed_elements/BaseReplyMessage/BaseReplyMessage.vue.js";
 import ge from "../../2_feed_elements/MessageKeyboard/MessageKeyboard.vue.js";
@@ -7,8 +7,8 @@ import pe from "../../2_feed_elements/TypingMessage/TypingMessage.vue.js";
 import { useFeedButton as ke } from "./composables/useFeedButton.js";
 import { useFeedComponents as he } from "./composables/useFeedComponents.js";
 import { useFeedGrouping as Se } from "./composables/useFeedGrouping.js";
-import { useFeedKeyboard as Re } from "./composables/useFeedKeyboard.js";
-import { useFeedLoadMore as ve } from "./composables/useFeedLoadMore.js";
+import { useFeedKeyboard as ve } from "./composables/useFeedKeyboard.js";
+import { useFeedLoadMore as Re } from "./composables/useFeedLoadMore.js";
 import { useFeedMessageVisibility as Be } from "./composables/useFeedMessageVisibility.js";
 import { useFeedReply as Te } from "./composables/useFeedReply.js";
 import { useFeedScroll as Ae } from "./composables/useFeedScroll.js";
@@ -19,7 +19,7 @@ import De from "./assets/chat-background.svg.js";
 const we = ["id"], je = ["id", "onDblclick"], Ke = {
   key: 0,
   class: "message-feed__unread-amount"
-}, xe = { style: { margin: "auto" } }, Ze = /* @__PURE__ */ se({
+}, xe = { style: { margin: "auto" } }, Ze = /* @__PURE__ */ le({
   __name: "Feed",
   props: {
     objects: {
@@ -95,69 +95,69 @@ const we = ["id"], je = ["id", "onDblclick"], Ke = {
     "keyboardAction",
     "feedAction"
   ],
-  setup(e, { emit: D }) {
-    const s = e, g = b(), n = b(), h = b(), {
-      isShowButton: w,
-      isKeyboardPlace: j,
-      checkButtonVisibility: K
+  setup(e, { emit: j }) {
+    const s = e, g = b(), a = b(), h = b(), {
+      isShowButton: K,
+      isKeyboardPlace: x,
+      checkButtonVisibility: I
     } = ke({
-      feedRef: n,
+      feedRef: a,
       keyboardRef: h
-    }), { componentsMap: x } = he(), I = r(() => s.reactionsEnabled), { groupedObjects: O } = Se({
+    }), { componentsMap: O } = he(), $ = r(() => s.reactionsEnabled), { groupedObjects: V } = Se({
       objects: r(() => s.objects)
-    }), m = le("chatAppId"), f = D, {
-      checkScrollPosition: $,
+    }), m = ae("chatAppId"), f = j, {
+      checkScrollPosition: q,
       startScrollWatch: S,
-      stopScrollWatch: R,
-      resetAllowFlags: V
-    } = ve({
-      feedRef: n,
+      stopScrollWatch: v,
+      resetAllowFlags: z
+    } = Re({
+      feedRef: a,
       emit: f,
       isLoadingMoreRef: r(() => s.isLoadingMore)
     }), {
-      getMessage: v,
-      messageAction: q,
-      handleClickReplied: z,
-      feedObjectDoubleClick: E,
-      handleResetReply: L
+      getMessage: R,
+      messageAction: E,
+      handleClickReplied: L,
+      feedObjectDoubleClick: P,
+      handleResetReply: N
     } = Te({
       enableDoubleClickReply: s.enableDoubleClickReply,
       emit: f
     }), {
-      showKeyboard: P,
-      keyboardAction: N,
-      feedKeyboardAction: W
-    } = Re({
-      isKeyboardPlace: j,
+      showKeyboard: W,
+      keyboardAction: G,
+      feedKeyboardAction: J
+    } = ve({
+      isKeyboardPlace: x,
       objects: r(() => s.objects),
       emit: f
     }), {
-      showStickyDate: G,
-      stickyDateText: J,
-      show: U
+      showStickyDate: U,
+      stickyDateText: H,
+      show: Q
     } = Me({
-      feedRef: n,
+      feedRef: a,
       trackingObjects: g
     }), {
-      isInitialized: H,
-      performScrollToBottom: Q,
+      isInitialized: X,
+      performScrollToBottom: Y,
       ensureScrollToBottom: B,
-      initializeScroll: X,
-      smoothScrollToBottom: Y
+      initializeScroll: Z,
+      smoothScrollToBottom: _
     } = Ae({
-      feedRef: n,
+      feedRef: a,
       objectsRef: r(() => s.objects),
       scrollToBottomRef: r(() => s.scrollToBottom)
-    }), Z = r(() => s.chatBackground ?? `data:image/svg+xml;charset=utf-8,${encodeURIComponent(De)}`);
-    function T(i = !0) {
-      K(), $(i), U();
+    }), T = r(() => s.chatBackground ?? `data:image/svg+xml;charset=utf-8,${encodeURIComponent(De)}`);
+    function A(i = !0) {
+      I(), q(i), Q();
     }
-    const _ = Ce(() => T(), 250);
-    function ee() {
-      f("forceScrollToBottom"), Y();
+    const ee = Ce(() => A(), 250);
+    function te() {
+      f("forceScrollToBottom"), _();
     }
-    const { restartObserving: te } = Be({
-      feedRef: n,
+    const { restartObserving: oe } = Be({
+      feedRef: a,
       trackingObjects: g,
       chatAppId: m,
       onMessageVisible: (i) => f("messageVisible", i)
@@ -165,66 +165,66 @@ const we = ["id"], je = ["id", "onDblclick"], Ke = {
     return ne(
       () => s.objects,
       () => {
-        F(() => {
-          V(), T(!1), g.value = document.querySelectorAll(".tracking-message"), te();
+        M(() => {
+          z(), A(!1), g.value = document.querySelectorAll(".tracking-message"), oe();
         });
       },
       { immediate: !0 }
     ), Fe({
       targetIdRef: r(() => s.scrollTo),
       feedContainerId: `feed-container-${m}`
-    }), ae(() => {
-      F(() => {
-        s.objects.length > 0 && !H.value && X();
+    }), re(() => {
+      M(() => {
+        s.objects.length > 0 && !X.value && Z();
         const i = new ResizeObserver(() => {
-          s.scrollToBottom && (Q(), setTimeout(() => {
+          s.scrollToBottom && (Y(), setTimeout(() => {
             B();
           }, 200), setTimeout(() => {
             B();
           }, 800));
         });
-        n.value && i.observe(n.value);
+        a.value && i.observe(a.value);
       });
-    }), (i, a) => (o(), d(M, null, [
+    }), (i, n) => (o(), d(C, null, [
       e.objects.length > 0 || e.typing ? (o(), d("div", {
         key: 0,
         id: "feed-container-" + t(m),
         ref_key: "refFeed",
-        ref: n,
+        ref: a,
         class: "message-feed",
-        style: re({ backgroundImage: `url(${Z.value})` }),
-        onScroll: a[0] || (a[0] = (l) => t(_)()),
-        onMousedown: a[1] || (a[1] = //@ts-ignore
+        style: D({ backgroundImage: `url(${T.value})` }),
+        onScroll: n[0] || (n[0] = (l) => t(ee)()),
+        onMousedown: n[1] || (n[1] = //@ts-ignore
         (...l) => t(S) && t(S)(...l)),
-        onMouseup: a[2] || (a[2] = //@ts-ignore
-        (...l) => t(R) && t(R)(...l))
+        onMouseup: n[2] || (n[2] = //@ts-ignore
+        (...l) => t(v) && t(v)(...l))
       }, [
         y(p, null, {
           default: k(() => [
-            t(G) ? (o(), u(me, {
+            t(U) ? (o(), u(me, {
               key: 0,
               class: "message-feed__sticky-date",
-              text: t(J)
+              text: t(H)
             }, null, 8, ["text"])) : c("", !0)
           ]),
           _: 1
         }),
-        (o(!0), d(M, null, ie(t(O), (l, A) => (o(), d("div", {
+        (o(!0), d(C, null, ie(t(V), (l, F) => (o(), d("div", {
           id: JSON.stringify(l),
-          key: `${l.messageId ?? "mid"}-${A}`,
+          key: `${l.messageId ?? "mid"}-${F}`,
           class: "tracking-message",
-          onDblclick: (oe) => t(E)(oe, l)
+          onDblclick: (se) => t(P)(se, l)
         }, [
-          (o(), u(de(t(x)(l.type)), {
-            key: `${l.messageId ?? "mid"}-${A}`,
+          (o(), u(de(t(O)(l.type)), {
+            key: `${l.messageId ?? "mid"}-${F}`,
             class: "message-feed__message",
             message: l,
             "apply-style": e.applyStyle,
             "is-first-in-series": l.isFirstInSeries,
-            "reactions-enabled": I.value,
+            "reactions-enabled": $.value,
             "subtext-tooltip-data": e.subtextTooltipData,
-            onAction: t(q),
-            onReply: t(z)
+            onAction: t(E),
+            onReply: t(L)
           }, null, 40, ["message", "apply-style", "is-first-in-series", "reactions-enabled", "subtext-tooltip-data", "onAction", "onReply"]))
         ], 40, je))), 128)),
         e.typing ? (o(), u(pe, {
@@ -236,27 +236,27 @@ const we = ["id"], je = ["id", "onDblclick"], Ke = {
         }, null, 8, ["message"])) : c("", !0),
         y(p, null, {
           default: k(() => [
-            t(P) ? (o(), u(ge, {
+            t(W) ? (o(), u(ge, {
               key: 0,
               ref_key: "keyboardRef",
               ref: h,
               class: "message-feed__keyboard",
               keyboard: e.objects[e.objects.length - 1].keyboard,
               align: e.keyboardAlign,
-              onAction: t(N)
+              onAction: t(G)
             }, null, 8, ["keyboard", "align", "onAction"])) : c("", !0)
           ]),
           _: 1
         }),
         y(p, null, {
           default: k(() => [
-            t(w) ? (o(), d("button", {
+            t(K) ? (o(), d("button", {
               key: 0,
               class: "message-feed__button-down",
-              onClick: ee
+              onClick: te
             }, [
               e.buttonParams ? (o(), d("div", Ke, ce(e.buttonParams.unreadAmount), 1)) : c("", !0),
-              a[3] || (a[3] = C("span", { class: "pi pi-angle-down message-feed__icon-down" }, null, -1))
+              n[3] || (n[3] = w("span", { class: "pi pi-angle-down message-feed__icon-down" }, null, -1))
             ])) : c("", !0)
           ]),
           _: 1
@@ -265,26 +265,27 @@ const we = ["id"], je = ["id", "onDblclick"], Ke = {
           key: 1,
           buttons: e.feedKeyboards,
           align: e.feedKeyboardAlign,
-          onAction: t(W)
+          onAction: t(J)
         }, null, 8, ["buttons", "align", "onAction"])) : c("", !0)
       ], 44, we)) : (o(), d("div", {
         key: 1,
         ref_key: "refFeed",
-        ref: n,
-        class: "message-feed"
+        ref: a,
+        class: "message-feed",
+        style: D({ backgroundImage: `url(${T.value})` })
       }, [
-        C("div", xe, [
+        w("div", xe, [
           ue(i.$slots, "empty-feed", {}, void 0, !0)
         ])
-      ], 512)),
-      t(v)().reply ? (o(), u(fe, {
+      ], 4)),
+      t(R)().reply ? (o(), u(fe, {
         key: 2,
         to: "#chat-input-reply-line-" + t(m)
       }, [
         y(ye, {
           class: "chat-input-reply",
-          message: t(v)().reply,
-          onReset: t(L)
+          message: t(R)().reply,
+          onReset: t(N)
         }, null, 8, ["message", "onReset"])
       ], 8, ["to"])) : c("", !0)
     ], 64));

package/dist/components/3_compounds/Feed/composables/useFeedComponents.js

@@ -2,23 +2,25 @@ import s from "../../../2_feed_elements/AudioMessage/AudioMessage.vue.js";
 import m from "../../../2_feed_elements/CallMessage/CallMessage.vue.js";
 import o from "../../../2_feed_elements/FileMessage/FileMessage.vue.js";
 import r from "../../../2_feed_elements/ImageMessage/ImageMessage.vue.js";
-import t from "../../../2_feed_elements/TextMessage/TextMessage.vue.js";
-import a from "../../../2_feed_elements/VideoMessage/VideoMessage.vue.js";
+import a from "../../../2_feed_elements/TextMessage/TextMessage.vue.js";
+import t from "../../../2_feed_elements/VideoMessage/VideoMessage.vue.js";
 import i from "../../../2_feed_elements/DateMessage/DateMessage.vue.js";
 import g from "../../../2_feed_elements/SystemMessage/SystemMessage.vue.js";
 import p from "../../../2_feed_elements/TypingMessage/TypingMessage.vue.js";
-import n from "../../../2_feed_elements/StickerMessage/StickerMessage.vue.js";
+import M from "../../../2_feed_elements/StickerMessage/StickerMessage.vue.js";
 import f from "../../../2_feed_elements/DelimiterMessage/DelimiterMessage.vue.js";
-function v() {
+import n from "../../../2_feed_elements/MissedCallMessage/MissedCallMessage.vue.js";
+function I() {
   return {
     componentsMap: (e) => ({
-      "message.text": t,
+      "message.text": a,
       "message.image": r,
       "message.file": o,
       "message.audio": s,
-      "message.video": a,
+      "message.video": t,
       "message.call": m,
-      "message.sticker": n,
+      "message.missedCall": n,
+      "message.sticker": M,
       "message.system": g,
       "system.date": i,
       "message.typing": p,
@@ -27,5 +29,5 @@ function v() {
   };
 }
 export {
-  v as useFeedComponents
+  I as useFeedComponents
 };