feat: Toggle to disallow users to send messages after a conversation is resolved (#3605)

app/controllers/api/v1/accounts/inboxes_controller.rb

@@ -118,7 +118,7 @@ class Api::V1::Accounts::InboxesController < Api::V1::Accounts::BaseController
   def permitted_params(channel_attributes = [])
     params.permit(
       :name, :avatar, :greeting_enabled, :greeting_message, :enable_email_collect, :csat_survey_enabled,
-      :enable_auto_assignment, :working_hours_enabled, :out_of_office_message, :timezone,
+      :enable_auto_assignment, :working_hours_enabled, :out_of_office_message, :timezone, :allow_messages_after_resolved,
       channel: [:type, *channel_attributes]
     )
   end

app/javascript/dashboard/i18n/locale/en/inboxMgmt.json

@@ -306,6 +306,10 @@
         "ENABLED": "Enabled",
         "DISABLED": "Disabled"
       },
+      "ALLOW_MESSAGES_AFTER_RESOLVED": {
+        "ENABLED": "Enabled",
+        "DISABLED": "Disabled"
+      },
       "ENABLE_HMAC": {
         "LABEL": "Enable"
       }
@@ -362,7 +366,9 @@
       "INBOX_IDENTIFIER": "Inbox Identifier",
       "INBOX_IDENTIFIER_SUB_TEXT": "Use the `inbox_identifier` token shown here to authentication your API clients.",
       "FORWARD_EMAIL_TITLE": "Forward to Email",
