@mobilon-dev/chotto 0.3.91 → 0.3.93

package/dist/hooks/useMessageDraft.js

@@ -1,96 +1,123 @@
-import { ref as h, getCurrentInstance as x, inject as R, computed as S, unref as I, watch as D } from "vue";
-const r = h([]);
-function E(n) {
+import { ref as R, getCurrentInstance as D, inject as C, computed as F, unref as P, watch as S } from "vue";
+const r = R([]);
+function T(e) {
   return {
-    id: n,
+    id: e,
     text: "",
     file: void 0,
     forceSend: !1,
     isRecording: !1
   };
 }
-function f(n) {
-  const i = r.value.find((a) => a.id === n);
+function f(e) {
+  const i = r.value.find((c) => c.id === e);
   if (i) return i;
-  const s = E(n);
+  const s = T(e);
   return r.value.push(s), s;
 }
-function F(n, i) {
+function B(e, i) {
+  if (!(i == null || i === ""))
+    return r.value.find((s) => s.id === `${e}:${i}`);
+}
+function E(e) {
+  return e.replace(/\s+/g, " ").trim();
+}
+function a(e) {
+  var c, u, o;
+  if (!e) return;
+  if (e.edit) {
+    e.listPreviewText = void 0, e.listPreviewFile = void 0;
+    return;
+  }
+  const i = E(e.text || "");
+  e.listPreviewText = i || void 0;
+  const s = ((c = e.file) == null ? void 0 : c.name) || ((o = (u = e.file) == null ? void 0 : u.preview) == null ? void 0 : o.fileName) || "";
+  e.listPreviewFile = e.file ? { name: s, type: e.file.type } : void 0;
+}
+function b(e) {
+  e && a(r.value.find((i) => i.id === e));
+}
+function L(e, i) {
   if (typeof document > "u") return;
-  const s = document.getElementById("chat-input-reply-line-" + n);
+  const s = document.getElementById("chat-input-reply-line-" + e);
   s && (s.style.display = i.reply || i.edit ? "inherit" : "none");
 }
-const j = (n) => {
-  const i = x() ? R("selectedChat", void 0) : void 0, s = S(() => {
-    const e = i ? I(i) : void 0, t = e == null ? void 0 : e.chatId;
-    return t == null || t === "" ? n : `${n}:${t}`;
+const k = (e) => {
+  const i = D() ? C("selectedChat", void 0) : void 0, s = F(() => {
+    const t = i ? P(i) : void 0, n = t == null ? void 0 : t.chatId;
+    return n == null || n === "" ? e : `${e}:${n}`;
   });
-  D(
+  S(
     s,
-    (e, t) => {
-      const d = f(e);
-      t !== void 0 && t !== e && F(n, d);
+    (t, n) => {
+      const l = f(t);
+      if (n !== void 0 && n !== t) {
+        const w = r.value.find((h) => h.id === n);
+        a(w), L(e, l);
+      }
     },
     { immediate: !0 }
   );
-  const a = () => {
-    const e = s.value, t = r.value.findIndex((d) => d.id === e);
-    return t !== -1 ? t : (f(e), r.value.findIndex((d) => d.id === e));
+  const c = () => {
+    const t = s.value, n = r.value.findIndex((l) => l.id === t);
+    return n !== -1 ? n : (f(t), r.value.findIndex((l) => l.id === t));
   }, u = () => {
-    const e = c();
-    r.value[a()] = {
-      id: e.id,
+    const t = d();
+    r.value[c()] = {
+      id: t.id,
       text: "",
       file: void 0,
       reply: void 0,
       edit: void 0,
       forceSend: !1,
-      isRecording: e.isRecording
+      isRecording: t.isRecording
     };
-  }, o = (e) => {
-    const t = c();
-    r.value[a()] = {
-      ...t,
+  }, o = (t) => {
+    const n = d();
+    r.value[c()] = {
+      ...n,
       forceSend: !1,
-      ...e,
-      id: t.id
+      ...t,
+      id: n.id
     };
-  }, l = (e) => {
-    o({ text: e });
-  }, g = (e) => {
-    o({ file: e });
-  }, v = () => {
+  }, v = (t) => {
+    o({ text: t });
+  }, g = (t) => {
+    o({ file: t });
+  }, p = () => {
     o({ file: void 0 });
-  }, p = (e) => {
-    o({ reply: e, edit: void 0 });
+  }, m = (t) => {
+    o({ reply: t, edit: void 0 });
   }, y = () => {
     o({ reply: void 0 });
-  }, M = (e) => {
-    o({ edit: e, reply: void 0 });
-  }, m = () => {
+  }, x = (t) => {
+    o({ edit: t, reply: void 0 });
+  }, M = () => {
     o({ edit: void 0 });
   };
-  function c() {
+  function d() {
     return f(s.value);
   }
   return {
-    getMessage: c,
+    getMessage: d,
     resetMessage: u,
     setMessageFile: g,
-    resetMessageFile: v,
-    setMessageText: l,
-    setReply: p,
+    resetMessageFile: p,
+    setMessageText: v,
+    setReply: m,
     resetReply: y,
-    setEdit: M,
-    resetEdit: m,
-    setForceSendMessage: (e) => {
-      c().forceSend = e;
+    setEdit: x,
+    resetEdit: M,
+    setForceSendMessage: (t) => {
+      d().forceSend = t;
     },
-    setRecordingMessage: (e) => {
-      c().isRecording = e;
+    setRecordingMessage: (t) => {
+      d().isRecording = t;
     }
   };
 };
 export {
-  j as useMessageDraft
+  b as commitChatDraftToList,
+  B as getChatDraft,
+  k as useMessageDraft
 };

package/dist/index.js

@@ -8,7 +8,7 @@ import { default as x } from "./components/1_atoms/LinkPreview/LinkPreview.vue.j
 import { default as n } from "./components/1_atoms/Tooltip/Tooltip.vue.js";
 import { default as M } from "./components/1_icons/AvatarIcon.vue.js";
 import { default as C } from "./components/1_icons/CheckIcon.vue.js";
-import { default as y } from "./components/1_icons/CloseButtonIcon.vue.js";
+import { default as h } from "./components/1_icons/CloseButtonIcon.vue.js";
 import { default as R } from "./components/1_icons/ContactCRMIcon.vue.js";
 import { default as T } from "./components/1_icons/MenuIcon.vue.js";
 import { default as P } from "./components/1_icons/SearchIcon.vue.js";
@@ -35,7 +35,7 @@ import { default as xe } from "./components/2_chatinput_elements/StickerPicker/S
 import { default as ne } from "./components/2_chatinput_elements/TemplateSelector/TemplateSelector.vue.js";
 import { default as Me } from "./components/2_chatinput_elements/TextFormatToolbar/TextFormatToolbar.vue.js";
 import { default as Ce } from "./components/2_chatinput_elements/WABAAttachmentSection/WABAAttachmentSection.vue.js";
-import { default as ye } from "./components/2_chatinput_elements/WABAQuickReplyButtons/WABAQuickReplyButtons.vue.js";
+import { default as he } from "./components/2_chatinput_elements/WABAQuickReplyButtons/WABAQuickReplyButtons.vue.js";
 import { default as Re } from "./components/2_chatinput_elements/WABASeparatedQuickButtons/WABASeparatedQuickButtons.vue.js";
 import { default as Te } from "./components/2_chatinput_elements/WABATemplateSelector/WABATemplateSelector.vue.js";
 import { default as Pe } from "./components/2_chatlist_elements/ChatFilter/ChatFilter.vue.js";
@@ -62,7 +62,7 @@ import { default as xt } from "./components/2_feed_elements/EditTextMessage/Edit
 import { default as nt } from "./components/2_feed_elements/FeedKeyboard/FeedKeyboard.vue.js";
 import { default as Mt } from "./components/2_feed_elements/FileMessage/FileMessage.vue.js";
 import { default as Ct } from "./components/2_feed_elements/ImageMessage/ImageMessage.vue.js";
-import { default as yt } from "./components/2_feed_elements/MessageKeyboard/MessageKeyboard.vue.js";
+import { default as ht } from "./components/2_feed_elements/MessageKeyboard/MessageKeyboard.vue.js";
 import { default as Rt } from "./components/2_feed_elements/MessageReactions/MessageReactions.vue.js";
 import { default as Tt } from "./components/2_feed_elements/MessageStatusIndicator/MessageStatusIndicator.vue.js";
 import { default as Pt } from "./components/2_feed_elements/StickerMessage/StickerMessage.vue.js";
@@ -89,7 +89,7 @@ import { default as io } from "./components/3_compounds/ChatList/ChatList.vue.js
 import { default as co } from "./components/3_compounds/Feed/Feed.vue.js";
 import { default as go } from "./components/3_compounds/SideBar/SideBar.vue.js";
 import { default as So } from "./components/4_layouts/BaseLayout/BaseLayout.vue.js";
-import { default as ho } from "./components/4_layouts/ExtendedLayout/ExtendedLayout.vue.js";
+import { default as yo } from "./components/4_layouts/ExtendedLayout/ExtendedLayout.vue.js";
 import { default as Io } from "./components/4_layouts/AdaptiveExtendedLayout/AdaptiveExtendedLayout.vue.js";
 import { default as Ao } from "./components/4_layouts/FeedLayout/FeedLayout.vue.js";
 import { default as Bo } from "./components/4_layouts/ChatWrapper/ChatWrapper.vue.js";
@@ -100,45 +100,45 @@ import { getTypeFileByMime as Lo } from "./hooks/uploadFile/getTypeFileByMime.js
 import { uploadFile as Uo } from "./hooks/uploadFile/uploadFile.js";
 import { useDelayDebouncedRef as No } from "./hooks/useDelayDebouncedRef.js";
 import { useImmediateDebouncedRef as Ko } from "./hooks/useImmediateDebouncedRef.js";
-import { useMessageDraft as Qo } from "./hooks/useMessageDraft.js";
-import { useSearchModel as zo } from "./hooks/useSearchModel.js";
-import { useTheme as Jo } from "./hooks/useTheme.js";
-import { useEmojiNative as Yo } from "./hooks/useEmojiNative.js";
-import { useModalCreateChat as _o } from "./hooks/modals/useCreateChat.js";
-import { useModalCreateChat2 as ea } from "./hooks/modals/useCreateChat2.js";
-import { useModalCreateDialog as oa } from "./hooks/modals/useCreateDialog.js";
-import { useConfirmDeleteMessage as ra } from "./hooks/modals/useConfirmDeleteMessage.js";
-import { useModalSelectUser2 as fa } from "./hooks/modals/useModalSelectUser2.js";
-import { useModalVideoRecorder as pa } from "./hooks/modals/useVideoRecorder.js";
-import { getValidationReport as ma, validateChats as ua } from "./hooks/validators/chats/chatValidator.js";
-import { useChatValidator as ia } from "./hooks/validators/chats/useChatValidator.js";
-import { getMessageValidationReport as ca, validateMessages as Ma } from "./hooks/validators/messages/messageValidator.js";
-import { useMessageValidator as Ca } from "./hooks/validators/messages/useMessageValidator.js";
-import { getSidebarValidationReport as ya, validateSidebarItems as ha } from "./hooks/validators/sidebar/sidebarValidator.js";
-import { useSidebarValidator as Ia } from "./hooks/validators/sidebar/useSidebarValidator.js";
-import { useValidation as Aa } from "./hooks/validators/useValidation.js";
-import { useMessageActions as Ba } from "./hooks/messages/useMessageActions.js";
-import { calculateMessageMenuPosition as ba, findAppBoundsRect as va } from "./hooks/messages/calculateMessageMenuPosition.js";
-import { useMessageMenuActions as Ea } from "./hooks/messages/useMessageMenuActions.js";
-import { useMessageLinks as wa } from "./hooks/messages/useMessageLinks.js";
-import { useChannelAccentColor as La } from "./hooks/messages/useChannelAccentColor.js";
-import { useSubtextTooltip as Ua } from "./hooks/messages/useSubtextTooltip.js";
-import { hideReplyPreview as Na, showReplyPreview as Ha, useStartReply as Ka } from "./hooks/messages/useStartReply.js";
-import { hideEditPreview as Qa, showEditPreview as qa, useStartEdit as za } from "./hooks/messages/useStartEdit.js";
-import { buildReplyPayload as Ja } from "./hooks/messages/buildReplyPayload.js";
-import { buildEditPayload as Ya } from "./hooks/messages/buildEditPayload.js";
-import { getEditTooltipLines as _a } from "./hooks/messages/getEditTooltipLines.js";
-import { getDeletedOriginalText as er, getDeletedTooltipLines as tr } from "./hooks/messages/getDeletedOriginalText.js";
-import { getStatus as ar, getStatusTitle as rr, statuses as sr } from "./functions/getStatusMessage.js";
-import { formatTimestamp as lr } from "./functions/formatTimestamp.js";
-import { playNotificationAudio as dr } from "./functions/playNotificationAudio.js";
-import { insertDaySeparators as ur } from "./functions/insertDaySeparators.js";
-import { sortByTimestamp as ir } from "./functions/sortByTimestamp.js";
-import { getMessageClass as cr } from "./functions/getMessageClass.js";
-import { createReactionHandlers as gr } from "./functions/createReactionHandlers.js";
-import { getChannelAccentColor as Sr } from "./functions/getChannelAccentColor.js";
-import { parseMarkdown as hr } from "./functions/parseMarkdown.js";
-import { safeMediaPlay as Ir, safeMediaPlayVoid as Tr } from "./functions/safeMediaPlay.js";
+import { commitChatDraftToList as Qo, getChatDraft as qo, useMessageDraft as zo } from "./hooks/useMessageDraft.js";
+import { useSearchModel as Jo } from "./hooks/useSearchModel.js";
+import { useTheme as Yo } from "./hooks/useTheme.js";
+import { useEmojiNative as _o } from "./hooks/useEmojiNative.js";
+import { useModalCreateChat as ea } from "./hooks/modals/useCreateChat.js";
+import { useModalCreateChat2 as oa } from "./hooks/modals/useCreateChat2.js";
+import { useModalCreateDialog as ra } from "./hooks/modals/useCreateDialog.js";
+import { useConfirmDeleteMessage as fa } from "./hooks/modals/useConfirmDeleteMessage.js";
+import { useModalSelectUser2 as pa } from "./hooks/modals/useModalSelectUser2.js";
+import { useModalVideoRecorder as ma } from "./hooks/modals/useVideoRecorder.js";
+import { getValidationReport as xa, validateChats as ia } from "./hooks/validators/chats/chatValidator.js";
+import { useChatValidator as ca } from "./hooks/validators/chats/useChatValidator.js";
+import { getMessageValidationReport as ga, validateMessages as Ca } from "./hooks/validators/messages/messageValidator.js";
+import { useMessageValidator as ha } from "./hooks/validators/messages/useMessageValidator.js";
+import { getSidebarValidationReport as Ra, validateSidebarItems as Ia } from "./hooks/validators/sidebar/sidebarValidator.js";
+import { useSidebarValidator as Aa } from "./hooks/validators/sidebar/useSidebarValidator.js";
+import { useValidation as Ba } from "./hooks/validators/useValidation.js";
+import { useMessageActions as ba } from "./hooks/messages/useMessageActions.js";
+import { calculateMessageMenuPosition as Da, findAppBoundsRect as Ea } from "./hooks/messages/calculateMessageMenuPosition.js";
+import { useMessageMenuActions as wa } from "./hooks/messages/useMessageMenuActions.js";
+import { useMessageLinks as La } from "./hooks/messages/useMessageLinks.js";
+import { useChannelAccentColor as Ua } from "./hooks/messages/useChannelAccentColor.js";
+import { useSubtextTooltip as Na } from "./hooks/messages/useSubtextTooltip.js";
+import { hideReplyPreview as Ka, showReplyPreview as Oa, useStartReply as Qa } from "./hooks/messages/useStartReply.js";
+import { hideEditPreview as za, showEditPreview as Ga, useStartEdit as Ja } from "./hooks/messages/useStartEdit.js";
+import { buildReplyPayload as Ya } from "./hooks/messages/buildReplyPayload.js";
+import { buildEditPayload as _a } from "./hooks/messages/buildEditPayload.js";
+import { getEditTooltipLines as er } from "./hooks/messages/getEditTooltipLines.js";
+import { getDeletedOriginalText as or, getDeletedTooltipLines as ar } from "./hooks/messages/getDeletedOriginalText.js";
+import { getStatus as sr, getStatusTitle as fr, statuses as lr } from "./functions/getStatusMessage.js";
+import { formatTimestamp as dr } from "./functions/formatTimestamp.js";
+import { playNotificationAudio as ur } from "./functions/playNotificationAudio.js";
+import { insertDaySeparators as ir } from "./functions/insertDaySeparators.js";
+import { sortByTimestamp as cr } from "./functions/sortByTimestamp.js";
+import { getMessageClass as gr } from "./functions/getMessageClass.js";
+import { createReactionHandlers as Sr } from "./functions/createReactionHandlers.js";
+import { getChannelAccentColor as yr } from "./functions/getChannelAccentColor.js";
+import { parseMarkdown as Ir } from "./functions/parseMarkdown.js";
+import { safeMediaPlay as Ar, safeMediaPlayVoid as Pr } from "./functions/safeMediaPlay.js";
 export {
   Io as AdaptiveExtendedLayout,
   Je as AudioMessage,
@@ -165,7 +165,7 @@ export {
   ve as ChatTabs,
   Bo as ChatWrapper,
   C as CheckIcon,
-  y as CloseButtonIcon,
+  h as CloseButtonIcon,
   Q as CommunicationPanel,
   ro as ConfirmDeleteMessage,
   R as ContactCRMIcon,
@@ -179,7 +179,7 @@ export {
   xt as EditTextMessage,
   m as EmbedPreview,
   w as ErrorStatusIcon,
-  ho as ExtendedLayout,
+  yo as ExtendedLayout,
   co as Feed,
   z as FeedFoundItem,
   J as FeedFoundObjects,
@@ -193,7 +193,7 @@ export {
   Ct as ImageMessage,
   x as LinkPreview,
   T as MenuIcon,
-  yt as MessageKeyboard,
+  ht as MessageKeyboard,
   Rt as MessageReactions,
   Tt as MessageStatusIndicator,
   ft as MissedCallMessage,
@@ -231,65 +231,67 @@ export {
   Yt as VideoMessage,
   ze as VideoRecorder,
   Ce as WABAAttachmentSection,
-  ye as WABAQuickReplyButtons,
+  he as WABAQuickReplyButtons,
   Re as WABASeparatedQuickButtons,
   Te as WABATemplateSelector,
   E as WhatsAppIcon,
-  Ya as buildEditPayload,
+  _a as buildEditPayload,
   ko as buildFilePreview,
-  Ja as buildReplyPayload,
-  ba as calculateMessageMenuPosition,
-  gr as createReactionHandlers,
-  va as findAppBoundsRect,
-  lr as formatTimestamp,
+  Ya as buildReplyPayload,
+  Da as calculateMessageMenuPosition,
+  Qo as commitChatDraftToList,
+  Sr as createReactionHandlers,
+  Ea as findAppBoundsRect,
+  dr as formatTimestamp,
   wo as generatePreview,
-  Sr as getChannelAccentColor,
-  er as getDeletedOriginalText,
-  tr as getDeletedTooltipLines,
-  _a as getEditTooltipLines,
-  cr as getMessageClass,
-  ca as getMessageValidationReport,
-  ya as getSidebarValidationReport,
-  ar as getStatus,
-  rr as getStatusTitle,
+  yr as getChannelAccentColor,
+  qo as getChatDraft,
+  or as getDeletedOriginalText,
+  ar as getDeletedTooltipLines,
+  er as getEditTooltipLines,
+  gr as getMessageClass,
+  ga as getMessageValidationReport,
+  Ra as getSidebarValidationReport,
+  sr as getStatus,
+  fr as getStatusTitle,
   Lo as getTypeFileByMime,
-  ma as getValidationReport,
-  Qa as hideEditPreview,
-  Na as hideReplyPreview,
-  ur as insertDaySeparators,
-  hr as parseMarkdown,
-  dr as playNotificationAudio,
-  Ir as safeMediaPlay,
-  Tr as safeMediaPlayVoid,
-  qa as showEditPreview,
-  Ha as showReplyPreview,
-  ir as sortByTimestamp,
-  sr as statuses,
+  xa as getValidationReport,
+  za as hideEditPreview,
+  Ka as hideReplyPreview,
+  ir as insertDaySeparators,
+  Ir as parseMarkdown,
+  ur as playNotificationAudio,
+  Ar as safeMediaPlay,
+  Pr as safeMediaPlayVoid,
+  Ga as showEditPreview,
+  Oa as showReplyPreview,
+  cr as sortByTimestamp,
+  lr as statuses,
   Uo as uploadFile,
-  La as useChannelAccentColor,
-  ia as useChatValidator,
-  ra as useConfirmDeleteMessage,
+  Ua as useChannelAccentColor,
+  ca as useChatValidator,
+  fa as useConfirmDeleteMessage,
   No as useDelayDebouncedRef,
-  Yo as useEmojiNative,
+  _o as useEmojiNative,
   Ko as useImmediateDebouncedRef,
-  Ba as useMessageActions,
-  Qo as useMessageDraft,
-  wa as useMessageLinks,
-  Ea as useMessageMenuActions,
-  Ca as useMessageValidator,
-  _o as useModalCreateChat,
-  ea as useModalCreateChat2,
-  oa as useModalCreateDialog,
-  fa as useModalSelectUser2,
-  pa as useModalVideoRecorder,
-  zo as useSearchModel,
-  Ia as useSidebarValidator,
-  za as useStartEdit,
-  Ka as useStartReply,
-  Ua as useSubtextTooltip,
-  Jo as useTheme,
-  Aa as useValidation,
-  ua as validateChats,
-  Ma as validateMessages,
-  ha as validateSidebarItems
+  ba as useMessageActions,
+  zo as useMessageDraft,
+  La as useMessageLinks,
+  wa as useMessageMenuActions,
+  ha as useMessageValidator,
+  ea as useModalCreateChat,
+  oa as useModalCreateChat2,
+  ra as useModalCreateDialog,
+  pa as useModalSelectUser2,
+  ma as useModalVideoRecorder,
+  Jo as useSearchModel,
+  Aa as useSidebarValidator,
+  Ja as useStartEdit,
+  Qa as useStartReply,
+  Na as useSubtextTooltip,
+  Yo as useTheme,
+  Ba as useValidation,
+  ia as validateChats,
+  Ca as validateMessages,
+  Ia as validateSidebarItems
 };

package/dist/locale/en.js

@@ -3,6 +3,7 @@ const e = {
   "component.ChatFilter.InputPlaceholder": "Chat search",
   "layout.ChatWrapper.noSelectedChat": "Choose contact to start conversation",
   "component.ChatItem.typing": "typing",
+  "component.ChatItem.draft": "Draft:",
   "component.ChatInput.InputPlaceholder": "Type a message...",
   "component.ChatInput.TelegramInputPlaceholder": "Type a message Telegram or change channel",
   "component.ChatInput.WhatsappInputPlaceholder": "Type a message WhatsApp or change channel",

package/dist/locale/ru.js

@@ -3,6 +3,7 @@ const e = {
   "component.ChatFilter.InputPlaceholder": "Поиск чата",
   "layout.ChatWrapper.noSelectedChat": "Выберите контакт для начала общения",
   "component.ChatItem.typing": "печатает",
+  "component.ChatItem.draft": "Черновик:",
   "component.ChatInput.InputPlaceholder": "Введите сообщение",
   "component.ChatInput.WhatsappInputPlaceholder": "Введите сообщение WhatsApp или смените канал",
   "component.ChatInput.TelegramInputPlaceholder": "Введите сообщение Telegram или смените канал",