From 89e007c4c324f11249d0aabe4a9004ea2eecd5cd Mon Sep 17 00:00:00 2001
From: Shivam Mishra <scm.mymail@gmail.com>
Date: Thu, 25 Jan 2024 11:00:03 +0530
Subject: [PATCH] feat: disable upload after one message

---
 .../widgets/WootWriter/ReplyBottomPanel.vue   | 20 ++++++++++++++++---
 .../widgets/conversation/ReplyBox.vue         |  8 ++++++++
 .../i18n/locale/en/conversation.json          |  3 ++-
 3 files changed, 27 insertions(+), 4 deletions(-)

diff --git a/app/javascript/dashboard/components/widgets/WootWriter/ReplyBottomPanel.vue b/app/javascript/dashboard/components/widgets/WootWriter/ReplyBottomPanel.vue
index 2984c506a..26b92bccf 100644
--- a/app/javascript/dashboard/components/widgets/WootWriter/ReplyBottomPanel.vue
+++ b/app/javascript/dashboard/components/widgets/WootWriter/ReplyBottomPanel.vue
@@ -13,12 +13,17 @@
       />
       <file-upload
         ref="upload"
-        v-tooltip.top-end="$t('CONVERSATION.REPLYBOX.TIP_ATTACH_ICON')"
+        v-tooltip.top-end="
+          disableFileUpload
+            ? $t('CONVERSATION.REPLYBOX.TIP_ATTACHMENT_LIMIT_FB')
+            : $t('CONVERSATION.REPLYBOX.TIP_ATTACH_ICON')
+        "
         input-id="conversationAttachment"
+        :disabled="disableFileUpload"
         :size="4096 * 4096"
         :accept="allowedFileTypes"
         :multiple="enableMultipleFileUpload"
-        :drop="enableDragAndDrop"
+        :drop="disableFileUpload ? false : enableDragAndDrop"
         :drop-directory="false"
         :data="{
           direct_upload_url: '/rails/active_storage/direct_uploads',
@@ -29,7 +34,12 @@
         <woot-button
           v-if="showAttachButton"
           class-names="button--upload"
-          :title="$t('CONVERSATION.REPLYBOX.TIP_ATTACH_ICON')"
+          :disabled="disableFileUpload"
+          :title="
+            disableFileUpload
+              ? $t('CONVERSATION.REPLYBOX.TIP_ATTACHMENT_LIMIT_FB')
+              : $t('CONVERSATION.REPLYBOX.TIP_ATTACH_ICON')
+          "
           icon="attach"
           emoji="📎"
           color-scheme="secondary"
@@ -248,6 +258,10 @@ export default {
       type: String,
       required: true,
     },
+    disableFileUpload: {
+      type: Boolean,
+      default: false,
+    },
   },
   computed: {
     ...mapGetters({
diff --git a/app/javascript/dashboard/components/widgets/conversation/ReplyBox.vue b/app/javascript/dashboard/components/widgets/conversation/ReplyBox.vue
index e22a3a23a..7ac5b39ff 100644
--- a/app/javascript/dashboard/components/widgets/conversation/ReplyBox.vue
+++ b/app/javascript/dashboard/components/widgets/conversation/ReplyBox.vue
@@ -109,6 +109,7 @@
     <reply-bottom-panel
       :conversation-id="conversationId"
       :enable-multiple-file-upload="enableMultipleFileUpload"
+      :disable-file-upload="disableFileUpload"
       :has-whatsapp-templates="hasWhatsappTemplates"
       :inbox="inbox"
       :is-on-private-note="isOnPrivateNote"
@@ -465,6 +466,13 @@ export default {
     showReplyHead() {
       return !this.isOnPrivateNote && this.isAnEmailChannel;
     },
+    disableFileUpload() {
+      if (this.isAFacebookInbox) {
+        return this.hasAttachments > 0;
+      }
+
+      return false;
+    },
     enableMultipleFileUpload() {
       return (
         this.isAnEmailChannel ||
diff --git a/app/javascript/dashboard/i18n/locale/en/conversation.json b/app/javascript/dashboard/i18n/locale/en/conversation.json
index 227c802d6..c4d2e44e6 100644
--- a/app/javascript/dashboard/i18n/locale/en/conversation.json
+++ b/app/javascript/dashboard/i18n/locale/en/conversation.json
@@ -148,6 +148,7 @@
       "TIP_FORMAT_ICON": "Show rich text editor",
       "TIP_EMOJI_ICON": "Show emoji selector",
       "TIP_ATTACH_ICON": "Attach files",
+      "TIP_ATTACHMENT_LIMIT_FB": "You cannot attach more files to this message",
       "TIP_AUDIORECORDER_ICON": "Record audio",
       "TIP_AUDIORECORDER_PERMISSION": "Allow access to audio",
       "TIP_AUDIORECORDER_ERROR": "Could not open the audio",
@@ -323,4 +324,4 @@
     "TRANSLATED_CONTENT": "Translated Content",
     "NO_TRANSLATIONS_AVAILABLE": "No translations are available for this content"
   }
-}
+}
\ No newline at end of file