@mobilon-dev/chotto 0.3.42 → 0.3.44

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

@@ -1,25 +1,25 @@
-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";
-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 { 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";
-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 { 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 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__ */ le({
+}, 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: j }) {
-    const s = e, g = b(), a = b(), h = b(), {
+    const l = e, g = b(), n = b(), v = b(), {
       isShowButton: K,
       isKeyboardPlace: x,
-      checkButtonVisibility: I
-    } = ke({
-      feedRef: a,
-      keyboardRef: h
-    }), { componentsMap: O } = he(), $ = r(() => s.reactionsEnabled), { groupedObjects: V } = Se({
-      objects: r(() => s.objects)
-    }), m = ae("chatAppId"), f = j, {
-      checkScrollPosition: q,
+      checkButtonVisibility: $
+    } = ve({
+      feedRef: n,
+      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: v,
-      resetAllowFlags: z
-    } = Re({
-      feedRef: a,
-      emit: f,
-      isLoadingMoreRef: r(() => s.isLoadingMore)
+      stopScrollWatch: h,
+      resetAllowFlags: E
+    } = Be({
+      feedRef: n,
+      emit: u,
+      isLoadingMoreRef: i(() => l.isLoadingMore)
     }), {
       getMessage: R,
-      messageAction: E,
-      handleClickReplied: L,
-      feedObjectDoubleClick: P,
-      handleResetReply: N
-    } = Te({
-      enableDoubleClickReply: s.enableDoubleClickReply,
-      emit: f
-    }), {
-      showKeyboard: W,
-      keyboardAction: G,
-      feedKeyboardAction: J
-    } = ve({
+      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: x,
-      objects: r(() => s.objects),
-      emit: f
+      objects: i(() => l.objects),
+      emit: u
     }), {
-      showStickyDate: U,
-      stickyDateText: H,
-      show: Q
-    } = Me({
-      feedRef: a,
+      showStickyDate: Q,
+      stickyDateText: X,
+      show: Y
+    } = Ce({
+      feedRef: n,
       trackingObjects: g
     }), {
-      isInitialized: X,
-      performScrollToBottom: Y,
+      isInitialized: Z,
+      performScrollToBottom: _,
       ensureScrollToBottom: B,
-      initializeScroll: Z,
-      smoothScrollToBottom: _
-    } = Ae({
-      feedRef: a,
-      objectsRef: r(() => s.objects),
-      scrollToBottomRef: r(() => s.scrollToBottom)
-    }), T = r(() => s.chatBackground ?? `data:image/svg+xml;charset=utf-8,${encodeURIComponent(De)}`);
-    function A(i = !0) {
-      I(), q(i), Q();
+      initializeScroll: ee,
+      smoothScrollToBottom: te
+    } = Fe({
+      feedRef: n,
+      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 ee = Ce(() => A(), 250);
-    function te() {
-      f("forceScrollToBottom"), _();
+    const oe = De(() => A(), 250);
+    function se() {
+      u("forceScrollToBottom"), te();
     }
-    const { restartObserving: oe } = Be({
-      feedRef: a,
+    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,
       () => {
-        M(() => {
-          z(), A(!1), g.value = document.querySelectorAll(".tracking-message"), oe();
+        C(() => {
+          E(), A(!1), g.value = document.querySelectorAll(".tracking-message"), le();
         });
       },
       { immediate: !0 }
-    ), Fe({
-      targetIdRef: r(() => s.scrollTo),
-      feedContainerId: `feed-container-${m}`
-    }), re(() => {
-      M(() => {
-        s.objects.length > 0 && !X.value && Z();
-        const i = new ResizeObserver(() => {
-          s.scrollToBottom && (Y(), 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));
         });
-        a.value && i.observe(a.value);
+        n.value && a.observe(n.value);
       });
-    }), (i, n) => (o(), d(C, 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: a,
+        ref: n,
         class: "message-feed",
-        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: n[2] || (n[2] = //@ts-ignore
-        (...l) => t(v) && t(v)(...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(U) ? (o(), u(me, {
+            t(Q) ? (s(), m(ye, {
               key: 0,
               class: "message-feed__sticky-date",
-              text: t(H)
+              text: t(X)
             }, null, 8, ["text"])) : c("", !0)
           ]),
           _: 1
         }),
-        (o(!0), d(C, null, ie(t(V), (l, F) => (o(), d("div", {
-          id: JSON.stringify(l),
-          key: `${l.messageId ?? "mid"}-${F}`,
+        (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: (se) => t(P)(se, l)
+          onDblclick: (M) => t(N)(M, o)
         }, [
-          (o(), u(de(t(O)(l.type)), {
-            key: `${l.messageId ?? "mid"}-${F}`,
+          (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": $.value,
+            "is-first-in-series": o.isFirstInSeries,
+            "reactions-enabled": V.value,
             "subtext-tooltip-data": e.subtextTooltipData,
-            onAction: t(E),
-            onReply: t(L)
-          }, 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,61 +242,61 @@ const we = ["id"], je = ["id", "onDblclick"], Ke = {
         }, null, 8, ["message"])) : c("", !0),
         y(p, null, {
           default: k(() => [
-            t(W) ? (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(G)
+              onAction: t(U)
             }, null, 8, ["keyboard", "align", "onAction"])) : c("", !0)
           ]),
           _: 1
         }),
         y(p, null, {
           default: k(() => [
-            t(K) ? (o(), d("button", {
+            t(K) ? (s(), d("button", {
               key: 0,
               class: "message-feed__button-down",
-              onClick: te
+              onClick: se
             }, [
-              e.buttonParams ? (o(), d("div", Ke, ce(e.buttonParams.unreadAmount), 1)) : c("", !0),
-              n[3] || (n[3] = w("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(J)
+          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: a,
+        ref: n,
         class: "message-feed",
-        style: D({ backgroundImage: `url(${T.value})` })
+        style: I({ backgroundImage: `url(${T.value})` })
       }, [
         w("div", xe, [
-          ue(i.$slots, "empty-feed", {}, void 0, !0)
+          me(a.$slots, "empty-feed", {}, void 0, !0)
         ])
       ], 4)),
-      t(R)().reply ? (o(), u(fe, {
+      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(R)().reply,
-          onReset: t(N)
+          onReset: t(W)
         }, null, 8, ["message", "onReset"])
       ], 8, ["to"])) : c("", !0)
     ], 64));
   }
 });
 export {
-  Ze as default
+  _e as default
 };

package/dist/locale/en.js

@@ -19,7 +19,8 @@ const e = {
   "component.TextFormatToolbar.Underline": "Underline",
   "component.TextFormatToolbar.Strikethrough": "Strikethrough",
   "component.TextFormatToolbar.Code": "Inline code",
-  "component.TextFormatToolbar.Quote": "Quote"
+  "component.TextFormatToolbar.Quote": "Quote",
+  "component.TextMessage.sendSmsInvite": "Send SMS invitation"
 };
 export {
   e as en

package/dist/locale/ru.js

@@ -19,7 +19,8 @@ const e = {
   "component.TextFormatToolbar.Underline": "Подчёркнутый",
   "component.TextFormatToolbar.Strikethrough": "Зачёркнутый",
   "component.TextFormatToolbar.Code": "Встроенный код",
-  "component.TextFormatToolbar.Quote": "Цитата"
+  "component.TextFormatToolbar.Quote": "Цитата",
+  "component.TextMessage.sendSmsInvite": "Отправить SMS приглашение"
 };
 export {
   e as ru