-      "FORWARD_EMAIL_SUB_TEXT": "Start forwarding your emails to the following email address."
+      "FORWARD_EMAIL_SUB_TEXT": "Start forwarding your emails to the following email address.",
+      "ALLOW_MESSAGES_AFTER_RESOLVED": "Allow messages after conversation resolved",
+      "ALLOW_MESSAGES_AFTER_RESOLVED_SUB_TEXT": "Allow the end-users to send messages even after the conversation is resolved."
     },
     "FACEBOOK_REAUTHORIZE": {
       "TITLE": "Reauthorize",

app/javascript/dashboard/routes/dashboard/settings/inbox/Settings.vue

@@ -215,6 +215,25 @@
           </p>
         </label>
 
+        <label class="medium-9 columns">
+          {{ $t('INBOX_MGMT.SETTINGS_POPUP.ALLOW_MESSAGES_AFTER_RESOLVED') }}
+          <select v-model="allowMessagesAfterResolved">
+            <option :value="true">
+              {{ $t('INBOX_MGMT.EDIT.ALLOW_MESSAGES_AFTER_RESOLVED.ENABLED') }}
+            </option>
+            <option :value="false">
+              {{ $t('INBOX_MGMT.EDIT.ALLOW_MESSAGES_AFTER_RESOLVED.DISABLED') }}
+            </option>
+          </select>
+          <p class="help-text">
+            {{
+              $t(
+                'INBOX_MGMT.SETTINGS_POPUP.ALLOW_MESSAGES_AFTER_RESOLVED_SUB_TEXT'
+              )
+            }}
+          </p>
+        </label>
+
         <label v-if="isAWebWidgetInbox">
           {{ $t('INBOX_MGMT.FEATURES.LABEL') }}
         </label>
@@ -420,6 +439,7 @@ export default {
       emailCollectEnabled: false,
       isAgentListUpdating: false,
       csatSurveyEnabled: false,
+      allowMessagesAfterResolved: true,
       selectedInboxName: '',
       channelWebsiteUrl: '',
       webhookUrl: '',
@@ -583,6 +603,7 @@ export default {
         this.autoAssignment = this.inbox.enable_auto_assignment;
         this.emailCollectEnabled = this.inbox.enable_email_collect;
         this.csatSurveyEnabled = this.inbox.csat_survey_enabled;
+        this.allowMessagesAfterResolved = this.inbox.allow_messages_after_resolved;
         this.channelWebsiteUrl = this.inbox.website_url;
         this.channelWelcomeTitle = this.inbox.welcome_title;
         this.channelWelcomeTagline = this.inbox.welcome_tagline;
@@ -625,6 +646,7 @@ export default {
           enable_auto_assignment: this.autoAssignment,
           enable_email_collect: this.emailCollectEnabled,
           csat_survey_enabled: this.csatSurveyEnabled,
+          allow_messages_after_resolved: this.allowMessagesAfterResolved,
           greeting_enabled: this.greetingEnabled,
           greeting_message: this.greetingMessage || '',
           channel: {

app/javascript/widget/components/ChatFooter.vue

@@ -58,9 +58,9 @@ export default {
       return getContrastingTextColor(this.widgetColor);
     },
     hideReplyBox() {
-      const { csatSurveyEnabled } = window.chatwootWebChannel;
+      const { allowMessagesAfterResolved } = window.chatwootWebChannel;
       const { status } = this.conversationAttributes;
-      return csatSurveyEnabled && status === 'resolved';
+      return !allowMessagesAfterResolved && status === 'resolved';
     },
     showEmailTranscriptButton() {
       return this.currentUser && this.currentUser.email;

app/models/inbox.rb

@@ -4,22 +4,23 @@
 #
 # Table name: inboxes
 #
-#  id                     :integer          not null, primary key
-#  channel_type           :string
-#  csat_survey_enabled    :boolean          default(FALSE)
-#  email_address          :string
-#  enable_auto_assignment :boolean          default(TRUE)
-#  enable_email_collect   :boolean          default(TRUE)
-#  greeting_enabled       :boolean          default(FALSE)
-#  greeting_message       :string
-#  name                   :string           not null
-#  out_of_office_message  :string
-#  timezone               :string           default("UTC")
-#  working_hours_enabled  :boolean          default(FALSE)
-#  created_at             :datetime         not null
-#  updated_at             :datetime         not null
-#  account_id             :integer          not null
-#  channel_id             :integer          not null
+#  id                            :integer          not null, primary key
+#  allow_messages_after_resolved :boolean          default(TRUE)
+#  channel_type                  :string
+#  csat_survey_enabled           :boolean          default(FALSE)
+#  email_address                 :string
+#  enable_auto_assignment        :boolean          default(TRUE)
+#  enable_email_collect          :boolean          default(TRUE)
+#  greeting_enabled              :boolean          default(FALSE)
+#  greeting_message              :string
+#  name                          :string           not null
+#  out_of_office_message         :string
+#  timezone                      :string           default("UTC")
+#  working_hours_enabled         :boolean          default(FALSE)
+#  created_at                    :datetime         not null
+#  updated_at                    :datetime         not null
+#  account_id                    :integer          not null
+#  channel_id                    :integer          not null
 #
 # Indexes
 #

app/views/api/v1/models/_inbox.json.jbuilder

@@ -13,6 +13,7 @@ json.out_of_office_message resource.out_of_office_message
 json.working_hours resource.weekly_schedule
 json.timezone resource.timezone
 json.callback_webhook_url resource.callback_webhook_url
+json.allow_messages_after_resolved resource.allow_messages_after_resolved
 
 json.tweets_enabled resource.channel.try(:tweets_enabled) if resource.twitter?
 

app/views/widgets/show.html.erb

@@ -23,7 +23,8 @@
         csatSurveyEnabled: <%= @web_widget.inbox.csat_survey_enabled %>,
         workingHours: <%= @web_widget.inbox.working_hours.to_json.html_safe %>,
         outOfOfficeMessage: <%= @web_widget.inbox.out_of_office_message.to_json.html_safe %>,
-        utcOffset: '<%= ActiveSupport::TimeZone[@web_widget.inbox.timezone].now.formatted_offset %>'
+        utcOffset: '<%= ActiveSupport::TimeZone[@web_widget.inbox.timezone].now.formatted_offset %>',
+        allowMessagesAfterResolved: <%= @web_widget.inbox.allow_messages_after_resolved %>
       }
       window.chatwootWidgetDefaults = {
         useInboxAvatarForBot: <%= ActiveModel::Type::Boolean.new.cast(ENV.fetch('USE_INBOX_AVATAR_FOR_BOT', false)) %>,