+
+
+
+
+
+
+
diff --git a/chat_quick_reply/static/src/core/public_web/messaging_menu.js b/chat_quick_reply/static/src/core/public_web/messaging_menu.js
new file mode 100644
index 000000000..207311c15
--- /dev/null
+++ b/chat_quick_reply/static/src/core/public_web/messaging_menu.js
@@ -0,0 +1,120 @@
+/** @odoo-module */
+import { useRef, toRaw } from "@odoo/owl";
+import { MessagingMenu } from "@mail/core/public_web/messaging_menu";
+import { patch } from "@web/core/utils/patch";
+import { useEmojiPicker } from "@web/core/emoji_picker/emoji_picker";
+import { isEventHandled, markEventHandled } from "@web/core/utils/misc";
+import { useSelection } from "@mail/utils/common/hooks";
+
+
+patch(MessagingMenu.prototype, {
+ setup() {
+ super.setup(...arguments);
+ this.textareaRefs = [];
+ this.emojiRef = useRef('emoji-button')
+ this.emojiChannelRef = useRef('emoji-channel-button')
+ this.inputRef = useRef('input_reply')
+ this.inputRefChannel = useRef('input_reply_channel')
+ this.textareaRefs = this.messages
+ this.selection = useSelection({
+ refName: "textarea",
+ model: this.store.Composer.selection,
+ preserveOnClickAwayPredicate: async (ev) => {
+ // Let event be handled by bubbling handlers first.
+ await new Promise(setTimeout);
+ return (
+ !this.isEventTrusted(ev) ||
+ isEventHandled(ev, "sidebar.openThread") ||
+ isEventHandled(ev, "emoji.selectEmoji") ||
+ isEventHandled(ev, "Composer.onClickAddEmoji") ||
+ isEventHandled(ev, "Composer.onClickAddEmojiChannel") ||
+ isEventHandled(ev, "composer.clickOnAddAttachment") ||
+ isEventHandled(ev, "composer.selectSuggestion")
+ );
+ },
+ });
+ this.emojiPicker = useEmojiPicker(this.emojiRef, {
+ onSelect: this.emojiSelect.bind(this)
+ })
+ this.emojiPickerChannel = useEmojiPicker(this.emojiChannelRef, {
+ onSelect: this.emojiSelectChannel.bind(this)
+ })
+ },
+ // Function to select the chats and add emojis
+ emojiSelect(ev){
+ var inputText = this.inputRef.el.value
+ var cursorPosition = this.inputRef.el.selectionStart;
+ var updatedText = inputText.substring(0, cursorPosition) +
+ ev + inputText.substring(cursorPosition);
+ this.inputRef.el.value = updatedText
+ },
+ // Function to select the channel messages and add emojis
+ emojiSelectChannel(ev){
+ var inputText = this.inputRefChannel.el.value
+ var cursorPosition = this.inputRefChannel.el.selectionStart;
+ var updatedText = inputText.substring(0, cursorPosition) +
+ ev + inputText.substring(cursorPosition);
+ this.inputRefChannel.el.value = updatedText
+ },
+ // Function to work on clicking the emoji popup for chats
+ onClickAddEmoji(ev) {
+ if (!this.emojiPicker) {
+ this.emojiPicker = useEmojiPicker(this.emojiRef, {
+ onSelect: this.emojiSelect.bind(this)
+ });
+ }
+ this.emojiPicker.toggle?.();
+ markEventHandled(ev, "Composer.onClickAddEmoji");
+ },
+ // Function to work on clicking the emoji popup for channel messages
+ onClickAddEmojiChannel(ev) {
+ if (!this.emojiPickerChannel) {
+ this.emojiPickerChannel = useEmojiPicker(this.emojiChannelRef, {
+ onSelect: this.emojiSelectChannel.bind(this)
+ });
+ }
+ if (this.emojiPickerChannel) {
+ this.emojiPickerChannel.toggle?.();
+ } else {
+ console.error("emojiPickerChannel not initialized");
+ }
+ markEventHandled(ev, "Composer.onClickAddEmojiChannel");
+ },
+ // Function to compose the message while clicking the enter button
+ async composeMessage(ev, thread){
+ if (ev.key === "Enter") {
+ const postThread = toRaw(thread);
+ const post = postThread.post.bind(postThread, this.replay_section.querySelector('.input_message').value);
+ if (postThread.model === "discuss.channel") {
+ post();
+ } else {
+ await post();
+ }
+ }
+ },
+ // Function to toggle the visibility of the reply buttons
+ onClickReply(message) {
+ this.replay_section = event.target.parentNode.querySelector('.replay_section')
+ event.target.style.display = "none";
+ this.replay_section.style.display = "block";
+ const inputString = message.body;
+ this.message = message;
+ this.clickedAuthor = message.author;
+ const match = inputString.match(/
+
+
+
+
+
+
+
+ Community
+
+
+ Enterprise
+
+
+ Odoo.sh
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + To reply to the chat from the Notification itself. +
+Chat Quick Reply +
+
+ 
+
+
+
+
+ 
+ Email Us
+
+
+ 
+ Skype Us
+
+
+
+ Email Us
+
+
+
+ Skype Us
+
+
+ 
+
+
+
+ 
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+ Key + Highlights
+
+
+
+
+
+ 
+
+
+ + This module helps to quickly reply to the chats and channels. +
+
+
+
+
+
+
+
+
+ + Available in Both Community & Enterprise. +
+
+
+
+
+
+
+
+
+ Chat Quick Reply
+
+ Are you ready to make your business more
+ organized?
+
+
+
+
+ Are you ready to make your business more
+ organized?
+
Improve now!
+
+
+ 
+ 
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ 
+
+
+
+
+
+
+
+
+ + Reply + + Button +
+
+
+ + There's a 'Reply' button next to + the received message which helps + to easily reply to the messages. +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + Reply to the + Channel Messages +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + Input + + Box +
+
+
+ + You can type your message and press + the enter key on the keyboard or + click on the arrow button to send. +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + Reply + Message +
+
+
+ + Once the message is sent, you + could see the replied messages + in the chat. +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + Quickly Reply to Chats. +
+
+
+
+
+
+
+
+
+
+ + Compatible with Community, Enterprise and Odoo.sh.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ + Yes, you can quickly + reply to the chats + using this module. +
+
+
+
+
+
+ + A Reply button will be + visible next to the + received message. +
+
+
+
+
+
+
+
+ + Latest Release 18.0.1.0.0 +
+ + 30th May, 2025 + +
+
+
+
+
+
+
+ Add
+
+
+
+ -
+
- + Initial Commit + +
+
+ + Related Products +
+ +
+ 
+ 
+ 
+ 
+ 
+ + Our Services
+
+
+
+
+
+
+
+
+
+
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+
+
+
+
+ ....
+
+ (.*?)<\/p>/);
+ const result = match ? match[1] : null;
+ this.message = result
+ this.clickedAuthor = this.message.author;
+ },
+ // Actual compose of the message
+ async onClickSendReply(ev) {
+ this.thread = ev
+ const postThread = toRaw(this.thread);
+ const post = postThread.post.bind(postThread, this.replay_section.querySelector('.input_message').value);
+ if (postThread.model === "discuss.channel") {
+ this.replay_section.style = "none"
+ post();
+ } else {
+ await post();
+ }
+ },
+});
diff --git a/chat_quick_reply/static/src/core/public_web/messaging_menu.xml b/chat_quick_reply/static/src/core/public_web/messaging_menu.xml
new file mode 100644
index 000000000..b02483a23
--- /dev/null
+++ b/chat_quick_reply/static/src/core/public_web/messaging_menu.xml
@@ -0,0 +1,60 @@
+
+
+
+
+
+
+
+
+
+
+