@mobilon-dev/chotto 0.3.41 → 0.3.43

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 m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-05a59365"]]);
 export {
   m as default
 };

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

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

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
 };