Compare commits
139
Commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
e55d089f01 | ||
|
|
ee1ea9576b | ||
|
|
26ea87a6cb | ||
|
|
7e8fe78ecd | ||
|
|
f3176afc1c | ||
|
|
c4ba925ae7 | ||
|
|
1f0b56b96e | ||
|
|
e7177364d4 | ||
|
|
f726dc2419 | ||
|
|
5891fd6f49 | ||
|
|
b9864fe1f6 | ||
|
|
5f97a2fd7b | ||
|
|
74fc9c0321 | ||
|
|
9898ccee9e | ||
|
|
eabdfc8168 | ||
|
|
9bd5f15450 | ||
|
|
aea1585fa3 | ||
|
|
254d5dcf9a | ||
|
|
b4c4f328b2 | ||
|
|
a509ef826a | ||
|
|
2180edc14a | ||
|
|
de2a35b617 | ||
|
|
40577e6a50 | ||
|
|
368d7c4608 | ||
|
|
f1f1ce644c | ||
|
|
38f16ba677 | ||
|
|
e7b01d80b3 | ||
|
|
ec9a82a017 | ||
|
|
cdd3b73fc9 | ||
|
|
610495123e | ||
|
|
cb65d615ea | ||
|
|
d8da1f5bf3 | ||
|
|
6829328182 | ||
|
|
6cc69f444b | ||
|
|
f89ed56258 | ||
|
|
7c5bb343c6 | ||
|
|
170ea7691f | ||
|
|
606adffeeb | ||
|
|
e9c1c61fe4 | ||
|
|
78ebdbbbd8 | ||
|
|
978f4c431a | ||
|
|
4b2ebb8877 | ||
|
|
c4c1f3eb63 | ||
|
|
829142c808 | ||
|
|
3a71829b46 | ||
|
|
0974aea300 | ||
|
|
9fb0dfa4a7 | ||
|
|
8bbb8ba5a4 | ||
|
|
d0e84373ee | ||
|
|
a8aefa0c73 | ||
|
|
b536f35fa7 | ||
|
|
0d721bc898 | ||
|
|
c29a08f0ca | ||
|
|
66cfef9298 | ||
|
|
109aaa2341 | ||
|
|
ecff66146a | ||
|
|
21366e1c3b | ||
|
|
406a470c81 | ||
|
|
6c6aaf573c | ||
|
|
487209574c | ||
|
|
7f1671c083 | ||
|
|
b00261d7c2 | ||
|
|
fcb91ab88a | ||
|
|
59f7c8aa55 | ||
|
|
cd2c58726f | ||
|
|
62152321bc | ||
|
|
03d0688cc2 | ||
|
|
b75ea7a762 | ||
|
|
f44e47a624 | ||
|
|
47bdb6d2bb | ||
|
|
c3680d50bc | ||
|
|
2ba4780bda | ||
|
|
d3cd647e49 | ||
|
|
eadbddaa9f | ||
|
|
9f14e6abb6 | ||
|
|
79793a5435 | ||
|
|
e68522318b | ||
|
|
44fab70048 | ||
|
|
68c070bcd9 | ||
|
|
728956a734 | ||
|
|
114c25cae8 | ||
|
|
c6714b20c2 | ||
|
|
0f2263ec94 | ||
|
|
784e0468c3 | ||
|
|
75c9b38099 | ||
|
|
f8c155dd9e | ||
|
|
b9cf410b1f | ||
|
|
e6d96b14ac | ||
|
|
f0b3f025ff | ||
|
|
5b32761d72 | ||
|
|
7146471270 | ||
|
|
8d6ea64848 | ||
|
|
27b0a22019 | ||
|
|
611635d3d7 | ||
|
|
02178eb930 | ||
|
|
a1413d1656 | ||
|
|
a1747eeb62 | ||
|
|
f90a324ddf | ||
|
|
3f5d4f46f8 | ||
|
|
7ae916e2fc | ||
|
|
c623d6079b | ||
|
|
f0876e9877 | ||
|
|
92b0c2d4f5 | ||
|
|
0a80076387 | ||
|
|
a59f53d00d | ||
|
|
143f394a18 | ||
|
|
8e98fd26b5 | ||
|
|
4c85a1c6c0 | ||
|
|
6e28c4fcf8 | ||
|
|
7f9d711845 | ||
|
|
31436412fb | ||
|
|
84d2135a04 | ||
|
|
5bd739739e | ||
|
|
3b42b6c3bb | ||
|
|
d3b8edd522 | ||
|
|
ac7cac33a8 | ||
|
|
4d98b1871a | ||
|
|
4f214dd77a | ||
|
|
94640628eb | ||
|
|
c9c9a011fe | ||
|
|
747a856181 | ||
|
|
be5248ad68 | ||
|
|
a9ead61a89 | ||
|
|
c5b72239c6 | ||
|
|
824b5a8113 | ||
|
|
913ff2821a | ||
|
|
05c004a3cb | ||
|
|
bd4c572aea | ||
|
|
7e672e5c71 | ||
|
|
1622ba1b7f | ||
|
|
d59f2d7bd1 | ||
|
|
959f7447c3 | ||
|
|
39a6485c2a | ||
|
|
bcaca9d3d3 | ||
|
|
4de56468b7 | ||
|
|
6f84899beb | ||
|
|
bf78dde488 | ||
|
|
1df0159f65 | ||
|
|
b2a1e3282c |
@@ -70,6 +70,7 @@ jobs:
|
|||||||
spec/services/mfa/authentication_service_spec.rb \
|
spec/services/mfa/authentication_service_spec.rb \
|
||||||
spec/requests/api/v1/profile/mfa_controller_spec.rb \
|
spec/requests/api/v1/profile/mfa_controller_spec.rb \
|
||||||
spec/controllers/devise_overrides/sessions_controller_spec.rb \
|
spec/controllers/devise_overrides/sessions_controller_spec.rb \
|
||||||
|
spec/models/application_record_external_credentials_encryption_spec.rb \
|
||||||
--profile=10 \
|
--profile=10 \
|
||||||
--format documentation
|
--format documentation
|
||||||
env:
|
env:
|
||||||
|
|||||||
+2
-2
@@ -23,7 +23,7 @@ Metrics/MethodLength:
|
|||||||
- 'enterprise/lib/captain/agent.rb'
|
- 'enterprise/lib/captain/agent.rb'
|
||||||
|
|
||||||
RSpec/ExampleLength:
|
RSpec/ExampleLength:
|
||||||
Max: 25
|
Max: 50
|
||||||
|
|
||||||
Style/Documentation:
|
Style/Documentation:
|
||||||
Enabled: false
|
Enabled: false
|
||||||
@@ -336,4 +336,4 @@ FactoryBot/RedundantFactoryOption:
|
|||||||
Enabled: false
|
Enabled: false
|
||||||
|
|
||||||
FactoryBot/FactoryAssociationWithStrategy:
|
FactoryBot/FactoryAssociationWithStrategy:
|
||||||
Enabled: false
|
Enabled: false
|
||||||
|
|||||||
@@ -21,6 +21,7 @@ gem 'telephone_number'
|
|||||||
gem 'time_diff'
|
gem 'time_diff'
|
||||||
gem 'tzinfo-data'
|
gem 'tzinfo-data'
|
||||||
gem 'valid_email2'
|
gem 'valid_email2'
|
||||||
|
gem 'octokit'
|
||||||
# compress javascript config.assets.js_compressor
|
# compress javascript config.assets.js_compressor
|
||||||
gem 'uglifier'
|
gem 'uglifier'
|
||||||
##-- used for single column multiple binary flags in notification settings/feature flagging --##
|
##-- used for single column multiple binary flags in notification settings/feature flagging --##
|
||||||
@@ -103,7 +104,7 @@ gem 'twitty', '~> 0.1.5'
|
|||||||
# facebook client
|
# facebook client
|
||||||
gem 'koala'
|
gem 'koala'
|
||||||
# slack client
|
# slack client
|
||||||
gem 'slack-ruby-client', '~> 2.5.2'
|
gem 'slack-ruby-client', '~> 2.7.0'
|
||||||
# for dialogflow integrations
|
# for dialogflow integrations
|
||||||
gem 'google-cloud-dialogflow-v2', '>= 0.24.0'
|
gem 'google-cloud-dialogflow-v2', '>= 0.24.0'
|
||||||
gem 'grpc'
|
gem 'grpc'
|
||||||
|
|||||||
+13
-6
@@ -292,7 +292,7 @@ GEM
|
|||||||
logger
|
logger
|
||||||
faraday-follow_redirects (0.3.0)
|
faraday-follow_redirects (0.3.0)
|
||||||
faraday (>= 1, < 3)
|
faraday (>= 1, < 3)
|
||||||
faraday-mashify (0.1.1)
|
faraday-mashify (1.0.0)
|
||||||
faraday (~> 2.0)
|
faraday (~> 2.0)
|
||||||
hashie
|
hashie
|
||||||
faraday-multipart (1.0.4)
|
faraday-multipart (1.0.4)
|
||||||
@@ -591,6 +591,9 @@ GEM
|
|||||||
rack (>= 1.2, < 4)
|
rack (>= 1.2, < 4)
|
||||||
snaky_hash (~> 2.0)
|
snaky_hash (~> 2.0)
|
||||||
version_gem (~> 1.1)
|
version_gem (~> 1.1)
|
||||||
|
octokit (10.0.0)
|
||||||
|
faraday (>= 1, < 3)
|
||||||
|
sawyer (~> 0.9)
|
||||||
oj (3.16.10)
|
oj (3.16.10)
|
||||||
bigdecimal (>= 3.0)
|
bigdecimal (>= 3.0)
|
||||||
ostruct (>= 0.2)
|
ostruct (>= 0.2)
|
||||||
@@ -644,7 +647,7 @@ GEM
|
|||||||
activesupport (>= 3.0.0)
|
activesupport (>= 3.0.0)
|
||||||
raabro (1.4.0)
|
raabro (1.4.0)
|
||||||
racc (1.8.1)
|
racc (1.8.1)
|
||||||
rack (3.2.0)
|
rack (3.2.3)
|
||||||
rack-attack (6.7.0)
|
rack-attack (6.7.0)
|
||||||
rack (>= 1.0, < 4)
|
rack (>= 1.0, < 4)
|
||||||
rack-contrib (2.5.0)
|
rack-contrib (2.5.0)
|
||||||
@@ -817,6 +820,9 @@ GEM
|
|||||||
sprockets (> 3.0)
|
sprockets (> 3.0)
|
||||||
sprockets-rails
|
sprockets-rails
|
||||||
tilt
|
tilt
|
||||||
|
sawyer (0.9.2)
|
||||||
|
addressable (>= 2.3.5)
|
||||||
|
faraday (>= 0.17.3, < 3)
|
||||||
scout_apm (5.3.3)
|
scout_apm (5.3.3)
|
||||||
parser
|
parser
|
||||||
scss_lint (0.60.0)
|
scss_lint (0.60.0)
|
||||||
@@ -876,8 +882,8 @@ GEM
|
|||||||
simplecov_json_formatter (~> 0.1)
|
simplecov_json_formatter (~> 0.1)
|
||||||
simplecov-html (0.13.2)
|
simplecov-html (0.13.2)
|
||||||
simplecov_json_formatter (0.1.4)
|
simplecov_json_formatter (0.1.4)
|
||||||
slack-ruby-client (2.5.2)
|
slack-ruby-client (2.7.0)
|
||||||
faraday (>= 2.0)
|
faraday (>= 2.0.1)
|
||||||
faraday-mashify
|
faraday-mashify
|
||||||
faraday-multipart
|
faraday-multipart
|
||||||
gli
|
gli
|
||||||
@@ -935,7 +941,7 @@ GEM
|
|||||||
unicode-emoji (~> 4.0, >= 4.0.4)
|
unicode-emoji (~> 4.0, >= 4.0.4)
|
||||||
unicode-emoji (4.0.4)
|
unicode-emoji (4.0.4)
|
||||||
uniform_notifier (1.17.0)
|
uniform_notifier (1.17.0)
|
||||||
uri (1.0.3)
|
uri (1.0.4)
|
||||||
uri_template (0.7.0)
|
uri_template (0.7.0)
|
||||||
valid_email2 (5.2.6)
|
valid_email2 (5.2.6)
|
||||||
activemodel (>= 3.2)
|
activemodel (>= 3.2)
|
||||||
@@ -1057,6 +1063,7 @@ DEPENDENCIES
|
|||||||
net-smtp (~> 0.3.4)
|
net-smtp (~> 0.3.4)
|
||||||
newrelic-sidekiq-metrics (>= 1.6.2)
|
newrelic-sidekiq-metrics (>= 1.6.2)
|
||||||
newrelic_rpm
|
newrelic_rpm
|
||||||
|
octokit
|
||||||
omniauth (>= 2.1.2)
|
omniauth (>= 2.1.2)
|
||||||
omniauth-google-oauth2 (>= 1.1.3)
|
omniauth-google-oauth2 (>= 1.1.3)
|
||||||
omniauth-oauth2
|
omniauth-oauth2
|
||||||
@@ -1103,7 +1110,7 @@ DEPENDENCIES
|
|||||||
sidekiq_alive
|
sidekiq_alive
|
||||||
simplecov (>= 0.21)
|
simplecov (>= 0.21)
|
||||||
simplecov_json_formatter
|
simplecov_json_formatter
|
||||||
slack-ruby-client (~> 2.5.2)
|
slack-ruby-client (~> 2.7.0)
|
||||||
spring
|
spring
|
||||||
spring-watcher-listen
|
spring-watcher-listen
|
||||||
squasher
|
squasher
|
||||||
|
|||||||
@@ -14,22 +14,7 @@ class ConversationBuilder
|
|||||||
end
|
end
|
||||||
|
|
||||||
def create_new_conversation
|
def create_new_conversation
|
||||||
conversation = ::Conversation.create!(conversation_params)
|
::Conversation.create!(conversation_params)
|
||||||
|
|
||||||
# Override status if explicitly provided in params
|
|
||||||
# This is required because the Conversation model's determine_conversation_status callback
|
|
||||||
# automatically sets status to :pending when there's an active bot on the inbox.
|
|
||||||
# However, when users manually create conversations (e.g., via the frontend form),
|
|
||||||
# they should be able to explicitly set the status to :open to bypass bot handling.
|
|
||||||
# We use update_column to avoid triggering callbacks and activity logs since this
|
|
||||||
# is just correcting the status to match the user's explicit intent.
|
|
||||||
if params[:status].present?
|
|
||||||
# rubocop:disable Rails/SkipsModelValidations
|
|
||||||
conversation.update_column(:status, params[:status])
|
|
||||||
# rubocop:enable Rails/SkipsModelValidations
|
|
||||||
end
|
|
||||||
|
|
||||||
conversation
|
|
||||||
end
|
end
|
||||||
|
|
||||||
def conversation_params
|
def conversation_params
|
||||||
|
|||||||
@@ -0,0 +1,54 @@
|
|||||||
|
class Email::BaseBuilder
|
||||||
|
pattr_initialize [:inbox!]
|
||||||
|
|
||||||
|
private
|
||||||
|
|
||||||
|
def channel
|
||||||
|
@channel ||= inbox.channel
|
||||||
|
end
|
||||||
|
|
||||||
|
def account
|
||||||
|
@account ||= inbox.account
|
||||||
|
end
|
||||||
|
|
||||||
|
def conversation
|
||||||
|
@conversation ||= message.conversation
|
||||||
|
end
|
||||||
|
|
||||||
|
def custom_sender_name
|
||||||
|
message&.sender&.available_name || I18n.t('conversations.reply.email.header.notifications')
|
||||||
|
end
|
||||||
|
|
||||||
|
def sender_name(sender_email)
|
||||||
|
# Friendly: <agent_name> from <business_name>
|
||||||
|
# Professional: <business_name>
|
||||||
|
if inbox.friendly?
|
||||||
|
I18n.t(
|
||||||
|
'conversations.reply.email.header.friendly_name',
|
||||||
|
sender_name: custom_sender_name,
|
||||||
|
business_name: business_name,
|
||||||
|
from_email: sender_email
|
||||||
|
)
|
||||||
|
else
|
||||||
|
I18n.t(
|
||||||
|
'conversations.reply.email.header.professional_name',
|
||||||
|
business_name: business_name,
|
||||||
|
from_email: sender_email
|
||||||
|
)
|
||||||
|
end
|
||||||
|
end
|
||||||
|
|
||||||
|
def business_name
|
||||||
|
inbox.business_name || inbox.sanitized_name
|
||||||
|
end
|
||||||
|
|
||||||
|
def account_support_email
|
||||||
|
# Parse the email to ensure it's in the correct format, the user
|
||||||
|
# can save it in the format "Name <email@domain.com>"
|
||||||
|
parse_email(account.support_email)
|
||||||
|
end
|
||||||
|
|
||||||
|
def parse_email(email_string)
|
||||||
|
Mail::Address.new(email_string).address
|
||||||
|
end
|
||||||
|
end
|
||||||
@@ -0,0 +1,51 @@
|
|||||||
|
class Email::FromBuilder < Email::BaseBuilder
|
||||||
|
pattr_initialize [:inbox!, :message!]
|
||||||
|
|
||||||
|
def build
|
||||||
|
return sender_name(account_support_email) unless inbox.email?
|
||||||
|
|
||||||
|
from_email = case email_channel_type
|
||||||
|
when :standard_imap_smtp,
|
||||||
|
:google_oauth,
|
||||||
|
:microsoft_oauth,
|
||||||
|
:forwarding_own_smtp
|
||||||
|
channel.email
|
||||||
|
when :imap_chatwoot_smtp,
|
||||||
|
:forwarding_chatwoot_smtp
|
||||||
|
channel.verified_for_sending ? channel.email : account_support_email
|
||||||
|
else
|
||||||
|
account_support_email
|
||||||
|
end
|
||||||
|
|
||||||
|
sender_name(from_email)
|
||||||
|
end
|
||||||
|
|
||||||
|
private
|
||||||
|
|
||||||
|
def email_channel_type
|
||||||
|
return :google_oauth if channel.google?
|
||||||
|
return :microsoft_oauth if channel.microsoft?
|
||||||
|
return :standard_imap_smtp if imap_and_smtp_enabled?
|
||||||
|
return :imap_chatwoot_smtp if imap_enabled_without_smtp?
|
||||||
|
return :forwarding_own_smtp if forwarding_with_own_smtp?
|
||||||
|
return :forwarding_chatwoot_smtp if forwarding_without_smtp?
|
||||||
|
|
||||||
|
:unknown
|
||||||
|
end
|
||||||
|
|
||||||
|
def imap_and_smtp_enabled?
|
||||||
|
channel.imap_enabled && channel.smtp_enabled
|
||||||
|
end
|
||||||
|
|
||||||
|
def imap_enabled_without_smtp?
|
||||||
|
channel.imap_enabled && !channel.smtp_enabled
|
||||||
|
end
|
||||||
|
|
||||||
|
def forwarding_with_own_smtp?
|
||||||
|
!channel.imap_enabled && channel.smtp_enabled
|
||||||
|
end
|
||||||
|
|
||||||
|
def forwarding_without_smtp?
|
||||||
|
!channel.imap_enabled && !channel.smtp_enabled
|
||||||
|
end
|
||||||
|
end
|
||||||
@@ -0,0 +1,21 @@
|
|||||||
|
class Email::ReplyToBuilder < Email::BaseBuilder
|
||||||
|
pattr_initialize [:inbox!, :message!]
|
||||||
|
|
||||||
|
def build
|
||||||
|
reply_to = if inbox.email?
|
||||||
|
channel.email
|
||||||
|
elsif inbound_email_enabled?
|
||||||
|
"reply+#{conversation.uuid}@#{account.inbound_email_domain}"
|
||||||
|
else
|
||||||
|
account_support_email
|
||||||
|
end
|
||||||
|
|
||||||
|
sender_name(reply_to)
|
||||||
|
end
|
||||||
|
|
||||||
|
private
|
||||||
|
|
||||||
|
def inbound_email_enabled?
|
||||||
|
account.feature_enabled?('inbound_emails') && account.inbound_email_domain.present?
|
||||||
|
end
|
||||||
|
end
|
||||||
@@ -7,6 +7,7 @@ class Messages::MessageBuilder
|
|||||||
@private = params[:private] || false
|
@private = params[:private] || false
|
||||||
@conversation = conversation
|
@conversation = conversation
|
||||||
@user = user
|
@user = user
|
||||||
|
@account = conversation.account
|
||||||
@message_type = params[:message_type] || 'outgoing'
|
@message_type = params[:message_type] || 'outgoing'
|
||||||
@attachments = params[:attachments]
|
@attachments = params[:attachments]
|
||||||
@automation_rule = content_attributes&.dig(:automation_rule_id)
|
@automation_rule = content_attributes&.dig(:automation_rule_id)
|
||||||
@@ -20,6 +21,9 @@ class Messages::MessageBuilder
|
|||||||
@message = @conversation.messages.build(message_params)
|
@message = @conversation.messages.build(message_params)
|
||||||
process_attachments
|
process_attachments
|
||||||
process_emails
|
process_emails
|
||||||
|
# When the message has no quoted content, it will just be rendered as a regular message
|
||||||
|
# The frontend is equipped to handle this case
|
||||||
|
process_email_content if @account.feature_enabled?(:quoted_email_reply)
|
||||||
@message.save!
|
@message.save!
|
||||||
@message
|
@message
|
||||||
end
|
end
|
||||||
@@ -92,6 +96,14 @@ class Messages::MessageBuilder
|
|||||||
@message.content_attributes[:to_emails] = to_emails
|
@message.content_attributes[:to_emails] = to_emails
|
||||||
end
|
end
|
||||||
|
|
||||||
|
def process_email_content
|
||||||
|
return unless should_process_email_content?
|
||||||
|
|
||||||
|
@message.content_attributes ||= {}
|
||||||
|
email_attributes = build_email_attributes
|
||||||
|
@message.content_attributes[:email] = email_attributes
|
||||||
|
end
|
||||||
|
|
||||||
def process_email_string(email_string)
|
def process_email_string(email_string)
|
||||||
return [] if email_string.blank?
|
return [] if email_string.blank?
|
||||||
|
|
||||||
@@ -153,4 +165,71 @@ class Messages::MessageBuilder
|
|||||||
source_id: @params[:source_id]
|
source_id: @params[:source_id]
|
||||||
}.merge(external_created_at).merge(automation_rule_id).merge(campaign_id).merge(template_params)
|
}.merge(external_created_at).merge(automation_rule_id).merge(campaign_id).merge(template_params)
|
||||||
end
|
end
|
||||||
|
|
||||||
|
def email_inbox?
|
||||||
|
@conversation.inbox&.inbox_type == 'Email'
|
||||||
|
end
|
||||||
|
|
||||||
|
def should_process_email_content?
|
||||||
|
email_inbox? && !@private && @message.content.present?
|
||||||
|
end
|
||||||
|
|
||||||
|
def build_email_attributes
|
||||||
|
email_attributes = ensure_indifferent_access(@message.content_attributes[:email] || {})
|
||||||
|
normalized_content = normalize_email_body(@message.content)
|
||||||
|
|
||||||
|
# Use custom HTML content if provided, otherwise generate from message content
|
||||||
|
email_attributes[:html_content] = if custom_email_content_provided?
|
||||||
|
build_custom_html_content
|
||||||
|
else
|
||||||
|
build_html_content(normalized_content)
|
||||||
|
end
|
||||||
|
|
||||||
|
email_attributes[:text_content] = build_text_content(normalized_content)
|
||||||
|
email_attributes
|
||||||
|
end
|
||||||
|
|
||||||
|
def build_html_content(normalized_content)
|
||||||
|
html_content = ensure_indifferent_access(@message.content_attributes.dig(:email, :html_content) || {})
|
||||||
|
rendered_html = render_email_html(normalized_content)
|
||||||
|
html_content[:full] = rendered_html
|
||||||
|
html_content[:reply] = rendered_html
|
||||||
|
html_content
|
||||||
|
end
|
||||||
|
|
||||||
|
def build_text_content(normalized_content)
|
||||||
|
text_content = ensure_indifferent_access(@message.content_attributes.dig(:email, :text_content) || {})
|
||||||
|
text_content[:full] = normalized_content
|
||||||
|
text_content[:reply] = normalized_content
|
||||||
|
text_content
|
||||||
|
end
|
||||||
|
|
||||||
|
def ensure_indifferent_access(hash)
|
||||||
|
return {} if hash.blank?
|
||||||
|
|
||||||
|
hash.respond_to?(:with_indifferent_access) ? hash.with_indifferent_access : hash
|
||||||
|
end
|
||||||
|
|
||||||
|
def normalize_email_body(content)
|
||||||
|
content.to_s.gsub("\r\n", "\n")
|
||||||
|
end
|
||||||
|
|
||||||
|
def render_email_html(content)
|
||||||
|
return '' if content.blank?
|
||||||
|
|
||||||
|
ChatwootMarkdownRenderer.new(content).render_message.to_s
|
||||||
|
end
|
||||||
|
|
||||||
|
def custom_email_content_provided?
|
||||||
|
@params[:email_html_content].present?
|
||||||
|
end
|
||||||
|
|
||||||
|
def build_custom_html_content
|
||||||
|
html_content = ensure_indifferent_access(@message.content_attributes.dig(:email, :html_content) || {})
|
||||||
|
|
||||||
|
html_content[:full] = @params[:email_html_content]
|
||||||
|
html_content[:reply] = @params[:email_html_content]
|
||||||
|
|
||||||
|
html_content
|
||||||
|
end
|
||||||
end
|
end
|
||||||
|
|||||||
@@ -10,10 +10,28 @@ class V2::Reports::BaseSummaryBuilder
|
|||||||
|
|
||||||
def load_data
|
def load_data
|
||||||
@conversations_count = fetch_conversations_count
|
@conversations_count = fetch_conversations_count
|
||||||
@resolved_count = fetch_resolved_count
|
load_reporting_events_data
|
||||||
@avg_resolution_time = fetch_average_time('conversation_resolved')
|
end
|
||||||
@avg_first_response_time = fetch_average_time('first_response')
|
|
||||||
@avg_reply_time = fetch_average_time('reply_time')
|
def load_reporting_events_data
|
||||||
|
# Extract the column name for indexing (e.g., 'conversations.team_id' -> 'team_id')
|
||||||
|
index_key = group_by_key.to_s.split('.').last
|
||||||
|
|
||||||
|
results = reporting_events
|
||||||
|
.select(
|
||||||
|
"#{group_by_key} as #{index_key}",
|
||||||
|
"COUNT(CASE WHEN name = 'conversation_resolved' THEN 1 END) as resolved_count",
|
||||||
|
"AVG(CASE WHEN name = 'conversation_resolved' THEN #{average_value_key} END) as avg_resolution_time",
|
||||||
|
"AVG(CASE WHEN name = 'first_response' THEN #{average_value_key} END) as avg_first_response_time",
|
||||||
|
"AVG(CASE WHEN name = 'reply_time' THEN #{average_value_key} END) as avg_reply_time"
|
||||||
|
)
|
||||||
|
.group(group_by_key)
|
||||||
|
.index_by { |record| record.public_send(index_key) }
|
||||||
|
|
||||||
|
@resolved_count = results.transform_values(&:resolved_count)
|
||||||
|
@avg_resolution_time = results.transform_values(&:avg_resolution_time)
|
||||||
|
@avg_first_response_time = results.transform_values(&:avg_first_response_time)
|
||||||
|
@avg_reply_time = results.transform_values(&:avg_reply_time)
|
||||||
end
|
end
|
||||||
|
|
||||||
def reporting_events
|
def reporting_events
|
||||||
@@ -24,14 +42,6 @@ class V2::Reports::BaseSummaryBuilder
|
|||||||
# Override this method
|
# Override this method
|
||||||
end
|
end
|
||||||
|
|
||||||
def fetch_average_time(event_name)
|
|
||||||
get_grouped_average(reporting_events.where(name: event_name))
|
|
||||||
end
|
|
||||||
|
|
||||||
def fetch_resolved_count
|
|
||||||
reporting_events.where(name: 'conversation_resolved').group(group_by_key).count
|
|
||||||
end
|
|
||||||
|
|
||||||
def group_by_key
|
def group_by_key
|
||||||
# Override this method
|
# Override this method
|
||||||
end
|
end
|
||||||
@@ -40,10 +50,6 @@ class V2::Reports::BaseSummaryBuilder
|
|||||||
# Override this method
|
# Override this method
|
||||||
end
|
end
|
||||||
|
|
||||||
def get_grouped_average(events)
|
|
||||||
events.group(group_by_key).average(average_value_key)
|
|
||||||
end
|
|
||||||
|
|
||||||
def average_value_key
|
def average_value_key
|
||||||
ActiveModel::Type::Boolean.new.cast(params[:business_hours]).present? ? :value_in_business_hours : :value
|
ActiveModel::Type::Boolean.new.cast(params[:business_hours]).present? ? :value_in_business_hours : :value
|
||||||
end
|
end
|
||||||
|
|||||||
@@ -13,10 +13,7 @@ class V2::Reports::InboxSummaryBuilder < V2::Reports::BaseSummaryBuilder
|
|||||||
|
|
||||||
def load_data
|
def load_data
|
||||||
@conversations_count = fetch_conversations_count
|
@conversations_count = fetch_conversations_count
|
||||||
@resolved_count = fetch_resolved_count
|
load_reporting_events_data
|
||||||
@avg_resolution_time = fetch_average_time('conversation_resolved')
|
|
||||||
@avg_first_response_time = fetch_average_time('first_response')
|
|
||||||
@avg_reply_time = fetch_average_time('reply_time')
|
|
||||||
end
|
end
|
||||||
|
|
||||||
def fetch_conversations_count
|
def fetch_conversations_count
|
||||||
|
|||||||
@@ -17,8 +17,8 @@ class Api::V1::Accounts::ContactsController < Api::V1::Accounts::BaseController
|
|||||||
before_action :set_include_contact_inboxes, only: [:index, :active, :search, :filter, :show, :update]
|
before_action :set_include_contact_inboxes, only: [:index, :active, :search, :filter, :show, :update]
|
||||||
|
|
||||||
def index
|
def index
|
||||||
@contacts_count = resolved_contacts.count
|
|
||||||
@contacts = fetch_contacts(resolved_contacts)
|
@contacts = fetch_contacts(resolved_contacts)
|
||||||
|
@contacts_count = @contacts.total_count
|
||||||
end
|
end
|
||||||
|
|
||||||
def search
|
def search
|
||||||
@@ -29,8 +29,8 @@ class Api::V1::Accounts::ContactsController < Api::V1::Accounts::BaseController
|
|||||||
OR contacts.additional_attributes->>\'company_name\' ILIKE :search',
|
OR contacts.additional_attributes->>\'company_name\' ILIKE :search',
|
||||||
search: "%#{params[:q].strip}%"
|
search: "%#{params[:q].strip}%"
|
||||||
)
|
)
|
||||||
@contacts_count = contacts.count
|
|
||||||
@contacts = fetch_contacts(contacts)
|
@contacts = fetch_contacts(contacts)
|
||||||
|
@contacts_count = @contacts.total_count
|
||||||
end
|
end
|
||||||
|
|
||||||
def import
|
def import
|
||||||
@@ -55,8 +55,8 @@ class Api::V1::Accounts::ContactsController < Api::V1::Accounts::BaseController
|
|||||||
def active
|
def active
|
||||||
contacts = Current.account.contacts.where(id: ::OnlineStatusTracker
|
contacts = Current.account.contacts.where(id: ::OnlineStatusTracker
|
||||||
.get_available_contact_ids(Current.account.id))
|
.get_available_contact_ids(Current.account.id))
|
||||||
@contacts_count = contacts.count
|
|
||||||
@contacts = fetch_contacts(contacts)
|
@contacts = fetch_contacts(contacts)
|
||||||
|
@contacts_count = @contacts.total_count
|
||||||
end
|
end
|
||||||
|
|
||||||
def show; end
|
def show; end
|
||||||
@@ -133,13 +133,14 @@ class Api::V1::Accounts::ContactsController < Api::V1::Accounts::BaseController
|
|||||||
end
|
end
|
||||||
|
|
||||||
def fetch_contacts(contacts)
|
def fetch_contacts(contacts)
|
||||||
contacts_with_avatar = filtrate(contacts)
|
# Build includes hash to avoid separate query when contact_inboxes are needed
|
||||||
.includes([{ avatar_attachment: [:blob] }])
|
includes_hash = { avatar_attachment: [:blob] }
|
||||||
.page(@current_page).per(RESULTS_PER_PAGE)
|
includes_hash[:contact_inboxes] = { inbox: :channel } if @include_contact_inboxes
|
||||||
|
|
||||||
return contacts_with_avatar.includes([{ contact_inboxes: [:inbox] }]) if @include_contact_inboxes
|
filtrate(contacts)
|
||||||
|
.includes(includes_hash)
|
||||||
contacts_with_avatar
|
.page(@current_page)
|
||||||
|
.per(RESULTS_PER_PAGE)
|
||||||
end
|
end
|
||||||
|
|
||||||
def build_contact_inbox
|
def build_contact_inbox
|
||||||
|
|||||||
@@ -5,6 +5,6 @@ class Api::V1::Accounts::Conversations::BaseController < Api::V1::Accounts::Base
|
|||||||
|
|
||||||
def conversation
|
def conversation
|
||||||
@conversation ||= Current.account.conversations.find_by!(display_id: params[:conversation_id])
|
@conversation ||= Current.account.conversations.find_by!(display_id: params[:conversation_id])
|
||||||
authorize @conversation.inbox, :show?
|
authorize @conversation, :show?
|
||||||
end
|
end
|
||||||
end
|
end
|
||||||
|
|||||||
@@ -160,7 +160,7 @@ class Api::V1::Accounts::ConversationsController < Api::V1::Accounts::BaseContro
|
|||||||
|
|
||||||
def conversation
|
def conversation
|
||||||
@conversation ||= Current.account.conversations.find_by!(display_id: params[:id])
|
@conversation ||= Current.account.conversations.find_by!(display_id: params[:id])
|
||||||
authorize @conversation.inbox, :show?
|
authorize @conversation, :show?
|
||||||
end
|
end
|
||||||
|
|
||||||
def inbox
|
def inbox
|
||||||
|
|||||||
@@ -4,7 +4,8 @@ class Api::V1::Accounts::InboxesController < Api::V1::Accounts::BaseController
|
|||||||
before_action :fetch_agent_bot, only: [:set_agent_bot]
|
before_action :fetch_agent_bot, only: [:set_agent_bot]
|
||||||
before_action :validate_limit, only: [:create]
|
before_action :validate_limit, only: [:create]
|
||||||
# we are already handling the authorization in fetch inbox
|
# we are already handling the authorization in fetch inbox
|
||||||
before_action :check_authorization, except: [:show]
|
before_action :check_authorization, except: [:show, :health]
|
||||||
|
before_action :validate_whatsapp_cloud_channel, only: [:health]
|
||||||
|
|
||||||
def index
|
def index
|
||||||
@inboxes = policy_scope(Current.account.inboxes.order_by_name.includes(:channel, { avatar_attachment: [:blob] }))
|
@inboxes = policy_scope(Current.account.inboxes.order_by_name.includes(:channel, { avatar_attachment: [:blob] }))
|
||||||
@@ -78,6 +79,14 @@ class Api::V1::Accounts::InboxesController < Api::V1::Accounts::BaseController
|
|||||||
render status: :internal_server_error, json: { error: e.message }
|
render status: :internal_server_error, json: { error: e.message }
|
||||||
end
|
end
|
||||||
|
|
||||||
|
def health
|
||||||
|
health_data = Whatsapp::HealthService.new(@inbox.channel).fetch_health_status
|
||||||
|
render json: health_data
|
||||||
|
rescue StandardError => e
|
||||||
|
Rails.logger.error "[INBOX HEALTH] Error fetching health data: #{e.message}"
|
||||||
|
render json: { error: e.message }, status: :unprocessable_entity
|
||||||
|
end
|
||||||
|
|
||||||
private
|
private
|
||||||
|
|
||||||
def fetch_inbox
|
def fetch_inbox
|
||||||
@@ -89,6 +98,12 @@ class Api::V1::Accounts::InboxesController < Api::V1::Accounts::BaseController
|
|||||||
@agent_bot = AgentBot.find(params[:agent_bot]) if params[:agent_bot]
|
@agent_bot = AgentBot.find(params[:agent_bot]) if params[:agent_bot]
|
||||||
end
|
end
|
||||||
|
|
||||||
|
def validate_whatsapp_cloud_channel
|
||||||
|
return if @inbox.channel.is_a?(Channel::Whatsapp) && @inbox.channel.provider == 'whatsapp_cloud'
|
||||||
|
|
||||||
|
render json: { error: 'Health data only available for WhatsApp Cloud API channels' }, status: :bad_request
|
||||||
|
end
|
||||||
|
|
||||||
def create_channel
|
def create_channel
|
||||||
return unless allowed_channel_types.include?(permitted_params[:channel][:type])
|
return unless allowed_channel_types.include?(permitted_params[:channel][:type])
|
||||||
|
|
||||||
|
|||||||
@@ -22,7 +22,7 @@ class Api::V1::Accounts::Integrations::DyteController < Api::V1::Accounts::BaseC
|
|||||||
private
|
private
|
||||||
|
|
||||||
def authorize_request
|
def authorize_request
|
||||||
authorize @conversation.inbox, :show?
|
authorize @conversation, :show?
|
||||||
end
|
end
|
||||||
|
|
||||||
def render_response(response)
|
def render_response(response)
|
||||||
|
|||||||
@@ -0,0 +1,155 @@
|
|||||||
|
class Api::V1::Accounts::Integrations::GithubController < Api::V1::Accounts::BaseController
|
||||||
|
before_action :fetch_hook
|
||||||
|
before_action :ensure_hook_exists, except: [:destroy]
|
||||||
|
|
||||||
|
def destroy
|
||||||
|
@hook.destroy!
|
||||||
|
head :ok
|
||||||
|
end
|
||||||
|
|
||||||
|
def repositories
|
||||||
|
repositories = github_service.repositories
|
||||||
|
filtered_repos = repositories.map do |repo|
|
||||||
|
{
|
||||||
|
full_name: repo[:full_name] || repo.full_name,
|
||||||
|
private: repo[:private] || repo.private
|
||||||
|
}
|
||||||
|
end
|
||||||
|
render json: filtered_repos
|
||||||
|
end
|
||||||
|
|
||||||
|
def search_repositories
|
||||||
|
repositories = github_service.search_repositories(params[:q])
|
||||||
|
filtered_repos = repositories.map do |repo|
|
||||||
|
{
|
||||||
|
full_name: repo[:full_name] || repo.full_name,
|
||||||
|
private: repo[:private] || repo.private
|
||||||
|
}
|
||||||
|
end
|
||||||
|
render json: filtered_repos
|
||||||
|
end
|
||||||
|
|
||||||
|
def assignees
|
||||||
|
assignees = github_service.assignees(repo_full_name)
|
||||||
|
filtered_assignees = assignees.map do |assignee|
|
||||||
|
{
|
||||||
|
login: assignee.login,
|
||||||
|
avatar_url: assignee.avatar_url
|
||||||
|
}
|
||||||
|
end
|
||||||
|
render json: filtered_assignees
|
||||||
|
end
|
||||||
|
|
||||||
|
def labels
|
||||||
|
labels = github_service.labels(repo_full_name)
|
||||||
|
filtered_labels = labels.map do |label|
|
||||||
|
{
|
||||||
|
name: label.name,
|
||||||
|
color: label.color
|
||||||
|
}
|
||||||
|
end
|
||||||
|
render json: filtered_labels
|
||||||
|
end
|
||||||
|
|
||||||
|
def search_issues
|
||||||
|
issues = github_service.search_issues(repo_full_name, params[:q])
|
||||||
|
filtered_issues = issues.map do |issue|
|
||||||
|
{
|
||||||
|
number: issue.number,
|
||||||
|
title: issue.title,
|
||||||
|
html_url: issue.html_url
|
||||||
|
}
|
||||||
|
end
|
||||||
|
render json: filtered_issues
|
||||||
|
end
|
||||||
|
|
||||||
|
def create_issue
|
||||||
|
issue_data = github_service.create_issue(
|
||||||
|
repo_full_name,
|
||||||
|
params[:title],
|
||||||
|
params[:body],
|
||||||
|
issue_options
|
||||||
|
)
|
||||||
|
|
||||||
|
github_issue = create_linked_issue(issue_data)
|
||||||
|
render json: issue_response(github_issue), status: :created
|
||||||
|
end
|
||||||
|
|
||||||
|
def link_issue
|
||||||
|
issue_data = github_service.issue(repo_full_name, params[:issue_number])
|
||||||
|
github_issue = create_linked_issue(issue_data)
|
||||||
|
render json: issue_response(github_issue), status: :created
|
||||||
|
end
|
||||||
|
|
||||||
|
def linked_issues
|
||||||
|
issues = GithubIssue.where(conversation_id: params[:conversation_id])
|
||||||
|
|
||||||
|
render json: issues.map do |issue|
|
||||||
|
{
|
||||||
|
id: issue.id,
|
||||||
|
issue_number: issue.issue_number,
|
||||||
|
title: issue.issue_title,
|
||||||
|
html_url: issue.html_url,
|
||||||
|
repo_full_name: issue.repo_full_name,
|
||||||
|
linked_by: {
|
||||||
|
id: issue.linked_by.id,
|
||||||
|
name: issue.linked_by.name
|
||||||
|
},
|
||||||
|
created_at: issue.created_at
|
||||||
|
}
|
||||||
|
end
|
||||||
|
end
|
||||||
|
|
||||||
|
def unlink_issue
|
||||||
|
github_issue = GithubIssue.find(params[:id])
|
||||||
|
github_issue.destroy!
|
||||||
|
head :ok
|
||||||
|
end
|
||||||
|
|
||||||
|
private
|
||||||
|
|
||||||
|
def fetch_hook
|
||||||
|
@hook = Integrations::Hook.where(account: Current.account).find_by(app_id: 'github')
|
||||||
|
end
|
||||||
|
|
||||||
|
def ensure_hook_exists
|
||||||
|
render json: { error: 'GitHub integration not configured' }, status: :unauthorized unless @hook
|
||||||
|
end
|
||||||
|
|
||||||
|
def github_service
|
||||||
|
@github_service ||= Github::GithubService.new(hook: @hook)
|
||||||
|
end
|
||||||
|
|
||||||
|
def repo_full_name
|
||||||
|
params[:repo_full_name] || "#{params[:owner]}/#{params[:repo]}"
|
||||||
|
end
|
||||||
|
|
||||||
|
def issue_options
|
||||||
|
options = {}
|
||||||
|
options[:assignees] = params[:assignees] if params[:assignees].present?
|
||||||
|
options[:labels] = params[:labels] if params[:labels].present?
|
||||||
|
options
|
||||||
|
end
|
||||||
|
|
||||||
|
def create_linked_issue(issue_data)
|
||||||
|
GithubIssue.create!(
|
||||||
|
conversation_id: params[:conversation_id],
|
||||||
|
account: Current.account,
|
||||||
|
repo_full_name: repo_full_name,
|
||||||
|
issue_number: issue_data.number,
|
||||||
|
issue_title: issue_data.title,
|
||||||
|
html_url: issue_data.html_url,
|
||||||
|
linked_by: Current.user
|
||||||
|
)
|
||||||
|
end
|
||||||
|
|
||||||
|
def issue_response(github_issue)
|
||||||
|
{
|
||||||
|
id: github_issue.id,
|
||||||
|
issue_number: github_issue.issue_number,
|
||||||
|
title: github_issue.issue_title,
|
||||||
|
html_url: github_issue.html_url,
|
||||||
|
repo_full_name: github_issue.repo_full_name
|
||||||
|
}
|
||||||
|
end
|
||||||
|
end
|
||||||
@@ -14,6 +14,7 @@ module AccessTokenAuthHelper
|
|||||||
ensure_access_token
|
ensure_access_token
|
||||||
render_unauthorized('Invalid Access Token') && return if @access_token.blank?
|
render_unauthorized('Invalid Access Token') && return if @access_token.blank?
|
||||||
|
|
||||||
|
# NOTE: This ensures that current_user is set and available for the rest of the controller actions
|
||||||
@resource = @access_token.owner
|
@resource = @access_token.owner
|
||||||
Current.user = @resource if allowed_current_user_type?(@resource)
|
Current.user = @resource if allowed_current_user_type?(@resource)
|
||||||
end
|
end
|
||||||
|
|||||||
@@ -19,6 +19,19 @@ class DeviseOverrides::OmniauthCallbacksController < DeviseTokenAuth::OmniauthCa
|
|||||||
redirect_to login_page_url(email: encoded_email, sso_auth_token: @resource.generate_sso_auth_token)
|
redirect_to login_page_url(email: encoded_email, sso_auth_token: @resource.generate_sso_auth_token)
|
||||||
end
|
end
|
||||||
|
|
||||||
|
def sign_in_user_on_mobile
|
||||||
|
@resource.skip_confirmation! if confirmable_enabled?
|
||||||
|
|
||||||
|
# once the resource is found and verified
|
||||||
|
# we can just send them to the login page again with the SSO params
|
||||||
|
# that will log them in
|
||||||
|
encoded_email = ERB::Util.url_encode(@resource.email)
|
||||||
|
params = { email: encoded_email, sso_auth_token: @resource.generate_sso_auth_token }.to_query
|
||||||
|
|
||||||
|
mobile_deep_link_base = GlobalConfigService.load('MOBILE_DEEP_LINK_BASE', 'chatwootapp')
|
||||||
|
redirect_to "#{mobile_deep_link_base}://auth/saml?#{params}", allow_other_host: true
|
||||||
|
end
|
||||||
|
|
||||||
def sign_up_user
|
def sign_up_user
|
||||||
return redirect_to login_page_url(error: 'no-account-found') unless account_signup_allowed?
|
return redirect_to login_page_url(error: 'no-account-found') unless account_signup_allowed?
|
||||||
return redirect_to login_page_url(error: 'business-account-only') unless validate_signup_email_is_business_domain?
|
return redirect_to login_page_url(error: 'business-account-only') unless validate_signup_email_is_business_domain?
|
||||||
|
|||||||
@@ -0,0 +1,160 @@
|
|||||||
|
class Github::CallbacksController < ApplicationController
|
||||||
|
include Github::IntegrationHelper
|
||||||
|
|
||||||
|
def show
|
||||||
|
# Validate account context early for all flows that require it
|
||||||
|
account if params[:code].present?
|
||||||
|
|
||||||
|
if params[:installation_id].present? && params[:code].present?
|
||||||
|
# Both installation and OAuth code present - handle both
|
||||||
|
handle_installation_with_oauth
|
||||||
|
elsif params[:installation_id].present?
|
||||||
|
# Only installation_id present - redirect to OAuth
|
||||||
|
handle_installation
|
||||||
|
else
|
||||||
|
# Only OAuth code present - handle authorization
|
||||||
|
handle_authorization
|
||||||
|
end
|
||||||
|
rescue StandardError => e
|
||||||
|
Rails.logger.error("Github callback error: #{e.message}")
|
||||||
|
redirect_to fallback_redirect_uri
|
||||||
|
end
|
||||||
|
|
||||||
|
private
|
||||||
|
|
||||||
|
def handle_installation_with_oauth
|
||||||
|
# Handle both installation and OAuth in one go
|
||||||
|
installation_id = params[:installation_id]
|
||||||
|
|
||||||
|
@response = oauth_client.auth_code.get_token(
|
||||||
|
params[:code],
|
||||||
|
redirect_uri: "#{base_url}/github/callback"
|
||||||
|
)
|
||||||
|
|
||||||
|
handle_response(installation_id)
|
||||||
|
end
|
||||||
|
|
||||||
|
def handle_installation
|
||||||
|
if params[:setup_action] == 'install'
|
||||||
|
installation_id = params[:installation_id]
|
||||||
|
|
||||||
|
redirect_to build_oauth_url(installation_id)
|
||||||
|
else
|
||||||
|
Rails.logger.error("Unknown setup_action: #{params[:setup_action]}")
|
||||||
|
redirect_to github_integration_settings_url
|
||||||
|
end
|
||||||
|
end
|
||||||
|
|
||||||
|
def handle_authorization
|
||||||
|
@response = oauth_client.auth_code.get_token(
|
||||||
|
params[:code],
|
||||||
|
redirect_uri: "#{base_url}/github/callback"
|
||||||
|
)
|
||||||
|
|
||||||
|
handle_response
|
||||||
|
end
|
||||||
|
|
||||||
|
def build_oauth_url(installation_id)
|
||||||
|
GlobalConfigService.load('GITHUB_CLIENT_ID', nil)
|
||||||
|
|
||||||
|
# Store installation_id in session for later use
|
||||||
|
session[:github_installation_id] = installation_id
|
||||||
|
|
||||||
|
# For now, redirect to a page that will initiate OAuth with proper account context
|
||||||
|
# This is a temporary solution until we have a proper account-agnostic setup
|
||||||
|
"#{ENV.fetch('FRONTEND_URL', nil)}/app/accounts/1/settings/integrations/github?setup_action=install&installation_id=#{installation_id}"
|
||||||
|
end
|
||||||
|
|
||||||
|
def oauth_client
|
||||||
|
app_id = GlobalConfigService.load('GITHUB_CLIENT_ID', nil)
|
||||||
|
app_secret = GlobalConfigService.load('GITHUB_CLIENT_SECRET', nil)
|
||||||
|
|
||||||
|
OAuth2::Client.new(
|
||||||
|
app_id,
|
||||||
|
app_secret,
|
||||||
|
{
|
||||||
|
site: 'https://github.com',
|
||||||
|
token_url: '/login/oauth/access_token',
|
||||||
|
authorize_url: '/login/oauth/authorize'
|
||||||
|
}
|
||||||
|
)
|
||||||
|
end
|
||||||
|
|
||||||
|
def handle_response(installation_id = nil)
|
||||||
|
settings = build_hook_settings(installation_id)
|
||||||
|
hook = create_integration_hook(settings)
|
||||||
|
hook.save!
|
||||||
|
|
||||||
|
cleanup_session_data
|
||||||
|
redirect_to github_redirect_uri
|
||||||
|
rescue StandardError => e
|
||||||
|
Rails.logger.error("Github callback error: #{e.message}")
|
||||||
|
redirect_to fallback_redirect_uri
|
||||||
|
end
|
||||||
|
|
||||||
|
def build_hook_settings(installation_id)
|
||||||
|
settings = {
|
||||||
|
token_type: parsed_body['token_type'],
|
||||||
|
scope: parsed_body['scope']
|
||||||
|
}
|
||||||
|
|
||||||
|
settings[:installation_id] = installation_id || session[:github_installation_id]
|
||||||
|
settings.compact
|
||||||
|
end
|
||||||
|
|
||||||
|
def create_integration_hook(settings)
|
||||||
|
account.hooks.new(
|
||||||
|
access_token: parsed_body['access_token'],
|
||||||
|
status: 'enabled',
|
||||||
|
app_id: 'github',
|
||||||
|
settings: settings
|
||||||
|
)
|
||||||
|
end
|
||||||
|
|
||||||
|
def cleanup_session_data
|
||||||
|
session.delete(:github_installation_id)
|
||||||
|
end
|
||||||
|
|
||||||
|
def account
|
||||||
|
@account ||= account_from_state
|
||||||
|
end
|
||||||
|
|
||||||
|
def account_from_state
|
||||||
|
raise ActionController::BadRequest, 'Missing state variable' if params[:state].blank?
|
||||||
|
|
||||||
|
# Try signed GlobalID first (installation flow)
|
||||||
|
account = GlobalID::Locator.locate_signed(params[:state])
|
||||||
|
return account if account
|
||||||
|
|
||||||
|
# Fallback to JWT token (direct OAuth flow)
|
||||||
|
account_id = verify_github_token(params[:state])
|
||||||
|
return Account.find(account_id) if account_id
|
||||||
|
|
||||||
|
raise 'Invalid or expired state'
|
||||||
|
rescue StandardError
|
||||||
|
raise ActionController::BadRequest, 'Invalid account context'
|
||||||
|
end
|
||||||
|
|
||||||
|
def github_redirect_uri
|
||||||
|
"#{ENV.fetch('FRONTEND_URL', nil)}/app/accounts/#{account.id}/settings/integrations/github"
|
||||||
|
end
|
||||||
|
|
||||||
|
def github_integration_settings_url
|
||||||
|
"#{ENV.fetch('FRONTEND_URL', nil)}/app/accounts/1/settings/integrations/github"
|
||||||
|
end
|
||||||
|
|
||||||
|
def fallback_redirect_uri
|
||||||
|
github_redirect_uri
|
||||||
|
rescue StandardError
|
||||||
|
# Fallback if no account context available
|
||||||
|
"#{ENV.fetch('FRONTEND_URL', nil)}/app/settings/integrations"
|
||||||
|
end
|
||||||
|
|
||||||
|
def parsed_body
|
||||||
|
@parsed_body ||= @response.response.parsed
|
||||||
|
end
|
||||||
|
|
||||||
|
def base_url
|
||||||
|
ENV.fetch('FRONTEND_URL', 'http://localhost:3000')
|
||||||
|
end
|
||||||
|
end
|
||||||
@@ -42,7 +42,8 @@ class SuperAdmin::AppConfigsController < SuperAdmin::ApplicationController
|
|||||||
'instagram' => %w[INSTAGRAM_APP_ID INSTAGRAM_APP_SECRET INSTAGRAM_VERIFY_TOKEN INSTAGRAM_API_VERSION ENABLE_INSTAGRAM_CHANNEL_HUMAN_AGENT],
|
'instagram' => %w[INSTAGRAM_APP_ID INSTAGRAM_APP_SECRET INSTAGRAM_VERIFY_TOKEN INSTAGRAM_API_VERSION ENABLE_INSTAGRAM_CHANNEL_HUMAN_AGENT],
|
||||||
'whatsapp_embedded' => %w[WHATSAPP_APP_ID WHATSAPP_APP_SECRET WHATSAPP_CONFIGURATION_ID WHATSAPP_API_VERSION],
|
'whatsapp_embedded' => %w[WHATSAPP_APP_ID WHATSAPP_APP_SECRET WHATSAPP_CONFIGURATION_ID WHATSAPP_API_VERSION],
|
||||||
'notion' => %w[NOTION_CLIENT_ID NOTION_CLIENT_SECRET],
|
'notion' => %w[NOTION_CLIENT_ID NOTION_CLIENT_SECRET],
|
||||||
'google' => %w[GOOGLE_OAUTH_CLIENT_ID GOOGLE_OAUTH_CLIENT_SECRET GOOGLE_OAUTH_REDIRECT_URI]
|
'google' => %w[GOOGLE_OAUTH_CLIENT_ID GOOGLE_OAUTH_CLIENT_SECRET GOOGLE_OAUTH_REDIRECT_URI],
|
||||||
|
'github' => %w[GITHUB_CLIENT_ID GITHUB_CLIENT_SECRET]
|
||||||
}
|
}
|
||||||
|
|
||||||
@allowed_configs = mapping.fetch(@config, %w[ENABLE_ACCOUNT_SIGNUP FIREBASE_PROJECT_ID FIREBASE_CREDENTIALS])
|
@allowed_configs = mapping.fetch(@config, %w[ENABLE_ACCOUNT_SIGNUP FIREBASE_PROJECT_ID FIREBASE_CREDENTIALS])
|
||||||
|
|||||||
@@ -13,11 +13,11 @@ class SuperAdmin::UsersController < SuperAdmin::ApplicationController
|
|||||||
redirect_to new_super_admin_user_path, notice: notice
|
redirect_to new_super_admin_user_path, notice: notice
|
||||||
end
|
end
|
||||||
end
|
end
|
||||||
#
|
|
||||||
# def update
|
def update
|
||||||
# super
|
requested_resource.skip_reconfirmation! if resource_params[:confirmed_at].present?
|
||||||
# send_foo_updated_email(requested_resource)
|
super
|
||||||
# end
|
end
|
||||||
|
|
||||||
# Override this method to specify custom lookup behavior.
|
# Override this method to specify custom lookup behavior.
|
||||||
# This will be used to set the resource for the `show`, `edit`, and `update`
|
# This will be used to set the resource for the `show`, `edit`, and `update`
|
||||||
|
|||||||
@@ -59,11 +59,11 @@ class UserDashboard < Administrate::BaseDashboard
|
|||||||
SHOW_PAGE_ATTRIBUTES = %i[
|
SHOW_PAGE_ATTRIBUTES = %i[
|
||||||
id
|
id
|
||||||
avatar_url
|
avatar_url
|
||||||
unconfirmed_email
|
|
||||||
name
|
name
|
||||||
type
|
type
|
||||||
display_name
|
display_name
|
||||||
email
|
email
|
||||||
|
unconfirmed_email
|
||||||
created_at
|
created_at
|
||||||
updated_at
|
updated_at
|
||||||
confirmed_at
|
confirmed_at
|
||||||
|
|||||||
@@ -0,0 +1,47 @@
|
|||||||
|
module Github::IntegrationHelper
|
||||||
|
# Generates a signed JWT token for Github integration
|
||||||
|
#
|
||||||
|
# @param account_id [Integer] The account ID to encode in the token
|
||||||
|
# @return [String, nil] The encoded JWT token or nil if client secret is missing
|
||||||
|
def generate_github_token(account_id)
|
||||||
|
return if github_client_secret.blank?
|
||||||
|
|
||||||
|
JWT.encode(github_token_payload(account_id), github_client_secret, 'HS256')
|
||||||
|
rescue StandardError => e
|
||||||
|
Rails.logger.error("Failed to generate Github token: #{e.message}")
|
||||||
|
nil
|
||||||
|
end
|
||||||
|
|
||||||
|
def github_token_payload(account_id)
|
||||||
|
{
|
||||||
|
sub: account_id,
|
||||||
|
iat: Time.current.to_i
|
||||||
|
}
|
||||||
|
end
|
||||||
|
|
||||||
|
# Verifies and decodes a Github JWT token
|
||||||
|
#
|
||||||
|
# @param token [String] The JWT token to verify
|
||||||
|
# @return [Integer, nil] The account ID from the token or nil if invalid
|
||||||
|
def verify_github_token(token)
|
||||||
|
return if token.blank? || github_client_secret.blank?
|
||||||
|
|
||||||
|
github_decode_token(token, github_client_secret)
|
||||||
|
end
|
||||||
|
|
||||||
|
private
|
||||||
|
|
||||||
|
def github_client_secret
|
||||||
|
@github_client_secret ||= GlobalConfigService.load('GITHUB_CLIENT_SECRET', nil)
|
||||||
|
end
|
||||||
|
|
||||||
|
def github_decode_token(token, secret)
|
||||||
|
JWT.decode(token, secret, true, {
|
||||||
|
algorithm: 'HS256',
|
||||||
|
verify_expiration: true
|
||||||
|
}).first['sub']
|
||||||
|
rescue StandardError => e
|
||||||
|
Rails.logger.error("Unexpected error verifying Github token: #{e.message}")
|
||||||
|
nil
|
||||||
|
end
|
||||||
|
end
|
||||||
@@ -0,0 +1,36 @@
|
|||||||
|
/* global axios */
|
||||||
|
import ApiClient from '../ApiClient';
|
||||||
|
|
||||||
|
class CaptainCustomTools extends ApiClient {
|
||||||
|
constructor() {
|
||||||
|
super('captain/custom_tools', { accountScoped: true });
|
||||||
|
}
|
||||||
|
|
||||||
|
get({ page = 1, searchKey } = {}) {
|
||||||
|
return axios.get(this.url, {
|
||||||
|
params: { page, searchKey },
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
show(id) {
|
||||||
|
return axios.get(`${this.url}/${id}`);
|
||||||
|
}
|
||||||
|
|
||||||
|
create(data = {}) {
|
||||||
|
return axios.post(this.url, {
|
||||||
|
custom_tool: data,
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
update(id, data = {}) {
|
||||||
|
return axios.put(`${this.url}/${id}`, {
|
||||||
|
custom_tool: data,
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
delete(id) {
|
||||||
|
return axios.delete(`${this.url}/${id}`);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
export default new CaptainCustomTools();
|
||||||
@@ -0,0 +1,16 @@
|
|||||||
|
import axios from 'axios';
|
||||||
|
import ApiClient from './ApiClient';
|
||||||
|
import { CHANGELOG_API_URL } from 'shared/constants/links';
|
||||||
|
|
||||||
|
class ChangelogApi extends ApiClient {
|
||||||
|
constructor() {
|
||||||
|
super('changelog', { apiVersion: 'v1' });
|
||||||
|
}
|
||||||
|
|
||||||
|
// eslint-disable-next-line class-methods-use-this
|
||||||
|
fetchFromHub() {
|
||||||
|
return axios.get(CHANGELOG_API_URL);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
export default new ChangelogApi();
|
||||||
@@ -0,0 +1,14 @@
|
|||||||
|
/* global axios */
|
||||||
|
import ApiClient from './ApiClient';
|
||||||
|
|
||||||
|
class InboxHealthAPI extends ApiClient {
|
||||||
|
constructor() {
|
||||||
|
super('inboxes', { accountScoped: true });
|
||||||
|
}
|
||||||
|
|
||||||
|
getHealthStatus(inboxId) {
|
||||||
|
return axios.get(`${this.url}/${inboxId}/health`);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
export default new InboxHealthAPI();
|
||||||
+14
-3
@@ -148,10 +148,21 @@ const isAnyDropdownActive = computed(() => {
|
|||||||
|
|
||||||
const handleContactSearch = value => {
|
const handleContactSearch = value => {
|
||||||
showContactsDropdown.value = true;
|
showContactsDropdown.value = true;
|
||||||
emit('searchContacts', {
|
const query = typeof value === 'string' ? value.trim() : '';
|
||||||
keys: ['email', 'phone_number', 'name'],
|
const hasAlphabet = Array.from(query).some(char => {
|
||||||
query: value,
|
const lower = char.toLowerCase();
|
||||||
|
const upper = char.toUpperCase();
|
||||||
|
return lower !== upper;
|
||||||
});
|
});
|
||||||
|
const isEmailLike = /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(query);
|
||||||
|
|
||||||
|
const keys = ['email', 'phone_number', 'name'].filter(key => {
|
||||||
|
if (key === 'phone_number' && hasAlphabet) return false;
|
||||||
|
if (key === 'name' && isEmailLike) return false;
|
||||||
|
return true;
|
||||||
|
});
|
||||||
|
|
||||||
|
emit('searchContacts', { keys, query: value });
|
||||||
};
|
};
|
||||||
|
|
||||||
const handleDropdownUpdate = (type, value) => {
|
const handleDropdownUpdate = (type, value) => {
|
||||||
|
|||||||
-1
@@ -136,7 +136,6 @@ export const prepareNewMessagePayload = ({
|
|||||||
contactId: Number(selectedContact.id),
|
contactId: Number(selectedContact.id),
|
||||||
message: { content: message },
|
message: { content: message },
|
||||||
assigneeId: currentUser.id,
|
assigneeId: currentUser.id,
|
||||||
status: 'open', // Explicitly set status to open for manually created conversations
|
|
||||||
};
|
};
|
||||||
|
|
||||||
if (attachedFiles?.length) {
|
if (attachedFiles?.length) {
|
||||||
|
|||||||
-1
@@ -287,7 +287,6 @@ describe('composeConversationHelper', () => {
|
|||||||
contactId: 2,
|
contactId: 2,
|
||||||
message: { content: 'Hello' },
|
message: { content: 'Hello' },
|
||||||
assigneeId: 3,
|
assigneeId: 3,
|
||||||
status: 'open',
|
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|||||||
@@ -10,6 +10,10 @@ const props = defineProps({
|
|||||||
type: String,
|
type: String,
|
||||||
required: true,
|
required: true,
|
||||||
},
|
},
|
||||||
|
translationKey: {
|
||||||
|
type: String,
|
||||||
|
required: true,
|
||||||
|
},
|
||||||
entity: {
|
entity: {
|
||||||
type: Object,
|
type: Object,
|
||||||
required: true,
|
required: true,
|
||||||
@@ -25,7 +29,9 @@ const emit = defineEmits(['deleteSuccess']);
|
|||||||
const { t } = useI18n();
|
const { t } = useI18n();
|
||||||
const store = useStore();
|
const store = useStore();
|
||||||
const deleteDialogRef = ref(null);
|
const deleteDialogRef = ref(null);
|
||||||
const i18nKey = computed(() => props.type.toUpperCase());
|
const i18nKey = computed(() => {
|
||||||
|
return props.translationKey || props.type.toUpperCase();
|
||||||
|
});
|
||||||
|
|
||||||
const deleteEntity = async payload => {
|
const deleteEntity = async payload => {
|
||||||
if (!payload) return;
|
if (!payload) return;
|
||||||
|
|||||||
+73
@@ -0,0 +1,73 @@
|
|||||||
|
<script setup>
|
||||||
|
import { defineModel, watch } from 'vue';
|
||||||
|
import { useI18n } from 'vue-i18n';
|
||||||
|
import Input from 'dashboard/components-next/input/Input.vue';
|
||||||
|
|
||||||
|
const props = defineProps({
|
||||||
|
authType: {
|
||||||
|
type: String,
|
||||||
|
required: true,
|
||||||
|
validator: value => ['none', 'bearer', 'basic', 'api_key'].includes(value),
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
const { t } = useI18n();
|
||||||
|
|
||||||
|
const authConfig = defineModel('authConfig', {
|
||||||
|
type: Object,
|
||||||
|
default: () => ({}),
|
||||||
|
});
|
||||||
|
|
||||||
|
watch(
|
||||||
|
() => props.authType,
|
||||||
|
() => {
|
||||||
|
authConfig.value = {};
|
||||||
|
}
|
||||||
|
);
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<div class="flex flex-col gap-2">
|
||||||
|
<Input
|
||||||
|
v-if="authType === 'bearer'"
|
||||||
|
v-model="authConfig.token"
|
||||||
|
:label="t('CAPTAIN.CUSTOM_TOOLS.FORM.AUTH_CONFIG.BEARER_TOKEN')"
|
||||||
|
:placeholder="
|
||||||
|
t('CAPTAIN.CUSTOM_TOOLS.FORM.AUTH_CONFIG.BEARER_TOKEN_PLACEHOLDER')
|
||||||
|
"
|
||||||
|
/>
|
||||||
|
<template v-else-if="authType === 'basic'">
|
||||||
|
<Input
|
||||||
|
v-model="authConfig.username"
|
||||||
|
:label="t('CAPTAIN.CUSTOM_TOOLS.FORM.AUTH_CONFIG.USERNAME')"
|
||||||
|
:placeholder="
|
||||||
|
t('CAPTAIN.CUSTOM_TOOLS.FORM.AUTH_CONFIG.USERNAME_PLACEHOLDER')
|
||||||
|
"
|
||||||
|
/>
|
||||||
|
<Input
|
||||||
|
v-model="authConfig.password"
|
||||||
|
type="password"
|
||||||
|
:label="t('CAPTAIN.CUSTOM_TOOLS.FORM.AUTH_CONFIG.PASSWORD')"
|
||||||
|
:placeholder="
|
||||||
|
t('CAPTAIN.CUSTOM_TOOLS.FORM.AUTH_CONFIG.PASSWORD_PLACEHOLDER')
|
||||||
|
"
|
||||||
|
/>
|
||||||
|
</template>
|
||||||
|
<template v-else-if="authType === 'api_key'">
|
||||||
|
<Input
|
||||||
|
v-model="authConfig.name"
|
||||||
|
:label="t('CAPTAIN.CUSTOM_TOOLS.FORM.AUTH_CONFIG.API_KEY')"
|
||||||
|
:placeholder="
|
||||||
|
t('CAPTAIN.CUSTOM_TOOLS.FORM.AUTH_CONFIG.API_KEY_PLACEHOLDER')
|
||||||
|
"
|
||||||
|
/>
|
||||||
|
<Input
|
||||||
|
v-model="authConfig.key"
|
||||||
|
:label="t('CAPTAIN.CUSTOM_TOOLS.FORM.AUTH_CONFIG.API_VALUE')"
|
||||||
|
:placeholder="
|
||||||
|
t('CAPTAIN.CUSTOM_TOOLS.FORM.AUTH_CONFIG.API_VALUE_PLACEHOLDER')
|
||||||
|
"
|
||||||
|
/>
|
||||||
|
</template>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
+87
@@ -0,0 +1,87 @@
|
|||||||
|
<script setup>
|
||||||
|
import { ref, computed } from 'vue';
|
||||||
|
import { useStore } from 'dashboard/composables/store';
|
||||||
|
import { useAlert } from 'dashboard/composables';
|
||||||
|
import { useI18n } from 'vue-i18n';
|
||||||
|
import { parseAPIErrorResponse } from 'dashboard/store/utils/api';
|
||||||
|
|
||||||
|
import Dialog from 'dashboard/components-next/dialog/Dialog.vue';
|
||||||
|
import CustomToolForm from './CustomToolForm.vue';
|
||||||
|
|
||||||
|
const props = defineProps({
|
||||||
|
selectedTool: {
|
||||||
|
type: Object,
|
||||||
|
default: () => ({}),
|
||||||
|
},
|
||||||
|
type: {
|
||||||
|
type: String,
|
||||||
|
default: 'create',
|
||||||
|
validator: value => ['create', 'edit'].includes(value),
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
const emit = defineEmits(['close']);
|
||||||
|
const { t } = useI18n();
|
||||||
|
const store = useStore();
|
||||||
|
|
||||||
|
const dialogRef = ref(null);
|
||||||
|
|
||||||
|
const updateTool = toolDetails =>
|
||||||
|
store.dispatch('captainCustomTools/update', {
|
||||||
|
id: props.selectedTool.id,
|
||||||
|
...toolDetails,
|
||||||
|
});
|
||||||
|
|
||||||
|
const i18nKey = computed(
|
||||||
|
() => `CAPTAIN.CUSTOM_TOOLS.${props.type.toUpperCase()}`
|
||||||
|
);
|
||||||
|
|
||||||
|
const createTool = toolDetails =>
|
||||||
|
store.dispatch('captainCustomTools/create', toolDetails);
|
||||||
|
|
||||||
|
const handleSubmit = async updatedTool => {
|
||||||
|
try {
|
||||||
|
if (props.type === 'edit') {
|
||||||
|
await updateTool(updatedTool);
|
||||||
|
} else {
|
||||||
|
await createTool(updatedTool);
|
||||||
|
}
|
||||||
|
useAlert(t(`${i18nKey.value}.SUCCESS_MESSAGE`));
|
||||||
|
dialogRef.value.close();
|
||||||
|
} catch (error) {
|
||||||
|
const errorMessage =
|
||||||
|
parseAPIErrorResponse(error) || t(`${i18nKey.value}.ERROR_MESSAGE`);
|
||||||
|
useAlert(errorMessage);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
const handleClose = () => {
|
||||||
|
emit('close');
|
||||||
|
};
|
||||||
|
|
||||||
|
const handleCancel = () => {
|
||||||
|
dialogRef.value.close();
|
||||||
|
};
|
||||||
|
|
||||||
|
defineExpose({ dialogRef });
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<Dialog
|
||||||
|
ref="dialogRef"
|
||||||
|
width="2xl"
|
||||||
|
:title="$t(`${i18nKey}.TITLE`)"
|
||||||
|
:description="$t('CAPTAIN.CUSTOM_TOOLS.FORM_DESCRIPTION')"
|
||||||
|
:show-cancel-button="false"
|
||||||
|
:show-confirm-button="false"
|
||||||
|
@close="handleClose"
|
||||||
|
>
|
||||||
|
<CustomToolForm
|
||||||
|
:mode="type"
|
||||||
|
:tool="selectedTool"
|
||||||
|
@submit="handleSubmit"
|
||||||
|
@cancel="handleCancel"
|
||||||
|
/>
|
||||||
|
<template #footer />
|
||||||
|
</Dialog>
|
||||||
|
</template>
|
||||||
+125
@@ -0,0 +1,125 @@
|
|||||||
|
<script setup>
|
||||||
|
import { computed } from 'vue';
|
||||||
|
import { useToggle } from '@vueuse/core';
|
||||||
|
import { useI18n } from 'vue-i18n';
|
||||||
|
import { dynamicTime } from 'shared/helpers/timeHelper';
|
||||||
|
|
||||||
|
import CardLayout from 'dashboard/components-next/CardLayout.vue';
|
||||||
|
import DropdownMenu from 'dashboard/components-next/dropdown-menu/DropdownMenu.vue';
|
||||||
|
import Button from 'dashboard/components-next/button/Button.vue';
|
||||||
|
import Policy from 'dashboard/components/policy.vue';
|
||||||
|
|
||||||
|
const props = defineProps({
|
||||||
|
id: {
|
||||||
|
type: Number,
|
||||||
|
required: true,
|
||||||
|
},
|
||||||
|
title: {
|
||||||
|
type: String,
|
||||||
|
required: true,
|
||||||
|
},
|
||||||
|
description: {
|
||||||
|
type: String,
|
||||||
|
default: '',
|
||||||
|
},
|
||||||
|
authType: {
|
||||||
|
type: String,
|
||||||
|
default: 'none',
|
||||||
|
},
|
||||||
|
updatedAt: {
|
||||||
|
type: Number,
|
||||||
|
required: true,
|
||||||
|
},
|
||||||
|
createdAt: {
|
||||||
|
type: Number,
|
||||||
|
required: true,
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
const emit = defineEmits(['action']);
|
||||||
|
|
||||||
|
const { t } = useI18n();
|
||||||
|
|
||||||
|
const [showActionsDropdown, toggleDropdown] = useToggle();
|
||||||
|
|
||||||
|
const menuItems = computed(() => [
|
||||||
|
{
|
||||||
|
label: t('CAPTAIN.CUSTOM_TOOLS.OPTIONS.EDIT_TOOL'),
|
||||||
|
value: 'edit',
|
||||||
|
action: 'edit',
|
||||||
|
icon: 'i-lucide-pencil-line',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: t('CAPTAIN.CUSTOM_TOOLS.OPTIONS.DELETE_TOOL'),
|
||||||
|
value: 'delete',
|
||||||
|
action: 'delete',
|
||||||
|
icon: 'i-lucide-trash',
|
||||||
|
},
|
||||||
|
]);
|
||||||
|
|
||||||
|
const timestamp = computed(() =>
|
||||||
|
dynamicTime(props.updatedAt || props.createdAt)
|
||||||
|
);
|
||||||
|
|
||||||
|
const handleAction = ({ action, value }) => {
|
||||||
|
toggleDropdown(false);
|
||||||
|
emit('action', { action, value, id: props.id });
|
||||||
|
};
|
||||||
|
|
||||||
|
const authTypeLabel = computed(() => {
|
||||||
|
return t(
|
||||||
|
`CAPTAIN.CUSTOM_TOOLS.FORM.AUTH_TYPES.${props.authType.toUpperCase()}`
|
||||||
|
);
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<CardLayout class="relative">
|
||||||
|
<div class="flex relative justify-between w-full gap-1">
|
||||||
|
<span class="text-base text-n-slate-12 line-clamp-1 font-medium">
|
||||||
|
{{ title }}
|
||||||
|
</span>
|
||||||
|
<div class="flex items-center gap-2">
|
||||||
|
<Policy
|
||||||
|
v-on-clickaway="() => toggleDropdown(false)"
|
||||||
|
:permissions="['administrator']"
|
||||||
|
class="relative flex items-center group"
|
||||||
|
>
|
||||||
|
<Button
|
||||||
|
icon="i-lucide-ellipsis-vertical"
|
||||||
|
color="slate"
|
||||||
|
size="xs"
|
||||||
|
class="rounded-md group-hover:bg-n-alpha-2"
|
||||||
|
@click="toggleDropdown()"
|
||||||
|
/>
|
||||||
|
<DropdownMenu
|
||||||
|
v-if="showActionsDropdown"
|
||||||
|
:menu-items="menuItems"
|
||||||
|
class="mt-1 ltr:right-0 rtl:right-0 top-full"
|
||||||
|
@action="handleAction($event)"
|
||||||
|
/>
|
||||||
|
</Policy>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="flex items-center justify-between w-full gap-4">
|
||||||
|
<div class="flex items-center gap-3 flex-1">
|
||||||
|
<span
|
||||||
|
v-if="description"
|
||||||
|
class="text-sm truncate text-n-slate-11 flex-1"
|
||||||
|
>
|
||||||
|
{{ description }}
|
||||||
|
</span>
|
||||||
|
<span
|
||||||
|
v-if="authType !== 'none'"
|
||||||
|
class="text-sm shrink-0 text-n-slate-11 inline-flex items-center gap-1"
|
||||||
|
>
|
||||||
|
<i class="i-lucide-lock text-base" />
|
||||||
|
{{ authTypeLabel }}
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<span class="text-sm text-n-slate-11 line-clamp-1 shrink-0">
|
||||||
|
{{ timestamp }}
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</CardLayout>
|
||||||
|
</template>
|
||||||
+271
@@ -0,0 +1,271 @@
|
|||||||
|
<script setup>
|
||||||
|
import { reactive, computed, useTemplateRef, watch } from 'vue';
|
||||||
|
import { useI18n } from 'vue-i18n';
|
||||||
|
import { useVuelidate } from '@vuelidate/core';
|
||||||
|
import { required } from '@vuelidate/validators';
|
||||||
|
import { useMapGetter } from 'dashboard/composables/store';
|
||||||
|
|
||||||
|
import Input from 'dashboard/components-next/input/Input.vue';
|
||||||
|
import TextArea from 'dashboard/components-next/textarea/TextArea.vue';
|
||||||
|
import Button from 'dashboard/components-next/button/Button.vue';
|
||||||
|
import ComboBox from 'dashboard/components-next/combobox/ComboBox.vue';
|
||||||
|
import ParamRow from './ParamRow.vue';
|
||||||
|
import AuthConfig from './AuthConfig.vue';
|
||||||
|
|
||||||
|
const props = defineProps({
|
||||||
|
mode: {
|
||||||
|
type: String,
|
||||||
|
default: 'create',
|
||||||
|
validator: value => ['create', 'edit'].includes(value),
|
||||||
|
},
|
||||||
|
tool: {
|
||||||
|
type: Object,
|
||||||
|
default: () => ({}),
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
const emit = defineEmits(['submit', 'cancel']);
|
||||||
|
|
||||||
|
const { t } = useI18n();
|
||||||
|
|
||||||
|
const formState = {
|
||||||
|
uiFlags: useMapGetter('captainCustomTools/getUIFlags'),
|
||||||
|
};
|
||||||
|
|
||||||
|
const initialState = {
|
||||||
|
title: '',
|
||||||
|
description: '',
|
||||||
|
endpoint_url: '',
|
||||||
|
http_method: 'GET',
|
||||||
|
request_template: '',
|
||||||
|
response_template: '',
|
||||||
|
auth_type: 'none',
|
||||||
|
auth_config: {},
|
||||||
|
param_schema: [],
|
||||||
|
};
|
||||||
|
|
||||||
|
const state = reactive({ ...initialState });
|
||||||
|
|
||||||
|
// Populate form when in edit mode
|
||||||
|
watch(
|
||||||
|
() => props.tool,
|
||||||
|
newTool => {
|
||||||
|
if (props.mode === 'edit' && newTool && newTool.id) {
|
||||||
|
state.title = newTool.title || '';
|
||||||
|
state.description = newTool.description || '';
|
||||||
|
state.endpoint_url = newTool.endpoint_url || '';
|
||||||
|
state.http_method = newTool.http_method || 'GET';
|
||||||
|
state.request_template = newTool.request_template || '';
|
||||||
|
state.response_template = newTool.response_template || '';
|
||||||
|
state.auth_type = newTool.auth_type || 'none';
|
||||||
|
state.auth_config = newTool.auth_config || {};
|
||||||
|
state.param_schema = newTool.param_schema || [];
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{ immediate: true }
|
||||||
|
);
|
||||||
|
|
||||||
|
const DEFAULT_PARAM = {
|
||||||
|
name: '',
|
||||||
|
type: 'string',
|
||||||
|
description: '',
|
||||||
|
required: false,
|
||||||
|
};
|
||||||
|
|
||||||
|
const validationRules = {
|
||||||
|
title: { required },
|
||||||
|
endpoint_url: { required },
|
||||||
|
http_method: { required },
|
||||||
|
auth_type: { required },
|
||||||
|
};
|
||||||
|
|
||||||
|
const httpMethodOptions = computed(() => [
|
||||||
|
{ value: 'GET', label: 'GET' },
|
||||||
|
{ value: 'POST', label: 'POST' },
|
||||||
|
]);
|
||||||
|
|
||||||
|
const authTypeOptions = computed(() => [
|
||||||
|
{ value: 'none', label: t('CAPTAIN.CUSTOM_TOOLS.FORM.AUTH_TYPES.NONE') },
|
||||||
|
{ value: 'bearer', label: t('CAPTAIN.CUSTOM_TOOLS.FORM.AUTH_TYPES.BEARER') },
|
||||||
|
{ value: 'basic', label: t('CAPTAIN.CUSTOM_TOOLS.FORM.AUTH_TYPES.BASIC') },
|
||||||
|
{
|
||||||
|
value: 'api_key',
|
||||||
|
label: t('CAPTAIN.CUSTOM_TOOLS.FORM.AUTH_TYPES.API_KEY'),
|
||||||
|
},
|
||||||
|
]);
|
||||||
|
|
||||||
|
const v$ = useVuelidate(validationRules, state);
|
||||||
|
|
||||||
|
const isLoading = computed(() =>
|
||||||
|
props.mode === 'edit'
|
||||||
|
? formState.uiFlags.value.updatingItem
|
||||||
|
: formState.uiFlags.value.creatingItem
|
||||||
|
);
|
||||||
|
|
||||||
|
const getErrorMessage = (field, errorKey) => {
|
||||||
|
return v$.value[field].$error
|
||||||
|
? t(`CAPTAIN.CUSTOM_TOOLS.FORM.${errorKey}.ERROR`)
|
||||||
|
: '';
|
||||||
|
};
|
||||||
|
|
||||||
|
const formErrors = computed(() => ({
|
||||||
|
title: getErrorMessage('title', 'TITLE'),
|
||||||
|
endpoint_url: getErrorMessage('endpoint_url', 'ENDPOINT_URL'),
|
||||||
|
}));
|
||||||
|
|
||||||
|
const paramsRef = useTemplateRef('paramsRef');
|
||||||
|
|
||||||
|
const isParamsValid = () => {
|
||||||
|
if (!paramsRef.value || paramsRef.value.length === 0) {
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
return paramsRef.value.every(param => param.validate());
|
||||||
|
};
|
||||||
|
|
||||||
|
const removeParam = index => {
|
||||||
|
state.param_schema.splice(index, 1);
|
||||||
|
};
|
||||||
|
|
||||||
|
const addParam = () => {
|
||||||
|
state.param_schema.push({ ...DEFAULT_PARAM });
|
||||||
|
};
|
||||||
|
|
||||||
|
const handleCancel = () => emit('cancel');
|
||||||
|
|
||||||
|
const handleSubmit = async () => {
|
||||||
|
const isFormValid = await v$.value.$validate();
|
||||||
|
if (!isFormValid || !isParamsValid()) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
emit('submit', state);
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<form
|
||||||
|
class="flex flex-col px-4 -mx-4 gap-4 max-h-[calc(100vh-200px)] overflow-y-scroll"
|
||||||
|
@submit.prevent="handleSubmit"
|
||||||
|
>
|
||||||
|
<Input
|
||||||
|
v-model="state.title"
|
||||||
|
:label="t('CAPTAIN.CUSTOM_TOOLS.FORM.TITLE.LABEL')"
|
||||||
|
:placeholder="t('CAPTAIN.CUSTOM_TOOLS.FORM.TITLE.PLACEHOLDER')"
|
||||||
|
:message="formErrors.title"
|
||||||
|
:message-type="formErrors.title ? 'error' : 'info'"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<TextArea
|
||||||
|
v-model="state.description"
|
||||||
|
:label="t('CAPTAIN.CUSTOM_TOOLS.FORM.DESCRIPTION.LABEL')"
|
||||||
|
:placeholder="t('CAPTAIN.CUSTOM_TOOLS.FORM.DESCRIPTION.PLACEHOLDER')"
|
||||||
|
:rows="2"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<div class="flex gap-2">
|
||||||
|
<div class="flex flex-col gap-1 w-28">
|
||||||
|
<label class="mb-0.5 text-sm font-medium text-n-slate-12">
|
||||||
|
{{ t('CAPTAIN.CUSTOM_TOOLS.FORM.HTTP_METHOD.LABEL') }}
|
||||||
|
</label>
|
||||||
|
<ComboBox
|
||||||
|
v-model="state.http_method"
|
||||||
|
:options="httpMethodOptions"
|
||||||
|
class="[&>div>button]:bg-n-alpha-black2 [&_li]:font-mono [&_button]:font-mono [&>div>button]:outline-offset-[-1px]"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<Input
|
||||||
|
v-model="state.endpoint_url"
|
||||||
|
:label="t('CAPTAIN.CUSTOM_TOOLS.FORM.ENDPOINT_URL.LABEL')"
|
||||||
|
:placeholder="t('CAPTAIN.CUSTOM_TOOLS.FORM.ENDPOINT_URL.PLACEHOLDER')"
|
||||||
|
:message="formErrors.endpoint_url"
|
||||||
|
:message-type="formErrors.endpoint_url ? 'error' : 'info'"
|
||||||
|
class="flex-1"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="flex flex-col gap-1">
|
||||||
|
<label class="mb-0.5 text-sm font-medium text-n-slate-12">
|
||||||
|
{{ t('CAPTAIN.CUSTOM_TOOLS.FORM.AUTH_TYPE.LABEL') }}
|
||||||
|
</label>
|
||||||
|
<ComboBox
|
||||||
|
v-model="state.auth_type"
|
||||||
|
:options="authTypeOptions"
|
||||||
|
class="[&>div>button]:bg-n-alpha-black2"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<AuthConfig
|
||||||
|
v-model:auth-config="state.auth_config"
|
||||||
|
:auth-type="state.auth_type"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<div class="flex flex-col gap-2">
|
||||||
|
<label class="text-sm font-medium text-n-slate-12">
|
||||||
|
{{ t('CAPTAIN.CUSTOM_TOOLS.FORM.PARAMETERS.LABEL') }}
|
||||||
|
</label>
|
||||||
|
<p class="text-xs text-n-slate-11 -mt-1">
|
||||||
|
{{ t('CAPTAIN.CUSTOM_TOOLS.FORM.PARAMETERS.HELP_TEXT') }}
|
||||||
|
</p>
|
||||||
|
<ul v-if="state.param_schema.length > 0" class="grid gap-2 list-none">
|
||||||
|
<ParamRow
|
||||||
|
v-for="(param, index) in state.param_schema"
|
||||||
|
:key="index"
|
||||||
|
ref="paramsRef"
|
||||||
|
v-model:name="param.name"
|
||||||
|
v-model:type="param.type"
|
||||||
|
v-model:description="param.description"
|
||||||
|
v-model:required="param.required"
|
||||||
|
@remove="removeParam(index)"
|
||||||
|
/>
|
||||||
|
</ul>
|
||||||
|
<Button
|
||||||
|
type="button"
|
||||||
|
sm
|
||||||
|
ghost
|
||||||
|
blue
|
||||||
|
icon="i-lucide-plus"
|
||||||
|
:label="t('CAPTAIN.CUSTOM_TOOLS.FORM.ADD_PARAMETER')"
|
||||||
|
@click="addParam"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<TextArea
|
||||||
|
v-if="state.http_method === 'POST'"
|
||||||
|
v-model="state.request_template"
|
||||||
|
:label="t('CAPTAIN.CUSTOM_TOOLS.FORM.REQUEST_TEMPLATE.LABEL')"
|
||||||
|
:placeholder="t('CAPTAIN.CUSTOM_TOOLS.FORM.REQUEST_TEMPLATE.PLACEHOLDER')"
|
||||||
|
:rows="4"
|
||||||
|
class="[&_textarea]:font-mono"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<TextArea
|
||||||
|
v-model="state.response_template"
|
||||||
|
:label="t('CAPTAIN.CUSTOM_TOOLS.FORM.RESPONSE_TEMPLATE.LABEL')"
|
||||||
|
:placeholder="
|
||||||
|
t('CAPTAIN.CUSTOM_TOOLS.FORM.RESPONSE_TEMPLATE.PLACEHOLDER')
|
||||||
|
"
|
||||||
|
:rows="4"
|
||||||
|
class="[&_textarea]:font-mono"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<div class="flex gap-3 justify-between items-center w-full">
|
||||||
|
<Button
|
||||||
|
type="button"
|
||||||
|
variant="faded"
|
||||||
|
color="slate"
|
||||||
|
:label="t('CAPTAIN.FORM.CANCEL')"
|
||||||
|
class="w-full bg-n-alpha-2 text-n-blue-text hover:bg-n-alpha-3"
|
||||||
|
@click="handleCancel"
|
||||||
|
/>
|
||||||
|
<Button
|
||||||
|
type="submit"
|
||||||
|
:label="
|
||||||
|
t(mode === 'edit' ? 'CAPTAIN.FORM.EDIT' : 'CAPTAIN.FORM.CREATE')
|
||||||
|
"
|
||||||
|
class="w-full"
|
||||||
|
:is-loading="isLoading"
|
||||||
|
:disabled="isLoading"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</template>
|
||||||
+113
@@ -0,0 +1,113 @@
|
|||||||
|
<script setup>
|
||||||
|
import { computed, defineModel, ref, watch } from 'vue';
|
||||||
|
import { useI18n } from 'vue-i18n';
|
||||||
|
import Button from 'dashboard/components-next/button/Button.vue';
|
||||||
|
import Input from 'dashboard/components-next/input/Input.vue';
|
||||||
|
import ComboBox from 'dashboard/components-next/combobox/ComboBox.vue';
|
||||||
|
import Checkbox from 'dashboard/components-next/checkbox/Checkbox.vue';
|
||||||
|
|
||||||
|
const emit = defineEmits(['remove']);
|
||||||
|
const { t } = useI18n();
|
||||||
|
const showErrors = ref(false);
|
||||||
|
|
||||||
|
const name = defineModel('name', {
|
||||||
|
type: String,
|
||||||
|
required: true,
|
||||||
|
});
|
||||||
|
|
||||||
|
const type = defineModel('type', {
|
||||||
|
type: String,
|
||||||
|
required: true,
|
||||||
|
});
|
||||||
|
|
||||||
|
const description = defineModel('description', {
|
||||||
|
type: String,
|
||||||
|
default: '',
|
||||||
|
});
|
||||||
|
|
||||||
|
const required = defineModel('required', {
|
||||||
|
type: Boolean,
|
||||||
|
default: false,
|
||||||
|
});
|
||||||
|
|
||||||
|
const paramTypeOptions = computed(() => [
|
||||||
|
{ value: 'string', label: t('CAPTAIN.CUSTOM_TOOLS.FORM.PARAM_TYPES.STRING') },
|
||||||
|
{ value: 'number', label: t('CAPTAIN.CUSTOM_TOOLS.FORM.PARAM_TYPES.NUMBER') },
|
||||||
|
{
|
||||||
|
value: 'boolean',
|
||||||
|
label: t('CAPTAIN.CUSTOM_TOOLS.FORM.PARAM_TYPES.BOOLEAN'),
|
||||||
|
},
|
||||||
|
{ value: 'array', label: t('CAPTAIN.CUSTOM_TOOLS.FORM.PARAM_TYPES.ARRAY') },
|
||||||
|
{ value: 'object', label: t('CAPTAIN.CUSTOM_TOOLS.FORM.PARAM_TYPES.OBJECT') },
|
||||||
|
]);
|
||||||
|
|
||||||
|
const validationError = computed(() => {
|
||||||
|
if (!name.value || name.value.trim() === '') {
|
||||||
|
return 'PARAM_NAME_REQUIRED';
|
||||||
|
}
|
||||||
|
return null;
|
||||||
|
});
|
||||||
|
|
||||||
|
watch([name, type, description, required], () => {
|
||||||
|
showErrors.value = false;
|
||||||
|
});
|
||||||
|
|
||||||
|
const validate = () => {
|
||||||
|
showErrors.value = true;
|
||||||
|
return !validationError.value;
|
||||||
|
};
|
||||||
|
|
||||||
|
defineExpose({ validate });
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<li class="list-none">
|
||||||
|
<div
|
||||||
|
class="flex items-start gap-2 p-3 rounded-lg border border-n-weak bg-n-alpha-2"
|
||||||
|
:class="{
|
||||||
|
'animate-wiggle border-n-ruby-9': showErrors && validationError,
|
||||||
|
}"
|
||||||
|
>
|
||||||
|
<div class="flex flex-col flex-1 gap-3">
|
||||||
|
<div class="grid grid-cols-3 gap-2">
|
||||||
|
<Input
|
||||||
|
v-model="name"
|
||||||
|
:placeholder="t('CAPTAIN.CUSTOM_TOOLS.FORM.PARAM_NAME.PLACEHOLDER')"
|
||||||
|
class="col-span-2"
|
||||||
|
/>
|
||||||
|
<ComboBox
|
||||||
|
v-model="type"
|
||||||
|
:options="paramTypeOptions"
|
||||||
|
:placeholder="t('CAPTAIN.CUSTOM_TOOLS.FORM.PARAM_TYPE.PLACEHOLDER')"
|
||||||
|
class="[&>div>button]:bg-n-alpha-black2"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<Input
|
||||||
|
v-model="description"
|
||||||
|
:placeholder="
|
||||||
|
t('CAPTAIN.CUSTOM_TOOLS.FORM.PARAM_DESCRIPTION.PLACEHOLDER')
|
||||||
|
"
|
||||||
|
/>
|
||||||
|
<label class="flex items-center gap-2 cursor-pointer">
|
||||||
|
<Checkbox v-model="required" />
|
||||||
|
<span class="text-sm text-n-slate-11">
|
||||||
|
{{ t('CAPTAIN.CUSTOM_TOOLS.FORM.PARAM_REQUIRED.LABEL') }}
|
||||||
|
</span>
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
<Button
|
||||||
|
solid
|
||||||
|
slate
|
||||||
|
icon="i-lucide-trash"
|
||||||
|
class="flex-shrink-0"
|
||||||
|
@click.stop="emit('remove')"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<span
|
||||||
|
v-if="showErrors && validationError"
|
||||||
|
class="block mt-1 text-sm text-n-ruby-11"
|
||||||
|
>
|
||||||
|
{{ t(`CAPTAIN.CUSTOM_TOOLS.FORM.ERRORS.${validationError}`) }}
|
||||||
|
</span>
|
||||||
|
</li>
|
||||||
|
</template>
|
||||||
+3
@@ -1,4 +1,5 @@
|
|||||||
<script setup>
|
<script setup>
|
||||||
|
import { useAccount } from 'dashboard/composables/useAccount';
|
||||||
import EmptyStateLayout from 'dashboard/components-next/EmptyStateLayout.vue';
|
import EmptyStateLayout from 'dashboard/components-next/EmptyStateLayout.vue';
|
||||||
import Button from 'dashboard/components-next/button/Button.vue';
|
import Button from 'dashboard/components-next/button/Button.vue';
|
||||||
import AssistantCard from 'dashboard/components-next/captain/assistant/AssistantCard.vue';
|
import AssistantCard from 'dashboard/components-next/captain/assistant/AssistantCard.vue';
|
||||||
@@ -6,6 +7,7 @@ import FeatureSpotlight from 'dashboard/components-next/feature-spotlight/Featur
|
|||||||
import { assistantsList } from 'dashboard/components-next/captain/pageComponents/emptyStates/captainEmptyStateContent.js';
|
import { assistantsList } from 'dashboard/components-next/captain/pageComponents/emptyStates/captainEmptyStateContent.js';
|
||||||
|
|
||||||
const emit = defineEmits(['click']);
|
const emit = defineEmits(['click']);
|
||||||
|
const { isOnChatwootCloud } = useAccount();
|
||||||
|
|
||||||
const onClick = () => {
|
const onClick = () => {
|
||||||
emit('click');
|
emit('click');
|
||||||
@@ -20,6 +22,7 @@ const onClick = () => {
|
|||||||
fallback-thumbnail-dark="/assets/images/dashboard/captain/assistant-dark.svg"
|
fallback-thumbnail-dark="/assets/images/dashboard/captain/assistant-dark.svg"
|
||||||
learn-more-url="https://chwt.app/captain-assistant"
|
learn-more-url="https://chwt.app/captain-assistant"
|
||||||
class="mb-8"
|
class="mb-8"
|
||||||
|
:hide-actions="!isOnChatwootCloud"
|
||||||
/>
|
/>
|
||||||
<EmptyStateLayout
|
<EmptyStateLayout
|
||||||
:title="$t('CAPTAIN.ASSISTANTS.EMPTY_STATE.TITLE')"
|
:title="$t('CAPTAIN.ASSISTANTS.EMPTY_STATE.TITLE')"
|
||||||
|
|||||||
+29
@@ -0,0 +1,29 @@
|
|||||||
|
<script setup>
|
||||||
|
import EmptyStateLayout from 'dashboard/components-next/EmptyStateLayout.vue';
|
||||||
|
import Button from 'dashboard/components-next/button/Button.vue';
|
||||||
|
|
||||||
|
const emit = defineEmits(['click']);
|
||||||
|
|
||||||
|
const onClick = () => {
|
||||||
|
emit('click');
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<EmptyStateLayout
|
||||||
|
:title="$t('CAPTAIN.CUSTOM_TOOLS.EMPTY_STATE.TITLE')"
|
||||||
|
:subtitle="$t('CAPTAIN.CUSTOM_TOOLS.EMPTY_STATE.SUBTITLE')"
|
||||||
|
:action-perms="['administrator']"
|
||||||
|
>
|
||||||
|
<template #empty-state-item>
|
||||||
|
<div class="min-h-[600px]" />
|
||||||
|
</template>
|
||||||
|
<template #actions>
|
||||||
|
<Button
|
||||||
|
:label="$t('CAPTAIN.CUSTOM_TOOLS.ADD_NEW')"
|
||||||
|
icon="i-lucide-plus"
|
||||||
|
@click="onClick"
|
||||||
|
/>
|
||||||
|
</template>
|
||||||
|
</EmptyStateLayout>
|
||||||
|
</template>
|
||||||
+3
@@ -1,4 +1,5 @@
|
|||||||
<script setup>
|
<script setup>
|
||||||
|
import { useAccount } from 'dashboard/composables/useAccount';
|
||||||
import EmptyStateLayout from 'dashboard/components-next/EmptyStateLayout.vue';
|
import EmptyStateLayout from 'dashboard/components-next/EmptyStateLayout.vue';
|
||||||
import Button from 'dashboard/components-next/button/Button.vue';
|
import Button from 'dashboard/components-next/button/Button.vue';
|
||||||
import DocumentCard from 'dashboard/components-next/captain/assistant/DocumentCard.vue';
|
import DocumentCard from 'dashboard/components-next/captain/assistant/DocumentCard.vue';
|
||||||
@@ -6,6 +7,7 @@ import FeatureSpotlight from 'dashboard/components-next/feature-spotlight/Featur
|
|||||||
import { documentsList } from 'dashboard/components-next/captain/pageComponents/emptyStates/captainEmptyStateContent.js';
|
import { documentsList } from 'dashboard/components-next/captain/pageComponents/emptyStates/captainEmptyStateContent.js';
|
||||||
|
|
||||||
const emit = defineEmits(['click']);
|
const emit = defineEmits(['click']);
|
||||||
|
const { isOnChatwootCloud } = useAccount();
|
||||||
|
|
||||||
const onClick = () => {
|
const onClick = () => {
|
||||||
emit('click');
|
emit('click');
|
||||||
@@ -19,6 +21,7 @@ const onClick = () => {
|
|||||||
fallback-thumbnail="/assets/images/dashboard/captain/document-light.svg"
|
fallback-thumbnail="/assets/images/dashboard/captain/document-light.svg"
|
||||||
fallback-thumbnail-dark="/assets/images/dashboard/captain/document-dark.svg"
|
fallback-thumbnail-dark="/assets/images/dashboard/captain/document-dark.svg"
|
||||||
learn-more-url="https://chwt.app/captain-document"
|
learn-more-url="https://chwt.app/captain-document"
|
||||||
|
:hide-actions="!isOnChatwootCloud"
|
||||||
class="mb-8"
|
class="mb-8"
|
||||||
/>
|
/>
|
||||||
<EmptyStateLayout
|
<EmptyStateLayout
|
||||||
|
|||||||
+3
@@ -1,4 +1,5 @@
|
|||||||
<script setup>
|
<script setup>
|
||||||
|
import { useAccount } from 'dashboard/composables/useAccount';
|
||||||
import EmptyStateLayout from 'dashboard/components-next/EmptyStateLayout.vue';
|
import EmptyStateLayout from 'dashboard/components-next/EmptyStateLayout.vue';
|
||||||
import Button from 'dashboard/components-next/button/Button.vue';
|
import Button from 'dashboard/components-next/button/Button.vue';
|
||||||
import ResponseCard from 'dashboard/components-next/captain/assistant/ResponseCard.vue';
|
import ResponseCard from 'dashboard/components-next/captain/assistant/ResponseCard.vue';
|
||||||
@@ -6,6 +7,7 @@ import FeatureSpotlight from 'dashboard/components-next/feature-spotlight/Featur
|
|||||||
import { responsesList } from 'dashboard/components-next/captain/pageComponents/emptyStates/captainEmptyStateContent.js';
|
import { responsesList } from 'dashboard/components-next/captain/pageComponents/emptyStates/captainEmptyStateContent.js';
|
||||||
|
|
||||||
const emit = defineEmits(['click']);
|
const emit = defineEmits(['click']);
|
||||||
|
const { isOnChatwootCloud } = useAccount();
|
||||||
|
|
||||||
const onClick = () => {
|
const onClick = () => {
|
||||||
emit('click');
|
emit('click');
|
||||||
@@ -19,6 +21,7 @@ const onClick = () => {
|
|||||||
fallback-thumbnail="/assets/images/dashboard/captain/faqs-light.svg"
|
fallback-thumbnail="/assets/images/dashboard/captain/faqs-light.svg"
|
||||||
fallback-thumbnail-dark="/assets/images/dashboard/captain/faqs-dark.svg"
|
fallback-thumbnail-dark="/assets/images/dashboard/captain/faqs-dark.svg"
|
||||||
learn-more-url="https://chwt.app/captain-faq"
|
learn-more-url="https://chwt.app/captain-faq"
|
||||||
|
:hide-actions="!isOnChatwootCloud"
|
||||||
class="mb-8"
|
class="mb-8"
|
||||||
/>
|
/>
|
||||||
<EmptyStateLayout
|
<EmptyStateLayout
|
||||||
|
|||||||
+114
@@ -0,0 +1,114 @@
|
|||||||
|
<script setup>
|
||||||
|
import { ref } from 'vue';
|
||||||
|
import GroupedStackedChangelogCard from './GroupedStackedChangelogCard.vue';
|
||||||
|
|
||||||
|
const sampleCards = [
|
||||||
|
{
|
||||||
|
id: 'chatwoot-captain',
|
||||||
|
title: 'Chatwoot Captain',
|
||||||
|
meta_title: 'Chatwoot Captain',
|
||||||
|
meta_description:
|
||||||
|
'Watch how our latest feature can transform your workflow with powerful automation tools.',
|
||||||
|
slug: 'chatwoot-captain',
|
||||||
|
feature_image:
|
||||||
|
'https://www.chatwoot.com/images/captain/captain_thumbnail.jpg',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 'smart-routing',
|
||||||
|
title: 'Smart Routing Forms',
|
||||||
|
meta_title: 'Smart Routing Forms',
|
||||||
|
meta_description:
|
||||||
|
'Screen bookers with intelligent forms and route them to the right team member.',
|
||||||
|
slug: 'smart-routing',
|
||||||
|
feature_image: 'https://www.chatwoot.com/images/dashboard-dark.webp',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 'instant-meetings',
|
||||||
|
title: 'Instant Meetings',
|
||||||
|
meta_title: 'Instant Meetings',
|
||||||
|
meta_description: 'Start instant meetings directly from shared links.',
|
||||||
|
slug: 'instant-meetings',
|
||||||
|
feature_image:
|
||||||
|
'https://images.unsplash.com/photo-1587614382346-4ec70e388b28?w=600',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 'analytics',
|
||||||
|
title: 'Advanced Analytics',
|
||||||
|
meta_title: 'Advanced Analytics',
|
||||||
|
meta_description:
|
||||||
|
'Track meeting performance, conversion, and response rates in one place.',
|
||||||
|
slug: 'analytics',
|
||||||
|
feature_image:
|
||||||
|
'https://images.unsplash.com/photo-1522202176988-66273c2fd55f?w=500',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 'team-collaboration',
|
||||||
|
title: 'Team Collaboration',
|
||||||
|
meta_title: 'Team Collaboration',
|
||||||
|
meta_description:
|
||||||
|
'Coordinate with your team seamlessly using shared availability.',
|
||||||
|
slug: 'team-collaboration',
|
||||||
|
feature_image:
|
||||||
|
'https://images.unsplash.com/photo-1522202176988-66273c2fd55f?w=400',
|
||||||
|
},
|
||||||
|
];
|
||||||
|
|
||||||
|
const visibleCards = ref([...sampleCards]);
|
||||||
|
const currentIndex = ref(0);
|
||||||
|
const dismissingCards = ref([]);
|
||||||
|
|
||||||
|
const handleReadMore = slug => {
|
||||||
|
console.log(`Read more: ${slug}`);
|
||||||
|
};
|
||||||
|
|
||||||
|
const handleDismiss = slug => {
|
||||||
|
dismissingCards.value.push(slug);
|
||||||
|
setTimeout(() => {
|
||||||
|
const idx = visibleCards.value.findIndex(c => c.slug === slug);
|
||||||
|
if (idx !== -1) visibleCards.value.splice(idx, 1);
|
||||||
|
dismissingCards.value = dismissingCards.value.filter(s => s !== slug);
|
||||||
|
if (currentIndex.value >= visibleCards.value.length) currentIndex.value = 0;
|
||||||
|
}, 200);
|
||||||
|
};
|
||||||
|
|
||||||
|
const handleImgClick = data => {
|
||||||
|
currentIndex.value = data.index;
|
||||||
|
console.log(`Card clicked: ${visibleCards.value[data.index].title}`);
|
||||||
|
};
|
||||||
|
|
||||||
|
const resetDemo = () => {
|
||||||
|
visibleCards.value = [...sampleCards];
|
||||||
|
currentIndex.value = 0;
|
||||||
|
dismissingCards.value = [];
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<Story
|
||||||
|
title="Components/ChangelogCard/GroupedStackedChangelogCard"
|
||||||
|
:layout="{ type: 'grid', width: '320px' }"
|
||||||
|
>
|
||||||
|
<Variant title="Interactive Demo">
|
||||||
|
<div class="p-4 bg-n-solid-2 rounded-md mx-auto w-64 h-[400px]">
|
||||||
|
<GroupedStackedChangelogCard
|
||||||
|
:posts="visibleCards"
|
||||||
|
:current-index="currentIndex"
|
||||||
|
:is-active="currentIndex === 0"
|
||||||
|
:dismissing-slugs="dismissingCards"
|
||||||
|
class="min-h-[270px]"
|
||||||
|
@read-more="handleReadMore"
|
||||||
|
@dismiss="handleDismiss"
|
||||||
|
@img-click="handleImgClick"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<button
|
||||||
|
class="mt-3 px-3 py-1 text-xs font-medium bg-n-brand text-white rounded hover:bg-n-brand/80 transition"
|
||||||
|
@click="resetDemo"
|
||||||
|
>
|
||||||
|
<!-- eslint-disable-next-line @intlify/vue-i18n/no-raw-text -->
|
||||||
|
{{ 'Reset Cards' }}
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</Variant>
|
||||||
|
</Story>
|
||||||
|
</template>
|
||||||
+74
@@ -0,0 +1,74 @@
|
|||||||
|
<script setup>
|
||||||
|
import { computed } from 'vue';
|
||||||
|
import StackedChangelogCard from './StackedChangelogCard.vue';
|
||||||
|
|
||||||
|
const props = defineProps({
|
||||||
|
posts: {
|
||||||
|
type: Array,
|
||||||
|
required: true,
|
||||||
|
},
|
||||||
|
currentIndex: {
|
||||||
|
type: Number,
|
||||||
|
default: 0,
|
||||||
|
},
|
||||||
|
dismissingSlugs: {
|
||||||
|
type: Array,
|
||||||
|
default: () => [],
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
const emit = defineEmits(['readMore', 'dismiss', 'imgClick']);
|
||||||
|
|
||||||
|
const stackedPosts = computed(() => props.posts?.slice(0, 5));
|
||||||
|
|
||||||
|
const isPostDismissing = post => props.dismissingSlugs.includes(post.slug);
|
||||||
|
|
||||||
|
const handleReadMore = post => emit('readMore', post.slug);
|
||||||
|
const handleDismiss = post => emit('dismiss', post.slug);
|
||||||
|
const handlePostClick = (post, index) => {
|
||||||
|
if (index === props.currentIndex && !isPostDismissing(post)) {
|
||||||
|
emit('imgClick', { slug: post.slug, index });
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
const getCardClasses = index => {
|
||||||
|
const pos =
|
||||||
|
(index - props.currentIndex + stackedPosts.value.length) %
|
||||||
|
stackedPosts.value.length;
|
||||||
|
const base =
|
||||||
|
'relative transition-all duration-500 ease-out col-start-1 row-start-1';
|
||||||
|
|
||||||
|
const layers = [
|
||||||
|
'z-50 scale-100 translate-y-0 opacity-100',
|
||||||
|
'z-40 scale-[0.95] -translate-y-3 opacity-90',
|
||||||
|
'z-30 scale-[0.9] -translate-y-6 opacity-70',
|
||||||
|
'z-20 scale-[0.85] -translate-y-9 opacity-50',
|
||||||
|
'z-10 scale-[0.8] -translate-y-12 opacity-30',
|
||||||
|
];
|
||||||
|
|
||||||
|
return pos < layers.length
|
||||||
|
? `${base} ${layers[pos]}`
|
||||||
|
: `${base} opacity-0 scale-75 -translate-y-16`;
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<div class="overflow-hidden">
|
||||||
|
<div class="relative grid grid-cols-1 pt-8 pb-1 px-2">
|
||||||
|
<div
|
||||||
|
v-for="(post, index) in stackedPosts"
|
||||||
|
:key="post.slug || index"
|
||||||
|
:class="getCardClasses(index)"
|
||||||
|
>
|
||||||
|
<StackedChangelogCard
|
||||||
|
:card="post"
|
||||||
|
:is-active="index === currentIndex"
|
||||||
|
:is-dismissing="isPostDismissing(post)"
|
||||||
|
@read-more="handleReadMore(post)"
|
||||||
|
@dismiss="handleDismiss(post)"
|
||||||
|
@img-click="handlePostClick(post, index)"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
+46
@@ -0,0 +1,46 @@
|
|||||||
|
<script setup>
|
||||||
|
import StackedChangelogCard from './StackedChangelogCard.vue';
|
||||||
|
|
||||||
|
const imageCards = {
|
||||||
|
id: 'chatwoot-captain',
|
||||||
|
title: 'Chatwoot Captain',
|
||||||
|
meta_title: 'Chatwoot Captain',
|
||||||
|
meta_description:
|
||||||
|
'Watch how our latest feature can transform your workflow with powerful automation tools.',
|
||||||
|
slug: 'chatwoot-captain',
|
||||||
|
feature_image:
|
||||||
|
'https://www.chatwoot.com/images/captain/captain_thumbnail.jpg',
|
||||||
|
};
|
||||||
|
|
||||||
|
const handleReadMore = () => {
|
||||||
|
console.log(`Read more: ${imageCards.title}`);
|
||||||
|
};
|
||||||
|
|
||||||
|
const handleDismiss = () => {
|
||||||
|
console.log(`Dismissed: ${imageCards.title}`);
|
||||||
|
};
|
||||||
|
|
||||||
|
const handleImgClick = () => {
|
||||||
|
console.log(`Card clicked: ${imageCards.title}`);
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<Story
|
||||||
|
title="Components/ChangelogCard/StackedChangelogCard"
|
||||||
|
:layout="{ type: 'grid', width: '260px' }"
|
||||||
|
>
|
||||||
|
<Variant title="Single Card - With Image">
|
||||||
|
<div class="p-3 bg-n-solid-2 w-56">
|
||||||
|
<StackedChangelogCard
|
||||||
|
:card="imageCards"
|
||||||
|
is-active
|
||||||
|
:is-dismissing="false"
|
||||||
|
@read-more="handleReadMore(imageCards)"
|
||||||
|
@dismiss="handleDismiss(imageCards)"
|
||||||
|
@img-click="handleImgClick(imageCards)"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</Variant>
|
||||||
|
</Story>
|
||||||
|
</template>
|
||||||
@@ -0,0 +1,119 @@
|
|||||||
|
<script setup>
|
||||||
|
import Button from 'dashboard/components-next/button/Button.vue';
|
||||||
|
|
||||||
|
defineProps({
|
||||||
|
card: {
|
||||||
|
type: Object,
|
||||||
|
required: true,
|
||||||
|
},
|
||||||
|
isActive: {
|
||||||
|
type: Boolean,
|
||||||
|
default: false,
|
||||||
|
},
|
||||||
|
isDismissing: {
|
||||||
|
type: Boolean,
|
||||||
|
default: false,
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
const emit = defineEmits(['readMore', 'dismiss', 'imgClick']);
|
||||||
|
|
||||||
|
const handleReadMore = () => {
|
||||||
|
emit('readMore');
|
||||||
|
};
|
||||||
|
|
||||||
|
const handleDismiss = () => {
|
||||||
|
emit('dismiss');
|
||||||
|
};
|
||||||
|
|
||||||
|
const handleImgClick = () => {
|
||||||
|
emit('imgClick');
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<div
|
||||||
|
data-testid="changelog-card"
|
||||||
|
class="flex flex-col justify-between p-3 w-full rounded-lg border shadow-sm transition-all duration-200 border-n-weak bg-n-background text-n-slate-12"
|
||||||
|
:class="{
|
||||||
|
'animate-fade-out pointer-events-none': isDismissing,
|
||||||
|
'hover:shadow': isActive,
|
||||||
|
}"
|
||||||
|
>
|
||||||
|
<div>
|
||||||
|
<h5
|
||||||
|
:title="card.meta_title"
|
||||||
|
class="mb-1 text-sm font-semibold line-clamp-1 text-n-slate-12"
|
||||||
|
>
|
||||||
|
{{ card.meta_title }}
|
||||||
|
</h5>
|
||||||
|
<p
|
||||||
|
:title="card.meta_description"
|
||||||
|
class="mb-0 text-xs leading-relaxed text-n-slate-11 line-clamp-2"
|
||||||
|
>
|
||||||
|
{{ card.meta_description }}
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
v-if="card.feature_image"
|
||||||
|
class="block overflow-hidden my-3 rounded-md border border-n-weak/40"
|
||||||
|
>
|
||||||
|
<img
|
||||||
|
:src="card.feature_image"
|
||||||
|
:alt="`${card.title} preview image`"
|
||||||
|
class="object-cover w-full h-24 rounded-md cursor-pointer"
|
||||||
|
loading="lazy"
|
||||||
|
@click.stop="handleImgClick"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
v-else
|
||||||
|
class="block overflow-hidden my-3 rounded-md border border-n-weak/40"
|
||||||
|
>
|
||||||
|
<img
|
||||||
|
:src="card.feature_image"
|
||||||
|
:alt="`${card.title} preview image`"
|
||||||
|
class="object-cover w-full h-24 rounded-md cursor-pointer"
|
||||||
|
loading="lazy"
|
||||||
|
@click.stop="handleImgClick"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="flex justify-between items-center mt-1">
|
||||||
|
<Button
|
||||||
|
label="Read more"
|
||||||
|
color="slate"
|
||||||
|
link
|
||||||
|
sm
|
||||||
|
class="text-xs font-normal hover:!no-underline"
|
||||||
|
@click.stop="handleReadMore"
|
||||||
|
/>
|
||||||
|
<Button
|
||||||
|
label="Dismiss"
|
||||||
|
color="slate"
|
||||||
|
link
|
||||||
|
sm
|
||||||
|
class="text-xs font-normal hover:!no-underline"
|
||||||
|
@click.stop="handleDismiss"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
@keyframes fade-out {
|
||||||
|
from {
|
||||||
|
opacity: 1;
|
||||||
|
transform: scale(1);
|
||||||
|
}
|
||||||
|
to {
|
||||||
|
opacity: 0;
|
||||||
|
transform: scale(0.95);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.animate-fade-out {
|
||||||
|
animation: fade-out 0.2s ease-out forwards;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@@ -45,7 +45,7 @@ const activeAssistantLabel = computed(() => {
|
|||||||
/>
|
/>
|
||||||
</template>
|
</template>
|
||||||
<DropdownBody class="bottom-9 min-w-64 z-50" strong>
|
<DropdownBody class="bottom-9 min-w-64 z-50" strong>
|
||||||
<DropdownSection class="max-h-80 overflow-scroll">
|
<DropdownSection class="[&>ul]:max-h-80">
|
||||||
<DropdownItem
|
<DropdownItem
|
||||||
v-for="assistant in assistants"
|
v-for="assistant in assistants"
|
||||||
:key="assistant.id"
|
:key="assistant.id"
|
||||||
|
|||||||
@@ -10,6 +10,7 @@ defineProps({
|
|||||||
fallbackThumbnail: { type: String, default: '' },
|
fallbackThumbnail: { type: String, default: '' },
|
||||||
fallbackThumbnailDark: { type: String, default: '' },
|
fallbackThumbnailDark: { type: String, default: '' },
|
||||||
learnMoreUrl: { type: String, default: '' },
|
learnMoreUrl: { type: String, default: '' },
|
||||||
|
hideActions: { type: Boolean, default: false },
|
||||||
});
|
});
|
||||||
|
|
||||||
const imageError = ref(false);
|
const imageError = ref(false);
|
||||||
@@ -65,7 +66,7 @@ const openLink = link => {
|
|||||||
<div class="flex flex-col flex-1 gap-3 ltr:pr-8 rtl:pl-8">
|
<div class="flex flex-col flex-1 gap-3 ltr:pr-8 rtl:pl-8">
|
||||||
<p v-if="note" class="text-n-slate-12 text-sm mb-0">{{ note }}</p>
|
<p v-if="note" class="text-n-slate-12 text-sm mb-0">{{ note }}</p>
|
||||||
|
|
||||||
<div class="flex gap-3">
|
<div v-if="!hideActions" class="flex gap-3">
|
||||||
<slot name="actions">
|
<slot name="actions">
|
||||||
<Button
|
<Button
|
||||||
v-if="videoUrl"
|
v-if="videoUrl"
|
||||||
|
|||||||
+2
-1
@@ -13,6 +13,7 @@ defineProps({
|
|||||||
fallbackThumbnail: { type: String, default: '' },
|
fallbackThumbnail: { type: String, default: '' },
|
||||||
fallbackThumbnailDark: { type: String, default: '' },
|
fallbackThumbnailDark: { type: String, default: '' },
|
||||||
learnMoreUrl: { type: String, default: '' },
|
learnMoreUrl: { type: String, default: '' },
|
||||||
|
hideActions: { type: Boolean, default: false },
|
||||||
});
|
});
|
||||||
|
|
||||||
const imageError = ref(false);
|
const imageError = ref(false);
|
||||||
@@ -92,7 +93,7 @@ const openLink = link => {
|
|||||||
{{ note }}
|
{{ note }}
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<div class="flex gap-3 justify-between w-full">
|
<div v-if="!hideActions" class="flex gap-3 justify-between w-full">
|
||||||
<slot name="actions">
|
<slot name="actions">
|
||||||
<Button
|
<Button
|
||||||
v-if="videoUrl"
|
v-if="videoUrl"
|
||||||
|
|||||||
@@ -91,7 +91,7 @@ const updateSelected = newValue => {
|
|||||||
:class="dropdownPosition"
|
:class="dropdownPosition"
|
||||||
strong
|
strong
|
||||||
>
|
>
|
||||||
<DropdownSection class="max-h-80 overflow-scroll">
|
<DropdownSection class="[&>ul]:max-h-80">
|
||||||
<DropdownItem
|
<DropdownItem
|
||||||
v-for="option in options"
|
v-for="option in options"
|
||||||
:key="option.value"
|
:key="option.value"
|
||||||
|
|||||||
@@ -123,7 +123,7 @@ const toggleOption = option => {
|
|||||||
</Button>
|
</Button>
|
||||||
</template>
|
</template>
|
||||||
<DropdownBody class="top-0 min-w-48 z-50" strong>
|
<DropdownBody class="top-0 min-w-48 z-50" strong>
|
||||||
<DropdownSection class="max-h-80 overflow-scroll">
|
<DropdownSection class="[&>ul]:max-h-80">
|
||||||
<DropdownItem
|
<DropdownItem
|
||||||
v-for="option in options"
|
v-for="option in options"
|
||||||
:key="option.id"
|
:key="option.id"
|
||||||
|
|||||||
@@ -124,7 +124,7 @@ const toggleSelected = option => {
|
|||||||
:placeholder="searchPlaceholder || t('COMBOBOX.SEARCH_PLACEHOLDER')"
|
:placeholder="searchPlaceholder || t('COMBOBOX.SEARCH_PLACEHOLDER')"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<DropdownSection class="max-h-80 overflow-scroll">
|
<DropdownSection class="[&>ul]:max-h-80">
|
||||||
<template v-if="searchResults.length">
|
<template v-if="searchResults.length">
|
||||||
<DropdownItem
|
<DropdownItem
|
||||||
v-for="option in searchResults"
|
v-for="option in searchResults"
|
||||||
|
|||||||
@@ -1,8 +1,10 @@
|
|||||||
<script setup>
|
<script setup>
|
||||||
import { defineProps, computed } from 'vue';
|
import { defineProps, computed, reactive } from 'vue';
|
||||||
import Message from './Message.vue';
|
import Message from './Message.vue';
|
||||||
import { MESSAGE_TYPES } from './constants.js';
|
import { MESSAGE_TYPES } from './constants.js';
|
||||||
import { useCamelCase } from 'dashboard/composables/useTransformKeys';
|
import { useCamelCase } from 'dashboard/composables/useTransformKeys';
|
||||||
|
import { useMapGetter } from 'dashboard/composables/store.js';
|
||||||
|
import MessageApi from 'dashboard/api/inbox/message.js';
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Props definition for the component
|
* Props definition for the component
|
||||||
@@ -43,6 +45,48 @@ const allMessages = computed(() => {
|
|||||||
return useCamelCase(props.messages, { deep: true });
|
return useCamelCase(props.messages, { deep: true });
|
||||||
});
|
});
|
||||||
|
|
||||||
|
const currentChat = useMapGetter('getSelectedChat');
|
||||||
|
|
||||||
|
// Cache for fetched reply messages to avoid duplicate API calls
|
||||||
|
const fetchedReplyMessages = reactive(new Map());
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Fetches a specific message from the API by trying to get messages around it
|
||||||
|
* @param {number} messageId - The ID of the message to fetch
|
||||||
|
* @param {number} conversationId - The ID of the conversation
|
||||||
|
* @returns {Promise<Object|null>} - The fetched message or null if not found/error
|
||||||
|
*/
|
||||||
|
const fetchReplyMessage = async (messageId, conversationId) => {
|
||||||
|
// Return cached result if already fetched
|
||||||
|
if (fetchedReplyMessages.has(messageId)) {
|
||||||
|
return fetchedReplyMessages.get(messageId);
|
||||||
|
}
|
||||||
|
|
||||||
|
try {
|
||||||
|
const response = await MessageApi.getPreviousMessages({
|
||||||
|
conversationId,
|
||||||
|
before: messageId + 100,
|
||||||
|
after: messageId - 100,
|
||||||
|
});
|
||||||
|
|
||||||
|
const messages = response.data?.payload || [];
|
||||||
|
const targetMessage = messages.find(msg => msg.id === messageId);
|
||||||
|
|
||||||
|
if (targetMessage) {
|
||||||
|
const camelCaseMessage = useCamelCase(targetMessage);
|
||||||
|
fetchedReplyMessages.set(messageId, camelCaseMessage);
|
||||||
|
return camelCaseMessage;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Cache null result to avoid repeated API calls
|
||||||
|
fetchedReplyMessages.set(messageId, null);
|
||||||
|
return null;
|
||||||
|
} catch (error) {
|
||||||
|
fetchedReplyMessages.set(messageId, null);
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Determines if a message should be grouped with the next message
|
* Determines if a message should be grouped with the next message
|
||||||
* @param {Number} index - Index of the current message
|
* @param {Number} index - Index of the current message
|
||||||
@@ -90,10 +134,26 @@ const getInReplyToMessage = parentMessage => {
|
|||||||
|
|
||||||
if (!inReplyToMessageId) return null;
|
if (!inReplyToMessageId) return null;
|
||||||
|
|
||||||
// Find in-reply-to message in the messages prop
|
// Try to find in current messages first
|
||||||
const replyMessage = props.messages?.find(
|
let replyMessage = props.messages?.find(msg => msg.id === inReplyToMessageId);
|
||||||
message => message.id === inReplyToMessageId
|
|
||||||
);
|
// Then try store messages
|
||||||
|
if (!replyMessage && currentChat.value?.messages) {
|
||||||
|
replyMessage = currentChat.value.messages.find(
|
||||||
|
msg => msg.id === inReplyToMessageId
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Then check fetch cache
|
||||||
|
if (!replyMessage && fetchedReplyMessages.has(inReplyToMessageId)) {
|
||||||
|
replyMessage = fetchedReplyMessages.get(inReplyToMessageId);
|
||||||
|
}
|
||||||
|
|
||||||
|
// If still not found and we have conversation context, fetch it
|
||||||
|
if (!replyMessage && currentChat.value?.id) {
|
||||||
|
fetchReplyMessage(inReplyToMessageId, currentChat.value.id);
|
||||||
|
return null; // Let UI handle loading state
|
||||||
|
}
|
||||||
|
|
||||||
return replyMessage ? useCamelCase(replyMessage) : null;
|
return replyMessage ? useCamelCase(replyMessage) : null;
|
||||||
};
|
};
|
||||||
|
|||||||
@@ -5,9 +5,9 @@ import { sanitizeTextForRender } from '@chatwoot/utils';
|
|||||||
import { allowedCssProperties } from 'lettersanitizer';
|
import { allowedCssProperties } from 'lettersanitizer';
|
||||||
|
|
||||||
import Icon from 'next/icon/Icon.vue';
|
import Icon from 'next/icon/Icon.vue';
|
||||||
import { EmailQuoteExtractor } from './removeReply.js';
|
import { EmailQuoteExtractor } from 'dashboard/helper/emailQuoteExtractor.js';
|
||||||
import BaseBubble from 'next/message/bubbles/Base.vue';
|
|
||||||
import FormattedContent from 'next/message/bubbles/Text/FormattedContent.vue';
|
import FormattedContent from 'next/message/bubbles/Text/FormattedContent.vue';
|
||||||
|
import BaseBubble from 'next/message/bubbles/Base.vue';
|
||||||
import AttachmentChips from 'next/message/chips/AttachmentChips.vue';
|
import AttachmentChips from 'next/message/chips/AttachmentChips.vue';
|
||||||
import EmailMeta from './EmailMeta.vue';
|
import EmailMeta from './EmailMeta.vue';
|
||||||
import TranslationToggle from 'dashboard/components-next/message/TranslationToggle.vue';
|
import TranslationToggle from 'dashboard/components-next/message/TranslationToggle.vue';
|
||||||
@@ -47,6 +47,13 @@ const originalEmailHtml = computed(
|
|||||||
originalEmailText.value
|
originalEmailText.value
|
||||||
);
|
);
|
||||||
|
|
||||||
|
const hasEmailContent = computed(() => {
|
||||||
|
return (
|
||||||
|
contentAttributes?.value?.email?.textContent?.full ||
|
||||||
|
contentAttributes?.value?.email?.htmlContent?.full
|
||||||
|
);
|
||||||
|
});
|
||||||
|
|
||||||
const messageContent = computed(() => {
|
const messageContent = computed(() => {
|
||||||
// If translations exist and we're showing translations (not original)
|
// If translations exist and we're showing translations (not original)
|
||||||
if (hasTranslations.value && !renderOriginal.value) {
|
if (hasTranslations.value && !renderOriginal.value) {
|
||||||
@@ -137,7 +144,7 @@ const handleSeeOriginal = () => {
|
|||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<FormattedContent
|
<FormattedContent
|
||||||
v-if="isOutgoing && content"
|
v-if="isOutgoing && content && !hasEmailContent"
|
||||||
class="text-n-slate-12"
|
class="text-n-slate-12"
|
||||||
:content="messageContent"
|
:content="messageContent"
|
||||||
/>
|
/>
|
||||||
|
|||||||
@@ -13,6 +13,7 @@ import { vOnClickOutside } from '@vueuse/components';
|
|||||||
import Button from 'dashboard/components-next/button/Button.vue';
|
import Button from 'dashboard/components-next/button/Button.vue';
|
||||||
import SidebarGroup from './SidebarGroup.vue';
|
import SidebarGroup from './SidebarGroup.vue';
|
||||||
import SidebarProfileMenu from './SidebarProfileMenu.vue';
|
import SidebarProfileMenu from './SidebarProfileMenu.vue';
|
||||||
|
import SidebarChangelogCard from './SidebarChangelogCard.vue';
|
||||||
import ChannelLeaf from './ChannelLeaf.vue';
|
import ChannelLeaf from './ChannelLeaf.vue';
|
||||||
import SidebarAccountSwitcher from './SidebarAccountSwitcher.vue';
|
import SidebarAccountSwitcher from './SidebarAccountSwitcher.vue';
|
||||||
import Logo from 'next/icon/Logo.vue';
|
import Logo from 'next/icon/Logo.vue';
|
||||||
@@ -32,11 +33,15 @@ const emit = defineEmits([
|
|||||||
'closeMobileSidebar',
|
'closeMobileSidebar',
|
||||||
]);
|
]);
|
||||||
|
|
||||||
const { accountScopedRoute } = useAccount();
|
const { accountScopedRoute, isOnChatwootCloud } = useAccount();
|
||||||
const store = useStore();
|
const store = useStore();
|
||||||
const searchShortcut = useKbd([`$mod`, 'k']);
|
const searchShortcut = useKbd([`$mod`, 'k']);
|
||||||
const { t } = useI18n();
|
const { t } = useI18n();
|
||||||
|
|
||||||
|
const isACustomBrandedInstance = useMapGetter(
|
||||||
|
'globalConfig/isACustomBrandedInstance'
|
||||||
|
);
|
||||||
|
|
||||||
const toggleShortcutModalFn = show => {
|
const toggleShortcutModalFn = show => {
|
||||||
if (show) {
|
if (show) {
|
||||||
emit('openKeyShortcutModal');
|
emit('openKeyShortcutModal');
|
||||||
@@ -232,6 +237,11 @@ const menuItems = computed(() => {
|
|||||||
label: t('SIDEBAR.CAPTAIN_RESPONSES'),
|
label: t('SIDEBAR.CAPTAIN_RESPONSES'),
|
||||||
to: accountScopedRoute('captain_responses_index'),
|
to: accountScopedRoute('captain_responses_index'),
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
name: 'Tools',
|
||||||
|
label: t('SIDEBAR.CAPTAIN_TOOLS'),
|
||||||
|
to: accountScopedRoute('captain_tools_index'),
|
||||||
|
},
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
@@ -527,20 +537,20 @@ const menuItems = computed(() => {
|
|||||||
]"
|
]"
|
||||||
>
|
>
|
||||||
<section class="grid gap-2 mt-2 mb-4">
|
<section class="grid gap-2 mt-2 mb-4">
|
||||||
<div class="flex items-center min-w-0 gap-2 px-2">
|
<div class="flex gap-2 items-center px-2 min-w-0">
|
||||||
<div class="grid flex-shrink-0 size-6 place-content-center">
|
<div class="grid flex-shrink-0 place-content-center size-6">
|
||||||
<Logo class="size-4" />
|
<Logo class="size-4" />
|
||||||
</div>
|
</div>
|
||||||
<div class="flex-shrink-0 w-px h-3 bg-n-strong" />
|
<div class="flex-shrink-0 w-px h-3 bg-n-strong" />
|
||||||
<SidebarAccountSwitcher
|
<SidebarAccountSwitcher
|
||||||
class="flex-grow min-w-0 -mx-1"
|
class="flex-grow -mx-1 min-w-0"
|
||||||
@show-create-account-modal="emit('showCreateAccountModal')"
|
@show-create-account-modal="emit('showCreateAccountModal')"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex gap-2 px-2">
|
<div class="flex gap-2 px-2">
|
||||||
<RouterLink
|
<RouterLink
|
||||||
:to="{ name: 'search' }"
|
:to="{ name: 'search' }"
|
||||||
class="flex items-center w-full gap-2 px-2 py-1 rounded-lg h-7 outline outline-1 outline-n-weak bg-n-solid-3 dark:bg-n-black/30"
|
class="flex gap-2 items-center px-2 py-1 w-full h-7 rounded-lg outline outline-1 outline-n-weak bg-n-solid-3 dark:bg-n-black/30"
|
||||||
>
|
>
|
||||||
<span class="flex-shrink-0 i-lucide-search size-4 text-n-slate-11" />
|
<span class="flex-shrink-0 i-lucide-search size-4 text-n-slate-11" />
|
||||||
<span class="flex-grow text-left">
|
<span class="flex-grow text-left">
|
||||||
@@ -565,7 +575,7 @@ const menuItems = computed(() => {
|
|||||||
</ComposeConversation>
|
</ComposeConversation>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
<nav class="grid flex-grow gap-2 px-2 pb-5 overflow-y-scroll no-scrollbar">
|
<nav class="grid overflow-y-scroll flex-grow gap-2 px-2 pb-5 no-scrollbar">
|
||||||
<ul class="flex flex-col gap-1.5 m-0 list-none">
|
<ul class="flex flex-col gap-1.5 m-0 list-none">
|
||||||
<SidebarGroup
|
<SidebarGroup
|
||||||
v-for="item in menuItems"
|
v-for="item in menuItems"
|
||||||
@@ -575,11 +585,21 @@ const menuItems = computed(() => {
|
|||||||
</ul>
|
</ul>
|
||||||
</nav>
|
</nav>
|
||||||
<section
|
<section
|
||||||
class="p-1 border-t border-n-weak shadow-[0px_-2px_4px_0px_rgba(27,28,29,0.02)] flex-shrink-0 flex justify-between gap-2 items-center"
|
class="flex flex-col flex-shrink-0 relative gap-1 justify-between items-center"
|
||||||
>
|
>
|
||||||
<SidebarProfileMenu
|
<div
|
||||||
@open-key-shortcut-modal="emit('openKeyShortcutModal')"
|
class="pointer-events-none absolute inset-x-0 -top-[31px] h-8 bg-gradient-to-t from-n-solid-2 to-transparent"
|
||||||
/>
|
/>
|
||||||
|
<SidebarChangelogCard
|
||||||
|
v-if="isOnChatwootCloud && !isACustomBrandedInstance"
|
||||||
|
/>
|
||||||
|
<div
|
||||||
|
class="p-1 flex-shrink-0 flex w-full justify-between z-10 gap-2 items-center border-t border-n-weak shadow-[0px_-2px_4px_0px_rgba(27,28,29,0.02)]"
|
||||||
|
>
|
||||||
|
<SidebarProfileMenu
|
||||||
|
@open-key-shortcut-modal="emit('openKeyShortcutModal')"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
</section>
|
</section>
|
||||||
</aside>
|
</aside>
|
||||||
</template>
|
</template>
|
||||||
|
|||||||
@@ -0,0 +1,110 @@
|
|||||||
|
<script setup>
|
||||||
|
import { ref, computed, onMounted } from 'vue';
|
||||||
|
import GroupedStackedChangelogCard from 'dashboard/components-next/changelog-card/GroupedStackedChangelogCard.vue';
|
||||||
|
import { useUISettings } from 'dashboard/composables/useUISettings';
|
||||||
|
import changelogAPI from 'dashboard/api/changelog';
|
||||||
|
|
||||||
|
const MAX_DISMISSED_SLUGS = 5;
|
||||||
|
|
||||||
|
const { uiSettings, updateUISettings } = useUISettings();
|
||||||
|
const posts = ref([]);
|
||||||
|
const currentIndex = ref(0);
|
||||||
|
const dismissingCards = ref([]);
|
||||||
|
const isLoading = ref(false);
|
||||||
|
|
||||||
|
// Get current dismissed slugs from ui_settings
|
||||||
|
const dismissedSlugs = computed(() => {
|
||||||
|
return uiSettings.value.changelog_dismissed_slugs || [];
|
||||||
|
});
|
||||||
|
|
||||||
|
// Get un dismissed posts - these are the changelog posts that should be shown
|
||||||
|
const unDismissedPosts = computed(() => {
|
||||||
|
return posts.value.filter(post => !dismissedSlugs.value.includes(post.slug));
|
||||||
|
});
|
||||||
|
|
||||||
|
// Fetch changelog posts from API
|
||||||
|
const fetchChangelog = async () => {
|
||||||
|
isLoading.value = true;
|
||||||
|
|
||||||
|
try {
|
||||||
|
const response = await changelogAPI.fetchFromHub();
|
||||||
|
posts.value = response.data.posts || [];
|
||||||
|
|
||||||
|
// Clean up dismissed slugs - remove any that are no longer in the current feed
|
||||||
|
const currentSlugs = posts.value.map(post => post.slug);
|
||||||
|
const cleanedDismissedSlugs = dismissedSlugs.value.filter(slug =>
|
||||||
|
currentSlugs.includes(slug)
|
||||||
|
);
|
||||||
|
|
||||||
|
// Update ui_settings if cleanup occurred
|
||||||
|
if (cleanedDismissedSlugs.length !== dismissedSlugs.value.length) {
|
||||||
|
updateUISettings({
|
||||||
|
changelog_dismissed_slugs: cleanedDismissedSlugs,
|
||||||
|
});
|
||||||
|
}
|
||||||
|
// eslint-disable-next-line no-empty
|
||||||
|
} catch (err) {
|
||||||
|
} finally {
|
||||||
|
isLoading.value = false;
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
// Dismiss a changelog post
|
||||||
|
const dismissPost = slug => {
|
||||||
|
const currentDismissed = [...dismissedSlugs.value];
|
||||||
|
|
||||||
|
// Add new slug if not already present
|
||||||
|
if (!currentDismissed.includes(slug)) {
|
||||||
|
currentDismissed.push(slug);
|
||||||
|
|
||||||
|
// Keep only the most recent MAX_DISMISSED_SLUGS entries
|
||||||
|
if (currentDismissed.length > MAX_DISMISSED_SLUGS) {
|
||||||
|
currentDismissed.shift(); // Remove oldest entry
|
||||||
|
}
|
||||||
|
|
||||||
|
updateUISettings({
|
||||||
|
changelog_dismissed_slugs: currentDismissed,
|
||||||
|
});
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
const handleDismiss = slug => {
|
||||||
|
dismissingCards.value.push(slug);
|
||||||
|
setTimeout(() => {
|
||||||
|
dismissPost(slug);
|
||||||
|
dismissingCards.value = dismissingCards.value.filter(s => s !== slug);
|
||||||
|
if (currentIndex.value >= unDismissedPosts.value.length)
|
||||||
|
currentIndex.value = 0;
|
||||||
|
}, 200);
|
||||||
|
};
|
||||||
|
|
||||||
|
const handleReadMore = () => {
|
||||||
|
const currentPost = unDismissedPosts.value[currentIndex.value];
|
||||||
|
if (currentPost?.slug) {
|
||||||
|
window.open(`https://www.chatwoot.com/blog/${currentPost.slug}`, '_blank');
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
const handleImgClick = ({ index }) => {
|
||||||
|
currentIndex.value = index;
|
||||||
|
handleReadMore();
|
||||||
|
};
|
||||||
|
|
||||||
|
onMounted(() => {
|
||||||
|
fetchChangelog();
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<GroupedStackedChangelogCard
|
||||||
|
v-if="unDismissedPosts.length > 0"
|
||||||
|
:posts="unDismissedPosts"
|
||||||
|
:current-index="currentIndex"
|
||||||
|
:dismissing-slugs="dismissingCards"
|
||||||
|
class="min-h-[240px] z-10"
|
||||||
|
@read-more="handleReadMore"
|
||||||
|
@dismiss="handleDismiss"
|
||||||
|
@img-click="handleImgClick"
|
||||||
|
/>
|
||||||
|
<template v-else />
|
||||||
|
</template>
|
||||||
@@ -76,7 +76,7 @@ function changeAvailabilityStatus(availability) {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<DropdownSection>
|
<DropdownSection class="[&>ul]:overflow-visible">
|
||||||
<div class="grid gap-0">
|
<div class="grid gap-0">
|
||||||
<DropdownItem preserve-open>
|
<DropdownItem preserve-open>
|
||||||
<div class="flex-grow flex items-center gap-1">
|
<div class="flex-grow flex items-center gap-1">
|
||||||
|
|||||||
@@ -118,6 +118,14 @@ export default {
|
|||||||
type: String,
|
type: String,
|
||||||
default: '',
|
default: '',
|
||||||
},
|
},
|
||||||
|
showQuotedReplyToggle: {
|
||||||
|
type: Boolean,
|
||||||
|
default: false,
|
||||||
|
},
|
||||||
|
quotedReplyEnabled: {
|
||||||
|
type: Boolean,
|
||||||
|
default: false,
|
||||||
|
},
|
||||||
},
|
},
|
||||||
emits: [
|
emits: [
|
||||||
'replaceText',
|
'replaceText',
|
||||||
@@ -125,6 +133,7 @@ export default {
|
|||||||
'toggleEditor',
|
'toggleEditor',
|
||||||
'selectWhatsappTemplate',
|
'selectWhatsappTemplate',
|
||||||
'selectContentTemplate',
|
'selectContentTemplate',
|
||||||
|
'toggleQuotedReply',
|
||||||
],
|
],
|
||||||
setup() {
|
setup() {
|
||||||
const { setSignatureFlagForInbox, fetchSignatureFlagFromUISettings } =
|
const { setSignatureFlagForInbox, fetchSignatureFlagFromUISettings } =
|
||||||
@@ -249,6 +258,11 @@ export default {
|
|||||||
isFetchingAppIntegrations() {
|
isFetchingAppIntegrations() {
|
||||||
return this.uiFlags.isFetching;
|
return this.uiFlags.isFetching;
|
||||||
},
|
},
|
||||||
|
quotedReplyToggleTooltip() {
|
||||||
|
return this.quotedReplyEnabled
|
||||||
|
? this.$t('CONVERSATION.REPLYBOX.QUOTED_REPLY.DISABLE_TOOLTIP')
|
||||||
|
: this.$t('CONVERSATION.REPLYBOX.QUOTED_REPLY.ENABLE_TOOLTIP');
|
||||||
|
},
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
ActiveStorage.start();
|
ActiveStorage.start();
|
||||||
@@ -339,6 +353,16 @@ export default {
|
|||||||
sm
|
sm
|
||||||
@click="toggleMessageSignature"
|
@click="toggleMessageSignature"
|
||||||
/>
|
/>
|
||||||
|
<NextButton
|
||||||
|
v-if="showQuotedReplyToggle"
|
||||||
|
v-tooltip.top-end="quotedReplyToggleTooltip"
|
||||||
|
icon="i-ph-quotes"
|
||||||
|
:variant="quotedReplyEnabled ? 'solid' : 'faded'"
|
||||||
|
color="slate"
|
||||||
|
sm
|
||||||
|
:aria-pressed="quotedReplyEnabled"
|
||||||
|
@click="$emit('toggleQuotedReply')"
|
||||||
|
/>
|
||||||
<NextButton
|
<NextButton
|
||||||
v-if="enableWhatsAppTemplates"
|
v-if="enableWhatsAppTemplates"
|
||||||
v-tooltip.top-end="$t('CONVERSATION.FOOTER.WHATSAPP_TEMPLATES')"
|
v-tooltip.top-end="$t('CONVERSATION.FOOTER.WHATSAPP_TEMPLATES')"
|
||||||
|
|||||||
@@ -0,0 +1,76 @@
|
|||||||
|
<script setup>
|
||||||
|
import { computed, ref } from 'vue';
|
||||||
|
import { useMessageFormatter } from 'shared/composables/useMessageFormatter';
|
||||||
|
import { useI18n } from 'vue-i18n';
|
||||||
|
import NextButton from 'dashboard/components-next/button/Button.vue';
|
||||||
|
|
||||||
|
const props = defineProps({
|
||||||
|
quotedEmailText: {
|
||||||
|
type: String,
|
||||||
|
required: true,
|
||||||
|
},
|
||||||
|
previewText: {
|
||||||
|
type: String,
|
||||||
|
required: true,
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
const emit = defineEmits(['toggle']);
|
||||||
|
|
||||||
|
const { t } = useI18n();
|
||||||
|
const { formatMessage } = useMessageFormatter();
|
||||||
|
|
||||||
|
const isExpanded = ref(false);
|
||||||
|
|
||||||
|
const formattedQuotedEmailText = computed(() => {
|
||||||
|
if (!props.quotedEmailText) {
|
||||||
|
return '';
|
||||||
|
}
|
||||||
|
return formatMessage(props.quotedEmailText, false, false, true);
|
||||||
|
});
|
||||||
|
|
||||||
|
const toggleExpand = () => {
|
||||||
|
isExpanded.value = !isExpanded.value;
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<div class="mt-2">
|
||||||
|
<div
|
||||||
|
class="relative rounded-md px-3 py-2 text-xs text-n-slate-12 bg-n-slate-3 dark:bg-n-solid-3"
|
||||||
|
>
|
||||||
|
<div class="absolute top-2 right-2 z-10 flex items-center gap-1">
|
||||||
|
<NextButton
|
||||||
|
v-tooltip="
|
||||||
|
isExpanded
|
||||||
|
? t('CONVERSATION.REPLYBOX.QUOTED_REPLY.COLLAPSE')
|
||||||
|
: t('CONVERSATION.REPLYBOX.QUOTED_REPLY.EXPAND')
|
||||||
|
"
|
||||||
|
ghost
|
||||||
|
slate
|
||||||
|
xs
|
||||||
|
:icon="isExpanded ? 'i-lucide-minimize' : 'i-lucide-maximize'"
|
||||||
|
@click="toggleExpand"
|
||||||
|
/>
|
||||||
|
<NextButton
|
||||||
|
v-tooltip="t('CONVERSATION.REPLYBOX.QUOTED_REPLY.REMOVE_PREVIEW')"
|
||||||
|
ghost
|
||||||
|
slate
|
||||||
|
xs
|
||||||
|
icon="i-lucide-x"
|
||||||
|
@click="emit('toggle')"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
v-dompurify-html="formattedQuotedEmailText"
|
||||||
|
class="w-full max-w-none break-words prose prose-sm dark:prose-invert cursor-pointer ltr:pr-8 rtl:pl-8"
|
||||||
|
:class="{
|
||||||
|
'line-clamp-1': !isExpanded,
|
||||||
|
'max-h-60 overflow-y-auto': isExpanded,
|
||||||
|
}"
|
||||||
|
:title="previewText"
|
||||||
|
@click="toggleExpand"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
@@ -5,6 +5,7 @@ import { useAlert } from 'dashboard/composables';
|
|||||||
import { useUISettings } from 'dashboard/composables/useUISettings';
|
import { useUISettings } from 'dashboard/composables/useUISettings';
|
||||||
import { useTrack } from 'dashboard/composables';
|
import { useTrack } from 'dashboard/composables';
|
||||||
import keyboardEventListenerMixins from 'shared/mixins/keyboardEventListenerMixins';
|
import keyboardEventListenerMixins from 'shared/mixins/keyboardEventListenerMixins';
|
||||||
|
import { FEATURE_FLAGS } from 'dashboard/featureFlags';
|
||||||
|
|
||||||
import CannedResponse from './CannedResponse.vue';
|
import CannedResponse from './CannedResponse.vue';
|
||||||
import ReplyToMessage from './ReplyToMessage.vue';
|
import ReplyToMessage from './ReplyToMessage.vue';
|
||||||
@@ -16,6 +17,7 @@ import ReplyBottomPanel from 'dashboard/components/widgets/WootWriter/ReplyBotto
|
|||||||
import ArticleSearchPopover from 'dashboard/routes/dashboard/helpcenter/components/ArticleSearch/SearchPopover.vue';
|
import ArticleSearchPopover from 'dashboard/routes/dashboard/helpcenter/components/ArticleSearch/SearchPopover.vue';
|
||||||
import MessageSignatureMissingAlert from './MessageSignatureMissingAlert.vue';
|
import MessageSignatureMissingAlert from './MessageSignatureMissingAlert.vue';
|
||||||
import ReplyBoxBanner from './ReplyBoxBanner.vue';
|
import ReplyBoxBanner from './ReplyBoxBanner.vue';
|
||||||
|
import QuotedEmailPreview from './QuotedEmailPreview.vue';
|
||||||
import { REPLY_EDITOR_MODES } from 'dashboard/components/widgets/WootWriter/constants';
|
import { REPLY_EDITOR_MODES } from 'dashboard/components/widgets/WootWriter/constants';
|
||||||
import WootMessageEditor from 'dashboard/components/widgets/WootWriter/Editor.vue';
|
import WootMessageEditor from 'dashboard/components/widgets/WootWriter/Editor.vue';
|
||||||
import AudioRecorder from 'dashboard/components/widgets/WootWriter/AudioRecorder.vue';
|
import AudioRecorder from 'dashboard/components/widgets/WootWriter/AudioRecorder.vue';
|
||||||
@@ -32,6 +34,12 @@ import { MESSAGE_MAX_LENGTH } from 'shared/helpers/MessageTypeHelper';
|
|||||||
import inboxMixin, { INBOX_FEATURES } from 'shared/mixins/inboxMixin';
|
import inboxMixin, { INBOX_FEATURES } from 'shared/mixins/inboxMixin';
|
||||||
import { trimContent, debounce, getRecipients } from '@chatwoot/utils';
|
import { trimContent, debounce, getRecipients } from '@chatwoot/utils';
|
||||||
import wootConstants from 'dashboard/constants/globals';
|
import wootConstants from 'dashboard/constants/globals';
|
||||||
|
import {
|
||||||
|
extractQuotedEmailText,
|
||||||
|
buildQuotedEmailHeader,
|
||||||
|
truncatePreviewText,
|
||||||
|
appendQuotedTextToMessage,
|
||||||
|
} from 'dashboard/helper/quotedEmailHelper';
|
||||||
import { CONVERSATION_EVENTS } from '../../../helper/AnalyticsHelper/events';
|
import { CONVERSATION_EVENTS } from '../../../helper/AnalyticsHelper/events';
|
||||||
import fileUploadMixin from 'dashboard/mixins/fileUploadMixin';
|
import fileUploadMixin from 'dashboard/mixins/fileUploadMixin';
|
||||||
import {
|
import {
|
||||||
@@ -65,6 +73,7 @@ export default {
|
|||||||
ContentTemplates,
|
ContentTemplates,
|
||||||
WhatsappTemplates,
|
WhatsappTemplates,
|
||||||
WootMessageEditor,
|
WootMessageEditor,
|
||||||
|
QuotedEmailPreview,
|
||||||
},
|
},
|
||||||
mixins: [inboxMixin, fileUploadMixin, keyboardEventListenerMixins],
|
mixins: [inboxMixin, fileUploadMixin, keyboardEventListenerMixins],
|
||||||
props: {
|
props: {
|
||||||
@@ -80,6 +89,8 @@ export default {
|
|||||||
updateUISettings,
|
updateUISettings,
|
||||||
isEditorHotKeyEnabled,
|
isEditorHotKeyEnabled,
|
||||||
fetchSignatureFlagFromUISettings,
|
fetchSignatureFlagFromUISettings,
|
||||||
|
setQuotedReplyFlagForInbox,
|
||||||
|
fetchQuotedReplyFlagFromUISettings,
|
||||||
} = useUISettings();
|
} = useUISettings();
|
||||||
|
|
||||||
const replyEditor = useTemplateRef('replyEditor');
|
const replyEditor = useTemplateRef('replyEditor');
|
||||||
@@ -89,6 +100,8 @@ export default {
|
|||||||
updateUISettings,
|
updateUISettings,
|
||||||
isEditorHotKeyEnabled,
|
isEditorHotKeyEnabled,
|
||||||
fetchSignatureFlagFromUISettings,
|
fetchSignatureFlagFromUISettings,
|
||||||
|
setQuotedReplyFlagForInbox,
|
||||||
|
fetchQuotedReplyFlagFromUISettings,
|
||||||
replyEditor,
|
replyEditor,
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
@@ -130,6 +143,8 @@ export default {
|
|||||||
currentUser: 'getCurrentUser',
|
currentUser: 'getCurrentUser',
|
||||||
lastEmail: 'getLastEmailInSelectedChat',
|
lastEmail: 'getLastEmailInSelectedChat',
|
||||||
globalConfig: 'globalConfig/get',
|
globalConfig: 'globalConfig/get',
|
||||||
|
accountId: 'getCurrentAccountId',
|
||||||
|
isFeatureEnabledonAccount: 'accounts/isFeatureEnabledonAccount',
|
||||||
}),
|
}),
|
||||||
currentContact() {
|
currentContact() {
|
||||||
return this.$store.getters['contacts/getContact'](
|
return this.$store.getters['contacts/getContact'](
|
||||||
@@ -367,6 +382,51 @@ export default {
|
|||||||
const { slug = '' } = portal;
|
const { slug = '' } = portal;
|
||||||
return slug;
|
return slug;
|
||||||
},
|
},
|
||||||
|
isQuotedEmailReplyEnabled() {
|
||||||
|
return this.isFeatureEnabledonAccount(
|
||||||
|
this.accountId,
|
||||||
|
FEATURE_FLAGS.QUOTED_EMAIL_REPLY
|
||||||
|
);
|
||||||
|
},
|
||||||
|
quotedReplyPreference() {
|
||||||
|
if (!this.isAnEmailChannel || !this.isQuotedEmailReplyEnabled) {
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
|
||||||
|
return !!this.fetchQuotedReplyFlagFromUISettings(this.channelType);
|
||||||
|
},
|
||||||
|
lastEmailWithQuotedContent() {
|
||||||
|
if (!this.isAnEmailChannel) {
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
|
||||||
|
const lastEmail = this.lastEmail;
|
||||||
|
if (!lastEmail || lastEmail.private) {
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
|
||||||
|
return lastEmail;
|
||||||
|
},
|
||||||
|
quotedEmailText() {
|
||||||
|
return extractQuotedEmailText(this.lastEmailWithQuotedContent);
|
||||||
|
},
|
||||||
|
quotedEmailPreviewText() {
|
||||||
|
return truncatePreviewText(this.quotedEmailText, 80);
|
||||||
|
},
|
||||||
|
shouldShowQuotedReplyToggle() {
|
||||||
|
return (
|
||||||
|
this.isAnEmailChannel &&
|
||||||
|
!this.isOnPrivateNote &&
|
||||||
|
this.isQuotedEmailReplyEnabled
|
||||||
|
);
|
||||||
|
},
|
||||||
|
shouldShowQuotedPreview() {
|
||||||
|
return (
|
||||||
|
this.shouldShowQuotedReplyToggle &&
|
||||||
|
this.quotedReplyPreference &&
|
||||||
|
!!this.quotedEmailText
|
||||||
|
);
|
||||||
|
},
|
||||||
},
|
},
|
||||||
watch: {
|
watch: {
|
||||||
currentChat(conversation, oldConversation) {
|
currentChat(conversation, oldConversation) {
|
||||||
@@ -516,6 +576,36 @@ export default {
|
|||||||
);
|
);
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
toggleQuotedReply() {
|
||||||
|
if (!this.isAnEmailChannel) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
const nextValue = !this.quotedReplyPreference;
|
||||||
|
this.setQuotedReplyFlagForInbox(this.channelType, nextValue);
|
||||||
|
},
|
||||||
|
shouldIncludeQuotedEmail() {
|
||||||
|
return (
|
||||||
|
this.isQuotedEmailReplyEnabled &&
|
||||||
|
this.quotedReplyPreference &&
|
||||||
|
this.shouldShowQuotedReplyToggle &&
|
||||||
|
!!this.quotedEmailText
|
||||||
|
);
|
||||||
|
},
|
||||||
|
getMessageWithQuotedEmailText(message) {
|
||||||
|
if (!this.shouldIncludeQuotedEmail()) {
|
||||||
|
return message;
|
||||||
|
}
|
||||||
|
|
||||||
|
const quotedText = this.quotedEmailText || '';
|
||||||
|
const header = buildQuotedEmailHeader(
|
||||||
|
this.lastEmailWithQuotedContent,
|
||||||
|
this.currentContact,
|
||||||
|
this.inbox
|
||||||
|
);
|
||||||
|
|
||||||
|
return appendQuotedTextToMessage(message, quotedText, header);
|
||||||
|
},
|
||||||
resetRecorderAndClearAttachments() {
|
resetRecorderAndClearAttachments() {
|
||||||
// Reset audio recorder UI state
|
// Reset audio recorder UI state
|
||||||
this.resetAudioRecorderInput();
|
this.resetAudioRecorderInput();
|
||||||
@@ -965,9 +1055,11 @@ export default {
|
|||||||
return multipleMessagePayload;
|
return multipleMessagePayload;
|
||||||
},
|
},
|
||||||
getMessagePayload(message) {
|
getMessagePayload(message) {
|
||||||
|
const messageWithQuote = this.getMessageWithQuotedEmailText(message);
|
||||||
|
|
||||||
let messagePayload = {
|
let messagePayload = {
|
||||||
conversationId: this.currentChat.id,
|
conversationId: this.currentChat.id,
|
||||||
message,
|
message: messageWithQuote,
|
||||||
private: this.isPrivate,
|
private: this.isPrivate,
|
||||||
sender: this.sender,
|
sender: this.sender,
|
||||||
};
|
};
|
||||||
@@ -995,7 +1087,6 @@ export default {
|
|||||||
if (this.toEmails && !this.isOnPrivateNote) {
|
if (this.toEmails && !this.isOnPrivateNote) {
|
||||||
messagePayload.toEmails = this.toEmails;
|
messagePayload.toEmails = this.toEmails;
|
||||||
}
|
}
|
||||||
|
|
||||||
return messagePayload;
|
return messagePayload;
|
||||||
},
|
},
|
||||||
setCcEmails(value) {
|
setCcEmails(value) {
|
||||||
@@ -1160,6 +1251,12 @@ export default {
|
|||||||
@toggle-variables-menu="toggleVariablesMenu"
|
@toggle-variables-menu="toggleVariablesMenu"
|
||||||
@clear-selection="clearEditorSelection"
|
@clear-selection="clearEditorSelection"
|
||||||
/>
|
/>
|
||||||
|
<QuotedEmailPreview
|
||||||
|
v-if="shouldShowQuotedPreview"
|
||||||
|
:quoted-email-text="quotedEmailText"
|
||||||
|
:preview-text="quotedEmailPreviewText"
|
||||||
|
@toggle="toggleQuotedReply"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div
|
||||||
v-if="hasAttachments && !showAudioRecorderEditor"
|
v-if="hasAttachments && !showAudioRecorderEditor"
|
||||||
@@ -1195,6 +1292,8 @@ export default {
|
|||||||
:show-editor-toggle="isAPIInbox && !isOnPrivateNote"
|
:show-editor-toggle="isAPIInbox && !isOnPrivateNote"
|
||||||
:show-emoji-picker="showEmojiPicker"
|
:show-emoji-picker="showEmojiPicker"
|
||||||
:show-file-upload="showFileUpload"
|
:show-file-upload="showFileUpload"
|
||||||
|
:show-quoted-reply-toggle="shouldShowQuotedReplyToggle"
|
||||||
|
:quoted-reply-enabled="quotedReplyPreference"
|
||||||
:toggle-audio-recorder-play-pause="toggleAudioRecorderPlayPause"
|
:toggle-audio-recorder-play-pause="toggleAudioRecorderPlayPause"
|
||||||
:toggle-audio-recorder="toggleAudioRecorder"
|
:toggle-audio-recorder="toggleAudioRecorder"
|
||||||
:toggle-emoji-picker="toggleEmojiPicker"
|
:toggle-emoji-picker="toggleEmojiPicker"
|
||||||
@@ -1206,6 +1305,7 @@ export default {
|
|||||||
@toggle-editor="toggleRichContentEditor"
|
@toggle-editor="toggleRichContentEditor"
|
||||||
@replace-text="replaceText"
|
@replace-text="replaceText"
|
||||||
@toggle-insert-article="toggleInsertArticle"
|
@toggle-insert-article="toggleInsertArticle"
|
||||||
|
@toggle-quoted-reply="toggleQuotedReply"
|
||||||
/>
|
/>
|
||||||
<WhatsappTemplates
|
<WhatsappTemplates
|
||||||
:inbox-id="inbox.id"
|
:inbox-id="inbox.id"
|
||||||
|
|||||||
@@ -32,7 +32,10 @@ export default {
|
|||||||
value: {
|
value: {
|
||||||
required,
|
required,
|
||||||
isEqual(value) {
|
isEqual(value) {
|
||||||
return value === this.confirmValue;
|
// Trim whitespace from both input and target values
|
||||||
|
const normalizedInput = (value || '').trim();
|
||||||
|
const normalizedTarget = (this.confirmValue || '').trim();
|
||||||
|
return normalizedInput === normalizedTarget;
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
|||||||
@@ -13,6 +13,7 @@ const getUISettingsMock = ref({
|
|||||||
conversation_sidebar_items_order: DEFAULT_CONVERSATION_SIDEBAR_ITEMS_ORDER,
|
conversation_sidebar_items_order: DEFAULT_CONVERSATION_SIDEBAR_ITEMS_ORDER,
|
||||||
contact_sidebar_items_order: DEFAULT_CONTACT_SIDEBAR_ITEMS_ORDER,
|
contact_sidebar_items_order: DEFAULT_CONTACT_SIDEBAR_ITEMS_ORDER,
|
||||||
editor_message_key: 'enter',
|
editor_message_key: 'enter',
|
||||||
|
channel_email_quoted_reply_enabled: true,
|
||||||
});
|
});
|
||||||
|
|
||||||
vi.mock('dashboard/composables/store', () => ({
|
vi.mock('dashboard/composables/store', () => ({
|
||||||
@@ -37,6 +38,7 @@ describe('useUISettings', () => {
|
|||||||
DEFAULT_CONVERSATION_SIDEBAR_ITEMS_ORDER,
|
DEFAULT_CONVERSATION_SIDEBAR_ITEMS_ORDER,
|
||||||
contact_sidebar_items_order: DEFAULT_CONTACT_SIDEBAR_ITEMS_ORDER,
|
contact_sidebar_items_order: DEFAULT_CONTACT_SIDEBAR_ITEMS_ORDER,
|
||||||
editor_message_key: 'enter',
|
editor_message_key: 'enter',
|
||||||
|
channel_email_quoted_reply_enabled: true,
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|
||||||
@@ -51,6 +53,7 @@ describe('useUISettings', () => {
|
|||||||
DEFAULT_CONVERSATION_SIDEBAR_ITEMS_ORDER,
|
DEFAULT_CONVERSATION_SIDEBAR_ITEMS_ORDER,
|
||||||
contact_sidebar_items_order: DEFAULT_CONTACT_SIDEBAR_ITEMS_ORDER,
|
contact_sidebar_items_order: DEFAULT_CONTACT_SIDEBAR_ITEMS_ORDER,
|
||||||
editor_message_key: 'enter',
|
editor_message_key: 'enter',
|
||||||
|
channel_email_quoted_reply_enabled: true,
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
@@ -65,6 +68,7 @@ describe('useUISettings', () => {
|
|||||||
DEFAULT_CONVERSATION_SIDEBAR_ITEMS_ORDER,
|
DEFAULT_CONVERSATION_SIDEBAR_ITEMS_ORDER,
|
||||||
contact_sidebar_items_order: DEFAULT_CONTACT_SIDEBAR_ITEMS_ORDER,
|
contact_sidebar_items_order: DEFAULT_CONTACT_SIDEBAR_ITEMS_ORDER,
|
||||||
editor_message_key: 'enter',
|
editor_message_key: 'enter',
|
||||||
|
channel_email_quoted_reply_enabled: true,
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
@@ -100,6 +104,7 @@ describe('useUISettings', () => {
|
|||||||
contact_sidebar_items_order: DEFAULT_CONTACT_SIDEBAR_ITEMS_ORDER,
|
contact_sidebar_items_order: DEFAULT_CONTACT_SIDEBAR_ITEMS_ORDER,
|
||||||
email_signature_enabled: true,
|
email_signature_enabled: true,
|
||||||
editor_message_key: 'enter',
|
editor_message_key: 'enter',
|
||||||
|
channel_email_quoted_reply_enabled: true,
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
@@ -109,6 +114,26 @@ describe('useUISettings', () => {
|
|||||||
expect(fetchSignatureFlagFromUISettings('email')).toBe(undefined);
|
expect(fetchSignatureFlagFromUISettings('email')).toBe(undefined);
|
||||||
});
|
});
|
||||||
|
|
||||||
|
it('sets quoted reply flag for inbox correctly', () => {
|
||||||
|
const { setQuotedReplyFlagForInbox } = useUISettings();
|
||||||
|
setQuotedReplyFlagForInbox('Channel::Email', false);
|
||||||
|
expect(mockDispatch).toHaveBeenCalledWith('updateUISettings', {
|
||||||
|
uiSettings: {
|
||||||
|
is_ct_labels_open: true,
|
||||||
|
conversation_sidebar_items_order:
|
||||||
|
DEFAULT_CONVERSATION_SIDEBAR_ITEMS_ORDER,
|
||||||
|
contact_sidebar_items_order: DEFAULT_CONTACT_SIDEBAR_ITEMS_ORDER,
|
||||||
|
editor_message_key: 'enter',
|
||||||
|
channel_email_quoted_reply_enabled: false,
|
||||||
|
},
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
it('fetches quoted reply flag from UI settings correctly', () => {
|
||||||
|
const { fetchQuotedReplyFlagFromUISettings } = useUISettings();
|
||||||
|
expect(fetchQuotedReplyFlagFromUISettings('Channel::Email')).toBe(true);
|
||||||
|
});
|
||||||
|
|
||||||
it('returns correct value for isEditorHotKeyEnabled when editor_message_key is configured', () => {
|
it('returns correct value for isEditorHotKeyEnabled when editor_message_key is configured', () => {
|
||||||
getUISettingsMock.value.enter_to_send_enabled = false;
|
getUISettingsMock.value.enter_to_send_enabled = false;
|
||||||
const { isEditorHotKeyEnabled } = useUISettings();
|
const { isEditorHotKeyEnabled } = useUISettings();
|
||||||
|
|||||||
@@ -87,6 +87,13 @@ const setSignatureFlagForInbox = (channelType, value, updateUISettings) => {
|
|||||||
updateUISettings({ [`${slugifiedChannel}_signature_enabled`]: value });
|
updateUISettings({ [`${slugifiedChannel}_signature_enabled`]: value });
|
||||||
};
|
};
|
||||||
|
|
||||||
|
const setQuotedReplyFlagForInbox = (channelType, value, updateUISettings) => {
|
||||||
|
if (!channelType) return;
|
||||||
|
|
||||||
|
const slugifiedChannel = slugifyChannel(channelType);
|
||||||
|
updateUISettings({ [`${slugifiedChannel}_quoted_reply_enabled`]: value });
|
||||||
|
};
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Fetches the signature flag for a specific channel type from UI settings.
|
* Fetches the signature flag for a specific channel type from UI settings.
|
||||||
* @param {string} channelType - The type of the channel.
|
* @param {string} channelType - The type of the channel.
|
||||||
@@ -100,6 +107,13 @@ const fetchSignatureFlagFromUISettings = (channelType, uiSettings) => {
|
|||||||
return uiSettings.value[`${slugifiedChannel}_signature_enabled`];
|
return uiSettings.value[`${slugifiedChannel}_signature_enabled`];
|
||||||
};
|
};
|
||||||
|
|
||||||
|
const fetchQuotedReplyFlagFromUISettings = (channelType, uiSettings) => {
|
||||||
|
if (!channelType) return false;
|
||||||
|
|
||||||
|
const slugifiedChannel = slugifyChannel(channelType);
|
||||||
|
return uiSettings.value[`${slugifiedChannel}_quoted_reply_enabled`];
|
||||||
|
};
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Checks if a specific editor hotkey is enabled.
|
* Checks if a specific editor hotkey is enabled.
|
||||||
* @param {string} key - The key to check.
|
* @param {string} key - The key to check.
|
||||||
@@ -147,6 +161,10 @@ export function useUISettings() {
|
|||||||
setSignatureFlagForInbox(channelType, value, updateUISettings),
|
setSignatureFlagForInbox(channelType, value, updateUISettings),
|
||||||
fetchSignatureFlagFromUISettings: channelType =>
|
fetchSignatureFlagFromUISettings: channelType =>
|
||||||
fetchSignatureFlagFromUISettings(channelType, uiSettings),
|
fetchSignatureFlagFromUISettings(channelType, uiSettings),
|
||||||
|
setQuotedReplyFlagForInbox: (channelType, value) =>
|
||||||
|
setQuotedReplyFlagForInbox(channelType, value, updateUISettings),
|
||||||
|
fetchQuotedReplyFlagFromUISettings: channelType =>
|
||||||
|
fetchQuotedReplyFlagFromUISettings(channelType, uiSettings),
|
||||||
isEditorHotKeyEnabled: key => isEditorHotKeyEnabled(key, uiSettings),
|
isEditorHotKeyEnabled: key => isEditorHotKeyEnabled(key, uiSettings),
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -40,6 +40,7 @@ export const FEATURE_FLAGS = {
|
|||||||
CONTACT_CHATWOOT_SUPPORT_TEAM: 'contact_chatwoot_support_team',
|
CONTACT_CHATWOOT_SUPPORT_TEAM: 'contact_chatwoot_support_team',
|
||||||
CAPTAIN_V2: 'captain_integration_v2',
|
CAPTAIN_V2: 'captain_integration_v2',
|
||||||
SAML: 'saml',
|
SAML: 'saml',
|
||||||
|
QUOTED_EMAIL_REPLY: 'quoted_email_reply',
|
||||||
};
|
};
|
||||||
|
|
||||||
export const PREMIUM_FEATURES = [
|
export const PREMIUM_FEATURES = [
|
||||||
@@ -48,5 +49,5 @@ export const PREMIUM_FEATURES = [
|
|||||||
FEATURE_FLAGS.CUSTOM_ROLES,
|
FEATURE_FLAGS.CUSTOM_ROLES,
|
||||||
FEATURE_FLAGS.AUDIT_LOGS,
|
FEATURE_FLAGS.AUDIT_LOGS,
|
||||||
FEATURE_FLAGS.HELP_CENTER,
|
FEATURE_FLAGS.HELP_CENTER,
|
||||||
FEATURE_FLAGS.CAPTAIN_V2,
|
FEATURE_FLAGS.SAML,
|
||||||
];
|
];
|
||||||
|
|||||||
@@ -145,3 +145,34 @@ export const extractFilenameFromUrl = url => {
|
|||||||
return match ? match[1] : url;
|
return match ? match[1] : url;
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Normalizes a comma/newline separated list of domains
|
||||||
|
* @param {string} domains - The comma/newline separated list of domains
|
||||||
|
* @returns {string} - The normalized list of domains
|
||||||
|
* - Converts newlines to commas
|
||||||
|
* - Trims whitespace
|
||||||
|
* - Lowercases entries
|
||||||
|
* - Removes empty values
|
||||||
|
* - De-duplicates while preserving original order
|
||||||
|
*/
|
||||||
|
export const sanitizeAllowedDomains = domains => {
|
||||||
|
if (!domains) return '';
|
||||||
|
|
||||||
|
const tokens = domains
|
||||||
|
.replace(/\r\n/g, '\n')
|
||||||
|
.replace(/\s*\n\s*/g, ',')
|
||||||
|
.split(',')
|
||||||
|
.map(d => d.trim().toLowerCase())
|
||||||
|
.filter(d => d.length > 0);
|
||||||
|
|
||||||
|
// De-duplicate while preserving order using Set and filter index
|
||||||
|
const seen = new Set();
|
||||||
|
const unique = tokens.filter(d => {
|
||||||
|
if (seen.has(d)) return false;
|
||||||
|
seen.add(d);
|
||||||
|
return true;
|
||||||
|
});
|
||||||
|
|
||||||
|
return unique.join(',');
|
||||||
|
};
|
||||||
|
|||||||
+30
@@ -10,6 +10,8 @@ const QUOTE_INDICATORS = [
|
|||||||
'[class*="Quote"]',
|
'[class*="Quote"]',
|
||||||
];
|
];
|
||||||
|
|
||||||
|
const BLOCKQUOTE_FALLBACK_SELECTOR = 'blockquote';
|
||||||
|
|
||||||
// Regex patterns for quote identification
|
// Regex patterns for quote identification
|
||||||
const QUOTE_PATTERNS = [
|
const QUOTE_PATTERNS = [
|
||||||
/On .* wrote:/i,
|
/On .* wrote:/i,
|
||||||
@@ -36,6 +38,8 @@ export class EmailQuoteExtractor {
|
|||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|
||||||
|
this.removeTrailingBlockquote(tempDiv);
|
||||||
|
|
||||||
// Remove text-based quotes
|
// Remove text-based quotes
|
||||||
const textNodeQuotes = this.findTextNodeQuotes(tempDiv);
|
const textNodeQuotes = this.findTextNodeQuotes(tempDiv);
|
||||||
textNodeQuotes.forEach(el => {
|
textNodeQuotes.forEach(el => {
|
||||||
@@ -62,6 +66,10 @@ export class EmailQuoteExtractor {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
if (this.findTrailingBlockquote(tempDiv)) {
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
|
||||||
// Check for text-based quotes
|
// Check for text-based quotes
|
||||||
const textNodeQuotes = this.findTextNodeQuotes(tempDiv);
|
const textNodeQuotes = this.findTextNodeQuotes(tempDiv);
|
||||||
return textNodeQuotes.length > 0;
|
return textNodeQuotes.length > 0;
|
||||||
@@ -123,4 +131,26 @@ export class EmailQuoteExtractor {
|
|||||||
|
|
||||||
return null;
|
return null;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Remove fallback blockquote if it is the last top-level element.
|
||||||
|
* @param {Element} rootElement - Root element containing the HTML
|
||||||
|
*/
|
||||||
|
static removeTrailingBlockquote(rootElement) {
|
||||||
|
const trailingBlockquote = this.findTrailingBlockquote(rootElement);
|
||||||
|
trailingBlockquote?.remove();
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Locate a fallback blockquote that is the last top-level element.
|
||||||
|
* @param {Element} rootElement - Root element containing the HTML
|
||||||
|
* @returns {Element|null} The trailing blockquote element if present
|
||||||
|
*/
|
||||||
|
static findTrailingBlockquote(rootElement) {
|
||||||
|
const lastElement = rootElement.lastElementChild;
|
||||||
|
if (lastElement?.matches?.(BLOCKQUOTE_FALLBACK_SELECTOR)) {
|
||||||
|
return lastElement;
|
||||||
|
}
|
||||||
|
return null;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
@@ -68,13 +68,17 @@ export const registerSubscription = (onSuccess = () => {}) => {
|
|||||||
.then(() => {
|
.then(() => {
|
||||||
onSuccess();
|
onSuccess();
|
||||||
})
|
})
|
||||||
.catch(() => {
|
.catch(error => {
|
||||||
|
// eslint-disable-next-line no-console
|
||||||
|
console.error('Push subscription registration failed:', error);
|
||||||
useAlert('This browser does not support desktop notification');
|
useAlert('This browser does not support desktop notification');
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
export const requestPushPermissions = ({ onSuccess }) => {
|
export const requestPushPermissions = ({ onSuccess }) => {
|
||||||
if (!('Notification' in window)) {
|
if (!('Notification' in window)) {
|
||||||
|
// eslint-disable-next-line no-console
|
||||||
|
console.warn('Notification is not supported');
|
||||||
useAlert('This browser does not support desktop notification');
|
useAlert('This browser does not support desktop notification');
|
||||||
} else if (Notification.permission === 'granted') {
|
} else if (Notification.permission === 'granted') {
|
||||||
registerSubscription(onSuccess);
|
registerSubscription(onSuccess);
|
||||||
|
|||||||
@@ -0,0 +1,332 @@
|
|||||||
|
import { format, parseISO, isValid as isValidDate } from 'date-fns';
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Extracts plain text from HTML content
|
||||||
|
* @param {string} html - HTML content to convert
|
||||||
|
* @returns {string} Plain text content
|
||||||
|
*/
|
||||||
|
export const extractPlainTextFromHtml = html => {
|
||||||
|
if (!html) {
|
||||||
|
return '';
|
||||||
|
}
|
||||||
|
if (typeof document === 'undefined') {
|
||||||
|
return html.replace(/<[^>]*>/g, ' ');
|
||||||
|
}
|
||||||
|
const tempDiv = document.createElement('div');
|
||||||
|
tempDiv.innerHTML = html;
|
||||||
|
return tempDiv.textContent || tempDiv.innerText || '';
|
||||||
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Extracts sender name from email message
|
||||||
|
* @param {Object} lastEmail - Last email message object
|
||||||
|
* @param {Object} contact - Contact object
|
||||||
|
* @returns {string} Sender name
|
||||||
|
*/
|
||||||
|
export const getEmailSenderName = (lastEmail, contact) => {
|
||||||
|
const senderName = lastEmail?.sender?.name;
|
||||||
|
if (senderName && senderName.trim()) {
|
||||||
|
return senderName.trim();
|
||||||
|
}
|
||||||
|
|
||||||
|
const contactName = contact?.name;
|
||||||
|
return contactName && contactName.trim() ? contactName.trim() : '';
|
||||||
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Extracts sender email from email message
|
||||||
|
* @param {Object} lastEmail - Last email message object
|
||||||
|
* @param {Object} contact - Contact object
|
||||||
|
* @returns {string} Sender email address
|
||||||
|
*/
|
||||||
|
export const getEmailSenderEmail = (lastEmail, contact) => {
|
||||||
|
const senderEmail = lastEmail?.sender?.email;
|
||||||
|
if (senderEmail && senderEmail.trim()) {
|
||||||
|
return senderEmail.trim();
|
||||||
|
}
|
||||||
|
|
||||||
|
const contentAttributes =
|
||||||
|
lastEmail?.contentAttributes || lastEmail?.content_attributes || {};
|
||||||
|
const emailMeta = contentAttributes.email || {};
|
||||||
|
|
||||||
|
if (Array.isArray(emailMeta.from) && emailMeta.from.length > 0) {
|
||||||
|
const fromAddress = emailMeta.from[0];
|
||||||
|
if (fromAddress && fromAddress.trim()) {
|
||||||
|
return fromAddress.trim();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
const contactEmail = contact?.email;
|
||||||
|
return contactEmail && contactEmail.trim() ? contactEmail.trim() : '';
|
||||||
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Extracts date from email message
|
||||||
|
* @param {Object} lastEmail - Last email message object
|
||||||
|
* @returns {Date|null} Email date
|
||||||
|
*/
|
||||||
|
export const getEmailDate = lastEmail => {
|
||||||
|
const contentAttributes =
|
||||||
|
lastEmail?.contentAttributes || lastEmail?.content_attributes || {};
|
||||||
|
const emailMeta = contentAttributes.email || {};
|
||||||
|
|
||||||
|
if (emailMeta.date) {
|
||||||
|
const parsedDate = parseISO(emailMeta.date);
|
||||||
|
if (isValidDate(parsedDate)) {
|
||||||
|
return parsedDate;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
const createdAt = lastEmail?.created_at;
|
||||||
|
if (createdAt) {
|
||||||
|
const timestamp = Number(createdAt);
|
||||||
|
if (!Number.isNaN(timestamp)) {
|
||||||
|
const milliseconds = timestamp > 1e12 ? timestamp : timestamp * 1000;
|
||||||
|
const derivedDate = new Date(milliseconds);
|
||||||
|
if (!Number.isNaN(derivedDate.getTime())) {
|
||||||
|
return derivedDate;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
return null;
|
||||||
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Formats date for quoted email header
|
||||||
|
* @param {Date} date - Date to format
|
||||||
|
* @returns {string} Formatted date string
|
||||||
|
*/
|
||||||
|
export const formatQuotedEmailDate = date => {
|
||||||
|
try {
|
||||||
|
return format(date, "EEE, MMM d, yyyy 'at' p");
|
||||||
|
} catch (error) {
|
||||||
|
const fallbackDate = new Date(date);
|
||||||
|
if (!Number.isNaN(fallbackDate.getTime())) {
|
||||||
|
return format(fallbackDate, "EEE, MMM d, yyyy 'at' p");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
return '';
|
||||||
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Extracts inbox email address from last email message
|
||||||
|
* @param {Object} lastEmail - Last email message object
|
||||||
|
* @param {Object} inbox - Inbox object
|
||||||
|
* @returns {string} Inbox email address
|
||||||
|
*/
|
||||||
|
export const getInboxEmail = (lastEmail, inbox) => {
|
||||||
|
const contentAttributes =
|
||||||
|
lastEmail?.contentAttributes || lastEmail?.content_attributes || {};
|
||||||
|
const emailMeta = contentAttributes.email || {};
|
||||||
|
|
||||||
|
if (Array.isArray(emailMeta.to) && emailMeta.to.length > 0) {
|
||||||
|
const toAddress = emailMeta.to[0];
|
||||||
|
if (toAddress && toAddress.trim()) {
|
||||||
|
return toAddress.trim();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
const inboxEmail = inbox?.email;
|
||||||
|
return inboxEmail && inboxEmail.trim() ? inboxEmail.trim() : '';
|
||||||
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Builds quoted email header from contact (for incoming messages)
|
||||||
|
* @param {Object} lastEmail - Last email message object
|
||||||
|
* @param {Object} contact - Contact object
|
||||||
|
* @returns {string} Formatted header string
|
||||||
|
*/
|
||||||
|
export const buildQuotedEmailHeaderFromContact = (lastEmail, contact) => {
|
||||||
|
if (!lastEmail) {
|
||||||
|
return '';
|
||||||
|
}
|
||||||
|
|
||||||
|
const quotedDate = getEmailDate(lastEmail);
|
||||||
|
const senderEmail = getEmailSenderEmail(lastEmail, contact);
|
||||||
|
|
||||||
|
if (!quotedDate || !senderEmail) {
|
||||||
|
return '';
|
||||||
|
}
|
||||||
|
|
||||||
|
const formattedDate = formatQuotedEmailDate(quotedDate);
|
||||||
|
if (!formattedDate) {
|
||||||
|
return '';
|
||||||
|
}
|
||||||
|
|
||||||
|
const senderName = getEmailSenderName(lastEmail, contact);
|
||||||
|
const hasName = !!senderName;
|
||||||
|
const contactLabel = hasName
|
||||||
|
? `${senderName} <${senderEmail}>`
|
||||||
|
: `<${senderEmail}>`;
|
||||||
|
|
||||||
|
return `On ${formattedDate} ${contactLabel} wrote:`;
|
||||||
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Builds quoted email header from inbox (for outgoing messages)
|
||||||
|
* @param {Object} lastEmail - Last email message object
|
||||||
|
* @param {Object} inbox - Inbox object
|
||||||
|
* @returns {string} Formatted header string
|
||||||
|
*/
|
||||||
|
export const buildQuotedEmailHeaderFromInbox = (lastEmail, inbox) => {
|
||||||
|
if (!lastEmail) {
|
||||||
|
return '';
|
||||||
|
}
|
||||||
|
|
||||||
|
const quotedDate = getEmailDate(lastEmail);
|
||||||
|
const inboxEmail = getInboxEmail(lastEmail, inbox);
|
||||||
|
|
||||||
|
if (!quotedDate || !inboxEmail) {
|
||||||
|
return '';
|
||||||
|
}
|
||||||
|
|
||||||
|
const formattedDate = formatQuotedEmailDate(quotedDate);
|
||||||
|
if (!formattedDate) {
|
||||||
|
return '';
|
||||||
|
}
|
||||||
|
|
||||||
|
const inboxName = inbox?.name;
|
||||||
|
const hasName = !!inboxName;
|
||||||
|
const inboxLabel = hasName
|
||||||
|
? `${inboxName} <${inboxEmail}>`
|
||||||
|
: `<${inboxEmail}>`;
|
||||||
|
|
||||||
|
return `On ${formattedDate} ${inboxLabel} wrote:`;
|
||||||
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Builds quoted email header based on message type
|
||||||
|
* @param {Object} lastEmail - Last email message object
|
||||||
|
* @param {Object} contact - Contact object
|
||||||
|
* @param {Object} inbox - Inbox object
|
||||||
|
* @returns {string} Formatted header string
|
||||||
|
*/
|
||||||
|
export const buildQuotedEmailHeader = (lastEmail, contact, inbox) => {
|
||||||
|
if (!lastEmail) {
|
||||||
|
return '';
|
||||||
|
}
|
||||||
|
|
||||||
|
// MESSAGE_TYPE.OUTGOING = 1, MESSAGE_TYPE.INCOMING = 0
|
||||||
|
const isOutgoing = lastEmail.message_type === 1;
|
||||||
|
|
||||||
|
if (isOutgoing) {
|
||||||
|
return buildQuotedEmailHeaderFromInbox(lastEmail, inbox);
|
||||||
|
}
|
||||||
|
|
||||||
|
return buildQuotedEmailHeaderFromContact(lastEmail, contact);
|
||||||
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Formats text as markdown blockquote
|
||||||
|
* @param {string} text - Text to format
|
||||||
|
* @param {string} header - Optional header to prepend
|
||||||
|
* @returns {string} Formatted blockquote
|
||||||
|
*/
|
||||||
|
export const formatQuotedTextAsBlockquote = (text, header = '') => {
|
||||||
|
const normalizedLines = text
|
||||||
|
? String(text).replace(/\r\n/g, '\n').split('\n')
|
||||||
|
: [];
|
||||||
|
|
||||||
|
if (!header && !normalizedLines.length) {
|
||||||
|
return '';
|
||||||
|
}
|
||||||
|
|
||||||
|
const quotedLines = [];
|
||||||
|
|
||||||
|
if (header) {
|
||||||
|
quotedLines.push(`> ${header}`);
|
||||||
|
quotedLines.push('>');
|
||||||
|
}
|
||||||
|
|
||||||
|
normalizedLines.forEach(line => {
|
||||||
|
const trimmedLine = line.trimEnd();
|
||||||
|
quotedLines.push(trimmedLine ? `> ${trimmedLine}` : '>');
|
||||||
|
});
|
||||||
|
|
||||||
|
return quotedLines.join('\n');
|
||||||
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Extracts quoted email text from last email message
|
||||||
|
* @param {Object} lastEmail - Last email message object
|
||||||
|
* @returns {string} Quoted email text
|
||||||
|
*/
|
||||||
|
export const extractQuotedEmailText = lastEmail => {
|
||||||
|
if (!lastEmail) {
|
||||||
|
return '';
|
||||||
|
}
|
||||||
|
|
||||||
|
const contentAttributes =
|
||||||
|
lastEmail.contentAttributes || lastEmail.content_attributes || {};
|
||||||
|
const emailContent = contentAttributes.email || {};
|
||||||
|
const textContent = emailContent.textContent || emailContent.text_content;
|
||||||
|
|
||||||
|
if (textContent?.reply) {
|
||||||
|
return textContent.reply;
|
||||||
|
}
|
||||||
|
if (textContent?.full) {
|
||||||
|
return textContent.full;
|
||||||
|
}
|
||||||
|
|
||||||
|
const htmlContent = emailContent.htmlContent || emailContent.html_content;
|
||||||
|
if (htmlContent?.reply) {
|
||||||
|
return extractPlainTextFromHtml(htmlContent.reply);
|
||||||
|
}
|
||||||
|
if (htmlContent?.full) {
|
||||||
|
return extractPlainTextFromHtml(htmlContent.full);
|
||||||
|
}
|
||||||
|
|
||||||
|
const fallbackContent =
|
||||||
|
lastEmail.content || lastEmail.processed_message_content || '';
|
||||||
|
|
||||||
|
return fallbackContent;
|
||||||
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Truncates text for preview display
|
||||||
|
* @param {string} text - Text to truncate
|
||||||
|
* @param {number} maxLength - Maximum length (default: 80)
|
||||||
|
* @returns {string} Truncated text
|
||||||
|
*/
|
||||||
|
export const truncatePreviewText = (text, maxLength = 80) => {
|
||||||
|
const preview = text.trim().replace(/\s+/g, ' ');
|
||||||
|
if (!preview) {
|
||||||
|
return '';
|
||||||
|
}
|
||||||
|
|
||||||
|
if (preview.length <= maxLength) {
|
||||||
|
return preview;
|
||||||
|
}
|
||||||
|
return `${preview.slice(0, maxLength - 3)}...`;
|
||||||
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Appends quoted text to message
|
||||||
|
* @param {string} message - Original message
|
||||||
|
* @param {string} quotedText - Text to quote
|
||||||
|
* @param {string} header - Quote header
|
||||||
|
* @returns {string} Message with quoted text appended
|
||||||
|
*/
|
||||||
|
export const appendQuotedTextToMessage = (message, quotedText, header) => {
|
||||||
|
const baseMessage = message ? String(message) : '';
|
||||||
|
const quotedBlock = formatQuotedTextAsBlockquote(quotedText, header);
|
||||||
|
|
||||||
|
if (!quotedBlock) {
|
||||||
|
return baseMessage;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (!baseMessage) {
|
||||||
|
return quotedBlock;
|
||||||
|
}
|
||||||
|
|
||||||
|
let separator = '\n\n';
|
||||||
|
if (baseMessage.endsWith('\n\n')) {
|
||||||
|
separator = '';
|
||||||
|
} else if (baseMessage.endsWith('\n')) {
|
||||||
|
separator = '\n';
|
||||||
|
}
|
||||||
|
|
||||||
|
return `${baseMessage}${separator}${quotedBlock}`;
|
||||||
|
};
|
||||||
@@ -8,6 +8,7 @@ import {
|
|||||||
timeStampAppendedURL,
|
timeStampAppendedURL,
|
||||||
getHostNameFromURL,
|
getHostNameFromURL,
|
||||||
extractFilenameFromUrl,
|
extractFilenameFromUrl,
|
||||||
|
sanitizeAllowedDomains,
|
||||||
} from '../URLHelper';
|
} from '../URLHelper';
|
||||||
|
|
||||||
describe('#URL Helpers', () => {
|
describe('#URL Helpers', () => {
|
||||||
@@ -318,4 +319,32 @@ describe('#URL Helpers', () => {
|
|||||||
).toBe('file.doc');
|
).toBe('file.doc');
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|
||||||
|
describe('sanitizeAllowedDomains', () => {
|
||||||
|
it('returns empty string for falsy input', () => {
|
||||||
|
expect(sanitizeAllowedDomains('')).toBe('');
|
||||||
|
expect(sanitizeAllowedDomains(null)).toBe('');
|
||||||
|
expect(sanitizeAllowedDomains(undefined)).toBe('');
|
||||||
|
});
|
||||||
|
|
||||||
|
it('trims whitespace and converts newlines to commas', () => {
|
||||||
|
const input = ' example.com \n foo.bar\nbar.baz ';
|
||||||
|
expect(sanitizeAllowedDomains(input)).toBe('example.com,foo.bar,bar.baz');
|
||||||
|
});
|
||||||
|
|
||||||
|
it('handles Windows newlines and mixed spacing', () => {
|
||||||
|
const input = ' example.com\r\n\tfoo.bar , bar.baz ';
|
||||||
|
expect(sanitizeAllowedDomains(input)).toBe('example.com,foo.bar,bar.baz');
|
||||||
|
});
|
||||||
|
|
||||||
|
it('removes empty values from repeated commas', () => {
|
||||||
|
const input = ',,example.com,,foo.bar,,';
|
||||||
|
expect(sanitizeAllowedDomains(input)).toBe('example.com,foo.bar');
|
||||||
|
});
|
||||||
|
|
||||||
|
it('lowercases entries and de-duplicates preserving order', () => {
|
||||||
|
const input = 'Example.com,FOO.bar,example.com,Bar.Baz,foo.BAR';
|
||||||
|
expect(sanitizeAllowedDomains(input)).toBe('example.com,foo.bar,bar.baz');
|
||||||
|
});
|
||||||
|
});
|
||||||
});
|
});
|
||||||
|
|||||||
@@ -0,0 +1,99 @@
|
|||||||
|
import { describe, it, expect } from 'vitest';
|
||||||
|
import { EmailQuoteExtractor } from '../emailQuoteExtractor.js';
|
||||||
|
|
||||||
|
const SAMPLE_EMAIL_HTML = `
|
||||||
|
<p>method</p>
|
||||||
|
<blockquote>
|
||||||
|
<p>On Mon, Sep 29, 2025 at 5:18 PM John <a href="mailto:shivam@chatwoot.com">shivam@chatwoot.com</a> wrote:</p>
|
||||||
|
<p>Hi</p>
|
||||||
|
<blockquote>
|
||||||
|
<p>On Mon, Sep 29, 2025 at 5:17 PM Shivam Mishra <a href="mailto:shivam@chatwoot.com">shivam@chatwoot.com</a> wrote:</p>
|
||||||
|
<p>Yes, it is.</p>
|
||||||
|
<p>On Mon, Sep 29, 2025 at 5:16 PM John from Shaneforwoot < shaneforwoot@gmail.com> wrote:</p>
|
||||||
|
<blockquote>
|
||||||
|
<p>Hey</p>
|
||||||
|
<p>On Mon, Sep 29, 2025 at 4:59 PM John shivam@chatwoot.com wrote:</p>
|
||||||
|
<p>This is another quoted quoted text reply</p>
|
||||||
|
<p>This is nice</p>
|
||||||
|
<p>On Mon, Sep 29, 2025 at 4:21 PM John from Shaneforwoot < > shaneforwoot@gmail.com> wrote:</p>
|
||||||
|
<p>Hey there, this is a reply from Chatwoot, notice the quoted text</p>
|
||||||
|
<p>Hey there</p>
|
||||||
|
<p>This is an email text, enjoy reading this</p>
|
||||||
|
<p>-- Shivam Mishra, Chatwoot</p>
|
||||||
|
</blockquote>
|
||||||
|
</blockquote>
|
||||||
|
</blockquote>
|
||||||
|
`;
|
||||||
|
|
||||||
|
const EMAIL_WITH_SIGNATURE = `
|
||||||
|
<p>Latest reply here.</p>
|
||||||
|
<p>Thanks,</p>
|
||||||
|
<p>Jane Doe</p>
|
||||||
|
<blockquote>
|
||||||
|
<p>On Mon, Sep 22, Someone wrote:</p>
|
||||||
|
<p>Previous reply content</p>
|
||||||
|
</blockquote>
|
||||||
|
`;
|
||||||
|
|
||||||
|
const EMAIL_WITH_FOLLOW_UP_CONTENT = `
|
||||||
|
<blockquote>
|
||||||
|
<p>Inline quote that should stay</p>
|
||||||
|
</blockquote>
|
||||||
|
<p>Internal note follows</p>
|
||||||
|
<p>Regards,</p>
|
||||||
|
`;
|
||||||
|
|
||||||
|
describe('EmailQuoteExtractor', () => {
|
||||||
|
it('removes blockquote-based quotes from the email body', () => {
|
||||||
|
const cleanedHtml = EmailQuoteExtractor.extractQuotes(SAMPLE_EMAIL_HTML);
|
||||||
|
|
||||||
|
const container = document.createElement('div');
|
||||||
|
container.innerHTML = cleanedHtml;
|
||||||
|
|
||||||
|
expect(container.querySelectorAll('blockquote').length).toBe(0);
|
||||||
|
expect(container.textContent?.trim()).toBe('method');
|
||||||
|
expect(container.textContent).not.toContain(
|
||||||
|
'On Mon, Sep 29, 2025 at 5:18 PM'
|
||||||
|
);
|
||||||
|
});
|
||||||
|
|
||||||
|
it('keeps blockquote fallback when it is not the last top-level element', () => {
|
||||||
|
const cleanedHtml = EmailQuoteExtractor.extractQuotes(
|
||||||
|
EMAIL_WITH_FOLLOW_UP_CONTENT
|
||||||
|
);
|
||||||
|
|
||||||
|
const container = document.createElement('div');
|
||||||
|
container.innerHTML = cleanedHtml;
|
||||||
|
|
||||||
|
expect(container.querySelector('blockquote')).not.toBeNull();
|
||||||
|
expect(container.lastElementChild?.tagName).toBe('P');
|
||||||
|
});
|
||||||
|
|
||||||
|
it('detects quote indicators in nested blockquotes', () => {
|
||||||
|
const result = EmailQuoteExtractor.hasQuotes(SAMPLE_EMAIL_HTML);
|
||||||
|
expect(result).toBe(true);
|
||||||
|
});
|
||||||
|
|
||||||
|
it('does not flag blockquotes that are followed by other elements', () => {
|
||||||
|
expect(EmailQuoteExtractor.hasQuotes(EMAIL_WITH_FOLLOW_UP_CONTENT)).toBe(
|
||||||
|
false
|
||||||
|
);
|
||||||
|
});
|
||||||
|
|
||||||
|
it('returns false when no quote indicators are present', () => {
|
||||||
|
const html = '<p>Plain content</p>';
|
||||||
|
expect(EmailQuoteExtractor.hasQuotes(html)).toBe(false);
|
||||||
|
});
|
||||||
|
|
||||||
|
it('removes trailing blockquotes while preserving trailing signatures', () => {
|
||||||
|
const cleanedHtml = EmailQuoteExtractor.extractQuotes(EMAIL_WITH_SIGNATURE);
|
||||||
|
|
||||||
|
expect(cleanedHtml).toContain('<p>Thanks,</p>');
|
||||||
|
expect(cleanedHtml).toContain('<p>Jane Doe</p>');
|
||||||
|
expect(cleanedHtml).not.toContain('<blockquote');
|
||||||
|
});
|
||||||
|
|
||||||
|
it('detects quotes for trailing blockquotes even when signatures follow text', () => {
|
||||||
|
expect(EmailQuoteExtractor.hasQuotes(EMAIL_WITH_SIGNATURE)).toBe(true);
|
||||||
|
});
|
||||||
|
});
|
||||||
@@ -0,0 +1,441 @@
|
|||||||
|
import {
|
||||||
|
extractPlainTextFromHtml,
|
||||||
|
getEmailSenderName,
|
||||||
|
getEmailSenderEmail,
|
||||||
|
getEmailDate,
|
||||||
|
formatQuotedEmailDate,
|
||||||
|
getInboxEmail,
|
||||||
|
buildQuotedEmailHeader,
|
||||||
|
buildQuotedEmailHeaderFromContact,
|
||||||
|
buildQuotedEmailHeaderFromInbox,
|
||||||
|
formatQuotedTextAsBlockquote,
|
||||||
|
extractQuotedEmailText,
|
||||||
|
truncatePreviewText,
|
||||||
|
appendQuotedTextToMessage,
|
||||||
|
} from '../quotedEmailHelper';
|
||||||
|
|
||||||
|
describe('quotedEmailHelper', () => {
|
||||||
|
describe('extractPlainTextFromHtml', () => {
|
||||||
|
it('returns empty string for null or undefined', () => {
|
||||||
|
expect(extractPlainTextFromHtml(null)).toBe('');
|
||||||
|
expect(extractPlainTextFromHtml(undefined)).toBe('');
|
||||||
|
});
|
||||||
|
|
||||||
|
it('strips HTML tags and returns plain text', () => {
|
||||||
|
const html = '<p>Hello <strong>world</strong></p>';
|
||||||
|
const result = extractPlainTextFromHtml(html);
|
||||||
|
expect(result).toBe('Hello world');
|
||||||
|
});
|
||||||
|
|
||||||
|
it('handles complex HTML structure', () => {
|
||||||
|
const html = '<div><p>Line 1</p><p>Line 2</p></div>';
|
||||||
|
const result = extractPlainTextFromHtml(html);
|
||||||
|
expect(result).toContain('Line 1');
|
||||||
|
expect(result).toContain('Line 2');
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
describe('getEmailSenderName', () => {
|
||||||
|
it('returns sender name from lastEmail', () => {
|
||||||
|
const lastEmail = { sender: { name: 'John Doe' } };
|
||||||
|
const result = getEmailSenderName(lastEmail, {});
|
||||||
|
expect(result).toBe('John Doe');
|
||||||
|
});
|
||||||
|
|
||||||
|
it('returns contact name if sender name not available', () => {
|
||||||
|
const lastEmail = { sender: {} };
|
||||||
|
const contact = { name: 'Jane Smith' };
|
||||||
|
const result = getEmailSenderName(lastEmail, contact);
|
||||||
|
expect(result).toBe('Jane Smith');
|
||||||
|
});
|
||||||
|
|
||||||
|
it('returns empty string if neither available', () => {
|
||||||
|
const result = getEmailSenderName({}, {});
|
||||||
|
expect(result).toBe('');
|
||||||
|
});
|
||||||
|
|
||||||
|
it('trims whitespace from names', () => {
|
||||||
|
const lastEmail = { sender: { name: ' John Doe ' } };
|
||||||
|
const result = getEmailSenderName(lastEmail, {});
|
||||||
|
expect(result).toBe('John Doe');
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
describe('getEmailSenderEmail', () => {
|
||||||
|
it('returns sender email from lastEmail', () => {
|
||||||
|
const lastEmail = { sender: { email: 'john@example.com' } };
|
||||||
|
const result = getEmailSenderEmail(lastEmail, {});
|
||||||
|
expect(result).toBe('john@example.com');
|
||||||
|
});
|
||||||
|
|
||||||
|
it('returns email from contentAttributes if sender email not available', () => {
|
||||||
|
const lastEmail = {
|
||||||
|
contentAttributes: {
|
||||||
|
email: { from: ['jane@example.com'] },
|
||||||
|
},
|
||||||
|
};
|
||||||
|
const result = getEmailSenderEmail(lastEmail, {});
|
||||||
|
expect(result).toBe('jane@example.com');
|
||||||
|
});
|
||||||
|
|
||||||
|
it('returns contact email as fallback', () => {
|
||||||
|
const lastEmail = {};
|
||||||
|
const contact = { email: 'contact@example.com' };
|
||||||
|
const result = getEmailSenderEmail(lastEmail, contact);
|
||||||
|
expect(result).toBe('contact@example.com');
|
||||||
|
});
|
||||||
|
|
||||||
|
it('trims whitespace from emails', () => {
|
||||||
|
const lastEmail = { sender: { email: ' john@example.com ' } };
|
||||||
|
const result = getEmailSenderEmail(lastEmail, {});
|
||||||
|
expect(result).toBe('john@example.com');
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
describe('getEmailDate', () => {
|
||||||
|
it('returns parsed date from email metadata', () => {
|
||||||
|
const lastEmail = {
|
||||||
|
contentAttributes: {
|
||||||
|
email: { date: '2024-01-15T10:30:00Z' },
|
||||||
|
},
|
||||||
|
};
|
||||||
|
const result = getEmailDate(lastEmail);
|
||||||
|
expect(result).toBeInstanceOf(Date);
|
||||||
|
});
|
||||||
|
|
||||||
|
it('returns date from created_at timestamp', () => {
|
||||||
|
const lastEmail = { created_at: 1705318200 };
|
||||||
|
const result = getEmailDate(lastEmail);
|
||||||
|
expect(result).toBeInstanceOf(Date);
|
||||||
|
});
|
||||||
|
|
||||||
|
it('handles millisecond timestamps', () => {
|
||||||
|
const lastEmail = { created_at: 1705318200000 };
|
||||||
|
const result = getEmailDate(lastEmail);
|
||||||
|
expect(result).toBeInstanceOf(Date);
|
||||||
|
});
|
||||||
|
|
||||||
|
it('returns null if no valid date found', () => {
|
||||||
|
const result = getEmailDate({});
|
||||||
|
expect(result).toBeNull();
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
describe('formatQuotedEmailDate', () => {
|
||||||
|
it('formats date correctly', () => {
|
||||||
|
const date = new Date('2024-01-15T10:30:00Z');
|
||||||
|
const result = formatQuotedEmailDate(date);
|
||||||
|
expect(result).toMatch(/Mon, Jan 15, 2024 at/);
|
||||||
|
});
|
||||||
|
|
||||||
|
it('returns empty string for invalid date', () => {
|
||||||
|
const result = formatQuotedEmailDate('invalid');
|
||||||
|
expect(result).toBe('');
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
describe('getInboxEmail', () => {
|
||||||
|
it('returns email from contentAttributes.email.to', () => {
|
||||||
|
const lastEmail = {
|
||||||
|
contentAttributes: {
|
||||||
|
email: { to: ['inbox@example.com'] },
|
||||||
|
},
|
||||||
|
};
|
||||||
|
const result = getInboxEmail(lastEmail, {});
|
||||||
|
expect(result).toBe('inbox@example.com');
|
||||||
|
});
|
||||||
|
|
||||||
|
it('returns inbox email as fallback', () => {
|
||||||
|
const lastEmail = {};
|
||||||
|
const inbox = { email: 'support@example.com' };
|
||||||
|
const result = getInboxEmail(lastEmail, inbox);
|
||||||
|
expect(result).toBe('support@example.com');
|
||||||
|
});
|
||||||
|
|
||||||
|
it('returns empty string if no email found', () => {
|
||||||
|
expect(getInboxEmail({}, {})).toBe('');
|
||||||
|
});
|
||||||
|
|
||||||
|
it('trims whitespace from emails', () => {
|
||||||
|
const lastEmail = {
|
||||||
|
contentAttributes: {
|
||||||
|
email: { to: [' inbox@example.com '] },
|
||||||
|
},
|
||||||
|
};
|
||||||
|
const result = getInboxEmail(lastEmail, {});
|
||||||
|
expect(result).toBe('inbox@example.com');
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
describe('buildQuotedEmailHeaderFromContact', () => {
|
||||||
|
it('builds complete header with name and email', () => {
|
||||||
|
const lastEmail = {
|
||||||
|
sender: { name: 'John Doe', email: 'john@example.com' },
|
||||||
|
contentAttributes: {
|
||||||
|
email: { date: '2024-01-15T10:30:00Z' },
|
||||||
|
},
|
||||||
|
};
|
||||||
|
const result = buildQuotedEmailHeaderFromContact(lastEmail, {});
|
||||||
|
expect(result).toContain('John Doe');
|
||||||
|
expect(result).toContain('john@example.com');
|
||||||
|
expect(result).toContain('wrote:');
|
||||||
|
});
|
||||||
|
|
||||||
|
it('builds header without name if not available', () => {
|
||||||
|
const lastEmail = {
|
||||||
|
sender: { email: 'john@example.com' },
|
||||||
|
contentAttributes: {
|
||||||
|
email: { date: '2024-01-15T10:30:00Z' },
|
||||||
|
},
|
||||||
|
};
|
||||||
|
const result = buildQuotedEmailHeaderFromContact(lastEmail, {});
|
||||||
|
expect(result).toContain('<john@example.com>');
|
||||||
|
expect(result).not.toContain('undefined');
|
||||||
|
});
|
||||||
|
|
||||||
|
it('returns empty string if missing required data', () => {
|
||||||
|
expect(buildQuotedEmailHeaderFromContact(null, {})).toBe('');
|
||||||
|
expect(buildQuotedEmailHeaderFromContact({}, {})).toBe('');
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
describe('buildQuotedEmailHeaderFromInbox', () => {
|
||||||
|
it('builds complete header with inbox name and email', () => {
|
||||||
|
const lastEmail = {
|
||||||
|
contentAttributes: {
|
||||||
|
email: {
|
||||||
|
date: '2024-01-15T10:30:00Z',
|
||||||
|
to: ['support@example.com'],
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
const inbox = { name: 'Support Team', email: 'support@example.com' };
|
||||||
|
const result = buildQuotedEmailHeaderFromInbox(lastEmail, inbox);
|
||||||
|
expect(result).toContain('Support Team');
|
||||||
|
expect(result).toContain('support@example.com');
|
||||||
|
expect(result).toContain('wrote:');
|
||||||
|
});
|
||||||
|
|
||||||
|
it('builds header without name if not available', () => {
|
||||||
|
const lastEmail = {
|
||||||
|
contentAttributes: {
|
||||||
|
email: {
|
||||||
|
date: '2024-01-15T10:30:00Z',
|
||||||
|
to: ['inbox@example.com'],
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
const inbox = { email: 'inbox@example.com' };
|
||||||
|
const result = buildQuotedEmailHeaderFromInbox(lastEmail, inbox);
|
||||||
|
expect(result).toContain('<inbox@example.com>');
|
||||||
|
expect(result).not.toContain('undefined');
|
||||||
|
});
|
||||||
|
|
||||||
|
it('returns empty string if missing required data', () => {
|
||||||
|
expect(buildQuotedEmailHeaderFromInbox(null, {})).toBe('');
|
||||||
|
expect(buildQuotedEmailHeaderFromInbox({}, {})).toBe('');
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
describe('buildQuotedEmailHeader', () => {
|
||||||
|
it('uses inbox email for outgoing messages (message_type: 1)', () => {
|
||||||
|
const lastEmail = {
|
||||||
|
message_type: 1,
|
||||||
|
contentAttributes: {
|
||||||
|
email: {
|
||||||
|
date: '2024-01-15T10:30:00Z',
|
||||||
|
to: ['support@example.com'],
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
const inbox = { name: 'Support', email: 'support@example.com' };
|
||||||
|
const contact = { name: 'John Doe', email: 'john@example.com' };
|
||||||
|
const result = buildQuotedEmailHeader(lastEmail, contact, inbox);
|
||||||
|
expect(result).toContain('Support');
|
||||||
|
expect(result).toContain('support@example.com');
|
||||||
|
expect(result).not.toContain('John Doe');
|
||||||
|
});
|
||||||
|
|
||||||
|
it('uses contact email for incoming messages (message_type: 0)', () => {
|
||||||
|
const lastEmail = {
|
||||||
|
message_type: 0,
|
||||||
|
sender: { name: 'Jane Smith', email: 'jane@example.com' },
|
||||||
|
contentAttributes: {
|
||||||
|
email: { date: '2024-01-15T10:30:00Z' },
|
||||||
|
},
|
||||||
|
};
|
||||||
|
const inbox = { name: 'Support', email: 'support@example.com' };
|
||||||
|
const contact = { name: 'Jane Smith', email: 'jane@example.com' };
|
||||||
|
const result = buildQuotedEmailHeader(lastEmail, contact, inbox);
|
||||||
|
expect(result).toContain('Jane Smith');
|
||||||
|
expect(result).toContain('jane@example.com');
|
||||||
|
expect(result).not.toContain('Support');
|
||||||
|
});
|
||||||
|
|
||||||
|
it('returns empty string if missing required data', () => {
|
||||||
|
expect(buildQuotedEmailHeader(null, {}, {})).toBe('');
|
||||||
|
expect(buildQuotedEmailHeader({}, {}, {})).toBe('');
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
describe('formatQuotedTextAsBlockquote', () => {
|
||||||
|
it('formats single line text', () => {
|
||||||
|
const result = formatQuotedTextAsBlockquote('Hello world');
|
||||||
|
expect(result).toBe('> Hello world');
|
||||||
|
});
|
||||||
|
|
||||||
|
it('formats multi-line text', () => {
|
||||||
|
const text = 'Line 1\nLine 2\nLine 3';
|
||||||
|
const result = formatQuotedTextAsBlockquote(text);
|
||||||
|
expect(result).toBe('> Line 1\n> Line 2\n> Line 3');
|
||||||
|
});
|
||||||
|
|
||||||
|
it('includes header if provided', () => {
|
||||||
|
const result = formatQuotedTextAsBlockquote('Hello', 'Header text');
|
||||||
|
expect(result).toContain('> Header text');
|
||||||
|
expect(result).toContain('>\n> Hello');
|
||||||
|
});
|
||||||
|
|
||||||
|
it('handles empty lines correctly', () => {
|
||||||
|
const text = 'Line 1\n\nLine 3';
|
||||||
|
const result = formatQuotedTextAsBlockquote(text);
|
||||||
|
expect(result).toBe('> Line 1\n>\n> Line 3');
|
||||||
|
});
|
||||||
|
|
||||||
|
it('returns empty string for empty input', () => {
|
||||||
|
expect(formatQuotedTextAsBlockquote('')).toBe('');
|
||||||
|
expect(formatQuotedTextAsBlockquote('', '')).toBe('');
|
||||||
|
});
|
||||||
|
|
||||||
|
it('handles Windows line endings', () => {
|
||||||
|
const text = 'Line 1\r\nLine 2';
|
||||||
|
const result = formatQuotedTextAsBlockquote(text);
|
||||||
|
expect(result).toBe('> Line 1\n> Line 2');
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
describe('extractQuotedEmailText', () => {
|
||||||
|
it('extracts text from textContent.reply', () => {
|
||||||
|
const lastEmail = {
|
||||||
|
contentAttributes: {
|
||||||
|
email: { textContent: { reply: 'Reply text' } },
|
||||||
|
},
|
||||||
|
};
|
||||||
|
const result = extractQuotedEmailText(lastEmail);
|
||||||
|
expect(result).toBe('Reply text');
|
||||||
|
});
|
||||||
|
|
||||||
|
it('falls back to textContent.full', () => {
|
||||||
|
const lastEmail = {
|
||||||
|
contentAttributes: {
|
||||||
|
email: { textContent: { full: 'Full text' } },
|
||||||
|
},
|
||||||
|
};
|
||||||
|
const result = extractQuotedEmailText(lastEmail);
|
||||||
|
expect(result).toBe('Full text');
|
||||||
|
});
|
||||||
|
|
||||||
|
it('extracts from htmlContent and converts to plain text', () => {
|
||||||
|
const lastEmail = {
|
||||||
|
contentAttributes: {
|
||||||
|
email: { htmlContent: { reply: '<p>HTML reply</p>' } },
|
||||||
|
},
|
||||||
|
};
|
||||||
|
const result = extractQuotedEmailText(lastEmail);
|
||||||
|
expect(result).toBe('HTML reply');
|
||||||
|
});
|
||||||
|
|
||||||
|
it('uses fallback content if structured content not available', () => {
|
||||||
|
const lastEmail = { content: 'Fallback content' };
|
||||||
|
const result = extractQuotedEmailText(lastEmail);
|
||||||
|
expect(result).toBe('Fallback content');
|
||||||
|
});
|
||||||
|
|
||||||
|
it('returns empty string for null or missing email', () => {
|
||||||
|
expect(extractQuotedEmailText(null)).toBe('');
|
||||||
|
expect(extractQuotedEmailText({})).toBe('');
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
describe('truncatePreviewText', () => {
|
||||||
|
it('returns full text if under max length', () => {
|
||||||
|
const text = 'Short text';
|
||||||
|
const result = truncatePreviewText(text, 80);
|
||||||
|
expect(result).toBe('Short text');
|
||||||
|
});
|
||||||
|
|
||||||
|
it('truncates text exceeding max length', () => {
|
||||||
|
const text = 'A'.repeat(100);
|
||||||
|
const result = truncatePreviewText(text, 80);
|
||||||
|
expect(result).toHaveLength(80);
|
||||||
|
expect(result).toContain('...');
|
||||||
|
});
|
||||||
|
|
||||||
|
it('collapses multiple spaces', () => {
|
||||||
|
const text = 'Text with spaces';
|
||||||
|
const result = truncatePreviewText(text);
|
||||||
|
expect(result).toBe('Text with spaces');
|
||||||
|
});
|
||||||
|
|
||||||
|
it('trims whitespace', () => {
|
||||||
|
const text = ' Text with spaces ';
|
||||||
|
const result = truncatePreviewText(text);
|
||||||
|
expect(result).toBe('Text with spaces');
|
||||||
|
});
|
||||||
|
|
||||||
|
it('returns empty string for empty input', () => {
|
||||||
|
expect(truncatePreviewText('')).toBe('');
|
||||||
|
expect(truncatePreviewText(' ')).toBe('');
|
||||||
|
});
|
||||||
|
|
||||||
|
it('uses default max length of 80', () => {
|
||||||
|
const text = 'A'.repeat(100);
|
||||||
|
const result = truncatePreviewText(text);
|
||||||
|
expect(result).toHaveLength(80);
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
describe('appendQuotedTextToMessage', () => {
|
||||||
|
it('appends quoted text to message', () => {
|
||||||
|
const message = 'My reply';
|
||||||
|
const quotedText = 'Original message';
|
||||||
|
const header = 'On date sender wrote:';
|
||||||
|
const result = appendQuotedTextToMessage(message, quotedText, header);
|
||||||
|
|
||||||
|
expect(result).toContain('My reply');
|
||||||
|
expect(result).toContain('> On date sender wrote:');
|
||||||
|
expect(result).toContain('> Original message');
|
||||||
|
});
|
||||||
|
|
||||||
|
it('returns only quoted text if message is empty', () => {
|
||||||
|
const result = appendQuotedTextToMessage('', 'Quoted', 'Header');
|
||||||
|
expect(result).toContain('> Header');
|
||||||
|
expect(result).toContain('> Quoted');
|
||||||
|
expect(result).not.toContain('\n\n\n');
|
||||||
|
});
|
||||||
|
|
||||||
|
it('returns message if no quoted text', () => {
|
||||||
|
const result = appendQuotedTextToMessage('Message', '', '');
|
||||||
|
expect(result).toBe('Message');
|
||||||
|
});
|
||||||
|
|
||||||
|
it('handles proper spacing with double newline', () => {
|
||||||
|
const result = appendQuotedTextToMessage('Message', 'Quoted', 'Header');
|
||||||
|
expect(result).toContain('Message\n\n>');
|
||||||
|
});
|
||||||
|
|
||||||
|
it('does not add extra newlines if message already ends with newlines', () => {
|
||||||
|
const result = appendQuotedTextToMessage(
|
||||||
|
'Message\n\n',
|
||||||
|
'Quoted',
|
||||||
|
'Header'
|
||||||
|
);
|
||||||
|
expect(result).not.toContain('\n\n\n');
|
||||||
|
});
|
||||||
|
|
||||||
|
it('adds single newline if message ends with one newline', () => {
|
||||||
|
const result = appendQuotedTextToMessage('Message\n', 'Quoted', 'Header');
|
||||||
|
expect(result).toContain('Message\n\n>');
|
||||||
|
});
|
||||||
|
});
|
||||||
|
});
|
||||||
@@ -554,10 +554,12 @@
|
|||||||
"WROTE": "wrote",
|
"WROTE": "wrote",
|
||||||
"YOU": "You",
|
"YOU": "You",
|
||||||
"SAVE": "Save note",
|
"SAVE": "Save note",
|
||||||
|
"ADD_NOTE": "Add contact note",
|
||||||
"EXPAND": "Expand",
|
"EXPAND": "Expand",
|
||||||
"COLLAPSE": "ሰብስብ",
|
"COLLAPSE": "ሰብስብ",
|
||||||
"NO_NOTES": "ማስታወሻዎች የሉም፣ ከእውቂያው ዝርዝር ገፅ ላይ ማስታወሻዎችን መጨመር ይችላሉ።",
|
"NO_NOTES": "ማስታወሻዎች የሉም፣ ከእውቂያው ዝርዝር ገፅ ላይ ማስታወሻዎችን መጨመር ይችላሉ።",
|
||||||
"EMPTY_STATE": "There are no notes associated to this contact. You can add a note by typing in the box above."
|
"EMPTY_STATE": "There are no notes associated to this contact. You can add a note by typing in the box above.",
|
||||||
|
"CONVERSATION_EMPTY_STATE": "There are no notes yet. Use the Add note button to create one."
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"EMPTY_STATE": {
|
"EMPTY_STATE": {
|
||||||
|
|||||||
@@ -227,6 +227,13 @@
|
|||||||
"YES": "Send",
|
"YES": "Send",
|
||||||
"CANCEL": "Cancel"
|
"CANCEL": "Cancel"
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
"QUOTED_REPLY": {
|
||||||
|
"ENABLE_TOOLTIP": "Include quoted email thread",
|
||||||
|
"DISABLE_TOOLTIP": "Don't include quoted email thread",
|
||||||
|
"REMOVE_PREVIEW": "Remove quoted email thread",
|
||||||
|
"COLLAPSE": "Collapse preview",
|
||||||
|
"EXPAND": "Expand preview"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"VISIBLE_TO_AGENTS": "Private Note: Only visible to you and your team",
|
"VISIBLE_TO_AGENTS": "Private Note: Only visible to you and your team",
|
||||||
|
|||||||
@@ -5,6 +5,8 @@
|
|||||||
"PLACEHOLDER": "Search",
|
"PLACEHOLDER": "Search",
|
||||||
"EMPTY_STATE": "No results found"
|
"EMPTY_STATE": "No results found"
|
||||||
},
|
},
|
||||||
"CLOSE": "Close"
|
"CLOSE": "Close",
|
||||||
|
"BETA": "Beta",
|
||||||
|
"BETA_DESCRIPTION": "This feature is in beta and may change as we improve it."
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -5,6 +5,8 @@
|
|||||||
"LEARN_MORE": "Learn more about inboxes",
|
"LEARN_MORE": "Learn more about inboxes",
|
||||||
"RECONNECTION_REQUIRED": "Your inbox is disconnected. You won't receive new messages until you reauthorize it.",
|
"RECONNECTION_REQUIRED": "Your inbox is disconnected. You won't receive new messages until you reauthorize it.",
|
||||||
"CLICK_TO_RECONNECT": "Click here to reconnect.",
|
"CLICK_TO_RECONNECT": "Click here to reconnect.",
|
||||||
|
"WHATSAPP_REGISTRATION_INCOMPLETE": "Your WhatsApp Business registration isn’t complete. Please check your display name status in Meta Business Manager before reconnecting.",
|
||||||
|
"COMPLETE_REGISTRATION": "Complete Registration",
|
||||||
"LIST": {
|
"LIST": {
|
||||||
"404": "There are no inboxes attached to this account."
|
"404": "There are no inboxes attached to this account."
|
||||||
},
|
},
|
||||||
@@ -605,8 +607,64 @@
|
|||||||
"BUSINESS_HOURS": "Business Hours",
|
"BUSINESS_HOURS": "Business Hours",
|
||||||
"WIDGET_BUILDER": "Widget Builder",
|
"WIDGET_BUILDER": "Widget Builder",
|
||||||
"BOT_CONFIGURATION": "Bot Configuration",
|
"BOT_CONFIGURATION": "Bot Configuration",
|
||||||
|
"ACCOUNT_HEALTH": "Account Health",
|
||||||
"CSAT": "CSAT"
|
"CSAT": "CSAT"
|
||||||
},
|
},
|
||||||
|
"ACCOUNT_HEALTH": {
|
||||||
|
"TITLE": "Manage your WhatsApp account",
|
||||||
|
"DESCRIPTION": "Review your WhatsApp account status, messaging limits, and quality. Update settings or resolve issues if needed",
|
||||||
|
"GO_TO_SETTINGS": "Go to Meta Business Manager",
|
||||||
|
"NO_DATA": "Health data is not available",
|
||||||
|
"FIELDS": {
|
||||||
|
"DISPLAY_PHONE_NUMBER": {
|
||||||
|
"LABEL": "Display phone number",
|
||||||
|
"TOOLTIP": "Phone number displayed to customers"
|
||||||
|
},
|
||||||
|
"VERIFIED_NAME": {
|
||||||
|
"LABEL": "Business name",
|
||||||
|
"TOOLTIP": "Business name verified by WhatsApp"
|
||||||
|
},
|
||||||
|
"DISPLAY_NAME_STATUS": {
|
||||||
|
"LABEL": "Display name status",
|
||||||
|
"TOOLTIP": "Status of your business name verification"
|
||||||
|
},
|
||||||
|
"QUALITY_RATING": {
|
||||||
|
"LABEL": "Quality rating",
|
||||||
|
"TOOLTIP": "WhatsApp quality rating for your account"
|
||||||
|
},
|
||||||
|
"MESSAGING_LIMIT_TIER": {
|
||||||
|
"LABEL": "Messaging limit tier",
|
||||||
|
"TOOLTIP": "Daily messaging limit for your account"
|
||||||
|
},
|
||||||
|
"ACCOUNT_MODE": {
|
||||||
|
"LABEL": "Account mode",
|
||||||
|
"TOOLTIP": "Current operating mode of your WhatsApp account"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"VALUES": {
|
||||||
|
"TIERS": {
|
||||||
|
"TIER_250": "250 customers per 24h",
|
||||||
|
"TIER_1000": "1K customers per 24h",
|
||||||
|
"TIER_1K": "1K customers per 24h",
|
||||||
|
"TIER_10K": "10K customers per 24h",
|
||||||
|
"TIER_100K": "100K customers per 24h",
|
||||||
|
"TIER_UNLIMITED": "Unlimited customers per 24h",
|
||||||
|
"UNKNOWN": "Rating not available"
|
||||||
|
},
|
||||||
|
"STATUSES": {
|
||||||
|
"APPROVED": "Approved",
|
||||||
|
"PENDING_REVIEW": "Pending Review",
|
||||||
|
"AVAILABLE_WITHOUT_REVIEW": "Available Without Review",
|
||||||
|
"REJECTED": "Rejected",
|
||||||
|
"DECLINED": "Declined",
|
||||||
|
"NON_EXISTS": "Non exists"
|
||||||
|
},
|
||||||
|
"MODES": {
|
||||||
|
"SANDBOX": "Sandbox",
|
||||||
|
"LIVE": "Live"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
"SETTINGS": "Settings",
|
"SETTINGS": "Settings",
|
||||||
"FEATURES": {
|
"FEATURES": {
|
||||||
"LABEL": "Features",
|
"LABEL": "Features",
|
||||||
@@ -618,6 +676,11 @@
|
|||||||
"SETTINGS_POPUP": {
|
"SETTINGS_POPUP": {
|
||||||
"MESSENGER_HEADING": "Messenger Script",
|
"MESSENGER_HEADING": "Messenger Script",
|
||||||
"MESSENGER_SUB_HEAD": "Place this button inside your body tag",
|
"MESSENGER_SUB_HEAD": "Place this button inside your body tag",
|
||||||
|
"ALLOWED_DOMAINS": {
|
||||||
|
"TITLE": "Allowed Domains",
|
||||||
|
"SUBTITLE": "Add wildcard or regular domains separated by commas (leave blank to allow all), e.g. *.chatwoot.dev, chatwoot.com.",
|
||||||
|
"PLACEHOLDER": "Enter domains separated by commas (eg: *.chatwoot.dev, chatwoot.com)"
|
||||||
|
},
|
||||||
"INBOX_AGENTS": "Agents",
|
"INBOX_AGENTS": "Agents",
|
||||||
"INBOX_AGENTS_SUB_TEXT": "Add or remove agents from this inbox",
|
"INBOX_AGENTS_SUB_TEXT": "Add or remove agents from this inbox",
|
||||||
"AGENT_ASSIGNMENT": "Conversation Assignment",
|
"AGENT_ASSIGNMENT": "Conversation Assignment",
|
||||||
|
|||||||
@@ -752,6 +752,115 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"CUSTOM_TOOLS": {
|
||||||
|
"HEADER": "Tools",
|
||||||
|
"ADD_NEW": "Create a new tool",
|
||||||
|
"EMPTY_STATE": {
|
||||||
|
"TITLE": "No custom tools available",
|
||||||
|
"SUBTITLE": "Create custom tools to connect your assistant with external APIs and services, enabling it to fetch data and perform actions on your behalf.",
|
||||||
|
"FEATURE_SPOTLIGHT": {
|
||||||
|
"TITLE": "Custom Tools",
|
||||||
|
"NOTE": "Custom tools allow your assistant to interact with external APIs and services. Create tools to fetch data, perform actions, or integrate with your existing systems to enhance your assistant's capabilities."
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"FORM_DESCRIPTION": "Configure your custom tool to connect with external APIs",
|
||||||
|
"OPTIONS": {
|
||||||
|
"EDIT_TOOL": "Edit tool",
|
||||||
|
"DELETE_TOOL": "Delete tool"
|
||||||
|
},
|
||||||
|
"CREATE": {
|
||||||
|
"TITLE": "Create Custom Tool",
|
||||||
|
"SUCCESS_MESSAGE": "Custom tool created successfully",
|
||||||
|
"ERROR_MESSAGE": "Failed to create custom tool"
|
||||||
|
},
|
||||||
|
"EDIT": {
|
||||||
|
"TITLE": "Edit Custom Tool",
|
||||||
|
"SUCCESS_MESSAGE": "Custom tool updated successfully",
|
||||||
|
"ERROR_MESSAGE": "Failed to update custom tool"
|
||||||
|
},
|
||||||
|
"DELETE": {
|
||||||
|
"TITLE": "Delete Custom Tool",
|
||||||
|
"DESCRIPTION": "Are you sure you want to delete this custom tool? This action cannot be undone.",
|
||||||
|
"CONFIRM": "Yes, delete",
|
||||||
|
"SUCCESS_MESSAGE": "Custom tool deleted successfully",
|
||||||
|
"ERROR_MESSAGE": "Failed to delete custom tool"
|
||||||
|
},
|
||||||
|
"FORM": {
|
||||||
|
"TITLE": {
|
||||||
|
"LABEL": "Tool Name",
|
||||||
|
"PLACEHOLDER": "Order Lookup",
|
||||||
|
"ERROR": "Tool name is required"
|
||||||
|
},
|
||||||
|
"DESCRIPTION": {
|
||||||
|
"LABEL": "Description",
|
||||||
|
"PLACEHOLDER": "Looks up order details by order ID"
|
||||||
|
},
|
||||||
|
"HTTP_METHOD": {
|
||||||
|
"LABEL": "Method"
|
||||||
|
},
|
||||||
|
"ENDPOINT_URL": {
|
||||||
|
"LABEL": "Endpoint URL",
|
||||||
|
"PLACEHOLDER": "https://api.example.com/orders/{'{{'} order_id {'}}'}",
|
||||||
|
"ERROR": "Valid URL is required"
|
||||||
|
},
|
||||||
|
"AUTH_TYPE": {
|
||||||
|
"LABEL": "Authentication Type"
|
||||||
|
},
|
||||||
|
"AUTH_TYPES": {
|
||||||
|
"NONE": "None",
|
||||||
|
"BEARER": "Bearer Token",
|
||||||
|
"BASIC": "Basic Auth",
|
||||||
|
"API_KEY": "API Key"
|
||||||
|
},
|
||||||
|
"AUTH_CONFIG": {
|
||||||
|
"BEARER_TOKEN": "Bearer Token",
|
||||||
|
"BEARER_TOKEN_PLACEHOLDER": "Enter your bearer token",
|
||||||
|
"USERNAME": "Username",
|
||||||
|
"USERNAME_PLACEHOLDER": "Enter username",
|
||||||
|
"PASSWORD": "Password",
|
||||||
|
"PASSWORD_PLACEHOLDER": "Enter password",
|
||||||
|
"API_KEY": "Header Name",
|
||||||
|
"API_KEY_PLACEHOLDER": "X-API-Key",
|
||||||
|
"API_VALUE": "Header Value",
|
||||||
|
"API_VALUE_PLACEHOLDER": "Enter API key value"
|
||||||
|
},
|
||||||
|
"PARAMETERS": {
|
||||||
|
"LABEL": "Parameters",
|
||||||
|
"HELP_TEXT": "Define the parameters that will be extracted from user queries"
|
||||||
|
},
|
||||||
|
"ADD_PARAMETER": "Add Parameter",
|
||||||
|
"PARAM_NAME": {
|
||||||
|
"PLACEHOLDER": "Parameter name (e.g., order_id)"
|
||||||
|
},
|
||||||
|
"PARAM_TYPE": {
|
||||||
|
"PLACEHOLDER": "Type"
|
||||||
|
},
|
||||||
|
"PARAM_TYPES": {
|
||||||
|
"STRING": "String",
|
||||||
|
"NUMBER": "Number",
|
||||||
|
"BOOLEAN": "Boolean",
|
||||||
|
"ARRAY": "Array",
|
||||||
|
"OBJECT": "Object"
|
||||||
|
},
|
||||||
|
"PARAM_DESCRIPTION": {
|
||||||
|
"PLACEHOLDER": "Description of the parameter"
|
||||||
|
},
|
||||||
|
"PARAM_REQUIRED": {
|
||||||
|
"LABEL": "Required"
|
||||||
|
},
|
||||||
|
"REQUEST_TEMPLATE": {
|
||||||
|
"LABEL": "Request Body Template (Optional)",
|
||||||
|
"PLACEHOLDER": "{'{'}\n \"order_id\": \"{'{{'} order_id {'}}'}\"\n{'}'}"
|
||||||
|
},
|
||||||
|
"RESPONSE_TEMPLATE": {
|
||||||
|
"LABEL": "Response Template (Optional)",
|
||||||
|
"PLACEHOLDER": "Order {'{{'} order_id {'}}'} status: {'{{'} status {'}}'}"
|
||||||
|
},
|
||||||
|
"ERRORS": {
|
||||||
|
"PARAM_NAME_REQUIRED": "Parameter name is required"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
"RESPONSES": {
|
"RESPONSES": {
|
||||||
"HEADER": "FAQs",
|
"HEADER": "FAQs",
|
||||||
"ADD_NEW": "Create new FAQ",
|
"ADD_NEW": "Create new FAQ",
|
||||||
|
|||||||
@@ -22,6 +22,20 @@
|
|||||||
},
|
},
|
||||||
"FORGOT_PASSWORD": "Forgot your password?",
|
"FORGOT_PASSWORD": "Forgot your password?",
|
||||||
"CREATE_NEW_ACCOUNT": "Create a new account",
|
"CREATE_NEW_ACCOUNT": "Create a new account",
|
||||||
"SUBMIT": "Login"
|
"SUBMIT": "Login",
|
||||||
|
"SAML": {
|
||||||
|
"LABEL": "Login via SSO",
|
||||||
|
"TITLE": "Initiate Single Sign-on (SSO)",
|
||||||
|
"SUBTITLE": "Enter your work email to access your organization",
|
||||||
|
"BACK_TO_LOGIN": "Login via Password",
|
||||||
|
"WORK_EMAIL": {
|
||||||
|
"LABEL": "Work Email",
|
||||||
|
"PLACEHOLDER": "Enter your work email"
|
||||||
|
},
|
||||||
|
"SUBMIT": "Continue with SSO",
|
||||||
|
"API": {
|
||||||
|
"ERROR_MESSAGE": "SSO authentication failed. Please check your credentials and try again."
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -51,6 +51,7 @@
|
|||||||
},
|
},
|
||||||
"DATE_RANGE_OPTIONS": {
|
"DATE_RANGE_OPTIONS": {
|
||||||
"LAST_7_DAYS": "Last 7 days",
|
"LAST_7_DAYS": "Last 7 days",
|
||||||
|
"LAST_14_DAYS": "Last 14 days",
|
||||||
"LAST_30_DAYS": "Last 30 days",
|
"LAST_30_DAYS": "Last 30 days",
|
||||||
"LAST_3_MONTHS": "Last 3 months",
|
"LAST_3_MONTHS": "Last 3 months",
|
||||||
"LAST_6_MONTHS": "Last 6 months",
|
"LAST_6_MONTHS": "Last 6 months",
|
||||||
@@ -266,6 +267,8 @@
|
|||||||
"NO_ENOUGH_DATA": "We've not received enough data points to generate report, Please try again later.",
|
"NO_ENOUGH_DATA": "We've not received enough data points to generate report, Please try again later.",
|
||||||
"DOWNLOAD_INBOX_REPORTS": "Download inbox reports",
|
"DOWNLOAD_INBOX_REPORTS": "Download inbox reports",
|
||||||
"FILTER_DROPDOWN_LABEL": "Select Inbox",
|
"FILTER_DROPDOWN_LABEL": "Select Inbox",
|
||||||
|
"ALL_INBOXES": "All Inboxes",
|
||||||
|
"SEARCH_INBOX": "Search Inbox",
|
||||||
"METRICS": {
|
"METRICS": {
|
||||||
"CONVERSATIONS": {
|
"CONVERSATIONS": {
|
||||||
"NAME": "Conversations",
|
"NAME": "Conversations",
|
||||||
@@ -467,6 +470,13 @@
|
|||||||
"CONVERSATIONS": "{count} conversations",
|
"CONVERSATIONS": "{count} conversations",
|
||||||
"DOWNLOAD_REPORT": "Download report"
|
"DOWNLOAD_REPORT": "Download report"
|
||||||
},
|
},
|
||||||
|
"RESOLUTION_HEATMAP": {
|
||||||
|
"HEADER": "Resolutions",
|
||||||
|
"NO_CONVERSATIONS": "No conversations",
|
||||||
|
"CONVERSATION": "{count} conversation",
|
||||||
|
"CONVERSATIONS": "{count} conversations",
|
||||||
|
"DOWNLOAD_REPORT": "Download report"
|
||||||
|
},
|
||||||
"AGENT_CONVERSATIONS": {
|
"AGENT_CONVERSATIONS": {
|
||||||
"HEADER": "Conversations by agents",
|
"HEADER": "Conversations by agents",
|
||||||
"LOADING_MESSAGE": "Loading agent metrics...",
|
"LOADING_MESSAGE": "Loading agent metrics...",
|
||||||
|
|||||||
@@ -304,6 +304,7 @@
|
|||||||
"CAPTAIN_ASSISTANTS": "Assistants",
|
"CAPTAIN_ASSISTANTS": "Assistants",
|
||||||
"CAPTAIN_DOCUMENTS": "Documents",
|
"CAPTAIN_DOCUMENTS": "Documents",
|
||||||
"CAPTAIN_RESPONSES": "FAQs",
|
"CAPTAIN_RESPONSES": "FAQs",
|
||||||
|
"CAPTAIN_TOOLS": "Tools",
|
||||||
"HOME": "Home",
|
"HOME": "Home",
|
||||||
"AGENTS": "Agents",
|
"AGENTS": "Agents",
|
||||||
"AGENT_BOTS": "Bots",
|
"AGENT_BOTS": "Bots",
|
||||||
|
|||||||
@@ -27,15 +27,20 @@
|
|||||||
"LABEL": "Password",
|
"LABEL": "Password",
|
||||||
"PLACEHOLDER": "Password",
|
"PLACEHOLDER": "Password",
|
||||||
"ERROR": "Password is too short.",
|
"ERROR": "Password is too short.",
|
||||||
"IS_INVALID_PASSWORD": "Password should contain atleast 1 uppercase letter, 1 lowercase letter, 1 number and 1 special character."
|
"IS_INVALID_PASSWORD": "Password should contain atleast 1 uppercase letter, 1 lowercase letter, 1 number and 1 special character.",
|
||||||
|
"REQUIREMENTS_LENGTH": "At least 6 characters long",
|
||||||
|
"REQUIREMENTS_UPPERCASE": "At least one uppercase letter",
|
||||||
|
"REQUIREMENTS_LOWERCASE": "At least one lowercase letter",
|
||||||
|
"REQUIREMENTS_NUMBER": "At least one number",
|
||||||
|
"REQUIREMENTS_SPECIAL": "At least one special character"
|
||||||
},
|
},
|
||||||
"CONFIRM_PASSWORD": {
|
"CONFIRM_PASSWORD": {
|
||||||
"LABEL": "Confirm password",
|
"LABEL": "Confirm password",
|
||||||
"PLACEHOLDER": "Confirm password",
|
"PLACEHOLDER": "Confirm password",
|
||||||
"ERROR": "Password doesnot match."
|
"ERROR": "Passwords do not match."
|
||||||
},
|
},
|
||||||
"API": {
|
"API": {
|
||||||
"SUCCESS_MESSAGE": "Registration Successfull",
|
"SUCCESS_MESSAGE": "Registration Successful",
|
||||||
"ERROR_MESSAGE": "Could not connect to Woot server. Please try again."
|
"ERROR_MESSAGE": "Could not connect to Woot server. Please try again."
|
||||||
},
|
},
|
||||||
"SUBMIT": "Create account",
|
"SUBMIT": "Create account",
|
||||||
|
|||||||
@@ -554,10 +554,12 @@
|
|||||||
"WROTE": "كتب",
|
"WROTE": "كتب",
|
||||||
"YOU": "أنت",
|
"YOU": "أنت",
|
||||||
"SAVE": "Save note",
|
"SAVE": "Save note",
|
||||||
|
"ADD_NOTE": "Add contact note",
|
||||||
"EXPAND": "Expand",
|
"EXPAND": "Expand",
|
||||||
"COLLAPSE": "Collapse",
|
"COLLAPSE": "Collapse",
|
||||||
"NO_NOTES": "No notes, you can add notes from the contact details page.",
|
"NO_NOTES": "No notes, you can add notes from the contact details page.",
|
||||||
"EMPTY_STATE": "There are no notes associated to this contact. You can add a note by typing in the box above."
|
"EMPTY_STATE": "There are no notes associated to this contact. You can add a note by typing in the box above.",
|
||||||
|
"CONVERSATION_EMPTY_STATE": "There are no notes yet. Use the Add note button to create one."
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"EMPTY_STATE": {
|
"EMPTY_STATE": {
|
||||||
|
|||||||
@@ -227,6 +227,13 @@
|
|||||||
"YES": "إرسال",
|
"YES": "إرسال",
|
||||||
"CANCEL": "إلغاء"
|
"CANCEL": "إلغاء"
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
"QUOTED_REPLY": {
|
||||||
|
"ENABLE_TOOLTIP": "Include quoted email thread",
|
||||||
|
"DISABLE_TOOLTIP": "Don't include quoted email thread",
|
||||||
|
"REMOVE_PREVIEW": "Remove quoted email thread",
|
||||||
|
"COLLAPSE": "Collapse preview",
|
||||||
|
"EXPAND": "Expand preview"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"VISIBLE_TO_AGENTS": "ملاحظة خاصة: مرئية فقط لك ولأعضاء فريقك",
|
"VISIBLE_TO_AGENTS": "ملاحظة خاصة: مرئية فقط لك ولأعضاء فريقك",
|
||||||
|
|||||||
@@ -5,6 +5,8 @@
|
|||||||
"PLACEHOLDER": "بحث",
|
"PLACEHOLDER": "بحث",
|
||||||
"EMPTY_STATE": "لم يتم العثور على النتائج"
|
"EMPTY_STATE": "لم يتم العثور على النتائج"
|
||||||
},
|
},
|
||||||
"CLOSE": "أغلق"
|
"CLOSE": "أغلق",
|
||||||
|
"BETA": "تجريبي",
|
||||||
|
"BETA_DESCRIPTION": "This feature is in beta and may change as we improve it."
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -5,6 +5,8 @@
|
|||||||
"LEARN_MORE": "تعلم المزيد عن صناديق البريد",
|
"LEARN_MORE": "تعلم المزيد عن صناديق البريد",
|
||||||
"RECONNECTION_REQUIRED": "Your inbox is disconnected. You won't receive new messages until you reauthorize it.",
|
"RECONNECTION_REQUIRED": "Your inbox is disconnected. You won't receive new messages until you reauthorize it.",
|
||||||
"CLICK_TO_RECONNECT": "Click here to reconnect.",
|
"CLICK_TO_RECONNECT": "Click here to reconnect.",
|
||||||
|
"WHATSAPP_REGISTRATION_INCOMPLETE": "Your WhatsApp Business registration isn’t complete. Please check your display name status in Meta Business Manager before reconnecting.",
|
||||||
|
"COMPLETE_REGISTRATION": "Complete Registration",
|
||||||
"LIST": {
|
"LIST": {
|
||||||
"404": "لا توجد صناديق وارد لقنوات تواصل مرتبطة بهذا الحساب."
|
"404": "لا توجد صناديق وارد لقنوات تواصل مرتبطة بهذا الحساب."
|
||||||
},
|
},
|
||||||
@@ -605,8 +607,64 @@
|
|||||||
"BUSINESS_HOURS": "ساعات العمل",
|
"BUSINESS_HOURS": "ساعات العمل",
|
||||||
"WIDGET_BUILDER": "منشئ اللايف شات",
|
"WIDGET_BUILDER": "منشئ اللايف شات",
|
||||||
"BOT_CONFIGURATION": "اعدادات البوت",
|
"BOT_CONFIGURATION": "اعدادات البوت",
|
||||||
|
"ACCOUNT_HEALTH": "Account Health",
|
||||||
"CSAT": "تقييم رضاء العملاء"
|
"CSAT": "تقييم رضاء العملاء"
|
||||||
},
|
},
|
||||||
|
"ACCOUNT_HEALTH": {
|
||||||
|
"TITLE": "Manage your WhatsApp account",
|
||||||
|
"DESCRIPTION": "Review your WhatsApp account status, messaging limits, and quality. Update settings or resolve issues if needed",
|
||||||
|
"GO_TO_SETTINGS": "Go to Meta Business Manager",
|
||||||
|
"NO_DATA": "Health data is not available",
|
||||||
|
"FIELDS": {
|
||||||
|
"DISPLAY_PHONE_NUMBER": {
|
||||||
|
"LABEL": "Display phone number",
|
||||||
|
"TOOLTIP": "Phone number displayed to customers"
|
||||||
|
},
|
||||||
|
"VERIFIED_NAME": {
|
||||||
|
"LABEL": "Business name",
|
||||||
|
"TOOLTIP": "Business name verified by WhatsApp"
|
||||||
|
},
|
||||||
|
"DISPLAY_NAME_STATUS": {
|
||||||
|
"LABEL": "Display name status",
|
||||||
|
"TOOLTIP": "Status of your business name verification"
|
||||||
|
},
|
||||||
|
"QUALITY_RATING": {
|
||||||
|
"LABEL": "Quality rating",
|
||||||
|
"TOOLTIP": "WhatsApp quality rating for your account"
|
||||||
|
},
|
||||||
|
"MESSAGING_LIMIT_TIER": {
|
||||||
|
"LABEL": "Messaging limit tier",
|
||||||
|
"TOOLTIP": "Daily messaging limit for your account"
|
||||||
|
},
|
||||||
|
"ACCOUNT_MODE": {
|
||||||
|
"LABEL": "Account mode",
|
||||||
|
"TOOLTIP": "Current operating mode of your WhatsApp account"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"VALUES": {
|
||||||
|
"TIERS": {
|
||||||
|
"TIER_250": "250 customers per 24h",
|
||||||
|
"TIER_1000": "1K customers per 24h",
|
||||||
|
"TIER_1K": "1K customers per 24h",
|
||||||
|
"TIER_10K": "10K customers per 24h",
|
||||||
|
"TIER_100K": "100K customers per 24h",
|
||||||
|
"TIER_UNLIMITED": "Unlimited customers per 24h",
|
||||||
|
"UNKNOWN": "Rating not available"
|
||||||
|
},
|
||||||
|
"STATUSES": {
|
||||||
|
"APPROVED": "Approved",
|
||||||
|
"PENDING_REVIEW": "Pending Review",
|
||||||
|
"AVAILABLE_WITHOUT_REVIEW": "Available Without Review",
|
||||||
|
"REJECTED": "Rejected",
|
||||||
|
"DECLINED": "Declined",
|
||||||
|
"NON_EXISTS": "Non exists"
|
||||||
|
},
|
||||||
|
"MODES": {
|
||||||
|
"SANDBOX": "Sandbox",
|
||||||
|
"LIVE": "مباشر"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
"SETTINGS": "الإعدادات",
|
"SETTINGS": "الإعدادات",
|
||||||
"FEATURES": {
|
"FEATURES": {
|
||||||
"LABEL": "الخصائص",
|
"LABEL": "الخصائص",
|
||||||
@@ -618,6 +676,11 @@
|
|||||||
"SETTINGS_POPUP": {
|
"SETTINGS_POPUP": {
|
||||||
"MESSENGER_HEADING": "كود \"الماسنجر\"",
|
"MESSENGER_HEADING": "كود \"الماسنجر\"",
|
||||||
"MESSENGER_SUB_HEAD": "ضع هذا الكود داخل وسم الـ body في موقعك",
|
"MESSENGER_SUB_HEAD": "ضع هذا الكود داخل وسم الـ body في موقعك",
|
||||||
|
"ALLOWED_DOMAINS": {
|
||||||
|
"TITLE": "Allowed Domains",
|
||||||
|
"SUBTITLE": "Add wildcard or regular domains separated by commas (leave blank to allow all), e.g. *.chatwoot.dev, chatwoot.com.",
|
||||||
|
"PLACEHOLDER": "Enter domains separated by commas (eg: *.chatwoot.dev, chatwoot.com)"
|
||||||
|
},
|
||||||
"INBOX_AGENTS": "وكيل الدعم",
|
"INBOX_AGENTS": "وكيل الدعم",
|
||||||
"INBOX_AGENTS_SUB_TEXT": "إضافة أو إزالة وكلاء من صندوق الوارد هذا",
|
"INBOX_AGENTS_SUB_TEXT": "إضافة أو إزالة وكلاء من صندوق الوارد هذا",
|
||||||
"AGENT_ASSIGNMENT": "تعيين المحادثة",
|
"AGENT_ASSIGNMENT": "تعيين المحادثة",
|
||||||
|
|||||||
@@ -752,6 +752,115 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"CUSTOM_TOOLS": {
|
||||||
|
"HEADER": "Tools",
|
||||||
|
"ADD_NEW": "Create a new tool",
|
||||||
|
"EMPTY_STATE": {
|
||||||
|
"TITLE": "No custom tools available",
|
||||||
|
"SUBTITLE": "Create custom tools to connect your assistant with external APIs and services, enabling it to fetch data and perform actions on your behalf.",
|
||||||
|
"FEATURE_SPOTLIGHT": {
|
||||||
|
"TITLE": "Custom Tools",
|
||||||
|
"NOTE": "Custom tools allow your assistant to interact with external APIs and services. Create tools to fetch data, perform actions, or integrate with your existing systems to enhance your assistant's capabilities."
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"FORM_DESCRIPTION": "Configure your custom tool to connect with external APIs",
|
||||||
|
"OPTIONS": {
|
||||||
|
"EDIT_TOOL": "Edit tool",
|
||||||
|
"DELETE_TOOL": "Delete tool"
|
||||||
|
},
|
||||||
|
"CREATE": {
|
||||||
|
"TITLE": "Create Custom Tool",
|
||||||
|
"SUCCESS_MESSAGE": "Custom tool created successfully",
|
||||||
|
"ERROR_MESSAGE": "Failed to create custom tool"
|
||||||
|
},
|
||||||
|
"EDIT": {
|
||||||
|
"TITLE": "Edit Custom Tool",
|
||||||
|
"SUCCESS_MESSAGE": "Custom tool updated successfully",
|
||||||
|
"ERROR_MESSAGE": "Failed to update custom tool"
|
||||||
|
},
|
||||||
|
"DELETE": {
|
||||||
|
"TITLE": "Delete Custom Tool",
|
||||||
|
"DESCRIPTION": "Are you sure you want to delete this custom tool? This action cannot be undone.",
|
||||||
|
"CONFIRM": "نعم، احذف",
|
||||||
|
"SUCCESS_MESSAGE": "Custom tool deleted successfully",
|
||||||
|
"ERROR_MESSAGE": "Failed to delete custom tool"
|
||||||
|
},
|
||||||
|
"FORM": {
|
||||||
|
"TITLE": {
|
||||||
|
"LABEL": "Tool Name",
|
||||||
|
"PLACEHOLDER": "Order Lookup",
|
||||||
|
"ERROR": "Tool name is required"
|
||||||
|
},
|
||||||
|
"DESCRIPTION": {
|
||||||
|
"LABEL": "الوصف",
|
||||||
|
"PLACEHOLDER": "Looks up order details by order ID"
|
||||||
|
},
|
||||||
|
"HTTP_METHOD": {
|
||||||
|
"LABEL": "Method"
|
||||||
|
},
|
||||||
|
"ENDPOINT_URL": {
|
||||||
|
"LABEL": "Endpoint URL",
|
||||||
|
"PLACEHOLDER": "https://api.example.com/orders/{'{{'} order_id {'}}'}",
|
||||||
|
"ERROR": "Valid URL is required"
|
||||||
|
},
|
||||||
|
"AUTH_TYPE": {
|
||||||
|
"LABEL": "Authentication Type"
|
||||||
|
},
|
||||||
|
"AUTH_TYPES": {
|
||||||
|
"NONE": "لا شيء",
|
||||||
|
"BEARER": "Bearer Token",
|
||||||
|
"BASIC": "Basic Auth",
|
||||||
|
"API_KEY": "مفتاح API"
|
||||||
|
},
|
||||||
|
"AUTH_CONFIG": {
|
||||||
|
"BEARER_TOKEN": "Bearer Token",
|
||||||
|
"BEARER_TOKEN_PLACEHOLDER": "Enter your bearer token",
|
||||||
|
"USERNAME": "Username",
|
||||||
|
"USERNAME_PLACEHOLDER": "Enter username",
|
||||||
|
"PASSWORD": "كلمة المرور",
|
||||||
|
"PASSWORD_PLACEHOLDER": "Enter password",
|
||||||
|
"API_KEY": "Header Name",
|
||||||
|
"API_KEY_PLACEHOLDER": "X-API-Key",
|
||||||
|
"API_VALUE": "Header Value",
|
||||||
|
"API_VALUE_PLACEHOLDER": "Enter API key value"
|
||||||
|
},
|
||||||
|
"PARAMETERS": {
|
||||||
|
"LABEL": "Parameters",
|
||||||
|
"HELP_TEXT": "Define the parameters that will be extracted from user queries"
|
||||||
|
},
|
||||||
|
"ADD_PARAMETER": "Add Parameter",
|
||||||
|
"PARAM_NAME": {
|
||||||
|
"PLACEHOLDER": "Parameter name (e.g., order_id)"
|
||||||
|
},
|
||||||
|
"PARAM_TYPE": {
|
||||||
|
"PLACEHOLDER": "النوع"
|
||||||
|
},
|
||||||
|
"PARAM_TYPES": {
|
||||||
|
"STRING": "String",
|
||||||
|
"NUMBER": "العدد",
|
||||||
|
"BOOLEAN": "Boolean",
|
||||||
|
"ARRAY": "Array",
|
||||||
|
"OBJECT": "Object"
|
||||||
|
},
|
||||||
|
"PARAM_DESCRIPTION": {
|
||||||
|
"PLACEHOLDER": "Description of the parameter"
|
||||||
|
},
|
||||||
|
"PARAM_REQUIRED": {
|
||||||
|
"LABEL": "مطلوب"
|
||||||
|
},
|
||||||
|
"REQUEST_TEMPLATE": {
|
||||||
|
"LABEL": "Request Body Template (Optional)",
|
||||||
|
"PLACEHOLDER": "{'{'}\n \"order_id\": \"{'{{'} order_id {'}}'}\"\n{'}'}"
|
||||||
|
},
|
||||||
|
"RESPONSE_TEMPLATE": {
|
||||||
|
"LABEL": "Response Template (Optional)",
|
||||||
|
"PLACEHOLDER": "Order {'{{'} order_id {'}}'} status: {'{{'} status {'}}'}"
|
||||||
|
},
|
||||||
|
"ERRORS": {
|
||||||
|
"PARAM_NAME_REQUIRED": "Parameter name is required"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
"RESPONSES": {
|
"RESPONSES": {
|
||||||
"HEADER": "FAQs",
|
"HEADER": "FAQs",
|
||||||
"ADD_NEW": "Create new FAQ",
|
"ADD_NEW": "Create new FAQ",
|
||||||
|
|||||||
@@ -22,6 +22,20 @@
|
|||||||
},
|
},
|
||||||
"FORGOT_PASSWORD": "نسيت كلمة المرور؟",
|
"FORGOT_PASSWORD": "نسيت كلمة المرور؟",
|
||||||
"CREATE_NEW_ACCOUNT": "إنشاء حساب جديد",
|
"CREATE_NEW_ACCOUNT": "إنشاء حساب جديد",
|
||||||
"SUBMIT": "تسجيل الدخول"
|
"SUBMIT": "تسجيل الدخول",
|
||||||
|
"SAML": {
|
||||||
|
"LABEL": "Login via SSO",
|
||||||
|
"TITLE": "Initiate Single Sign-on (SSO)",
|
||||||
|
"SUBTITLE": "Enter your work email to access your organization",
|
||||||
|
"BACK_TO_LOGIN": "Login via Password",
|
||||||
|
"WORK_EMAIL": {
|
||||||
|
"LABEL": "Work Email",
|
||||||
|
"PLACEHOLDER": "Enter your work email"
|
||||||
|
},
|
||||||
|
"SUBMIT": "Continue with SSO",
|
||||||
|
"API": {
|
||||||
|
"ERROR_MESSAGE": "SSO authentication failed. Please check your credentials and try again."
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -51,6 +51,7 @@
|
|||||||
},
|
},
|
||||||
"DATE_RANGE_OPTIONS": {
|
"DATE_RANGE_OPTIONS": {
|
||||||
"LAST_7_DAYS": "آخر 7 أيام",
|
"LAST_7_DAYS": "آخر 7 أيام",
|
||||||
|
"LAST_14_DAYS": "آخر 14 يوماً",
|
||||||
"LAST_30_DAYS": "آخر 30 يوماً",
|
"LAST_30_DAYS": "آخر 30 يوماً",
|
||||||
"LAST_3_MONTHS": "آخر 3 أشهر",
|
"LAST_3_MONTHS": "آخر 3 أشهر",
|
||||||
"LAST_6_MONTHS": "آخر 6 أشهر",
|
"LAST_6_MONTHS": "آخر 6 أشهر",
|
||||||
@@ -266,6 +267,8 @@
|
|||||||
"NO_ENOUGH_DATA": "لم يتم جمع بيانات بقدر كافي لإنشاء التقرير، الرجاء المحاولة مرة أخرى لاحقاً.",
|
"NO_ENOUGH_DATA": "لم يتم جمع بيانات بقدر كافي لإنشاء التقرير، الرجاء المحاولة مرة أخرى لاحقاً.",
|
||||||
"DOWNLOAD_INBOX_REPORTS": "تحميل تقارير صندوق الوارد",
|
"DOWNLOAD_INBOX_REPORTS": "تحميل تقارير صندوق الوارد",
|
||||||
"FILTER_DROPDOWN_LABEL": "اختر صندوق الوارد",
|
"FILTER_DROPDOWN_LABEL": "اختر صندوق الوارد",
|
||||||
|
"ALL_INBOXES": "All Inboxes",
|
||||||
|
"SEARCH_INBOX": "Search Inbox",
|
||||||
"METRICS": {
|
"METRICS": {
|
||||||
"CONVERSATIONS": {
|
"CONVERSATIONS": {
|
||||||
"NAME": "المحادثات",
|
"NAME": "المحادثات",
|
||||||
@@ -467,6 +470,13 @@
|
|||||||
"CONVERSATIONS": "{count} conversations",
|
"CONVERSATIONS": "{count} conversations",
|
||||||
"DOWNLOAD_REPORT": "تنزيل التقرير"
|
"DOWNLOAD_REPORT": "تنزيل التقرير"
|
||||||
},
|
},
|
||||||
|
"RESOLUTION_HEATMAP": {
|
||||||
|
"HEADER": "Resolutions",
|
||||||
|
"NO_CONVERSATIONS": "No conversations",
|
||||||
|
"CONVERSATION": "{count} conversation",
|
||||||
|
"CONVERSATIONS": "{count} conversations",
|
||||||
|
"DOWNLOAD_REPORT": "تنزيل التقرير"
|
||||||
|
},
|
||||||
"AGENT_CONVERSATIONS": {
|
"AGENT_CONVERSATIONS": {
|
||||||
"HEADER": "المحادثات من قبل الوكلاء",
|
"HEADER": "المحادثات من قبل الوكلاء",
|
||||||
"LOADING_MESSAGE": "جاري تحميل مقاييس الوكيل...",
|
"LOADING_MESSAGE": "جاري تحميل مقاييس الوكيل...",
|
||||||
|
|||||||
@@ -304,6 +304,7 @@
|
|||||||
"CAPTAIN_ASSISTANTS": "Assistants",
|
"CAPTAIN_ASSISTANTS": "Assistants",
|
||||||
"CAPTAIN_DOCUMENTS": "Documents",
|
"CAPTAIN_DOCUMENTS": "Documents",
|
||||||
"CAPTAIN_RESPONSES": "FAQs",
|
"CAPTAIN_RESPONSES": "FAQs",
|
||||||
|
"CAPTAIN_TOOLS": "Tools",
|
||||||
"HOME": "الرئيسية",
|
"HOME": "الرئيسية",
|
||||||
"AGENTS": "وكيل الدعم",
|
"AGENTS": "وكيل الدعم",
|
||||||
"AGENT_BOTS": "الروبوتات",
|
"AGENT_BOTS": "الروبوتات",
|
||||||
|
|||||||
@@ -27,15 +27,20 @@
|
|||||||
"LABEL": "كلمة المرور",
|
"LABEL": "كلمة المرور",
|
||||||
"PLACEHOLDER": "كلمة المرور",
|
"PLACEHOLDER": "كلمة المرور",
|
||||||
"ERROR": "كلمة المرور قصيرة جداً",
|
"ERROR": "كلمة المرور قصيرة جداً",
|
||||||
"IS_INVALID_PASSWORD": "يجب أن تحتوي كلمة المرور على الأقل على حرف كبير واحد وحرف صغير واحد ورقم واحد وحرف خاص واحد"
|
"IS_INVALID_PASSWORD": "يجب أن تحتوي كلمة المرور على الأقل على حرف كبير واحد وحرف صغير واحد ورقم واحد وحرف خاص واحد",
|
||||||
|
"REQUIREMENTS_LENGTH": "At least 6 characters long",
|
||||||
|
"REQUIREMENTS_UPPERCASE": "At least one uppercase letter",
|
||||||
|
"REQUIREMENTS_LOWERCASE": "At least one lowercase letter",
|
||||||
|
"REQUIREMENTS_NUMBER": "At least one number",
|
||||||
|
"REQUIREMENTS_SPECIAL": "At least one special character"
|
||||||
},
|
},
|
||||||
"CONFIRM_PASSWORD": {
|
"CONFIRM_PASSWORD": {
|
||||||
"LABEL": "تأكيد كلمة المرور",
|
"LABEL": "تأكيد كلمة المرور",
|
||||||
"PLACEHOLDER": "تأكيد كلمة المرور",
|
"PLACEHOLDER": "تأكيد كلمة المرور",
|
||||||
"ERROR": "كلمة المرور غير متطابقة"
|
"ERROR": "كلمة المرور غير متطابقة."
|
||||||
},
|
},
|
||||||
"API": {
|
"API": {
|
||||||
"SUCCESS_MESSAGE": "تم التسجيل بنجاح",
|
"SUCCESS_MESSAGE": "Registration Successful",
|
||||||
"ERROR_MESSAGE": "تعذر الاتصال بالخادم، الرجاء المحاولة مرة أخرى لاحقاً"
|
"ERROR_MESSAGE": "تعذر الاتصال بالخادم، الرجاء المحاولة مرة أخرى لاحقاً"
|
||||||
},
|
},
|
||||||
"SUBMIT": "إرسال",
|
"SUBMIT": "إرسال",
|
||||||
|
|||||||
@@ -554,10 +554,12 @@
|
|||||||
"WROTE": "wrote",
|
"WROTE": "wrote",
|
||||||
"YOU": "You",
|
"YOU": "You",
|
||||||
"SAVE": "Save note",
|
"SAVE": "Save note",
|
||||||
|
"ADD_NOTE": "Add contact note",
|
||||||
"EXPAND": "Expand",
|
"EXPAND": "Expand",
|
||||||
"COLLAPSE": "Collapse",
|
"COLLAPSE": "Collapse",
|
||||||
"NO_NOTES": "No notes, you can add notes from the contact details page.",
|
"NO_NOTES": "No notes, you can add notes from the contact details page.",
|
||||||
"EMPTY_STATE": "There are no notes associated to this contact. You can add a note by typing in the box above."
|
"EMPTY_STATE": "There are no notes associated to this contact. You can add a note by typing in the box above.",
|
||||||
|
"CONVERSATION_EMPTY_STATE": "There are no notes yet. Use the Add note button to create one."
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"EMPTY_STATE": {
|
"EMPTY_STATE": {
|
||||||
|
|||||||
@@ -227,6 +227,13 @@
|
|||||||
"YES": "Send",
|
"YES": "Send",
|
||||||
"CANCEL": "Cancel"
|
"CANCEL": "Cancel"
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
"QUOTED_REPLY": {
|
||||||
|
"ENABLE_TOOLTIP": "Include quoted email thread",
|
||||||
|
"DISABLE_TOOLTIP": "Don't include quoted email thread",
|
||||||
|
"REMOVE_PREVIEW": "Remove quoted email thread",
|
||||||
|
"COLLAPSE": "Collapse preview",
|
||||||
|
"EXPAND": "Expand preview"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"VISIBLE_TO_AGENTS": "Private Note: Only visible to you and your team",
|
"VISIBLE_TO_AGENTS": "Private Note: Only visible to you and your team",
|
||||||
|
|||||||
@@ -5,6 +5,8 @@
|
|||||||
"PLACEHOLDER": "Search",
|
"PLACEHOLDER": "Search",
|
||||||
"EMPTY_STATE": "No results found"
|
"EMPTY_STATE": "No results found"
|
||||||
},
|
},
|
||||||
"CLOSE": "Close"
|
"CLOSE": "Close",
|
||||||
|
"BETA": "Beta",
|
||||||
|
"BETA_DESCRIPTION": "This feature is in beta and may change as we improve it."
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -5,6 +5,8 @@
|
|||||||
"LEARN_MORE": "Learn more about inboxes",
|
"LEARN_MORE": "Learn more about inboxes",
|
||||||
"RECONNECTION_REQUIRED": "Your inbox is disconnected. You won't receive new messages until you reauthorize it.",
|
"RECONNECTION_REQUIRED": "Your inbox is disconnected. You won't receive new messages until you reauthorize it.",
|
||||||
"CLICK_TO_RECONNECT": "Click here to reconnect.",
|
"CLICK_TO_RECONNECT": "Click here to reconnect.",
|
||||||
|
"WHATSAPP_REGISTRATION_INCOMPLETE": "Your WhatsApp Business registration isn’t complete. Please check your display name status in Meta Business Manager before reconnecting.",
|
||||||
|
"COMPLETE_REGISTRATION": "Complete Registration",
|
||||||
"LIST": {
|
"LIST": {
|
||||||
"404": "There are no inboxes attached to this account."
|
"404": "There are no inboxes attached to this account."
|
||||||
},
|
},
|
||||||
@@ -605,8 +607,64 @@
|
|||||||
"BUSINESS_HOURS": "Business Hours",
|
"BUSINESS_HOURS": "Business Hours",
|
||||||
"WIDGET_BUILDER": "Widget Builder",
|
"WIDGET_BUILDER": "Widget Builder",
|
||||||
"BOT_CONFIGURATION": "Bot Configuration",
|
"BOT_CONFIGURATION": "Bot Configuration",
|
||||||
|
"ACCOUNT_HEALTH": "Account Health",
|
||||||
"CSAT": "CSAT"
|
"CSAT": "CSAT"
|
||||||
},
|
},
|
||||||
|
"ACCOUNT_HEALTH": {
|
||||||
|
"TITLE": "Manage your WhatsApp account",
|
||||||
|
"DESCRIPTION": "Review your WhatsApp account status, messaging limits, and quality. Update settings or resolve issues if needed",
|
||||||
|
"GO_TO_SETTINGS": "Go to Meta Business Manager",
|
||||||
|
"NO_DATA": "Health data is not available",
|
||||||
|
"FIELDS": {
|
||||||
|
"DISPLAY_PHONE_NUMBER": {
|
||||||
|
"LABEL": "Display phone number",
|
||||||
|
"TOOLTIP": "Phone number displayed to customers"
|
||||||
|
},
|
||||||
|
"VERIFIED_NAME": {
|
||||||
|
"LABEL": "Business name",
|
||||||
|
"TOOLTIP": "Business name verified by WhatsApp"
|
||||||
|
},
|
||||||
|
"DISPLAY_NAME_STATUS": {
|
||||||
|
"LABEL": "Display name status",
|
||||||
|
"TOOLTIP": "Status of your business name verification"
|
||||||
|
},
|
||||||
|
"QUALITY_RATING": {
|
||||||
|
"LABEL": "Quality rating",
|
||||||
|
"TOOLTIP": "WhatsApp quality rating for your account"
|
||||||
|
},
|
||||||
|
"MESSAGING_LIMIT_TIER": {
|
||||||
|
"LABEL": "Messaging limit tier",
|
||||||
|
"TOOLTIP": "Daily messaging limit for your account"
|
||||||
|
},
|
||||||
|
"ACCOUNT_MODE": {
|
||||||
|
"LABEL": "Account mode",
|
||||||
|
"TOOLTIP": "Current operating mode of your WhatsApp account"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"VALUES": {
|
||||||
|
"TIERS": {
|
||||||
|
"TIER_250": "250 customers per 24h",
|
||||||
|
"TIER_1000": "1K customers per 24h",
|
||||||
|
"TIER_1K": "1K customers per 24h",
|
||||||
|
"TIER_10K": "10K customers per 24h",
|
||||||
|
"TIER_100K": "100K customers per 24h",
|
||||||
|
"TIER_UNLIMITED": "Unlimited customers per 24h",
|
||||||
|
"UNKNOWN": "Rating not available"
|
||||||
|
},
|
||||||
|
"STATUSES": {
|
||||||
|
"APPROVED": "Approved",
|
||||||
|
"PENDING_REVIEW": "Pending Review",
|
||||||
|
"AVAILABLE_WITHOUT_REVIEW": "Available Without Review",
|
||||||
|
"REJECTED": "Rejected",
|
||||||
|
"DECLINED": "Declined",
|
||||||
|
"NON_EXISTS": "Non exists"
|
||||||
|
},
|
||||||
|
"MODES": {
|
||||||
|
"SANDBOX": "Sandbox",
|
||||||
|
"LIVE": "Live"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
"SETTINGS": "Settings",
|
"SETTINGS": "Settings",
|
||||||
"FEATURES": {
|
"FEATURES": {
|
||||||
"LABEL": "Features",
|
"LABEL": "Features",
|
||||||
@@ -618,6 +676,11 @@
|
|||||||
"SETTINGS_POPUP": {
|
"SETTINGS_POPUP": {
|
||||||
"MESSENGER_HEADING": "Messenger Script",
|
"MESSENGER_HEADING": "Messenger Script",
|
||||||
"MESSENGER_SUB_HEAD": "Place this button inside your body tag",
|
"MESSENGER_SUB_HEAD": "Place this button inside your body tag",
|
||||||
|
"ALLOWED_DOMAINS": {
|
||||||
|
"TITLE": "Allowed Domains",
|
||||||
|
"SUBTITLE": "Add wildcard or regular domains separated by commas (leave blank to allow all), e.g. *.chatwoot.dev, chatwoot.com.",
|
||||||
|
"PLACEHOLDER": "Enter domains separated by commas (eg: *.chatwoot.dev, chatwoot.com)"
|
||||||
|
},
|
||||||
"INBOX_AGENTS": "Agents",
|
"INBOX_AGENTS": "Agents",
|
||||||
"INBOX_AGENTS_SUB_TEXT": "Add or remove agents from this inbox",
|
"INBOX_AGENTS_SUB_TEXT": "Add or remove agents from this inbox",
|
||||||
"AGENT_ASSIGNMENT": "Conversation Assignment",
|
"AGENT_ASSIGNMENT": "Conversation Assignment",
|
||||||
|
|||||||
@@ -752,6 +752,115 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"CUSTOM_TOOLS": {
|
||||||
|
"HEADER": "Tools",
|
||||||
|
"ADD_NEW": "Create a new tool",
|
||||||
|
"EMPTY_STATE": {
|
||||||
|
"TITLE": "No custom tools available",
|
||||||
|
"SUBTITLE": "Create custom tools to connect your assistant with external APIs and services, enabling it to fetch data and perform actions on your behalf.",
|
||||||
|
"FEATURE_SPOTLIGHT": {
|
||||||
|
"TITLE": "Custom Tools",
|
||||||
|
"NOTE": "Custom tools allow your assistant to interact with external APIs and services. Create tools to fetch data, perform actions, or integrate with your existing systems to enhance your assistant's capabilities."
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"FORM_DESCRIPTION": "Configure your custom tool to connect with external APIs",
|
||||||
|
"OPTIONS": {
|
||||||
|
"EDIT_TOOL": "Edit tool",
|
||||||
|
"DELETE_TOOL": "Delete tool"
|
||||||
|
},
|
||||||
|
"CREATE": {
|
||||||
|
"TITLE": "Create Custom Tool",
|
||||||
|
"SUCCESS_MESSAGE": "Custom tool created successfully",
|
||||||
|
"ERROR_MESSAGE": "Failed to create custom tool"
|
||||||
|
},
|
||||||
|
"EDIT": {
|
||||||
|
"TITLE": "Edit Custom Tool",
|
||||||
|
"SUCCESS_MESSAGE": "Custom tool updated successfully",
|
||||||
|
"ERROR_MESSAGE": "Failed to update custom tool"
|
||||||
|
},
|
||||||
|
"DELETE": {
|
||||||
|
"TITLE": "Delete Custom Tool",
|
||||||
|
"DESCRIPTION": "Are you sure you want to delete this custom tool? This action cannot be undone.",
|
||||||
|
"CONFIRM": "Yes, delete",
|
||||||
|
"SUCCESS_MESSAGE": "Custom tool deleted successfully",
|
||||||
|
"ERROR_MESSAGE": "Failed to delete custom tool"
|
||||||
|
},
|
||||||
|
"FORM": {
|
||||||
|
"TITLE": {
|
||||||
|
"LABEL": "Tool Name",
|
||||||
|
"PLACEHOLDER": "Order Lookup",
|
||||||
|
"ERROR": "Tool name is required"
|
||||||
|
},
|
||||||
|
"DESCRIPTION": {
|
||||||
|
"LABEL": "Description",
|
||||||
|
"PLACEHOLDER": "Looks up order details by order ID"
|
||||||
|
},
|
||||||
|
"HTTP_METHOD": {
|
||||||
|
"LABEL": "Method"
|
||||||
|
},
|
||||||
|
"ENDPOINT_URL": {
|
||||||
|
"LABEL": "Endpoint URL",
|
||||||
|
"PLACEHOLDER": "https://api.example.com/orders/{'{{'} order_id {'}}'}",
|
||||||
|
"ERROR": "Valid URL is required"
|
||||||
|
},
|
||||||
|
"AUTH_TYPE": {
|
||||||
|
"LABEL": "Authentication Type"
|
||||||
|
},
|
||||||
|
"AUTH_TYPES": {
|
||||||
|
"NONE": "None",
|
||||||
|
"BEARER": "Bearer Token",
|
||||||
|
"BASIC": "Basic Auth",
|
||||||
|
"API_KEY": "API Key"
|
||||||
|
},
|
||||||
|
"AUTH_CONFIG": {
|
||||||
|
"BEARER_TOKEN": "Bearer Token",
|
||||||
|
"BEARER_TOKEN_PLACEHOLDER": "Enter your bearer token",
|
||||||
|
"USERNAME": "Username",
|
||||||
|
"USERNAME_PLACEHOLDER": "Enter username",
|
||||||
|
"PASSWORD": "Password",
|
||||||
|
"PASSWORD_PLACEHOLDER": "Enter password",
|
||||||
|
"API_KEY": "Header Name",
|
||||||
|
"API_KEY_PLACEHOLDER": "X-API-Key",
|
||||||
|
"API_VALUE": "Header Value",
|
||||||
|
"API_VALUE_PLACEHOLDER": "Enter API key value"
|
||||||
|
},
|
||||||
|
"PARAMETERS": {
|
||||||
|
"LABEL": "Parameters",
|
||||||
|
"HELP_TEXT": "Define the parameters that will be extracted from user queries"
|
||||||
|
},
|
||||||
|
"ADD_PARAMETER": "Add Parameter",
|
||||||
|
"PARAM_NAME": {
|
||||||
|
"PLACEHOLDER": "Parameter name (e.g., order_id)"
|
||||||
|
},
|
||||||
|
"PARAM_TYPE": {
|
||||||
|
"PLACEHOLDER": "Type"
|
||||||
|
},
|
||||||
|
"PARAM_TYPES": {
|
||||||
|
"STRING": "String",
|
||||||
|
"NUMBER": "Number",
|
||||||
|
"BOOLEAN": "Boolean",
|
||||||
|
"ARRAY": "Array",
|
||||||
|
"OBJECT": "Object"
|
||||||
|
},
|
||||||
|
"PARAM_DESCRIPTION": {
|
||||||
|
"PLACEHOLDER": "Description of the parameter"
|
||||||
|
},
|
||||||
|
"PARAM_REQUIRED": {
|
||||||
|
"LABEL": "Required"
|
||||||
|
},
|
||||||
|
"REQUEST_TEMPLATE": {
|
||||||
|
"LABEL": "Request Body Template (Optional)",
|
||||||
|
"PLACEHOLDER": "{'{'}\n \"order_id\": \"{'{{'} order_id {'}}'}\"\n{'}'}"
|
||||||
|
},
|
||||||
|
"RESPONSE_TEMPLATE": {
|
||||||
|
"LABEL": "Response Template (Optional)",
|
||||||
|
"PLACEHOLDER": "Order {'{{'} order_id {'}}'} status: {'{{'} status {'}}'}"
|
||||||
|
},
|
||||||
|
"ERRORS": {
|
||||||
|
"PARAM_NAME_REQUIRED": "Parameter name is required"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
"RESPONSES": {
|
"RESPONSES": {
|
||||||
"HEADER": "FAQs",
|
"HEADER": "FAQs",
|
||||||
"ADD_NEW": "Create new FAQ",
|
"ADD_NEW": "Create new FAQ",
|
||||||
|
|||||||
@@ -22,6 +22,20 @@
|
|||||||
},
|
},
|
||||||
"FORGOT_PASSWORD": "Forgot your password?",
|
"FORGOT_PASSWORD": "Forgot your password?",
|
||||||
"CREATE_NEW_ACCOUNT": "Create a new account",
|
"CREATE_NEW_ACCOUNT": "Create a new account",
|
||||||
"SUBMIT": "Login"
|
"SUBMIT": "Login",
|
||||||
|
"SAML": {
|
||||||
|
"LABEL": "Login via SSO",
|
||||||
|
"TITLE": "Initiate Single Sign-on (SSO)",
|
||||||
|
"SUBTITLE": "Enter your work email to access your organization",
|
||||||
|
"BACK_TO_LOGIN": "Login via Password",
|
||||||
|
"WORK_EMAIL": {
|
||||||
|
"LABEL": "Work Email",
|
||||||
|
"PLACEHOLDER": "Enter your work email"
|
||||||
|
},
|
||||||
|
"SUBMIT": "Continue with SSO",
|
||||||
|
"API": {
|
||||||
|
"ERROR_MESSAGE": "SSO authentication failed. Please check your credentials and try again."
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -51,6 +51,7 @@
|
|||||||
},
|
},
|
||||||
"DATE_RANGE_OPTIONS": {
|
"DATE_RANGE_OPTIONS": {
|
||||||
"LAST_7_DAYS": "Last 7 days",
|
"LAST_7_DAYS": "Last 7 days",
|
||||||
|
"LAST_14_DAYS": "Last 14 days",
|
||||||
"LAST_30_DAYS": "Last 30 days",
|
"LAST_30_DAYS": "Last 30 days",
|
||||||
"LAST_3_MONTHS": "Last 3 months",
|
"LAST_3_MONTHS": "Last 3 months",
|
||||||
"LAST_6_MONTHS": "Last 6 months",
|
"LAST_6_MONTHS": "Last 6 months",
|
||||||
@@ -266,6 +267,8 @@
|
|||||||
"NO_ENOUGH_DATA": "We've not received enough data points to generate report, Please try again later.",
|
"NO_ENOUGH_DATA": "We've not received enough data points to generate report, Please try again later.",
|
||||||
"DOWNLOAD_INBOX_REPORTS": "Download inbox reports",
|
"DOWNLOAD_INBOX_REPORTS": "Download inbox reports",
|
||||||
"FILTER_DROPDOWN_LABEL": "Select Inbox",
|
"FILTER_DROPDOWN_LABEL": "Select Inbox",
|
||||||
|
"ALL_INBOXES": "All Inboxes",
|
||||||
|
"SEARCH_INBOX": "Search Inbox",
|
||||||
"METRICS": {
|
"METRICS": {
|
||||||
"CONVERSATIONS": {
|
"CONVERSATIONS": {
|
||||||
"NAME": "Conversations",
|
"NAME": "Conversations",
|
||||||
@@ -467,6 +470,13 @@
|
|||||||
"CONVERSATIONS": "{count} conversations",
|
"CONVERSATIONS": "{count} conversations",
|
||||||
"DOWNLOAD_REPORT": "Download report"
|
"DOWNLOAD_REPORT": "Download report"
|
||||||
},
|
},
|
||||||
|
"RESOLUTION_HEATMAP": {
|
||||||
|
"HEADER": "Resolutions",
|
||||||
|
"NO_CONVERSATIONS": "No conversations",
|
||||||
|
"CONVERSATION": "{count} conversation",
|
||||||
|
"CONVERSATIONS": "{count} conversations",
|
||||||
|
"DOWNLOAD_REPORT": "Download report"
|
||||||
|
},
|
||||||
"AGENT_CONVERSATIONS": {
|
"AGENT_CONVERSATIONS": {
|
||||||
"HEADER": "Conversations by agents",
|
"HEADER": "Conversations by agents",
|
||||||
"LOADING_MESSAGE": "Loading agent metrics...",
|
"LOADING_MESSAGE": "Loading agent metrics...",
|
||||||
|
|||||||
@@ -304,6 +304,7 @@
|
|||||||
"CAPTAIN_ASSISTANTS": "Assistants",
|
"CAPTAIN_ASSISTANTS": "Assistants",
|
||||||
"CAPTAIN_DOCUMENTS": "Documents",
|
"CAPTAIN_DOCUMENTS": "Documents",
|
||||||
"CAPTAIN_RESPONSES": "FAQs",
|
"CAPTAIN_RESPONSES": "FAQs",
|
||||||
|
"CAPTAIN_TOOLS": "Tools",
|
||||||
"HOME": "Home",
|
"HOME": "Home",
|
||||||
"AGENTS": "Agents",
|
"AGENTS": "Agents",
|
||||||
"AGENT_BOTS": "Bots",
|
"AGENT_BOTS": "Bots",
|
||||||
|
|||||||
@@ -27,15 +27,20 @@
|
|||||||
"LABEL": "Password",
|
"LABEL": "Password",
|
||||||
"PLACEHOLDER": "Password",
|
"PLACEHOLDER": "Password",
|
||||||
"ERROR": "Password is too short.",
|
"ERROR": "Password is too short.",
|
||||||
"IS_INVALID_PASSWORD": "Password should contain atleast 1 uppercase letter, 1 lowercase letter, 1 number and 1 special character."
|
"IS_INVALID_PASSWORD": "Password should contain atleast 1 uppercase letter, 1 lowercase letter, 1 number and 1 special character.",
|
||||||
|
"REQUIREMENTS_LENGTH": "At least 6 characters long",
|
||||||
|
"REQUIREMENTS_UPPERCASE": "At least one uppercase letter",
|
||||||
|
"REQUIREMENTS_LOWERCASE": "At least one lowercase letter",
|
||||||
|
"REQUIREMENTS_NUMBER": "At least one number",
|
||||||
|
"REQUIREMENTS_SPECIAL": "At least one special character"
|
||||||
},
|
},
|
||||||
"CONFIRM_PASSWORD": {
|
"CONFIRM_PASSWORD": {
|
||||||
"LABEL": "Confirm password",
|
"LABEL": "Confirm password",
|
||||||
"PLACEHOLDER": "Confirm password",
|
"PLACEHOLDER": "Confirm password",
|
||||||
"ERROR": "Password doesnot match."
|
"ERROR": "Passwords do not match."
|
||||||
},
|
},
|
||||||
"API": {
|
"API": {
|
||||||
"SUCCESS_MESSAGE": "Registration Successfull",
|
"SUCCESS_MESSAGE": "Registration Successful",
|
||||||
"ERROR_MESSAGE": "Could not connect to Woot server. Please try again."
|
"ERROR_MESSAGE": "Could not connect to Woot server. Please try again."
|
||||||
},
|
},
|
||||||
"SUBMIT": "Create account",
|
"SUBMIT": "Create account",
|
||||||
|
|||||||
@@ -554,10 +554,12 @@
|
|||||||
"WROTE": "wrote",
|
"WROTE": "wrote",
|
||||||
"YOU": "You",
|
"YOU": "You",
|
||||||
"SAVE": "Save note",
|
"SAVE": "Save note",
|
||||||
|
"ADD_NOTE": "Add contact note",
|
||||||
"EXPAND": "Expand",
|
"EXPAND": "Expand",
|
||||||
"COLLAPSE": "Collapse",
|
"COLLAPSE": "Collapse",
|
||||||
"NO_NOTES": "No notes, you can add notes from the contact details page.",
|
"NO_NOTES": "No notes, you can add notes from the contact details page.",
|
||||||
"EMPTY_STATE": "There are no notes associated to this contact. You can add a note by typing in the box above."
|
"EMPTY_STATE": "There are no notes associated to this contact. You can add a note by typing in the box above.",
|
||||||
|
"CONVERSATION_EMPTY_STATE": "There are no notes yet. Use the Add note button to create one."
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"EMPTY_STATE": {
|
"EMPTY_STATE": {
|
||||||
|
|||||||
@@ -227,6 +227,13 @@
|
|||||||
"YES": "Send",
|
"YES": "Send",
|
||||||
"CANCEL": "Отмени"
|
"CANCEL": "Отмени"
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
"QUOTED_REPLY": {
|
||||||
|
"ENABLE_TOOLTIP": "Include quoted email thread",
|
||||||
|
"DISABLE_TOOLTIP": "Don't include quoted email thread",
|
||||||
|
"REMOVE_PREVIEW": "Remove quoted email thread",
|
||||||
|
"COLLAPSE": "Collapse preview",
|
||||||
|
"EXPAND": "Expand preview"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"VISIBLE_TO_AGENTS": "Private Note: Only visible to you and your team",
|
"VISIBLE_TO_AGENTS": "Private Note: Only visible to you and your team",
|
||||||
|
|||||||
@@ -5,6 +5,8 @@
|
|||||||
"PLACEHOLDER": "Търсене",
|
"PLACEHOLDER": "Търсене",
|
||||||
"EMPTY_STATE": "Няма намерени резултати"
|
"EMPTY_STATE": "Няма намерени резултати"
|
||||||
},
|
},
|
||||||
"CLOSE": "Close"
|
"CLOSE": "Close",
|
||||||
|
"BETA": "Beta",
|
||||||
|
"BETA_DESCRIPTION": "This feature is in beta and may change as we improve it."
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -5,6 +5,8 @@
|
|||||||
"LEARN_MORE": "Learn more about inboxes",
|
"LEARN_MORE": "Learn more about inboxes",
|
||||||
"RECONNECTION_REQUIRED": "Your inbox is disconnected. You won't receive new messages until you reauthorize it.",
|
"RECONNECTION_REQUIRED": "Your inbox is disconnected. You won't receive new messages until you reauthorize it.",
|
||||||
"CLICK_TO_RECONNECT": "Click here to reconnect.",
|
"CLICK_TO_RECONNECT": "Click here to reconnect.",
|
||||||
|
"WHATSAPP_REGISTRATION_INCOMPLETE": "Your WhatsApp Business registration isn’t complete. Please check your display name status in Meta Business Manager before reconnecting.",
|
||||||
|
"COMPLETE_REGISTRATION": "Complete Registration",
|
||||||
"LIST": {
|
"LIST": {
|
||||||
"404": "There are no inboxes attached to this account."
|
"404": "There are no inboxes attached to this account."
|
||||||
},
|
},
|
||||||
@@ -605,8 +607,64 @@
|
|||||||
"BUSINESS_HOURS": "Business Hours",
|
"BUSINESS_HOURS": "Business Hours",
|
||||||
"WIDGET_BUILDER": "Widget Builder",
|
"WIDGET_BUILDER": "Widget Builder",
|
||||||
"BOT_CONFIGURATION": "Bot Configuration",
|
"BOT_CONFIGURATION": "Bot Configuration",
|
||||||
|
"ACCOUNT_HEALTH": "Account Health",
|
||||||
"CSAT": "CSAT"
|
"CSAT": "CSAT"
|
||||||
},
|
},
|
||||||
|
"ACCOUNT_HEALTH": {
|
||||||
|
"TITLE": "Manage your WhatsApp account",
|
||||||
|
"DESCRIPTION": "Review your WhatsApp account status, messaging limits, and quality. Update settings or resolve issues if needed",
|
||||||
|
"GO_TO_SETTINGS": "Go to Meta Business Manager",
|
||||||
|
"NO_DATA": "Health data is not available",
|
||||||
|
"FIELDS": {
|
||||||
|
"DISPLAY_PHONE_NUMBER": {
|
||||||
|
"LABEL": "Display phone number",
|
||||||
|
"TOOLTIP": "Phone number displayed to customers"
|
||||||
|
},
|
||||||
|
"VERIFIED_NAME": {
|
||||||
|
"LABEL": "Business name",
|
||||||
|
"TOOLTIP": "Business name verified by WhatsApp"
|
||||||
|
},
|
||||||
|
"DISPLAY_NAME_STATUS": {
|
||||||
|
"LABEL": "Display name status",
|
||||||
|
"TOOLTIP": "Status of your business name verification"
|
||||||
|
},
|
||||||
|
"QUALITY_RATING": {
|
||||||
|
"LABEL": "Quality rating",
|
||||||
|
"TOOLTIP": "WhatsApp quality rating for your account"
|
||||||
|
},
|
||||||
|
"MESSAGING_LIMIT_TIER": {
|
||||||
|
"LABEL": "Messaging limit tier",
|
||||||
|
"TOOLTIP": "Daily messaging limit for your account"
|
||||||
|
},
|
||||||
|
"ACCOUNT_MODE": {
|
||||||
|
"LABEL": "Account mode",
|
||||||
|
"TOOLTIP": "Current operating mode of your WhatsApp account"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"VALUES": {
|
||||||
|
"TIERS": {
|
||||||
|
"TIER_250": "250 customers per 24h",
|
||||||
|
"TIER_1000": "1K customers per 24h",
|
||||||
|
"TIER_1K": "1K customers per 24h",
|
||||||
|
"TIER_10K": "10K customers per 24h",
|
||||||
|
"TIER_100K": "100K customers per 24h",
|
||||||
|
"TIER_UNLIMITED": "Unlimited customers per 24h",
|
||||||
|
"UNKNOWN": "Rating not available"
|
||||||
|
},
|
||||||
|
"STATUSES": {
|
||||||
|
"APPROVED": "Approved",
|
||||||
|
"PENDING_REVIEW": "Pending Review",
|
||||||
|
"AVAILABLE_WITHOUT_REVIEW": "Available Without Review",
|
||||||
|
"REJECTED": "Rejected",
|
||||||
|
"DECLINED": "Declined",
|
||||||
|
"NON_EXISTS": "Non exists"
|
||||||
|
},
|
||||||
|
"MODES": {
|
||||||
|
"SANDBOX": "Sandbox",
|
||||||
|
"LIVE": "Live"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
"SETTINGS": "Settings",
|
"SETTINGS": "Settings",
|
||||||
"FEATURES": {
|
"FEATURES": {
|
||||||
"LABEL": "Features",
|
"LABEL": "Features",
|
||||||
@@ -618,6 +676,11 @@
|
|||||||
"SETTINGS_POPUP": {
|
"SETTINGS_POPUP": {
|
||||||
"MESSENGER_HEADING": "Messenger Script",
|
"MESSENGER_HEADING": "Messenger Script",
|
||||||
"MESSENGER_SUB_HEAD": "Place this button inside your body tag",
|
"MESSENGER_SUB_HEAD": "Place this button inside your body tag",
|
||||||
|
"ALLOWED_DOMAINS": {
|
||||||
|
"TITLE": "Allowed Domains",
|
||||||
|
"SUBTITLE": "Add wildcard or regular domains separated by commas (leave blank to allow all), e.g. *.chatwoot.dev, chatwoot.com.",
|
||||||
|
"PLACEHOLDER": "Enter domains separated by commas (eg: *.chatwoot.dev, chatwoot.com)"
|
||||||
|
},
|
||||||
"INBOX_AGENTS": "Агенти",
|
"INBOX_AGENTS": "Агенти",
|
||||||
"INBOX_AGENTS_SUB_TEXT": "Add or remove agents from this inbox",
|
"INBOX_AGENTS_SUB_TEXT": "Add or remove agents from this inbox",
|
||||||
"AGENT_ASSIGNMENT": "Conversation Assignment",
|
"AGENT_ASSIGNMENT": "Conversation Assignment",
|
||||||
|
|||||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user